:root{--navy:#10223d;--navy-2:#182f4e;--gold:#c49a49;--gold-soft:#f4ead5;--paper:#f4f6f9;--ink:#17243a;--muted:#6f7b8d;--line:#dde3ea;--danger:#d84f56;--warning:#d69b31;--success:#347a61;--shadow:0 8px 22px rgba(16,34,61,.09)}
body{background:var(--paper);color:var(--ink)}
.app-shell{grid-template-columns:235px 1fr;direction:ltr}.sidebar,main{direction:rtl}.sidebar{background:#fff;color:var(--ink);border-left:1px solid var(--line);padding:0 14px 22px;box-shadow:2px 0 14px rgba(16,34,61,.05)}
.brand{margin:0 -14px;padding:18px 18px;background:var(--navy);border:0;color:#fff;min-height:82px}.brand-mark{width:42px;height:42px;font-size:13px}.brand strong{font-size:17px;letter-spacing:.04em}.brand small{font-size:8px;letter-spacing:.13em;color:#d7dfeb}
.sidebar nav{margin-top:18px;gap:5px}.nav-item{color:#3a485b;padding:12px 14px;font-size:12px;border-radius:9px}.nav-item:hover,.nav-item.active{background:#e9eef4;color:var(--navy);box-shadow:0 2px 6px rgba(16,34,61,.12)}.nav-item.active{font-weight:800}.nav-item span{font-size:10px;color:var(--navy)}.sidebar-note{color:#7c8796;border-top:1px solid var(--line);padding-top:16px}.topbar{height:82px;background:var(--navy);color:#fff;border:0;padding:0 30px}.topbar .eyebrow,.topbar .user-chip small{color:#b9c5d4}.topbar h1{font-size:18px}.user-chip>span{background:#fff;color:var(--navy)}.user-chip strong{font-size:12px}.logout-button{background:rgba(255,255,255,.12);color:#fff}
.view{padding:28px 34px 50px;max-width:1550px}.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dashboard-intro h2{font-size:25px;margin:6px 0}.dashboard-intro p{margin:0;color:var(--muted)}.cycle-badge{background:#e2efe9;color:#2e6d56;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800}
.intel-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.intel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.intel-kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.intel-kpi:before{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background:var(--gold)}.intel-kpi.danger:before{background:var(--danger)}.intel-kpi.warning:before{background:var(--warning)}.intel-kpi span,.intel-kpi small,.intel-kpi strong{display:block}.intel-kpi span{font-size:11px;color:var(--muted)}.intel-kpi strong{font-size:28px;margin:8px 0;color:var(--navy)}.intel-kpi small{font-size:10px;color:#8a95a4}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.72fr);gap:18px}.matrix-heart{min-height:440px}.insights-panel{display:flex;flex-direction:column}.insight-mark{font-size:25px;color:var(--gold)}.insights-list{display:grid;gap:10px;margin:20px 0;flex:1}.insight-item{display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #edf0f4}.insight-item b{color:var(--gold);font-size:11px}.insight-item p{font-size:11px;line-height:1.75;margin:0}.full-button{width:100%}.text-button{border:0;background:transparent;color:var(--navy);font:inherit;font-size:11px;cursor:pointer;font-weight:700}
.section-head{align-items:center;margin-bottom:18px}.section-head h2{font-size:24px}.section-head p{color:var(--muted);font-size:12px;margin:7px 0 0}.list-toolbar{border-radius:13px;padding:14px 18px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px}.unit-filter{display:grid;gap:10px;min-width:0;flex:1}.unit-single{display:inline-flex;align-items:center;gap:9px;background:#f7fbff;border:1px solid #d9e6f1;border-radius:999px;padding:9px 13px;color:#10223d}.unit-single span{color:#738295;font-size:10px;font-weight:900}.unit-single strong{font-size:12px}.unit-filter-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.unit-filter-top span,.unit-filter-top strong{display:block}.unit-filter-top span{color:#738295;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.unit-filter-top strong{color:#10223d;margin-top:3px}.unit-clear{border:1px solid #d6e3ee;background:#f7fbff;color:#155b93;border-radius:999px;padding:6px 10px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.unit-search-row{display:grid;grid-template-columns:minmax(210px,.38fr) 1fr;gap:10px;align-items:center}.unit-search-row input{width:100%;border:1px solid #d5e2ee;background:#fff;border-radius:13px;padding:11px 13px;font:inherit;color:#10223d;box-shadow:inset 0 1px 0 rgba(16,34,61,.03)}.unit-search-row input:focus{outline:2px solid #cbe7fb;border-color:#6fb6df}.unit-chips{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.unit-chips button{border:1px solid #d7e4ef;background:#fff;color:#40536a;border-radius:999px;padding:9px 12px;font:inherit;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.unit-chips button:hover,.unit-chips button.active{background:linear-gradient(135deg,#10223d,#155b93);border-color:#10223d;color:#fff}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.role-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-align:right;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--shadow);transition:.18s}.role-card:hover{transform:translateY(-3px);border-color:#bba36f}.role-icon{width:45px;height:45px;border-radius:12px;background:var(--gold-soft);display:grid;place-items:center;color:#826325;font-weight:900}.role-card-head{display:flex;align-items:center;gap:12px}.role-card h3{font-size:15px;margin:0 0 5px}.role-card p{margin:0;color:var(--muted);font-size:11px}.employee-unit{margin:5px 0 0;color:#718196;font-size:11px}.role-card-footer{border-top:1px solid #edf0f4;margin-top:16px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.open-link{color:var(--navy);font-weight:800}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-card{border-radius:16px}.employee-avatar{background:var(--gold-soft);color:#735a2d;border-color:#fbf7ed}.manager-banner{background:linear-gradient(120deg,var(--navy),var(--navy-2));border-radius:18px}.assessment-layout{grid-template-columns:285px 1fr}.criteria-nav{border-radius:18px}.criterion-link.active{background:var(--gold-soft);color:#72561e;border-right-color:var(--gold)}.score-row{direction:rtl}.score-button{min-height:58px}.score-button small{display:block;font-size:9px;font-weight:400;margin-top:5px;color:var(--muted)}.score-button.selected{background:var(--navy);border-color:var(--navy);color:#fff}.score-button.selected small{color:#dbe3ec}.anchor-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;font-size:9px;color:var(--muted);text-align:center;margin-top:7px}.scenario{border-right-color:var(--gold);background:#faf8f2}.classification-banner{border-radius:14px}.result-panel{margin-top:18px}
.matrix-page{position:relative}.matrix-box{display:grid;grid-template-columns:70px repeat(3,minmax(130px,1fr));grid-template-rows:42px repeat(3,minmax(120px,1fr));min-height:520px;gap:5px;direction:ltr}.matrix-box.compact{min-height:330px;grid-template-columns:52px repeat(3,minmax(90px,1fr));grid-template-rows:34px repeat(3,minmax(82px,1fr))}.matrix-axis-title{display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--navy)}.matrix-axis-title.vertical{writing-mode:vertical-rl;transform:rotate(180deg)}.matrix-label{display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--muted)}.matrix-cell{position:relative;border-radius:12px;background:#f3ead2;border:1px solid #e5d8b7;min-width:0}.matrix-cell.high-high{background:#f5dddd;border-color:#ecc5c7}.matrix-cell.low-low,.matrix-cell.high-low{background:#e2efe7;border-color:#cce2d5}.matrix-point{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 2px 5px rgba(16,34,61,.35);cursor:pointer;transform:translate(-50%,-50%)}.matrix-point:hover{scale:1.18}.matrix-point-label{position:absolute;font-size:8px;white-space:nowrap;transform:translate(-50%,12px);color:#3d4857}.matrix-empty{text-align:center;color:var(--muted);font-size:12px;padding:16px}.matrix-tooltip{position:fixed;z-index:60;width:280px;background:var(--navy);color:#fff;border-radius:14px;padding:17px;box-shadow:0 18px 42px rgba(16,34,61,.3);pointer-events:none;font-size:11px;line-height:1.7}.matrix-tooltip strong{font-size:14px;display:block;margin-bottom:8px}.matrix-tooltip span{display:block;color:#c8d2df}
.subscore-panel{display:grid;gap:12px;width:100%;direction:rtl}.subscore-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d9e5ef;background:linear-gradient(135deg,#f8fbff,#eef6fc);border-radius:16px;padding:14px 16px}.subscore-summary span,.subscore-summary small{color:#5b6f84;font-size:11px;font-weight:800}.subscore-summary strong{font-size:26px;color:#10223d}.subscore-item{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(360px,1.3fr);gap:14px;align-items:center;border:1px solid #e0e9f1;background:#fff;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(16,34,61,.04)}.subscore-item strong{display:block;color:#10223d;font-size:14px}.subscore-item small{display:block;color:#697c90;font-size:10px;margin-top:5px}.subscore-buttons{display:grid;grid-template-columns:repeat(5,minmax(58px,1fr));gap:7px}.score-button.mini{min-height:50px;padding:8px 6px;font-size:13px}.score-button.mini small{font-size:8px;line-height:1.35}[dir="ltr"] .subscore-panel{direction:ltr}@media(max-width:900px){.subscore-item{grid-template-columns:1fr}.subscore-buttons{grid-template-columns:repeat(5,1fr)}}@media(max-width:620px){.subscore-buttons{grid-template-columns:1fr}.subscore-summary{align-items:flex-start;flex-direction:column}}
.table-panel{padding:0;overflow:auto;border-radius:17px}.table-panel table{min-width:900px}.table-panel th{background:#f4f6f8;color:#697586;padding:13px 14px;white-space:nowrap}.table-panel td{font-size:11px;padding:13px 14px}.table-input,.table-select{width:100%;min-width:74px;border:1px solid #e4d4ac;background:#fffaf0;border-radius:7px;padding:7px;font:inherit}.risk-high{color:#c43d46;font-weight:800}.risk-medium{color:#b17a1d;font-weight:800}.risk-low{color:#31745b;font-weight:800}.score-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:5px}.score-dot.high{background:#d54a53}.score-dot.medium{background:#d5a03d}.score-dot.low{background:#4f8d72}.action-chip{display:inline-block;border-radius:999px;padding:6px 9px;background:#edf1f5;color:#33465c;font-size:9px;font-weight:700}.why-button{border:1px solid var(--gold);background:#fffaf0;color:#765a24;border-radius:999px;padding:5px 9px;font:inherit;font-size:9px;cursor:pointer;margin-right:6px}
.talent-modal{border:0;border-radius:20px;padding:0;width:min(560px,calc(100% - 28px));box-shadow:0 30px 80px rgba(16,34,61,.34);color:var(--ink)}.talent-modal::backdrop{background:rgba(8,18,33,.62)}.talent-modal>div{padding:28px}.modal-close{position:absolute;left:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#edf1f5;font-size:22px;cursor:pointer}.talent-card-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.talent-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.talent-metric{background:#f6f8fa;border-radius:11px;padding:13px}.talent-metric span,.talent-metric strong{display:block}.talent-metric span{font-size:10px;color:var(--muted);margin-bottom:5px}.why-copy{line-height:2;color:#384a60}.why-copy strong{color:var(--navy)}
@media(max-width:1150px){.intel-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.role-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.app-shell{display:block}.sidebar{right:0;left:auto}.view{padding:20px 13px 36px}.intel-kpis{grid-template-columns:1fr 1fr;gap:9px}.intel-kpi{padding:14px}.dashboard-intro{align-items:flex-start}.role-grid,.team-grid{grid-template-columns:1fr}.matrix-box{grid-template-columns:45px repeat(3,minmax(82px,1fr));min-height:430px}.list-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.talent-card-body{grid-template-columns:1fr}.score-button{padding:8px 4px}.anchor-labels{display:none}}
@media(max-width:720px){.unit-filter{width:100%}.unit-search-row{grid-template-columns:1fr}.unit-chips{width:100%}.team-legend{gap:8px}}

/* 2.1 visual refresh */
body{background:radial-gradient(circle at 78% 2%,rgba(54,132,190,.12),transparent 28%),linear-gradient(180deg,#f7f9fc 0%,#eef2f7 100%)}
.topbar{background:linear-gradient(110deg,#0b1e38 0%,#163b63 100%);box-shadow:0 8px 28px rgba(10,31,58,.16)}
.brand{background:linear-gradient(145deg,#0b1e38,#173e68)}
.dashboard-intro{background:linear-gradient(115deg,#0b2341 0%,#155b93 100%);position:relative;overflow:hidden;box-shadow:0 20px 45px rgba(15,44,78,.18)}
.dashboard-intro:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:-70px;top:-135px;box-shadow:0 0 0 40px rgba(255,255,255,.035)}
.intel-panel,.intel-kpi,.role-card,.employee-card{border-color:rgba(205,216,229,.8);box-shadow:0 12px 34px rgba(24,48,79,.075)}
.intel-kpi,.role-card,.employee-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.intel-kpi:hover,.role-card:hover,.employee-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(24,48,79,.13);border-color:#b9cee0}
.role-icon,.employee-avatar{background:linear-gradient(145deg,#14385e,#1d76b3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 7px 18px rgba(22,83,128,.18)}
.primary-button{background:linear-gradient(110deg,#1768a8,#1e83c6);box-shadow:0 8px 18px rgba(24,111,174,.22)}

.matrix-box{grid-template-columns:42px 58px repeat(3,minmax(130px,1fr));grid-template-rows:34px 30px repeat(3,minmax(120px,1fr));min-height:570px;gap:7px;padding:8px;direction:ltr}
.matrix-box.compact{grid-template-columns:30px 46px repeat(3,minmax(90px,1fr));grid-template-rows:30px 25px repeat(3,minmax(86px,1fr));min-height:405px;padding:3px;gap:5px}
.matrix-axis-title.horizontal{grid-column:3/6;background:linear-gradient(90deg,#eff5fa,#e6eff7);border-radius:9px;letter-spacing:.01em}
.matrix-axis-title.vertical{grid-column:1;grid-row:3/6;background:linear-gradient(180deg,#eff5fa,#e6eff7);border-radius:9px;writing-mode:vertical-rl;transform:rotate(180deg)}
.matrix-cell{overflow:hidden;background:linear-gradient(145deg,#fbf4e4,#f2e7cb);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.matrix-cell.high-high{background:linear-gradient(145deg,#f9e2e3,#f3d1d4)}
.matrix-cell.low-low{background:linear-gradient(145deg,#e8f4ec,#daebe1)}
.matrix-cell-name{position:absolute;top:9px;left:9px;right:9px;text-align:center;font-size:9px;font-weight:800;line-height:1.45;color:#596577;opacity:.9;direction:rtl}
.matrix-box.compact .matrix-cell-name{top:6px;font-size:7.5px;line-height:1.25}
.matrix-point{background:linear-gradient(145deg,#173d65,#091e37);box-shadow:0 4px 10px rgba(11,35,64,.35)}
.matrix-point.needs-review{background:linear-gradient(145deg,#d69a25,#9b6512);box-shadow:0 0 0 4px rgba(214,154,37,.18),0 4px 10px rgba(11,35,64,.28)}

@media(max-width:720px){.matrix-box{grid-template-columns:28px 42px repeat(3,minmax(78px,1fr));grid-template-rows:30px 26px repeat(3,minmax(100px,1fr));padding:0}.matrix-cell-name{font-size:7px}.matrix-axis-title{font-size:8px}}
/* Modern Aliasys visual layer */
body{background:linear-gradient(135deg,#f6f8fb 0%,#eef3f7 100%)}
.sidebar{box-shadow:8px 0 28px rgba(16,34,61,.08)}
.brand{background:linear-gradient(145deg,#0c2340,#173f68);box-shadow:0 8px 22px rgba(12,35,64,.18)}
.topbar{box-shadow:0 5px 22px rgba(8,29,52,.18);position:sticky}
.intel-panel,.intel-kpi,.role-card,.employee-card{box-shadow:0 10px 28px rgba(16,34,61,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.intel-panel:hover{box-shadow:0 14px 34px rgba(16,34,61,.1)}
.intel-kpi{background:linear-gradient(145deg,#fff,#f9fbfd)}
.role-card:hover,.employee-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,34,61,.13)}
.primary-button{background:linear-gradient(135deg,#146eaf,#208bc8);box-shadow:0 8px 18px rgba(20,110,175,.2);transition:transform .18s,box-shadow .18s}
.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(20,110,175,.3)}
.secondary-button{border:1px solid #d8e2eb;transition:background .18s,border-color .18s,transform .18s}
.secondary-button:hover{background:#e4eef6;border-color:#9ec5df;transform:translateY(-1px)}
.dashboard-intro{padding:4px 2px 10px}
.cycle-badge{box-shadow:0 5px 14px rgba(46,109,86,.12)}
.manager-banner{box-shadow:0 14px 35px rgba(12,35,64,.2)}
.smart-guide{margin:14px 0 20px}
.smart-guide summary{cursor:pointer;user-select:none;list-style:none;display:inline-flex;align-items:center;gap:8px}
.smart-guide summary::-webkit-details-marker{display:none}
.smart-guide summary:after{content:'＋';font-size:16px;line-height:1}
.smart-guide[open] summary:after{content:'−'}
.smart-guide .definition{margin-top:12px;padding:14px 16px;border:1px solid #dce7ef;border-radius:12px;background:linear-gradient(135deg,#f8fbfd,#edf5fa);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.question-panel{border-top:4px solid var(--gold)}
.matrix-cell{box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
@media(max-width:720px){.topbar{padding:0 16px}.view{padding:22px 14px 38px}.intel-panel{padding:18px;border-radius:17px}.dashboard-intro{align-items:flex-start}.dashboard-intro h2{font-size:21px}.role-grid{grid-template-columns:1fr}.intel-kpis{gap:10px}.intel-kpi{padding:14px}.intel-kpi strong{font-size:24px}}
.dashboard-intro h2{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dashboard-intro p{color:#dbeaf7}.dashboard-intro .eyebrow{color:#a9cce5}.dashboard-intro .cycle-badge{position:relative;z-index:1;background:#e2f3eb;color:#236b52}.section-head h2,.panel-head h3{color:var(--navy)}.section-head p,.intel-kpi span,.intel-kpi small{color:#5d6d80}
.dashboard-intro h2{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}.dashboard-intro p:not(.eyebrow){color:#e6f1fa!important}.dashboard-intro .eyebrow{color:#b9d8ec!important}.intel-kpi span,.intel-kpi small{color:#52647a!important}.section-head h2,.panel-head h3{color:#10223d!important}
.language-switcher{display:flex;gap:4px;align-items:center;direction:ltr;background:#eef4f8;border:1px solid #d4e1eb;border-radius:999px;padding:3px;position:absolute;top:18px;left:22px;z-index:3}.language-switcher button{border:0;background:transparent;color:#49627a;border-radius:999px;padding:5px 10px;font:600 11px/1 inherit;cursor:pointer}.language-switcher button.active{background:#10223d;color:#fff}.top-language{position:static;margin-inline-start:auto;margin-inline-end:12px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.top-language button{color:#dbeaf5}.top-language button.active{background:#fff;color:#10223d}
.phantom-policy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.phantom-policy>div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:#f5f8fb;border:1px solid #dce6ef}.phantom-policy strong{color:#10223d}.phantom-policy span{color:#60758a;font-size:13px;line-height:1.7}@media(max-width:800px){.phantom-policy{grid-template-columns:1fr}}
.risk-guide{margin:16px 0;padding:16px 20px;border-radius:16px}.risk-guide summary{display:inline-flex;cursor:pointer}.guide-copy{margin-top:14px;color:#405873;line-height:2;font-size:13px}.guide-copy h4{margin:12px 0 4px;color:#10223d;font-size:14px}.guide-copy ul{margin:4px 0 8px;padding-inline-start:22px}.guide-copy li{margin:2px 0}.guide-copy strong{color:#10223d}
.grade-boundary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.grade-boundary>div{display:flex;flex-direction:column;gap:7px;padding:16px;border-radius:14px;background:linear-gradient(180deg,#f7fafc,#eef4f8);border:1px solid #dce6ef}.grade-boundary strong{color:#10223d}.grade-boundary span{color:#5d6f83;font-size:13px;line-height:1.75}.grade-badge{display:inline-flex;align-items:center;justify-content:center;min-width:46px;border-radius:999px;padding:6px 10px;background:#10223d;color:#fff;font-weight:800;letter-spacing:.02em}.grade-input{min-width:88px}.grade-note{width:220px;min-height:48px;border:1px solid #d7e2ec;border-radius:8px;padding:8px;font:inherit;font-size:11px;line-height:1.6;resize:vertical;background:#fff}.grade-note:focus{outline:2px solid #cbe9fa;border-color:#1167b1}@media(max-width:900px){.grade-boundary{grid-template-columns:1fr}.grade-note{width:180px}}
.grading-details{margin-top:18px}.selected-grade-row{background:#f7fbff}.grade-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.grade-summary-card{border:1px solid #dce6ef;background:#f7fafc;border-radius:14px;padding:14px}.grade-summary-card span,.grade-summary-card small{display:block;color:#66778b;font-size:11px}.grade-summary-card strong{display:block;color:#10223d;font-size:25px;margin:7px 0}.grade-summary-card.total{background:linear-gradient(135deg,#10223d,#155b93);border-color:#10223d}.grade-summary-card.total span,.grade-summary-card.total small,.grade-summary-card.total strong{color:#fff}.grade-note-line{border:1px solid #e6d4a8;background:#fffaf0;color:#775b1f;border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:12px}.grade-question-list{display:grid;gap:14px}.grade-question{border:1px solid #dce6ef;border-radius:16px;padding:17px;background:#fff}.grade-question-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grade-question-head span{background:#eaf2fa;color:#10223d;border-radius:8px;padding:5px 8px;font-weight:800;font-size:11px}.grade-question-head strong{font-size:15px;color:#10223d}.grade-question-head em{font-style:normal;margin-inline-start:auto;color:#8a6a2d;background:#fff6df;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.grade-question p{margin:12px 0 5px;line-height:1.8;color:#10223d}.grade-question>small{display:block;color:#65778b;line-height:1.8;margin-bottom:12px}.grade-score-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0}.grade-evidence{width:100%;border:1px solid #d7e2ec;border-radius:10px;padding:10px;font:inherit;resize:vertical;line-height:1.7}.grade-final-row{display:grid;grid-template-columns:170px 190px 1fr;gap:12px;margin-top:18px;align-items:start}.grade-final-row label span{display:block;font-weight:800;color:#10223d;margin-bottom:7px;font-size:12px}.grade-notes-field textarea{width:100%;border:1px solid #d7e2ec;border-radius:10px;padding:10px;font:inherit;resize:vertical;line-height:1.7}@media(max-width:900px){.grade-summary{grid-template-columns:1fr 1fr}.grade-score-row{grid-template-columns:1fr}.grade-final-row{grid-template-columns:1fr}}
.subscore-guide{margin-top:10px}.subscore-guide summary{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe0ee;background:#eef7ff;color:#155b93;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;cursor:pointer;list-style:none}.subscore-guide summary::-webkit-details-marker{display:none}.subscore-guide summary:before{content:"ⓘ";font-size:12px}.subscore-guide[open] summary{background:#155b93;color:#fff;border-color:#155b93}.subscore-guide ul{margin:10px 0 0;padding:12px 22px 12px 14px;border:1px solid #dce8f2;background:#f8fbfe;border-radius:14px;color:#314962;line-height:1.9;font-size:12px}.subscore-guide li{margin:3px 0}[dir="ltr"] .subscore-guide ul{padding:12px 14px 12px 24px}
.rubric-guide{width:100%}.rubric-guide summary{background:linear-gradient(135deg,#eef7ff,#fff7e8);border-color:#cfe1f0;color:#0b2a4a;box-shadow:0 10px 22px rgba(13,44,76,.08)}.rubric-guide[open] summary{background:linear-gradient(135deg,#0f4f84,#1b77b8);color:#fff}.rubric-levels{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-top:12px}.rubric-levels article{position:relative;overflow:hidden;border:1px solid #d8e5f0;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:16px;padding:14px 12px 12px;box-shadow:0 12px 28px rgba(16,34,61,.07);min-height:190px}.rubric-levels article:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#1f7cc1,#e3a72b)}.rubric-levels article span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:12px;background:#e8f3ff;color:#0d4f85;font-weight:1000;font-size:13px;margin-bottom:8px}.rubric-levels article h5{margin:0 0 5px;font-size:13px;color:#0b223f;font-weight:1000}.rubric-levels article h6{margin:0 0 8px;font-size:11.5px;line-height:1.7;color:#31506e;font-weight:900}.rubric-levels article p{margin:0;color:#475f78;font-size:11.5px;line-height:1.85}.rubric-levels article small{display:block;margin-top:10px;border-radius:12px;background:#fff8e8;border:1px solid #f1dca8;color:#6a4a12;padding:8px;font-size:11px;line-height:1.7}.rubric-levels article:nth-child(1):before{background:#94a3b8}.rubric-levels article:nth-child(2):before{background:#3b82f6}.rubric-levels article:nth-child(3):before{background:#10b981}.rubric-levels article:nth-child(4):before{background:#f59e0b}.rubric-levels article:nth-child(5):before{background:#ef4444}@media(max-width:1280px){.rubric-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.rubric-levels{grid-template-columns:1fr}.rubric-levels article{min-height:auto}}
.grade-assessment-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:-4px -4px 18px;padding:22px 24px;border-radius:20px;background:linear-gradient(120deg,#10223d,#155b93);color:#fff}.grade-assessment-hero h3{margin:6px 0 8px;font-size:25px;color:#fff}.grade-assessment-hero p{margin:0;color:#d8e8f5;line-height:1.8}.grade-assessment-hero .eyebrow{color:#b8d8ee}.grade-assessment-hero .secondary-button{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.25)}.grade-section-block{border:1px solid #dbe6ef;border-radius:20px;padding:18px;background:#f8fbfd;box-shadow:0 10px 24px rgba(16,34,61,.04)}.grade-section-block+ .grade-section-block{margin-top:16px}.grade-section-block>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid #e4edf4}.grade-section-block h4{margin:4px 0 6px;color:#10223d;font-size:20px}.grade-section-block header span{display:block;color:#61768b;line-height:1.8;font-size:12px}.grade-section-block header strong{min-width:92px;text-align:center;border-radius:14px;background:#10223d;color:#fff;padding:11px 13px;font-size:17px}.grade-section-block header em{font-style:normal;border-radius:999px;background:#fff6df;color:#8a681e;padding:8px 11px;font-size:11px;font-weight:800;white-space:nowrap}.grade-question{margin-top:12px;border-color:#dfe9f1;box-shadow:0 8px 20px rgba(16,34,61,.035)}.grade-question p{font-size:15px;font-weight:800}.grade-score-row .score-button{min-height:66px;background:#fdfefe}.grade-score-row .score-button.selected{background:#10223d;color:#fff}.grade-score-row .score-button.selected small{color:#dbeaf7}[dir="ltr"] .grade-assessment-hero,[dir="ltr"] .grade-section-block,[dir="ltr"] .grade-question{text-align:left}@media(max-width:900px){.grade-assessment-hero{flex-direction:column}.grade-section-block>header{grid-template-columns:1fr}.grade-section-block header strong{text-align:start}}
[dir="ltr"] .login-card{text-align:left}[dir="ltr"] .field-label,[dir="ltr"] .security-disclaimer{text-align:left}[dir="ltr"] .sidebar{border-left:0;border-right:1px solid #dbe4ed}[dir="ltr"] main{direction:ltr}[dir="ltr"] .topbar,[dir="ltr"] .section-head,[dir="ltr"] .dashboard-intro{direction:ltr}[dir="ltr"] .question-panel,[dir="ltr"] .criteria-nav,[dir="ltr"] .intel-panel{ text-align:left}

.grade-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.grade-form-panel,.grade-analysis-panel{min-width:0}
.grade-form-panel{display:grid;gap:16px}
.grade-panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#fff,#f2f7fb);border:1px solid #dce6ef;box-shadow:0 10px 24px rgba(16,34,61,.045)}
.grade-panel-title h4{margin:4px 0 0;color:#10223d;font-size:21px}
.grade-panel-title>span{border-radius:999px;background:#e9f4ff;color:#155b93;padding:9px 13px;font-weight:900;font-size:12px}
.grade-analysis-panel{position:sticky;top:112px;display:grid;gap:14px}
.grade-analysis-card{border:1px solid #dce6ef;border-radius:20px;padding:18px;background:#fff;box-shadow:0 12px 28px rgba(16,34,61,.07)}
.grade-analysis-top{background:linear-gradient(145deg,#10223d,#1665a3);color:#fff;border-color:#10223d}
.grade-analysis-top .eyebrow,.grade-analysis-top span,.grade-analysis-top small{color:#dbeaf7}
.grade-analysis-top h4{font-size:44px;line-height:1;margin:10px 0;color:#fff}
.grade-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.2);overflow:hidden;margin:15px 0 8px}
.grade-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#69d7e8,#f5c45b)}
.grade-analysis-card h5{margin:0 0 13px;color:#10223d;font-size:16px}
.grade-analysis-metric{display:grid;grid-template-columns:1fr 84px;gap:12px;align-items:center;padding:12px;border-radius:14px;background:#f7fafc;margin-top:10px;border:1px solid #e1eaf2}
.grade-analysis-metric span,.grade-analysis-metric small{display:block;color:#65778b;font-size:11px}
.grade-analysis-metric strong{display:block;color:#10223d;font-size:20px;margin:3px 0}
.grade-analysis-metric i{height:10px;border-radius:999px;background:linear-gradient(90deg,#1f8bd1 var(--value),#e6eef5 var(--value));display:block}
.grade-analysis-metric.problemSolving i{background:linear-gradient(90deg,#d49a24 var(--value),#f1e6cc var(--value))}
.grade-analysis-metric.accountability i{background:linear-gradient(90deg,#27a774 var(--value),#dff2ea var(--value))}
.grade-analysis-card.total{background:linear-gradient(135deg,#fff9ec,#f6ead0);border-color:#e8d3a5}
.grade-analysis-card.total span,.grade-analysis-card.total small{display:block;color:#735a2d}
.grade-analysis-card.total strong{display:block;font-size:36px;color:#10223d;margin:6px 0}
.grade-final-card{display:grid;gap:12px}
.grade-final-card label span{display:block;font-weight:900;color:#10223d;margin-bottom:7px;font-size:12px}
.grade-final-card textarea{width:100%;border:1px solid #d7e2ec;border-radius:10px;padding:10px;font:inherit;resize:vertical;line-height:1.7}
.grade-final-card .primary-button,.grade-final-card .secondary-button{width:100%}
.grade-section-block{background:#fff}
.grade-section-block:nth-child(1){border-top:5px solid #1f8bd1}
.grade-section-block:nth-child(2){border-top:5px solid #d49a24}
.grade-section-block:nth-child(3){border-top:5px solid #27a774}
.grade-question{background:linear-gradient(180deg,#fff,#fbfdff)}
.grade-question-head span{background:#10223d;color:#fff}
[dir="ltr"] .grade-workspace,[dir="ltr"] .grade-panel-title,[dir="ltr"] .grade-analysis-card,[dir="ltr"] .grade-section-block,[dir="ltr"] .grade-question{text-align:left}
@media(max-width:1150px){.grade-workspace{grid-template-columns:1fr}.grade-analysis-panel{position:static;grid-template-columns:1fr 1fr}.grade-final-card{grid-column:1/-1}}
@media(max-width:720px){.grade-analysis-panel{grid-template-columns:1fr}.grade-panel-title{align-items:flex-start;flex-direction:column}.grade-analysis-top h4{font-size:36px}}

.question-assist-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.question-assist-row .smart-guide{margin:0}.assistant-button,.guide-bot-mini{border:0;border-radius:999px;background:linear-gradient(135deg,#10223d,#1f8bd1);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(31,139,209,.22);transition:.18s}.assistant-button{padding:11px 16px}.guide-bot-mini{margin-inline-start:auto;padding:7px 11px;font-size:11px}.assistant-button:hover,.guide-bot-mini:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(31,139,209,.28)}.guide-bot-modal{width:min(760px,calc(100% - 28px))}.guide-bot-shell{padding:0!important;overflow:hidden}.guide-bot-head{display:flex;align-items:center;gap:14px;padding:22px 24px;background:linear-gradient(135deg,#10223d,#155b93);color:#fff}.guide-bot-head h2{margin:4px 0;color:#fff;font-size:21px}.guide-bot-head .eyebrow,.guide-bot-head small{color:#dcecf8}.bot-avatar{width:48px;height:48px;border-radius:16px;background:#fff;color:#155b93;display:grid;place-items:center;font-weight:1000;box-shadow:0 12px 30px rgba(0,0,0,.18)}.guide-bot-messages{max-height:420px;overflow:auto;padding:20px 24px;background:linear-gradient(180deg,#f7fafc,#eef5fa);display:grid;gap:12px}.guide-message{max-width:88%;border-radius:18px;padding:14px 16px;line-height:2;font-size:13px;box-shadow:0 10px 24px rgba(16,34,61,.07)}.guide-message.bot{justify-self:start;background:#fff;border:1px solid #dce6ef}.guide-message.user{justify-self:end;background:#10223d;color:#fff}.guide-message p{margin:0 0 8px}.guide-message p:last-child{margin-bottom:0}.guide-message ul{margin:8px 0;padding-inline-start:22px}.bot-guardrail{border-top:1px dashed #d8e3ec;margin-top:10px!important;padding-top:10px;color:#66778b;font-size:12px}.guide-bot-prompts{display:flex;gap:8px;flex-wrap:wrap;padding:14px 24px;background:#fff;border-top:1px solid #e0e9f1}.guide-bot-prompts button{border:1px solid #d7e2ec;background:#f8fbfd;color:#10223d;border-radius:999px;padding:8px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.guide-bot-prompts button:hover{background:#e9f4ff;border-color:#b8d8ee}.guide-bot-form{display:grid;grid-template-columns:1fr 92px;gap:10px;padding:16px 24px 22px;background:#fff}.guide-bot-form input{border:1px solid #d2dfeb;border-radius:12px;padding:12px 14px;font:inherit}.guide-bot-form input:focus{outline:2px solid #b8d8ee;border-color:#1f8bd1}[dir="ltr"] .question-assist-row,[dir="ltr"] .guide-bot-head,[dir="ltr"] .guide-message{text-align:left}@media(max-width:720px){.guide-bot-form{grid-template-columns:1fr}.guide-message{max-width:100%}.guide-bot-mini{width:100%;margin-inline-start:0}}

/* Final action plan: combined succession + knowledge risk */
.final-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.final-summary-card{position:relative;overflow:hidden;border:1px solid #dfe8f1;border-radius:18px;background:linear-gradient(145deg,#fff,#f9fbfe);box-shadow:var(--shadow);padding:18px 18px 16px;min-height:118px}
.final-summary-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:6px;background:#1f8bd1}
.final-summary-card:after{content:"";position:absolute;inset-inline-end:18px;top:18px;width:42px;height:42px;border-radius:50%;background:rgba(31,139,209,.12);display:grid;place-items:center;font-size:20px;font-weight:1000}
.final-summary-card span,.final-summary-card small{display:block;color:#5d6f83;font-size:11px;font-weight:800;max-width:calc(100% - 56px)}
.final-summary-card strong{display:block;color:#10223d;font-size:31px;line-height:1;margin:13px 0 10px}
.final-summary-card.danger:before{background:#e04f5f}.final-summary-card.danger:after{content:"!";background:#ffe5e9;color:#c53545}
.final-summary-card.warning:before{background:#dda02c}.final-summary-card.warning:after{content:"S";background:#fff2d6;color:#ad7412}
.final-summary-card.blue:before{background:#1f8bd1}.final-summary-card.blue:after{content:"K";background:#e5f2ff;color:#1264a3}
.final-summary-card.success:before{background:#20b77a}.final-summary-card.success:after{content:"✓";background:#e5f8ef;color:#16885d}
.final-plan-table-wrap{border-radius:22px;overflow:auto;padding:0!important;background:linear-gradient(180deg,#fff,#f9fbfe)}
.action-plan-table{min-width:1280px;border-collapse:separate;border-spacing:0 10px;padding:12px;background:#f4f7fb}
.action-plan-table thead th{background:#10223d!important;color:#fff!important;font-size:11px;padding:14px 16px;border:0}
.action-plan-table thead th:first-child{border-radius:0 14px 14px 0}.action-plan-table thead th:last-child{border-radius:14px 0 0 14px}
.action-plan-table tbody tr{background:#fff;box-shadow:0 10px 28px rgba(16,34,61,.07)}
.action-plan-table td{background:#fff!important;border-top:1px solid #e3edf5;border-bottom:1px solid #e3edf5;vertical-align:top;padding:16px!important;font-size:12px!important}
.action-plan-table td:first-child{border-inline-start:1px solid #e3edf5;border-radius:0 16px 16px 0;border-right:4px solid #dfe8f1}
.action-plan-table td:last-child{border-inline-end:1px solid #e3edf5;border-radius:16px 0 0 16px}
.priority-row.danger td:first-child{border-right-color:#e04f5f}.priority-row.warning td:first-child{border-right-color:#dda02c}.priority-row.blue td:first-child{border-right-color:#1f8bd1}.priority-row.success td:first-child{border-right-color:#20b77a}
.action-plan-table td strong{display:block;color:#10223d;font-size:13px;margin-bottom:6px}.action-plan-table td small{display:block;color:#6b7d91;line-height:1.8;margin-top:6px}
.matrix-mini-chip{display:inline-flex;align-items:center;max-width:210px;border-radius:12px;background:#eef5fb;color:#10223d;border:1px solid #d8e6f1;padding:9px 11px;font-size:11px;font-weight:900;line-height:1.7}
.risk-action{display:grid;gap:8px;min-width:160px}.risk-action strong{margin:0!important}
.risk-pill,.priority-chip{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:1000;white-space:nowrap}
.risk-pill.high,.priority-chip.danger{background:#ffe5e9;color:#bb2e3d;border:1px solid #ffcbd3}
.risk-pill.medium,.priority-chip.warning{background:#fff2d6;color:#9a6a13;border:1px solid #f2d493}
.risk-pill.low,.priority-chip.success{background:#e7f8ef;color:#14734e;border:1px solid #c4ecd7}
.risk-pill.pending,.priority-chip.neutral{background:#eef2f6;color:#607086;border:1px solid #dce5ee}
.priority-chip.blue{background:#e8f1ff;color:#185bb8;border:1px solid #bdd6ff}
.action-plan-table .priority-chip{min-width:128px;padding-inline:12px}
.action-bundle{display:flex;flex-wrap:wrap;gap:7px;min-width:220px}.action-bundle span{display:inline-flex;align-items:center;border-radius:999px;background:linear-gradient(135deg,#10223d,#155b93);color:#fff;padding:7px 10px;font-size:10px;font-weight:900;box-shadow:0 8px 18px rgba(16,34,61,.14)}
.action-explain-button{border:1px solid #bfd6ea;background:#fff;color:#10223d;border-radius:999px;padding:7px 11px;font:inherit;font-size:10px;font-weight:1000;cursor:pointer;box-shadow:0 8px 18px rgba(16,34,61,.08);transition:.18s}.action-explain-button:hover{background:#eaf5ff;border-color:#8fc0e8;transform:translateY(-1px)}
.action-explain-modal{width:min(880px,calc(100% - 28px))}.action-explain-modal .modal-close{left:18px;top:18px;z-index:8;width:auto;height:38px;border-radius:999px;padding:0 14px;background:#fff!important;color:#10223d!important;font-size:0;box-shadow:0 12px 28px rgba(16,34,61,.22)}.action-explain-modal .modal-close:after{content:"بستن ×";font-size:13px;font-weight:1000}.action-explain-modal>div{padding:0!important;overflow:hidden}.action-explain-hero{position:relative;padding:26px 30px;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,#10223d,#155b93);color:#fff}.action-explain-hero h2{margin:6px 0;color:#fff;font-size:28px}.action-explain-hero p{margin:0;color:#d8e8f5;line-height:1.8}.action-explain-hero .eyebrow{color:#b8d8ee}.action-explain-hero .priority-chip{margin-top:14px;background:#fff;color:#10223d;border:0}.action-explain-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 22px;background:#f4f8fb;border-bottom:1px solid #dfe8f1}.action-explain-metrics div{border:1px solid #dfe8f1;border-radius:14px;background:#fff;padding:13px}.action-explain-metrics span{display:block;color:#6a7c91;font-size:10px;font-weight:900;margin-bottom:7px}.action-explain-metrics strong{display:block;color:#10223d;font-size:15px}.action-explain-why{padding:22px 28px 8px}.action-explain-why h3{margin:0 0 10px;color:#10223d;font-size:21px}.action-explain-why p{margin:0;color:#405873;line-height:2}.action-definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 28px 24px}.action-definition-grid article{border:1px solid #dfe8f1;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbfd);padding:16px;box-shadow:0 10px 24px rgba(16,34,61,.05)}.action-definition-grid h4{margin:0 0 9px;color:#10223d;font-size:15px}.action-definition-grid p{margin:0;color:#52677d;line-height:1.9;font-size:12px}.action-explain-note{margin:0 28px 16px;border:1px solid #f0d18b;background:#fff8e8;color:#775b1f;border-radius:14px;padding:13px 15px;line-height:1.9;font-size:12px;font-weight:800}.action-explain-footer{display:flex;justify-content:flex-start;padding:0 28px 26px}.action-explain-footer .primary-button{min-width:130px}
@media(max-width:720px){.action-explain-metrics,.action-definition-grid{grid-template-columns:1fr}.action-explain-hero{padding:22px}.action-explain-why,.action-definition-grid{padding-inline:20px}.action-explain-note{margin-inline:20px}}
@media(max-width:1150px){.final-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.final-summary-grid{grid-template-columns:1fr}.action-plan-table{min-width:1050px}}

/* Executive dashboard refresh based on selected mockup */
.app-shell{grid-template-columns:218px 1fr;background:#f4f7fb}
.sidebar{background:linear-gradient(180deg,#071d36 0%,#0d3158 100%)!important;color:#f4f8fd!important;border-left:0!important;padding:0 10px 16px!important;box-shadow:14px 0 36px rgba(7,29,54,.18)!important}
.brand{margin:0 -10px!important;min-height:92px!important;padding:20px 18px!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}.brand-mark{border-color:rgba(255,255,255,.92);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.brand strong{color:#fff}.brand small{color:#b6c9dd!important}
.sidebar nav{gap:10px!important;margin-top:22px!important}.nav-item{height:48px;border-radius:13px!important;color:#e8f1fb!important;padding:8px 10px 8px 8px!important;justify-content:space-between;gap:10px;background:transparent;position:relative;font-weight:800;letter-spacing:-.01em}.nav-item span{order:2;width:34px!important;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff!important;font-size:16px!important;background:linear-gradient(135deg,#256fba,#1b87d1);box-shadow:0 10px 18px rgba(0,0,0,.18)}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(35,130,207,.92),rgba(34,114,194,.7))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.16)!important}.nav-item.active:before{content:"";position:absolute;right:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:#35d49b}.nav-item:nth-child(2) span{background:linear-gradient(135deg,#d49b26,#f2b83f)}.nav-item:nth-child(3) span{background:linear-gradient(135deg,#18a66e,#37c495)}.nav-item:nth-child(4) span{background:linear-gradient(135deg,#6b52be,#8c70e6)}.nav-item:nth-child(5) span{background:linear-gradient(135deg,#d84458,#f06473)}.nav-item:nth-child(6) span{background:linear-gradient(135deg,#165a9e,#2477c1)}.nav-item:nth-child(7) span{background:linear-gradient(135deg,#0e869b,#26adc1)}.nav-item:nth-child(8) span{background:linear-gradient(135deg,#4765c5,#6785ee)}.nav-item:nth-child(9) span{background:linear-gradient(135deg,#7354c9,#9b7bf0)}.nav-item:nth-child(10) span{background:linear-gradient(135deg,#c79624,#e4bd57)}.nav-item:nth-child(11) span{background:linear-gradient(135deg,#3765bd,#5987e2)}
.sidebar-note{margin:18px 6px 0!important;border-top:1px solid rgba(255,255,255,.12)!important;border-radius:14px;background:rgba(255,255,255,.05);padding:14px 12px!important;color:#d7e6f4!important}.status-dot{box-shadow:0 0 0 6px rgba(75,211,160,.16)}
.topbar{height:92px!important;background:linear-gradient(110deg,#071d36 0%,#0b2d52 55%,#123d68 100%)!important;color:#fff!important;border-bottom:0!important;box-shadow:0 12px 32px rgba(7,29,54,.22)!important}.topbar .eyebrow{color:#b9cce0!important}.topbar h1{font-size:24px!important;color:#fff!important}.user-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px}.user-chip>span{background:#fff!important;color:#0b2d52!important}.user-chip strong{color:#fff}.logout-button{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}.top-language{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important}.top-language button.active{background:#fff!important;color:#0b2d52!important}
.view{padding:30px 34px 52px}.dashboard-intro{background:transparent!important;box-shadow:none!important;margin:0 0 18px!important;padding:0!important;min-height:auto}.dashboard-intro:after{display:none}.dashboard-intro h2{color:#10223d!important;text-shadow:none!important;font-size:28px!important}.dashboard-intro p:not(.eyebrow){color:#69778b!important}.dashboard-intro .eyebrow{color:#6c7d91!important}.cycle-badge{background:#eef8f3!important;color:#1d7a59!important;border:1px solid #caeadc}
.intel-kpis{gap:14px;margin-bottom:18px}.intel-kpi{min-height:128px;border-radius:17px!important;padding:22px 20px!important;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;background:linear-gradient(145deg,#fff,#f9fbfe)!important;border-color:#dfe8f1!important;overflow:hidden}.intel-kpi:before{right:auto!important;left:0!important;width:5px!important}.intel-kpi .kpi-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:900;background:#e8f6ef;color:#169064}.intel-kpi.blue:before{background:#2077cf}.intel-kpi.blue .kpi-icon{background:#e8f2ff;color:#2077cf}.intel-kpi.warning .kpi-icon{background:#fff3d9;color:#d59824}.intel-kpi.danger .kpi-icon{background:#ffe8eb;color:#d84f56}.intel-kpi.success:before{background:#19a878}.intel-kpi.success .kpi-icon{background:#e6f7ef;color:#19a878}.intel-kpi strong{font-size:30px!important;line-height:1.1;margin:9px 0 8px!important}.intel-kpi span{font-size:12px!important;font-weight:800}.kpi-spark{display:none!important}
.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(270px,.58fr);gap:18px;align-items:stretch}.dashboard-grid>.intel-panel{min-width:0;overflow:hidden}.insights-panel,.matrix-heart{border-radius:22px!important}.insights-panel{min-height:470px;padding:22px!important}.insights-panel .panel-head{align-items:center}.insights-list{gap:12px;margin:16px 0}.insight-item{border:1px solid #e7edf3;border-radius:13px;padding:13px 12px;min-height:72px;background:linear-gradient(180deg,#fff,#fbfdff)}.insight-item b{background:#fff8e8;border:1px solid #f1dbac;border-radius:9px;padding:6px 7px;text-align:center;color:#b47c19}.matrix-heart{min-height:590px}.matrix-heart .panel-head{margin-bottom:10px}.matrix-cell{border-radius:12px!important}.matrix-cell.high-high{background:linear-gradient(145deg,#fae3e5,#f7d4d9)!important}.matrix-cell.low-low{background:linear-gradient(145deg,#edf8f2,#e2f1e9)!important}.matrix-cell:not(.high-high):not(.low-low){background:linear-gradient(145deg,#fff8e8,#f8ecd3)!important}.matrix-point{width:20px;height:20px}.matrix-point-label{font-weight:800;color:#223754}
#dashboardMatrix.matrix-box.compact{width:100%;max-width:100%;min-width:0;min-height:470px;grid-template-columns:34px 50px repeat(3,minmax(0,1fr));grid-template-rows:34px 28px repeat(3,minmax(105px,1fr));gap:7px}
#dashboardMatrix.matrix-box.compact .matrix-cell-name{font-size:8.5px;line-height:1.3}
@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:218px 1fr}}
@media(max-width:720px){.topbar{height:84px!important}.topbar h1{font-size:18px!important}.sidebar{width:250px!important}.intel-kpis{grid-template-columns:1fr}.intel-kpi{min-height:132px}.user-chip{display:none}.dashboard-intro h2{font-size:22px!important}}
.committee-review-panel{margin:18px 0;padding:18px;border:1px solid #dbe7f1;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fffaf0);box-shadow:0 10px 24px rgba(16,34,61,.05)}
.committee-review-panel h4{margin:5px 0 6px;color:#10223d;font-size:18px}
.committee-review-panel small,.committee-meta{display:block;color:#63778b;font-size:11px;line-height:1.8}
.committee-review-grid{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:end;margin:14px 0}
.committee-review-grid label span{display:block;font-weight:900;color:#10223d;margin-bottom:7px;font-size:12px}
.committee-class-badge{min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #d4e4f1;background:#eef7ff;color:#0b4f84;border-radius:10px;padding:8px 12px}
.committee-meta{margin:9px 0 13px}
.committee-review-panel .primary-button{min-width:180px}
.committee-review-panel.muted{background:#f8fafc;color:#64748b}
.committee-review-full{background:linear-gradient(180deg,#f8fbff,#fff);border-color:#d6e4ef}
.committee-review-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.committee-score-summary{min-width:190px;border:1px solid #dbe7f1;background:#fff;border-radius:15px;padding:13px 15px;text-align:center;box-shadow:0 10px 22px rgba(16,34,61,.06)}
.committee-score-summary span,.committee-score-summary strong{display:block}
.committee-score-summary span{font-size:10px;color:#64748b;font-weight:900}
.committee-score-summary strong{margin-top:6px;color:#10223d;font-size:16px}
.committee-criteria-list{display:grid;gap:12px;margin:16px 0}
.committee-criterion-card{border:1px solid #dce7f0;background:#fff;border-radius:16px;padding:15px;box-shadow:0 8px 18px rgba(16,34,61,.04)}
.committee-criterion-card.complete{border-color:#badbc9;background:linear-gradient(180deg,#fff,#fbfffd)}
.committee-criterion-card header{display:grid;grid-template-columns:44px 1fr 72px;gap:12px;align-items:start;margin-bottom:12px}
.committee-criterion-card header>span{display:grid;place-items:center;border-radius:11px;background:#eef5fb;color:#0b4f84;font-weight:1000;padding:9px 6px}
.committee-criterion-card h5{margin:0 0 5px;color:#10223d;font-size:14px}
.committee-criterion-card p{margin:0 0 6px;color:#10223d;font-size:12px;line-height:1.9}
.committee-criterion-card small{color:#667789;line-height:1.8}
.committee-criterion-card header>strong{display:grid;place-items:center;border-radius:12px;background:#fffaf0;border:1px solid #eed8ab;color:#8a5c10;min-height:42px}
.committee-score-row{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:10px}
.committee-evidence{width:100%;border:1px solid #dbe7f1;border-radius:12px;padding:10px 12px;font:inherit;font-size:12px;resize:vertical;background:#fbfdff}
.committee-subscore-list{display:grid;gap:10px;margin-bottom:10px}
.committee-subscore-item{display:grid;grid-template-columns:minmax(180px,1fr) minmax(330px,1.2fr);gap:12px;align-items:center;border:1px solid #eef2f6;border-radius:13px;padding:10px;background:#fbfdff}
.committee-subscore-item b{display:block;color:#10223d;margin-bottom:5px}
.committee-matrix-panel{margin-top:18px}
.committee-matrix-panel .panel-head{gap:18px;align-items:flex-start}
.committee-matrix-panel .panel-head p{margin:8px 0 0;color:#64748b;font-size:11px;line-height:1.8}
.committee-matrix-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.committee-matrix-legend span{display:inline-flex;align-items:center;gap:7px;border:1px solid #dbe7f1;background:#f8fbff;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;color:#30445c;white-space:nowrap}
.committee-matrix-legend i{width:12px;height:12px;display:inline-block;border-radius:50%;box-shadow:0 0 0 3px #fff}
.committee-matrix-legend i.manager{background:#2077cf}
.committee-matrix-legend i.committee{background:#d49b26;border-radius:4px;transform:rotate(45deg)}
.committee-compare-matrix{min-height:470px;margin-top:12px}
.committee-compare-matrix .matrix-point{width:24px;height:24px;border-width:3px;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:1000;z-index:2}
.committee-compare-matrix .matrix-point.manager-point{background:linear-gradient(145deg,#2c90e5,#0c5598);box-shadow:0 0 0 4px rgba(32,119,207,.15),0 5px 12px rgba(16,34,61,.26)}
.committee-compare-matrix .matrix-point.committee-point{background:linear-gradient(145deg,#f1b548,#a96e12);border-radius:7px;box-shadow:0 0 0 4px rgba(212,155,38,.18),0 5px 12px rgba(16,34,61,.24)}
.committee-compare-matrix .matrix-point-label{font-size:8px;font-weight:900;background:rgba(255,255,255,.82);border:1px solid rgba(219,231,241,.9);border-radius:999px;padding:1px 5px;color:#1d3148;z-index:1;max-width:82px;overflow:hidden;text-overflow:ellipsis}
.committee-compare-matrix .matrix-point-label.manager-label{transform:translate(-50%,14px)}
.committee-compare-matrix .matrix-point-label.committee-label{transform:translate(-50%,-25px)}
@media(max-width:720px){.committee-review-grid,.committee-review-title-row,.committee-subscore-item{grid-template-columns:1fr;display:grid}.committee-review-panel .primary-button{width:100%}.committee-score-row{grid-template-columns:1fr 1fr}.committee-criterion-card header{grid-template-columns:1fr}.committee-score-summary{text-align:right}.committee-matrix-legend{justify-content:flex-start}.committee-compare-matrix{min-height:430px}.committee-compare-matrix .matrix-point-label{display:none}}

.giver-boundary,.giver-calculation-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.giver-boundary>div,.giver-calculation-strip>div{border:1px solid rgba(16,34,61,.09);border-radius:22px;background:linear-gradient(145deg,#fff,#f8fbff);padding:1rem;box-shadow:0 14px 32px rgba(16,34,61,.06)}
.giver-boundary strong,.giver-calculation-strip span{display:block;color:#0f2544;margin-bottom:.35rem}
.giver-boundary span,.giver-form-head p,.giver-question-card p{color:#627188;line-height:1.9}
.giver-manager-panel{display:grid;gap:1rem}
.giver-table-wrap table small{display:block;color:#718198;margin-top:.25rem}
.giver-form-panel{margin-top:1rem;border-top:4px solid #1e78b8}
.giver-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.giver-result-chip{min-width:210px;border-radius:24px;background:#0f2544;color:#fff;padding:1rem;text-align:center;box-shadow:0 18px 44px rgba(15,37,68,.18)}
.giver-result-chip span,.giver-result-chip small{display:block;color:#d7e8f8}
.giver-result-chip strong{display:block;font-size:2rem;line-height:1.2}
.giver-source-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}
.giver-source-tabs button{border:1px solid #d7e3ef;background:#f7fbff;color:#17304f;border-radius:999px;padding:.7rem 1.1rem;font-weight:800;cursor:pointer}
.giver-source-tabs button small{display:block;font-size:.68rem;font-weight:700;opacity:.72;margin-top:.2rem}
.giver-source-tabs button.active{background:linear-gradient(135deg,#0f426f,#1d89cf);color:#fff;border-color:transparent;box-shadow:0 14px 30px rgba(30,120,184,.2)}
.giver-calculation-strip{grid-template-columns:repeat(5,minmax(0,1fr));margin:1rem 0}
.giver-calculation-strip strong{font-size:1.45rem;color:#10223d}
.giver-form-progress{position:relative;min-height:44px;border:1px solid #d8e5f0;border-radius:999px;background:#f5f9fd;overflow:hidden;margin:1rem 0;display:flex;align-items:center;justify-content:center;color:#10223d;font-weight:900}
.giver-form-progress span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#31b98d,#208bd2);border-radius:999px;opacity:.18}
.giver-form-progress strong{position:relative;z-index:1}
.giver-question-list{display:grid;gap:1rem;margin-top:1rem}
.giver-question-card{position:relative;border:1px solid #dbe6f2;border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(32,139,210,.08),transparent 32%),linear-gradient(180deg,#fff,#fbfdff);padding:1.1rem;box-shadow:0 18px 42px rgba(16,34,61,.07);overflow:hidden}
.giver-question-card:before{content:"";position:absolute;inset-inline-start:0;top:18px;bottom:18px;width:4px;border-radius:999px;background:#d9e6f2}
.giver-question-card.complete:before{background:linear-gradient(180deg,#31b98d,#208bd2)}
.giver-question-top{display:grid;grid-template-columns:54px 1fr auto;gap:1rem;align-items:start}
.giver-question-number{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#10223d,#1f78b8);color:#fff;font-size:1.25rem;font-weight:1000;box-shadow:0 14px 28px rgba(16,34,61,.2)}
.giver-question-top small{display:block;color:#8a9aab;font-weight:900;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.2rem}
.giver-question-top b{border:1px solid #dce8f2;background:#f4f8fc;color:#68798d;border-radius:999px;padding:.45rem .7rem;font-size:.72rem;white-space:nowrap}
.giver-question-card.complete .giver-question-top b{background:#e9f9f2;color:#16815d;border-color:#c8ecd9}
.giver-question-card h4{margin:0 0 .25rem;color:#10223d;font-size:1.15rem}
.giver-question-card textarea{width:100%;margin-top:.75rem;border:1px solid #d4e1ee;border-radius:18px;padding:.85rem;resize:vertical;min-height:74px;font-family:inherit}
.giver-score-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-top:.8rem}
.giver-peer-name{width:100%;max-width:420px;margin-bottom:.6rem}
.giver-self-note{border-right:4px solid #24b88a}
.giver-kpi .kpi-icon{background:#e7f4ff;color:#1d78b9}
.giver-map-card{margin:1rem 0;overflow:hidden}
.giver-map-card .panel-head p{margin:.35rem 0 0;color:#6b7d91;line-height:1.8;font-size:.8rem}
.giver-map-legend{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}
.giver-map-legend span{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #dfe9f3;background:#fff;border-radius:999px;padding:.45rem .65rem;font-size:.72rem;font-weight:900;color:#203854}
.giver-map-legend small{color:#7b8ca1;font-size:.65rem}
.giver-map-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.giver-map{position:relative;min-height:430px;border:1px solid #d8e5f0;border-radius:28px;background:#fff;overflow:hidden;margin-top:1rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}
.giver-map:before{content:"";position:absolute;inset:38px 44px 44px 56px;background-image:linear-gradient(rgba(16,34,61,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,34,61,.06) 1px,transparent 1px);background-size:20% 20%;z-index:1}
.giver-map-zones{position:absolute;inset:38px 44px 44px 56px;display:grid;grid-template-columns:25fr 20fr 20fr 15fr 20fr;border-radius:22px;overflow:hidden;z-index:0}
.giver-zone{display:flex;align-items:flex-start;justify-content:center;padding-top:1rem;color:rgba(16,34,61,.56);font-weight:1000;font-size:.78rem;border-inline-end:1px solid rgba(255,255,255,.7)}
.giver-zone.strong-taker{background:linear-gradient(180deg,#ffe4e8,#fff4f5)}
.giver-zone.taker-risk{background:linear-gradient(180deg,#fff0d1,#fff9eb)}
.giver-zone.balanced{background:linear-gradient(180deg,#edf3fb,#f9fbff)}
.giver-zone.giver{background:linear-gradient(180deg,#eaf7ef,#f8fffb)}
.giver-zone.strong-giver{background:linear-gradient(180deg,#dbf4ed,#f1fffb)}
.giver-map-axis{position:absolute;color:#203854;font-size:.75rem;font-weight:1000;z-index:3}
.giver-map-axis.y{top:190px;right:8px;writing-mode:vertical-rl;transform:rotate(180deg)}
.giver-map-axis.x{left:50%;bottom:12px;transform:translateX(-50%)}
.giver-map-point{position:absolute;z-index:4;width:42px;height:42px;transform:translate(-50%,50%);border:3px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:1000;cursor:pointer;box-shadow:0 10px 24px rgba(16,34,61,.24),0 0 0 5px rgba(255,255,255,.52)}
.giver-map-point.strong-giver{background:linear-gradient(135deg,#0aa571,#28d29b)}
.giver-map-point.giver{background:linear-gradient(135deg,#23945c,#61c783)}
.giver-map-point.balanced{background:linear-gradient(135deg,#57708f,#84a2c3)}
.giver-map-point.taker-risk{background:linear-gradient(135deg,#c8871b,#f2b640)}
.giver-map-point.strong-taker{background:linear-gradient(135deg,#c93d50,#f06576)}
.giver-map-point.critical:after{content:"★";position:absolute;top:-9px;right:-6px;width:20px;height:20px;border-radius:50%;background:#10223d;color:#fff;display:grid;place-items:center;font-size:.6rem;border:2px solid #fff}
.giver-map-empty{position:absolute;inset:38px 44px 44px 56px;z-index:2;display:grid;place-items:center;color:#60728a;font-weight:900}
.giver-class-badge{display:inline-flex;border-radius:999px;padding:.35rem .65rem;font-size:.72rem;font-weight:1000;border:1px solid #dbe7f1;background:#f6f9fc;color:#334a63}
.giver-class-badge.strong-giver,.giver-map-legend i.strong-giver{background:#14b981;color:#fff;border-color:#bcebdc}
.giver-class-badge.giver,.giver-map-legend i.giver{background:#5ec783;color:#fff;border-color:#ccefd7}
.giver-class-badge.balanced,.giver-map-legend i.balanced{background:#7894b2;color:#fff;border-color:#d2deeb}
.giver-class-badge.taker-risk,.giver-map-legend i.taker-risk{background:#e5a936;color:#fff;border-color:#f5dfaa}
.giver-class-badge.strong-taker,.giver-map-legend i.strong-taker{background:#e15768;color:#fff;border-color:#f5c4cc}
@media(max-width:900px){.giver-boundary,.giver-calculation-strip{grid-template-columns:1fr}.giver-form-head{display:block}.giver-result-chip{margin-top:1rem;width:100%}.giver-score-row{grid-template-columns:1fr}.giver-question-top{grid-template-columns:1fr}.giver-map{min-height:360px}.giver-map-legend{justify-content:flex-start}.giver-map-point{width:34px;height:34px}.giver-zone strong{display:none}}
/* Giver–Taker: separate working surfaces and explicit behavioral choices. */
#giver .giver-boundary{display:none}
#giver [hidden]{display:none!important}
#giver .gt-sections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 24px}
#giver .gt-sections button{background:#fff;border:1px solid #ccd9e8;border-radius:14px;padding:18px 12px;text-align:start;display:grid;grid-template-columns:32px 1fr;gap:4px 10px;color:#233c59;cursor:pointer;font:inherit}
#giver .gt-sections button>span{grid-row:span 2;border-radius:50%;background:#edf3fa;width:30px;height:30px;display:grid;place-items:center}
#giver .gt-sections strong{font-size:1rem;line-height:1.5}
#giver .gt-sections small{font-size:.875rem;direction:ltr;text-align:start}
#giver .gt-sections .active{background:#123652;color:#fff;border-color:#123652;box-shadow:0 8px 22px #12365220}
#giver .gt-sections .active>span{background:#2a5878}
#giver button:focus-visible,#giver select:focus-visible,#giver input:focus-visible{outline:3px solid #217bc1;outline-offset:3px}
#giver .giver-form-panel{padding:28px}
#giver .gt-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
#giver .gt-person{display:grid;grid-template-columns:48px 1fr;text-align:start;gap:7px 14px;padding:22px;border:1px solid #d8e3ee;border-radius:16px;background:#fff;color:#173453;font:inherit;cursor:pointer;transition:box-shadow .15s,border-color .15s}
#giver .gt-person:hover{border-color:#2484bb;box-shadow:0 6px 18px #17436212}
#giver .gt-avatar{grid-row:span 3;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e9f4fc;font-weight:bold}
#giver .gt-person small{font-size:.875rem;line-height:1.8;color:#52667e}
#giver .gt-person b{font-size:.875rem;color:#146893}
#giver .gt-person-selector{display:flex;align-items:center;gap:18px;padding:18px;background:#edf4fa;border-radius:12px;margin-bottom:24px}
#giver .gt-person-selector select{font:inherit;padding:12px;min-width:260px;max-width:100%;border:1px solid #bccddd;border-radius:8px;background:white;color:#123652}
#giver .giver-form-head{align-items:center}
#giver .giver-form-head h3{font-size:1.35rem;line-height:1.8}
#giver .giver-result-chip{display:none}
#giver .gt-scale-guide{margin:24px 0;padding:20px 24px;border-inline-start:4px solid #2484bb;background:#f0f7fc;border-radius:10px;color:#203e59}
#giver .gt-scale-guide h4{margin:0 0 8px;font-size:1.15rem}
#giver .gt-scale-guide p{font-size:1rem;line-height:1.95;margin:0}
#giver .giver-question-list{display:grid;gap:26px}
#giver .giver-question-card{padding:26px;border:1px solid #d7e2ed;border-radius:18px;box-shadow:0 3px 12px #15345506}
#giver .giver-question-top{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:16px}
#giver .giver-question-top h4{font-size:1.2rem;margin:4px 0 8px}
#giver .giver-question-top p{font-size:1.05rem;line-height:1.95;color:#243d58;margin:0}
#giver .giver-question-top small{font-size:.875rem;color:#5a7089}
#giver .giver-question-top>b{font-size:.875rem;white-space:nowrap}
#giver .giver-score-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0}
#giver .giver-score-row .score-button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;min-height:175px;height:auto;padding:18px 14px;background:#fff;border:2px solid #d5e1ed;border-radius:12px;text-align:start;font-size:1.45rem;font-weight:700;color:#25435f;white-space:normal}
#giver .giver-score-row .score-button small{font:inherit;font-size:.9375rem;line-height:1.85;font-weight:400;color:#334e68;white-space:normal}
#giver .giver-score-row .score-button:hover{border-color:#64a4cd;background:#f4faff}
#giver .giver-score-row .score-button.selected{border-color:#137bbb;background:#e8f5ff;box-shadow:0 0 0 2px #137bbb18;color:#075d91}
#giver .giver-score-row .score-button.selected::after{content:'✓';position:absolute;inset-inline-end:12px;top:14px;font-size:1.2rem;color:#075d91}
#giver textarea{font:inherit;font-size:1rem;line-height:1.8;min-height:85px;border:1px solid #cbd9e6;border-radius:10px;padding:14px;width:100%;box-sizing:border-box}
#giver [data-read-only="true"] button:disabled,#giver [data-read-only="true"] textarea:disabled{opacity:1;cursor:default}
#giver .form-actions{padding-top:24px;gap:14px}
#giver .giver-map-card{margin:24px 0}
#giver .gt-comparisons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
#giver .gt-comparisons article{border:1px solid #dae4ed;padding:20px;border-radius:14px}
#giver .gt-bar{display:grid;grid-template-columns:130px 1fr 38px;gap:12px;align-items:center;margin:12px 0;font-size:.875rem}
#giver .gt-bar>div{background:#edf2f7;height:12px;border-radius:8px;overflow:hidden}
#giver .gt-bar i{display:block;height:100%;border-radius:8px;background:#198ac1}
#giver .gt-bar i.manager{background:#157962}
#giver .gt-bar i.peer{background:#8661bc}
@media(max-width:1150px){#giver .gt-sections{grid-template-columns:repeat(3,minmax(0,1fr))}#giver .giver-score-row{grid-template-columns:1fr}#giver .giver-score-row .score-button{min-height:0;display:grid;grid-template-columns:32px 1fr;align-items:center;padding:16px 38px 16px 16px}#giver .gt-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#giver .gt-sections{grid-template-columns:repeat(2,minmax(0,1fr))}#giver .gt-people-grid,#giver .gt-comparisons{grid-template-columns:1fr}#giver .giver-form-panel,#giver .giver-question-card{padding:16px}#giver .gt-person-selector{display:grid}#giver .gt-person-selector select{min-width:0;width:100%}#giver .giver-question-top{grid-template-columns:32px 1fr}#giver .giver-question-top>b{grid-column:2}#giver .gt-bar{grid-template-columns:100px 1fr 30px}}

/* Normal-flow placement keeps all assessed people visible in crowded cells. */
#dashboardMatrix .matrix-cell,#fullMatrix .matrix-cell{display:flex;flex-direction:column;padding:10px 8px;overflow:visible}
#dashboardMatrix .matrix-cell-name,#fullMatrix .matrix-cell-name{position:static;display:block;min-height:28px;flex-shrink:0}
#dashboardMatrix .matrix-people,#fullMatrix .matrix-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(88px,100%),1fr));gap:16px 8px;align-content:center;flex:1;padding:16px 0 8px;direction:rtl}
#dashboardMatrix .matrix-person,#fullMatrix .matrix-person{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center}
#dashboardMatrix .matrix-point,#fullMatrix .matrix-point{position:static;transform:none;flex-shrink:0}
#dashboardMatrix .matrix-point-label,#fullMatrix .matrix-point-label{position:static;transform:none;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.6}
#dashboardMatrix .matrix-point:focus-visible,#fullMatrix .matrix-point:focus-visible{outline:3px solid #217bc1;outline-offset:4px}
/* Keep long account menus reachable at every viewport height. */
.sidebar{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#719ac0 #0b2d52}
.sidebar>.brand,.sidebar>nav,.sidebar>.sidebar-note{flex-shrink:0}

#giver [data-self-choice='NA'][aria-pressed='true']{background:#e8f5ff;border:2px solid #137bbb;color:#075d91}
#giver #selfReflectionStatus{line-height:1.9;min-height:1.9em}

.sync-status-bar{position:sticky;top:92px;z-index:6;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 18px;background:#edf7f3;color:#155d45;font-size:13px;border-bottom:1px solid #cce4d9}.sync-status-bar[data-kind="pending"],.sync-status-bar[data-kind="saving"]{background:#fff7e5;color:#775719}.sync-status-bar[data-kind="error"]{background:#fff0f0;color:#923636}.sync-status-bar button{font:inherit;padding:6px 10px;border:1px solid currentColor;background:#fff;border-radius:7px;color:inherit;cursor:pointer}.sync-status-bar [hidden]{display:none}@media(max-width:720px){.sync-status-bar{top:84px}}
