/* Scoped overview; business forms and existing level pages keep their layout. */
#cert477Dashboard{padding:20px;min-width:0;max-width:100%;box-sizing:border-box;color:#142b49}
#cert477Dashboard h2{font-size:18px;margin:0 0 6px}
#cert477Dashboard p{margin:0}
#cert477Dashboard .cert477-heading p,#cert477Dashboard .cert477-hint{color:#5c708d;font-size:13px;line-height:1.6}
#cert477Dashboard .cert477-filters{display:grid;grid-template-columns:minmax(150px,210px) minmax(200px,1fr) 180px 150px;gap:12px;margin:20px 0 16px;align-items:end}
#cert477Dashboard .cert477-filters label{display:block;min-width:0;font-size:12px;font-weight:600;text-align:left}
#cert477Dashboard .cert477-filters input,#cert477Dashboard .cert477-filters select{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:none;height:38px;margin:6px 0 0;padding:0 10px;border:1px solid #becce0;border-radius:5px;background:#fff;color:#142b49;font-size:14px}
#cert477Dashboard .cert477-overview{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:10px}
#cert477Dashboard #cert477Summary{font-size:14px;font-weight:600}
#cert477Dashboard .cert477-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:#5c708d}
#cert477Dashboard .cert477-level{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:45px;height:26px;padding:0 8px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1}
#cert477Dashboard .cert477-lv0{color:#6e7b8e;background:#fafbfd;border-color:#dae2ed;font-weight:400}
#cert477Dashboard .cert477-lv1{color:#fff;background:#64748b;border-color:#475569}
#cert477Dashboard .cert477-lv2{color:#fff;background:#2563eb;border-color:#1d4ed8}
#cert477Dashboard .cert477-lv3{color:#713f12;background:#fde68a;border-color:#d97706}
#cert477Dashboard .cert477-lv4{color:#fff;background:#15803d;border-color:#166534}
#cert477Dashboard .cert477-hint{margin-bottom:12px}
#cert477Dashboard .cert477-table-scroll{overflow:auto;max-height:66vh;max-width:100%;border:1px solid #cbd7e6;border-radius:6px}
#cert477Dashboard .cert477-matrix{width:100%;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:13px}
#cert477Dashboard .cert477-name-col{width:160px}
#cert477Dashboard .cert477-process-col{width:100px}
#cert477Dashboard .cert477-task-col{width:112px}
#cert477Dashboard .cert477-matrix caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#cert477Dashboard .cert477-matrix th,#cert477Dashboard .cert477-matrix td{padding:12px 8px;text-align:center;vertical-align:middle;border-right:1px solid #e3e9f1;border-bottom:1px solid #dbe3ee;white-space:normal;overflow-wrap:anywhere;line-height:1.45;background:#fff}
#cert477Dashboard .cert477-matrix thead th{position:sticky;top:0;z-index:2;background:#edf2f8;font-size:12px;font-weight:600;height:48px;box-sizing:border-box}
#cert477Dashboard .cert477-matrix .cert477-name-cell{position:sticky;left:0;z-index:1;text-align:left;padding-left:14px;background:#f7f9fc}
#cert477Dashboard .cert477-matrix thead .cert477-name-cell{z-index:3;background:#edf2f8}
#cert477Dashboard .cert477-matrix .cert477-process-cell{background:#f7f9fc}
#cert477Dashboard .cert477-matrix tbody tr:last-child>*{border-bottom:0}
#cert477Dashboard .cert477-matrix tr>*:last-child{border-right:0}
#cert477Dashboard .cert477-matrix tbody tr:hover>*{background:#f0f5fd}
#cert477Dashboard .cert477-person{display:inline-block;max-width:100%;padding:2px 0;border:0;background:transparent;color:#244f94;font:inherit;font-weight:700;text-align:left;cursor:pointer;overflow-wrap:anywhere}
#cert477Dashboard .cert477-person:hover{text-decoration:underline}
#cert477Dashboard .cert477-name-cell small{display:block;margin-top:3px;font-size:11px;color:#6a7d96;font-weight:400}
#cert477Dashboard .cert477-unassigned{color:#8d99aa}
#cert477Dashboard .cert477-paging,#cert477Dashboard .cert477-paging>div{display:flex;align-items:center;gap:12px}
#cert477Dashboard .cert477-paging{justify-content:space-between;flex-wrap:wrap;margin-top:16px;font-size:13px;color:#506786}
#cert477Dashboard .cert477-empty{padding:48px 16px;text-align:center;border:1px solid #dbe3ee;border-radius:6px;color:#6a7d96}
#cert477Dashboard button:focus-visible,#cert477Dashboard input:focus-visible,#cert477Dashboard select:focus-visible,#cert477Dashboard .cert477-table-scroll:focus-visible{outline:2px solid #315fba;outline-offset:2px}
@media(max-width:850px){#cert477Dashboard .cert477-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#cert477Dashboard{padding:16px}}
@media(max-width:480px){#cert477Dashboard .cert477-filters{grid-template-columns:minmax(0,1fr)}#cert477Dashboard .cert477-name-col{width:124px}#cert477Dashboard .cert477-paging{gap:10px}}

/* V479: wrap headings at word boundaries, never split the final letter. */
body #app main#main #cert477Dashboard .cert477-matrix thead th.cert479-task-heading{word-break:keep-all !important;overflow-wrap:normal !important;white-space:normal !important}
body #app main#main #cert477Dashboard .cert479-task-heading span{white-space:nowrap}
body #app main#main #cert477Dashboard .cert479-task-heading[data-task-name="Connection"],body #app main#main #cert477Dashboard .cert479-task-heading[data-task-name="Integration"]{white-space:nowrap !important}

/* V480: consistent distinct colours for certification level badges. */
body #main #certBody .badge.cert480-level-1{color:#fff!important;background:#64748b!important;border-color:#475569!important;font-weight:700}
body #main #certBody .badge.cert480-level-2{color:#fff!important;background:#2563eb!important;border-color:#1d4ed8!important;font-weight:700}
body #main #certBody .badge.cert480-level-3{color:#713f12!important;background:#fde68a!important;border-color:#d97706!important;font-weight:700}
body #main #certBody .badge.cert480-level-4{color:#fff!important;background:#15803d!important;border-color:#166534!important;font-weight:700}

#certPreview .cert472-review .cert-meta select{width:100%;max-width:100%;min-width:0;height:38px!important;min-height:38px!important;margin:0!important;box-sizing:border-box}
#cert480ProcessForm select{width:100%;min-width:160px;height:38px;box-sizing:border-box}