:root{--nav:#102e48;--brand:#007f93;--accent:#17b5b1;--ink:#17354a;--muted:#627687;--bg:#f1f6fa;--line:#dce7ee;--purple:#7859b4;--yellow:#ffcb61;--coral:#fb876d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #009faf}a{color:var(--brand)}button,.button{border:0;border-radius:10px;background:var(--brand);color:white;padding:11px 19px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:650}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e6f3f5;color:#006f80}.quiet{background:transparent;color:var(--muted)}.danger{color:#b54038}input,select,textarea{width:100%;border:1px solid #cddbe5;border-radius:9px;background:white;color:var(--ink);padding:11px 12px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--brand)}label{display:block;font-size:13px;font-weight:600;margin:14px 0 5px}textarea{min-height:90px;resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.8px;line-height:1.25}h2{font-size:20px}h3{font-size:16px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:2px;color:var(--brand)}.muted,small{color:var(--muted)}small{font-size:12px}.note{padding:13px 16px;background:#e6f4f7;border-radius:10px;font-size:13px}.warning{background:#fff3d5;color:#7f571d}.error{background:#ffebe7;color:#a2372c}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#bcd0de;padding:28px 18px;display:flex;flex-direction:column;gap:24px}.logo{width:170px;background:white;border-radius:10px;padding:10px;display:block}.sidebar .eyebrow{color:#58d2d0}.sidebar nav{display:grid;gap:8px}.sidebar nav button{text-align:left;padding:13px 16px;background:transparent;color:#bcd0de;font-size:14px}.sidebar nav button.active{background:#24485f;color:white;box-shadow:inset 3px 0 #41d2cb}.sidebar nav span{margin-right:12px}.side-bottom{margin-top:auto;border-top:1px solid #34516a;padding-top:20px;font-size:12px}.sidebar a{color:#bcd0de}.main{padding:26px 36px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:30px;gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 4px 15px #17354a04}.stat strong{font-size:32px;display:block;line-height:1.4}.stat{border-top:4px solid var(--accent)}.stat:nth-child(2){border-top-color:var(--purple)}.stat:nth-child(3){border-top-color:var(--yellow)}.stat:nth-child(4){border-top-color:var(--coral)}.pill{display:inline-block;padding:4px 10px;background:#e9f5f2;color:#267769;border-radius:30px;font-size:12px;font-weight:650}.pill.amber{background:#fff2d0;color:#946921}.pill.red{background:#fff0ed;color:#ae4237}.hero{background:linear-gradient(110deg,#0b576b,#008c99);color:white;padding:28px;border-radius:18px;position:relative;overflow:hidden}.hero h1{font-size:29px}.hero p{max-width:630px;color:#c4eeef;margin-bottom:0}.hero .eyebrow{color:#80e4dc}.hero:after{content:'';width:180px;height:180px;border:32px solid #ffffff0c;position:absolute;right:-40px;top:-40px;border-radius:50%;pointer-events:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#f8fbfd}.empty{text-align:center;color:var(--muted);padding:36px 20px}.bar-track{height:12px;border-radius:8px;background:#edf3f7;overflow:hidden}.bar{height:100%;background:var(--accent);border-radius:8px}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;background:var(--accent)}.chart{display:flex;align-items:flex-end;gap:12px;height:170px;padding-top:18px;border-bottom:1px solid var(--line)}.chart-col{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;font-size:11px;color:var(--muted)}.chart-col b{display:block;background:var(--accent);width:65%;min-height:2px;border-radius:6px 6px 0 0}.chart-col small{padding-top:5px}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.donut div{background:white;border-radius:50%;width:112px;height:112px;display:grid;place-content:center;text-align:center}.donut strong{font-size:26px}.login-card{width:min(480px,calc(100% - 32px));margin:7vh auto;padding:36px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 80px #17354a0c}.login-card .logo{padding:0;width:185px;margin-bottom:28px}.login-card button[type=submit]{width:100%;margin-top:22px}.check{display:flex;align-items:flex-start;gap:9px;font-weight:400}.check input{margin-top:4px}.links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:12px;margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.respondent{--brand:#7951a6;--accent:#a674c8;--nav:#433159;--bg:#f7f3fa}.respondent .container{max-width:820px;margin:auto;padding:25px}.respondent .logo{padding:0}.progress{height:7px;background:#e7dded;border-radius:10px;margin:18px 0 30px}.progress i{display:block;background:var(--brand);height:100%;border-radius:10px}.question-options{display:grid;gap:10px}.choice{display:flex;gap:12px;border:1px solid var(--line);padding:18px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:400;margin:0}.choice:has(input:checked){border-color:var(--brand);background:#f5effb}.step-labels{display:flex;gap:8px;margin:18px 0}.step-labels span{font-size:12px;background:#f2ecf7;padding:6px 12px;border-radius:30px}.step-labels .current{background:var(--brand);color:white}.matrix td:first-child{font-weight:600;min-width:160px}.score-cell{min-width:150px}.score{font-weight:750;display:block}.score-line{height:5px;border-radius:8px;margin:5px 0}.narrative{white-space:pre-wrap}.answer-section{border-left:3px solid var(--accent);padding:0 0 0 17px;margin:22px 0}.loading{display:flex;gap:7px;align-items:center;padding:18px}.loading i{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:pulse 1s infinite alternate}.loading i:nth-child(2){animation-delay:.2s}.loading i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-3px)}}[hidden]{display:none!important}.targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.target{display:grid;grid-template-columns:1fr 63px 63px;align-items:center;gap:8px;border:1px solid var(--line);padding:8px;border-radius:9px}.target label{margin:0}.target input[type=number]{padding:7px}.type-options{display:flex;flex-wrap:wrap;gap:10px}.type-options label{font-weight:400;background:#f2f6fa;border-radius:8px;padding:9px;margin:0}.footer{font-size:12px;color:var(--muted);margin:28px 0 10px}.full{grid-column:1/-1}.position-item{padding:14px 0;border-bottom:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:18px;max-width:700px;width:90%;max-height:85vh;padding:28px}dialog::backdrop{background:#102e4866}@media(max-width:1050px){.layout{grid-template-columns:190px 1fr}.main{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:650px){.layout{display:block}.sidebar{padding:16px;gap:16px}.sidebar .logo{width:125px}.sidebar nav{display:flex;overflow:auto;gap:4px}.sidebar nav button{white-space:nowrap;padding:10px}.sidebar nav span{display:none}.side-bottom{display:none}.main{padding:16px}.topbar{margin-bottom:20px}.targets{grid-template-columns:1fr}.card{padding:18px}.login-card{padding:25px}.hero h1{font-size:25px}.stats{gap:10px}.stat strong{font-size:27px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* Shared sign-in layout, with respondent and client colour themes preserved. */
.login-card h1{font-size:28px;margin:0 0 12px;letter-spacing:-.6px}
.sign-in-links{display:grid;grid-template-columns:1fr;gap:8px;text-align:center}
.sign-in-links a{padding:5px 8px;text-decoration:none;border-radius:7px}
.sign-in-links a:hover{text-decoration:underline;background:var(--bg)}
.sign-in-links a[aria-current=page]{font-weight:750;background:var(--bg);color:var(--ink)}
.sign-in-terms{text-align:center;font-size:13px;margin:14px 0}
.sign-in-alternative{width:100%;text-align:center}
.login-card.admin-workspace{width:min(1000px,calc(100% - 32px))}
/* Client workspace: studio visual system. Scoped to preserve sign-in themes. */
.studio-client{--nav:#1d302b;--brand:#27685c;--accent:#5b9787;--ink:#263c33;--muted:#748078;--bg:#f5f6f2;--line:#e2e7df;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;letter-spacing:-.15px}
.studio-client .layout{grid-template-columns:205px minmax(0,1fr)}
.studio-client .sidebar{padding:30px 18px;gap:32px;position:sticky;top:0;height:100vh;background:linear-gradient(170deg,#233a32,#192b25);border-right:1px solid #182c26;color:#c3cfc7}
.studio-client .sidebar .logo{width:166px;border-radius:8px;padding:10px;background:#fff}
.studio-client .sidebar .eyebrow{color:#91ac9f;font-size:9px;letter-spacing:1.7px;margin-bottom:8px}
.studio-client #side-company{font-size:12px;font-weight:500;line-height:1.6;display:block;color:#e0e8e2}
.studio-client .sidebar nav{gap:6px}
.studio-client .sidebar nav button{padding:13px 12px;display:flex;align-items:center;gap:12px;color:#b4c6ba;font-size:12px;font-weight:500;border-radius:7px;letter-spacing:.05px;transition:background .15s,color .15s}
.studio-client .sidebar nav button:hover{background:#ffffff0a;color:white;filter:none}
.studio-client .sidebar nav button.active{background:#dbe9dc12;color:#e6f5d3;box-shadow:none;border:1px solid #d4eac41a;padding:12px 11px}
.studio-client .sidebar nav span{margin:0;display:flex}
.studio-client svg{width:18px;height:18px;flex-shrink:0}
.studio-client .side-bottom{border-color:#ffffff13;color:#99b0a2;line-height:1.8;font-size:11px;padding:20px 8px 0}
.studio-client .side-bottom a{color:#bccdc1;font-size:10px}
.studio-client .main{padding:0 30px 24px;max-width:1550px;width:100%;margin:auto}
.studio-client .topbar{min-height:78px;margin:0 0 20px;padding:18px 0;gap:12px}
.studio-client #page-label{font-size:12px;font-weight:550}
.studio-client #role{font-size:10px;letter-spacing:.3px}
.studio-client .topbar>.row{gap:8px}
.studio-client .topbar button{font-size:11px;padding:8px 10px;display:inline-flex;align-items:center;gap:7px}
.studio-client .topbar svg{width:14px;height:14px}
.studio-client #credits{background:#e7eddf;color:#4d6449;font-size:10px;padding:5px 10px;font-weight:550}
.studio-client #logout{background:transparent;color:#637368;border:1px solid var(--line)}
.studio-client #preview-banner{background:transparent;color:#7b816e;border:1px dashed #d8ddcf;padding:9px 12px;font-size:10px;letter-spacing:.15px;border-radius:6px;margin:0 0 25px}
.studio-client h1{font-weight:500;font-size:34px;letter-spacing:-1.4px;margin:0 0 10px;line-height:1.15}
.studio-client h2{font-weight:550;font-size:17px;letter-spacing:-.5px;margin-bottom:8px}
.studio-client h3{font-weight:550}
.studio-client .eyebrow{font-family:'SFMono-Regular',Consolas,monospace;letter-spacing:1.2px;font-size:9px;font-weight:500;color:#7c897e;margin-bottom:12px}
.studio-client button,.studio-client .button{font-weight:550;border-radius:7px;padding:11px 16px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,transform .15s}
.studio-client button:active{transform:translateY(1px)}
.studio-client button:disabled{transform:none}
.studio-client .secondary{background:#eaf0e7;color:#3c6051}
.studio-client .quiet{color:#607365;font-size:11px;padding:7px 0}
.studio-client .studio-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 25px}
.studio-client .studio-heading h1 span{color:#6c9474}
.studio-client .studio-heading p.muted{font-size:12px;margin:0;line-height:1.6}
.studio-client .studio-heading>button{white-space:nowrap;box-shadow:0 3px 6px #234e2810}
.studio-client .studio-insight{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(112deg,#e5eee3,#edf1e5);border:1px solid #dde6d8;border-radius:10px;padding:25px 28px;overflow:hidden;position:relative;margin-bottom:20px;min-height:168px}
.studio-client .studio-insight>div{max-width:72%;z-index:1}
.studio-client .insight-label{font-family:Consolas,monospace;font-size:8px;letter-spacing:1.5px;color:#5e7f67;display:flex;gap:7px;align-items:center;margin-bottom:12px}
.studio-client .insight-label i{width:5px;height:5px;background:#538167;border-radius:50%;box-shadow:0 0 0 3px #53816714}
.studio-client .studio-insight h2{font-size:21px;font-weight:500;letter-spacing:-.7px;line-height:1.3}
.studio-client .studio-insight p{font-size:11px;color:#6b7c6c;line-height:1.65;margin:0 0 9px;max-width:430px}
.studio-client .insight-link{background:transparent;color:#365e4a;padding:3px 0;font-size:10px}
.studio-client .connection-art{width:210px;height:160px;position:absolute;right:8px;top:5px;pointer-events:none}
.studio-client .card{border:1px solid var(--line);border-radius:10px;padding:23px;background:#fff;box-shadow:0 2px 3px #223c3302}
.studio-client .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.studio-client .stat{padding:18px;border-top:1px solid var(--line)}
.studio-client .stat-top{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;color:#758075;line-height:1.4;min-height:28px}
.studio-client .stat-icon{border-radius:7px;width:28px;height:28px;display:grid;place-content:center;background:#f0f4ed;color:#74906d;flex-shrink:0}
.studio-client .stat-icon svg{width:14px;height:14px}
.studio-client .stat-icon.tone-1{background:#e9f2ee;color:#518276}
.studio-client .stat-icon.tone-2{background:#f2efdf;color:#a08f4f}
.studio-client .stat-icon.tone-3{background:#f8eeea;color:#b28471}
.studio-client .stat strong{font-size:35px;font-weight:500;letter-spacing:-1.5px;margin:9px 0 5px;line-height:1.15;font-variant-numeric:tabular-nums}
.studio-client .stat small{font-size:9px;line-height:1.6;display:block}
.studio-client .studio-analysis{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:18px;margin-bottom:18px}
.studio-client .panel-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}
.studio-client .panel-heading .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1px}
.studio-client .panel-heading h2{font-size:16px;margin-bottom:0}
.studio-client .period-label{font-size:9px;color:#6f7d72;border:1px solid #e5e9e1;border-radius:5px;padding:5px 8px;white-space:nowrap}
.studio-client .panel-index{font:9px Consolas,monospace;color:#9aa398;white-space:nowrap;margin-top:3px}
.studio-client .chart-summary{display:flex;gap:12px;align-items:center;margin:20px 0 0}
.studio-client .chart-summary strong{font-size:29px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.studio-client .chart-summary span{font-size:10px;color:#708075;line-height:1.65}
.studio-client .chart-summary small{font-size:9px;color:#9aa39a}
.studio-client .activity-plot{display:block;width:100%;height:auto;margin-top:12px;min-height:170px}
.studio-client .ring-wrap{max-width:182px;margin:9px auto 4px}
.studio-client .ring-wrap svg{width:100%;height:auto;display:block}
.studio-client .completion-legend{display:grid;gap:9px;font-size:10px}
.studio-client .completion-legend>div{display:flex;justify-content:space-between;align-items:center}
.studio-client .completion-legend span{display:flex;align-items:center;gap:8px;color:#788078}
.studio-client .completion-legend i{width:7px;height:7px;border-radius:2px}
.studio-client .completion-legend strong{font-size:11px;font-weight:550}
.studio-client .studio-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-bottom:18px}
.studio-client .activity-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f2ec}
.studio-client .activity-row:last-child{border-bottom:0;padding-bottom:0}
.studio-client .activity-row:first-of-type{margin-top:10px}
.studio-client .avatar{width:32px;height:32px;border-radius:50%;display:grid;place-content:center;background:#e8eee0;color:#667b50;font-size:10px;font-weight:550;flex-shrink:0}
.studio-client .avatar-1{background:#f1e9e1;color:#9d8068}.studio-client .avatar-2{background:#e4eded;color:#638881}
.studio-client .activity-person{flex:1;min-width:0;display:grid;gap:3px}
.studio-client .activity-person strong{font-size:11px;font-weight:550}.studio-client .activity-person small{font-size:9px}
.studio-client .pill{font-size:9px;padding:4px 8px;font-weight:500;background:#edf4ed;color:#658366;white-space:nowrap}
.studio-client .pill.amber{background:#f6f0e1;color:#9c864d}.studio-client .pill.red{background:#f7eeea;color:#a67362}
.studio-client .team-progress{margin-top:22px}
.studio-client .team-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px}
.studio-client .team-progress small{font:10px Consolas,monospace}
.studio-client .bar-track{background:#f0f3ec;height:6px}.studio-client .bar{background:#779a87}.studio-client .team-tone-1{background:#acc283}.studio-client .team-tone-2{background:#96b6b2}
.studio-client .teams-card>.quiet{margin-top:22px}
.studio-client .credit-strip{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:9px;padding:17px 20px;background:#eef1e9}
.studio-client .credit-symbol{color:#7f9275;display:flex}.studio-client .credit-strip>div{display:grid;gap:3px;flex:1}.studio-client .credit-strip strong{font-size:11px;font-weight:550}.studio-client .credit-strip small{font-size:9px}.studio-client .credit-guidance{text-align:right;font-size:10px;color:#6c7c6c;line-height:1.7}
.studio-client .footer{font-size:9px;line-height:1.8;color:#8d978d;margin-top:23px;max-width:730px}
.studio-client label{font-size:11px;font-weight:550;color:#627465}
.studio-client input,.studio-client select,.studio-client textarea{font-size:12px;border-color:#dce3d9;border-radius:6px;padding:10px 12px;background:#fdfefb}
.studio-client .note{font-size:11px;background:#eff3ea;border-radius:7px;line-height:1.7}.studio-client .warning{background:#f6f2e7;color:#8f7c4e}.studio-client .error{background:#f9ebe7;color:#aa5548}
.studio-client th{font-size:9px;background:#f7f8f4;font-weight:550;letter-spacing:.6px;color:#899184}
.studio-client td{font-size:11px;padding:16px 10px;border-color:#edf0e8}
.studio-client tbody tr:hover{background:#fafbf7}
.studio-client .target{border-color:#e8ece4;border-radius:6px}.studio-client .target label{font-size:10px}
.studio-client .type-options label{font-size:11px;background:#f0f3eb;border:1px solid #e6ebdf;border-radius:6px;padding:10px}
.studio-client .type-options label:has(input:checked){background:#e6efdf;border-color:#afc3a4}
.studio-client #dev-select{gap:10px}
.studio-client .grid{gap:20px}
.studio-client .answer-section{border-left-color:#acc498;padding-left:20px;line-height:1.8}
.studio-client .narrative{font-size:13px;line-height:1.85}
@media(min-width:1400px){.studio-client .main{padding:0 48px 30px}.studio-client .layout{grid-template-columns:225px 1fr}.studio-client .sidebar{padding:34px 25px}.studio-client .studio-insight{padding:30px}.studio-client .stat{padding:22px}}
@media(max-width:1100px){.studio-client .layout{grid-template-columns:180px 1fr}.studio-client .sidebar{padding:25px 13px}.studio-client .sidebar .logo{width:153px}.studio-client .main{padding:0 22px 22px}.studio-client .studio-heading h1{font-size:29px}.studio-client .studio-heading>button{font-size:10px;padding:10px}.studio-client .stat{padding:14px}.studio-client .stat-icon{display:none}.studio-client .stat strong{font-size:30px}.studio-client .studio-analysis{grid-template-columns:minmax(0,1.4fr) minmax(190px,1fr);gap:12px}.studio-client .card{padding:18px}.studio-client .stats{gap:10px}.studio-client .panel-heading h2{font-size:14px}.studio-client .activity-plot{min-height:155px}.studio-client .studio-bottom{gap:12px}.studio-client .activity-row{gap:8px}.studio-client .activity-person strong{font-size:10px}}
@media(max-width:800px){.studio-client .studio-heading{align-items:start}.studio-client .studio-heading h1{font-size:26px}.studio-client .studio-heading>button{font-size:0;padding:10px}.studio-client .studio-heading>button svg{width:20px;height:20px}.studio-client .studio-heading>button::after{content:'Issue';font-size:11px}.studio-client .studio-analysis,.studio-client .studio-bottom{grid-template-columns:1fr}.studio-client .completion-card{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:center}.studio-client .completion-card .panel-heading{grid-column:1/-1}.studio-client .ring-wrap{width:150px;margin:0 auto}.studio-client .completion-legend{padding-right:10px;gap:16px}.studio-client .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-client .stat-icon{display:grid}.studio-client .connection-art{opacity:.65;right:-40px}.studio-client .studio-insight{padding:22px}.studio-client .studio-insight>div{max-width:85%}.studio-client .studio-insight h2{font-size:19px}.studio-client .credit-guidance{display:none}}
@media(max-width:650px){.studio-client .layout{display:block}.studio-client .sidebar{height:auto;position:static;padding:14px 16px;gap:14px;background:#22372f}.studio-client .sidebar .logo{width:119px;padding:7px}.studio-client .sidebar>div:not(.side-bottom){display:none}.studio-client .sidebar nav{display:flex;gap:4px}.studio-client .sidebar nav button{padding:9px 10px;font-size:10px;gap:6px}.studio-client .sidebar nav button.active{padding:8px 9px}.studio-client .sidebar nav span{display:flex}.studio-client .sidebar svg{width:13px;height:13px}.studio-client .main{padding:0 16px 20px}.studio-client .topbar{min-height:66px;margin-bottom:16px}.studio-client .topbar button span{display:none}.studio-client .topbar .row{gap:5px}.studio-client #preview-banner{margin-bottom:20px}.studio-client .studio-heading h1{font-size:29px}.studio-client .studio-heading>button::after{content:'Issue'}.studio-client .studio-heading p.muted{font-size:11px}.studio-client .studio-insight{min-height:176px}.studio-client .studio-insight>div{max-width:80%}.studio-client .stat-top{font-size:11px}.studio-client .stat small{font-size:10px}.studio-client .activity-person strong{font-size:11px}.studio-client .card{padding:19px}.studio-client .studio-heading{margin-bottom:22px}.studio-client .grid{grid-template-columns:1fr}.studio-client .credit-strip{padding:16px}}

.studio-client .stat small,.studio-client .activity-person small,.studio-client .credit-strip small{font-size:10px}
.studio-client .stat-top{font-size:11px}
.studio-client td{font-size:12px}
.studio-client .activity-person strong{font-size:12px}
.studio-client .activity-plot text{font-family:inherit}
@media(max-width:650px){.studio-client .stat-top{font-size:11px}}
/* Original supplied logo, unchanged: frame trims its transparent canvas in CSS. */
.brand-mark{display:block;position:relative;overflow:hidden;width:260px;max-width:100%;aspect-ratio:1688 / 370;flex-shrink:0;margin:0 0 28px;background:transparent}
body .brand-mark img,body .brand-mark img.logo,body.studio-client .sidebar .brand-mark img.logo{position:absolute!important;width:113.744076%!important;max-width:none!important;height:auto!important;left:-5.627962%!important;top:-95.135135%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
:root{--brand:#6751b7;--accent:#9874d9;--ink:#302b44;--muted:#7f7890;--bg:#f6f5fa;--line:#e6e2ee}
.respondent{--brand:#b94378;--accent:#d97daa;--bg:#faf5f8;--nav:#483047}
.login-card .brand-mark{width:280px;margin-bottom:30px}
.respondent .topbar .brand-mark{width:210px;margin:0}
.studio-client{--nav:#272239;--brand:#7151c1;--accent:#9774df;--ink:#332c49;--muted:#81788f;--bg:#f6f5fa;--line:#e7e3ef}
.studio-client .sidebar{background:linear-gradient(165deg,#302740,#211d32);border-right-color:#2c2440;color:#c4bad5}
.studio-client .sidebar>a{display:block;padding:15px 10px;background:#fff;border:1px solid #ebe5f2;border-radius:8px}
.studio-client .sidebar .brand-mark{width:100%;margin:0}
.studio-client .sidebar .eyebrow{color:#a798bf}.studio-client #side-company{color:#e6dfef}
.studio-client .sidebar nav button{color:#bcb0d0}.studio-client .sidebar nav button.active{color:#f1e9ff;background:#a17bdd24;border-color:#b69ad332}
.studio-client .side-bottom{color:#ab9dbb;border-color:#e7d5ff19}.studio-client .side-bottom a{color:#cec2de}
.studio-client #credits{background:#ece6f7;color:#79609d}.studio-client #logout{color:#82758e}
.studio-client #preview-banner{color:#8c7e9c;border-color:#ded7ea}
.studio-client .eyebrow,.studio-client .panel-heading .eyebrow{color:#91809f}
.studio-client .studio-heading h1 span{color:#d84f78}
.studio-client .studio-insight{background:linear-gradient(110deg,#ede6f8 0%,#f2ebfa 55%,#e9ecfb 100%);border-color:#e5d9f0}
.studio-client .studio-insight h2{color:#4c366a}.studio-client .studio-insight p{color:#8c759d}
.studio-client .insight-label{color:#9875b0}.studio-client .insight-label i{background:#b47bd2;box-shadow:0 0 0 3px #b47bd218}
.studio-client .insight-link{color:#80549e}
.studio-client .stat-top,.studio-client .stat small{color:#8b819a}
.studio-client .stat-icon{background:#f0eafa;color:#9c7ac8}.studio-client .stat-icon.tone-1{background:#e8f5f5;color:#61aab1}.studio-client .stat-icon.tone-2{background:#fff4e5;color:#bd964d}.studio-client .stat-icon.tone-3{background:#fcebf1;color:#c77e98}
.studio-client .secondary{background:#eee8f8;color:#83639e}.studio-client .quiet{color:#887395}
.studio-client .period-label{color:#94869e;border-color:#e8e1ee}.studio-client .panel-index{color:#aaa0b5}
.studio-client .chart-summary span{color:#8b7d9a}.studio-client .chart-summary small{color:#a89bb5}
.studio-client .completion-legend span{color:#8e809b}
.studio-client .activity-row{border-color:#f0ebf5}
.studio-client .avatar{background:#f0e4f7;color:#a279b6}.studio-client .avatar-1{background:#e7f2f4;color:#6b9ea6}.studio-client .avatar-2{background:#fcebe6;color:#b78874}
.studio-client .pill{background:#eaf5f0;color:#608d78}.studio-client .pill.amber{background:#fff2dd;color:#a98444}.studio-client .pill.red{background:#f9e9f0;color:#b77790}
.studio-client .bar-track{background:#f1edf6}.studio-client .bar{background:#a084d2}.studio-client .team-tone-1{background:#63b7c3}.studio-client .team-tone-2{background:#d992af}
.studio-client .credit-strip{background:#efebf6;border-color:#e5ddf0}.studio-client .credit-symbol{color:#aa90bd}.studio-client .credit-guidance{color:#967fa6}
.studio-client label{color:#8b7899}.studio-client input,.studio-client select,.studio-client textarea{border-color:#e6ddef;background:#fff}
.studio-client .note{background:#f1edf8}.studio-client .warning{background:#fcf5e7;color:#a38d5a}.studio-client .error{background:#fcebee;color:#b96c7e}
.studio-client th{background:#f8f6fb;color:#a091ad}.studio-client td{border-color:#eee8f4}.studio-client tbody tr:hover{background:#fcfaff}
.studio-client .target{border-color:#e9e0f2}.studio-client .type-options label{background:#f6f0fa;border-color:#e8dcf1}.studio-client .type-options label:has(input:checked){background:#eee1f7;border-color:#c3a4d8}
.studio-client .answer-section{border-left-color:#bb9ed8}.studio-client .footer{color:#a493b1}
@media(max-width:650px){.studio-client .sidebar>a{width:190px;padding:12px}.studio-client .sidebar .brand-mark{width:100%}}
/* Keep small labels readable against the light brand surfaces. */
.studio-client .stat-top,.studio-client .stat small,.studio-client label,.studio-client .completion-legend span,.studio-client .chart-summary span,.studio-client .chart-summary small,.studio-client .period-label,.studio-client .credit-guidance{color:#746580}
.studio-client .eyebrow,.studio-client .panel-heading .eyebrow,.studio-client .footer{color:#7f718d}
.studio-client .studio-insight p{color:#7b648d}
/* White canvas: let the original IDENTI3 AI artwork belong to the interface. */
.studio-client{--bg:#fff;--nav:#fff;--ink:#302b3e;--muted:#787281;--line:#ece9f0;background:#fff}
.studio-client .main,.studio-client .sidebar{background:#fff}
.studio-client .sidebar{border-right:1px solid #ece9f0;color:#655d70;gap:35px}
.studio-client .sidebar>a{background:transparent;border:0;border-radius:0;padding:6px 0 18px;box-shadow:none}
.studio-client .sidebar .brand-mark{width:100%;margin:0}
.studio-client .sidebar .eyebrow{color:#8c8298;letter-spacing:1.4px}
.studio-client #side-company{color:#51485f;font-weight:550}
.studio-client .sidebar nav button{color:#777080;border:1px solid transparent;padding:12px 11px;font-weight:500}
.studio-client .sidebar nav button:hover{background:#faf9fc;color:#5c447d}
.studio-client .sidebar nav button.active{background:#f3eefb;border:1px solid #ebe2f8;color:#7452af;box-shadow:inset 3px 0 #9673d1;padding:12px 11px}
.studio-client .sidebar nav button.active svg{color:#9168c7}
.studio-client .side-bottom{border-top-color:#eeebf2;color:#8b8195}
.studio-client .side-bottom a{color:#756a82}
.studio-client .topbar{border-color:#eeebf2}
.studio-client #preview-banner{background:#fff;border:1px dashed #e7e1ec;color:#82768e}
.studio-client .studio-heading h1{color:#302b3e}
.studio-client .studio-heading>button{background:linear-gradient(110deg,#8561c6,#6550b6);box-shadow:0 4px 10px #7856a516}
.studio-client .studio-insight{background:#fff;border:1px solid #e9e2f0;box-shadow:0 5px 20px #61467c05;padding-left:28px}
.studio-client .studio-insight::before{content:'';position:absolute;left:0;top:28px;bottom:28px;width:3px;background:linear-gradient(#9c70d5,#65bfcb);border-radius:0 3px 3px 0}
.studio-client .studio-insight h2{color:#4a3d5d}
.studio-client .studio-insight p{color:#86798f}
.studio-client .connection-art{opacity:.85}
.studio-client .card{background:#fff;border-color:#ebe7ef;box-shadow:0 4px 15px #3c244606;border-radius:11px}
.studio-client .stat strong{color:#3c304b}
.studio-client .stat-top,.studio-client .stat small{color:#807589}
.studio-client .credit-strip{background:#fff;border-color:#e9e3ef;box-shadow:0 3px 12px #3c244603}
.studio-client .credit-symbol{width:34px;height:34px;border-radius:8px;background:#f4effb;display:grid;place-content:center;color:#9976bd}
.studio-client .period-label{background:#fff}
.studio-client .footer{color:#8d8396}
@media(max-width:650px){.studio-client .sidebar{background:#fff;border-right:0;border-bottom:1px solid #ece9f0}.studio-client .sidebar>a{width:195px;padding:5px 0 10px}.studio-client .sidebar nav button,.studio-client .sidebar nav button.active{padding:9px 10px}.studio-client .studio-insight{padding-left:23px}}
/* Full-width brand banner and colourful data surfaces. */
.studio-client .app-banner{position:sticky;top:0;z-index:20;height:84px;min-height:84px;width:100%;margin:0;padding:17px 28px;background:#fff;border-bottom:1px solid #e7e1ef;box-shadow:0 3px 16px #5f3f7d05;display:flex;align-items:center;justify-content:space-between;gap:20px}
.studio-client .app-banner>a{display:block;flex-shrink:0}
.studio-client .app-banner .brand-mark{width:222px;margin:0}
.studio-client .app-banner>.row{margin-left:auto;gap:12px;flex-wrap:nowrap}
.studio-client .app-banner button{padding:10px 14px;font-size:12px;border:1px solid #e7dff1;border-radius:8px;white-space:nowrap}
.studio-client .app-banner #refresh{background:#faf8fd;color:#7a5ca2}
.studio-client .app-banner #logout{background:#fff;color:#746484}
.studio-client .app-banner #credits{padding:9px 14px;background:#efe5fb;color:#784cb1;font-size:12px;border:1px solid #e4d6f4}
.studio-client .layout{min-height:calc(100vh - 84px)}
.studio-client .sidebar{top:84px;height:calc(100vh - 84px);padding-top:30px}
.studio-client .main{padding-top:22px}
.studio-client .workspace-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:0 0 15px;border-bottom:1px solid #f0ecf5;color:#635570}
.studio-client .workspace-context #page-label{font-size:12px}
.studio-client .workspace-context #role{font-size:10px;background:#f7f3fb;padding:4px 9px;border-radius:5px;color:#927da3}
.studio-client .stat:nth-child(1){background:linear-gradient(135deg,#f5efff,#fff);border-color:#e5d8f7}
.studio-client .stat:nth-child(2){background:linear-gradient(135deg,#edfafa,#fff);border-color:#d2eeee}
.studio-client .stat:nth-child(3){background:linear-gradient(135deg,#fff7e8,#fff);border-color:#f1e3c8}
.studio-client .stat:nth-child(4){background:linear-gradient(135deg,#fff0f5,#fff);border-color:#f2d9e5}
.studio-client .stat:nth-child(1) strong{color:#8658bb}.studio-client .stat:nth-child(2) strong{color:#398f99}.studio-client .stat:nth-child(3) strong{color:#a77c31}.studio-client .stat:nth-child(4) strong{color:#b3658a}
.studio-client table{border-collapse:separate;border-spacing:0;border:1px solid #e5dbf0;border-radius:9px;overflow:hidden;margin-top:15px}
.studio-client th{background:#eee3fb;color:#76509d;padding:14px 12px;font-size:10px;font-weight:650;border-bottom:2px solid #d6bee9}
.studio-client th:nth-child(4n+2){background:#ddf2f4;color:#447d87;border-bottom-color:#b3dfe3}
.studio-client th:nth-child(4n+3){background:#fff1d7;color:#98783c;border-bottom-color:#f1d9a6}
.studio-client th:nth-child(4n+4){background:#f9e3ed;color:#a25f82;border-bottom-color:#eebdd3}
.studio-client td{padding:15px 12px;border-bottom:1px solid #eae1f2}
.studio-client tbody tr:nth-child(odd){background:#fcf9ff}
.studio-client tbody tr:nth-child(even){background:#f4fbfc}
.studio-client tbody tr:hover{background:#eee7fb}
.studio-client tbody tr:last-child td{border-bottom:0}
.studio-client td:first-child{color:#745490;font-weight:550}
.studio-client .matrix td{border-right:1px solid #ede5f5}
.studio-client .matrix td:last-child{border-right:0}
.studio-client .pill{background:#def3eb;color:#427965;border:1px solid #cae9dd}
.studio-client .pill.amber{background:#fff0d6;color:#957432;border-color:#f5dfb3}
.studio-client .pill.red{background:#fbe3ef;color:#ab5880;border-color:#f1c4da}
@media(max-width:650px){.studio-client .app-banner{height:auto;min-height:78px;padding:16px;gap:14px;flex-wrap:wrap}.studio-client .app-banner .brand-mark{width:185px}.studio-client .app-banner>.row{gap:7px}.studio-client .app-banner button{padding:8px;font-size:11px}.studio-client .app-banner button span{display:inline}.studio-client .app-banner #credits{padding:7px 9px;font-size:11px}.studio-client .sidebar{position:static;top:auto;height:auto;padding-top:12px}.studio-client .main{padding-top:18px}.studio-client .layout{min-height:0}}
@media(max-width:440px){.studio-client .app-banner{position:static}.studio-client .app-banner>.row{width:100%;justify-content:space-between}.studio-client .app-banner .brand-mark{width:210px}}
/* Colour-coded workspace navigation and position evidence. */
.studio-client .sidebar nav button{--tab-color:#6755c9;--tab-tint:#eeebff;background:var(--tab-tint);color:var(--tab-color);border:1px solid transparent;margin-bottom:8px;transition:background .18s,transform .18s}
.studio-client .sidebar nav button[data-tab="issue"]{--tab-color:#007e8d;--tab-tint:#e1f6f8}
.studio-client .sidebar nav button[data-tab="inbox"]{--tab-color:#b53372;--tab-tint:#fdeaf3}
.studio-client .sidebar nav button[data-tab="positions"]{--tab-color:#96620b;--tab-tint:#fff2d6}
.studio-client .sidebar nav button[data-tab="consultation"]{--tab-color:#3f61c0;--tab-tint:#e9efff}
.studio-client .sidebar nav button[data-tab="development"]{--tab-color:#258468;--tab-tint:#e5f5ec}
.studio-client .sidebar nav button.active{background:var(--tab-color);color:#fff;box-shadow:0 5px 14px #27225418}
.studio-client .sidebar nav button:hover{border-color:var(--tab-color);transform:translateX(2px)}
.fit-details{min-width:140px;max-width:360px}.fit-details summary{cursor:pointer;color:#5145a5}.fit-details summary strong{font-size:22px}.fit-details small{display:block;margin-top:4px}.fit-track{display:block;height:6px;background:#e8e2fa;border-radius:5px;margin:7px 0}.fit-track i{display:block;height:100%;background:linear-gradient(90deg,#8161dc,#35b7c6);border-radius:5px}.fit-breakdown{font-size:12px;line-height:1.65}.fit-breakdown p{padding:8px 0;border-bottom:1px solid #e6e2f0}.upload-panel{padding:20px;background:linear-gradient(130deg,#f1ecff,#edfafa);border:1px dashed #b9ace6;border-radius:16px;margin:20px 0}.upload-panel input[type=file]{background:white;max-width:100%}.upload-panel .note{background:#fff}#consult-list{margin:16px 0 22px}#consult-list input[type=checkbox]{accent-color:#6755c9;width:18px;height:18px}

.studio-client .sidebar nav button.active span{color:#fff}
/* Restrained editorial navigation: white surfaces, one violet accent. */
.studio-client .sidebar{background:#fafafa;border-right:1px solid #eae8ee}
.studio-client .sidebar nav button,.studio-client .sidebar nav button[data-tab]{background:transparent;color:#66616e;border:1px solid transparent;border-radius:9px;box-shadow:none;margin-bottom:5px;font-weight:500;transform:none}
.studio-client .sidebar nav button span{color:#898390}
.studio-client .sidebar nav button.active{background:#eeeaf5;color:#503e74;border-color:#e5dfef;box-shadow:inset 3px 0 #786092;font-weight:650}
.studio-client .sidebar nav button.active span{color:#786092}
.studio-client .sidebar nav button:hover{background:#f0edf4;border-color:transparent;transform:none}
.folder-section{margin:22px 0}.folder-section h2{font-size:17px;margin:0}.folder-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.folder-tab{background:#fff;color:#68616e;border:1px solid #e5e1e8;border-radius:8px;padding:10px 13px;font-size:12px;box-shadow:none}.folder-tab span{font-size:18px;margin-right:4px}.folder-tab small{margin-left:8px;color:#857c90}.folder-tab.selected{background:#f0ebf7;border-color:#b9aacd;color:#51406a}.department-suggestions{display:flex;gap:4px;flex-wrap:wrap;margin:12px 0 20px}.department-suggestions button{font-size:11px;padding:6px 9px}.department-edit{display:flex;gap:8px;align-items:center;margin:10px 0}.department-edit input{flex:1;min-width:80px}.department-edit button{white-space:nowrap}.profile-folders{display:flex;gap:4px;flex-wrap:wrap}.profile-folders small{background:#eeeaf4;color:#66547b;padding:3px 6px;border-radius:4px;margin-top:6px}.rating-label{display:block;color:#8b691f;margin-top:7px}.profile-tools{margin-bottom:20px}.profile-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.profile-tool-grid h3{margin-top:12px}.review-notes,.sharing-panel{border-top:1px solid #e9e4ef;margin-top:20px;padding-top:18px}.review-notes summary,.sharing-panel summary{cursor:pointer;font-weight:600;color:#645476}.shared-main{max-width:920px;margin:40px auto;padding:20px}#folder-manager .row{align-items:end}#folder-manager .row label{flex:1}@media(max-width:1000px){.profile-tool-grid{grid-template-columns:1fr}.department-edit{flex-wrap:wrap}}
.profile-name{padding:0;border:0;background:transparent;color:#56476b;text-align:left;font:inherit;font-weight:650;box-shadow:none}.profile-name:hover{background:transparent;color:#38274f;text-decoration:underline}#profile-detail{scroll-margin-top:105px}
.respondent-status{display:table;font-size:10px;font-weight:600;border-radius:5px;padding:4px 7px;margin-top:8px;line-height:1.4;background:#f4efdf;color:#826827}.status-hired{background:#e7f3eb;color:#386b4b}.status-rejected{background:#f7e8eb;color:#995363}.status-called-for-interview{background:#e9effa;color:#506993}.status-interviewed{background:#eee9f6;color:#725c91}.status-form{max-width:460px;border-bottom:1px solid #e9e4ef;padding-bottom:20px;margin-bottom:18px}.status-form select{flex:1;min-width:180px}.status-form button{white-space:nowrap}
.profile-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0;color:#77707f}.profile-pagination>div{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.profile-pagination button{padding:7px 10px;font-size:12px;min-width:32px;border-radius:6px}.page-number{background:#fff;color:#71637e;border:1px solid #e6e0eb}.page-number.current{background:#eee8f5;border-color:#b6a6c8;color:#503e69}.profile-pagination button:disabled{opacity:.45;cursor:default}.respondent-types{margin:8px 0;min-width:125px}.respondent-types small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#877c93}.respondent-types span{display:block;font-size:12px;color:#61536f;line-height:1.5;margin-top:3px}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:18px}.price-card{padding:23px!important;border-top:3px solid #b5a3ca!important}.price-card h2{font-size:29px;margin:14px 0;color:#4f3d68}.price-card p{font-size:13px}.price-card small{color:#8c8295}.tokens-grid .price-card{border-top-color:#a3c4c6!important}.settings-card{max-width:820px;margin-top:24px}.settings-card .row input{flex:1;min-width:180px}.recipient-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eee9f3}.recipient-row span{overflow-wrap:anywhere}#copy-recipients{margin:20px 0}.studio-client .sidebar{overflow-y:auto}.studio-client .sidebar nav button{padding-top:11px;padding-bottom:11px}
.position-layout{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}#position-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#position-list .position-item{padding:18px;border:1px solid #e8e2ee;border-radius:10px;margin:0;background:#fcfbfe}#position-list strong{line-height:1.5}#position-form{scroll-margin-top:105px}#position-form-heading:focus{outline:none}#position-form-heading:focus-visible{outline:2px solid #b6a6c8;outline-offset:5px}#position-pages .profile-pagination{border-bottom:1px solid #eee9f3;padding-bottom:16px}@media(max-width:700px){#position-list{grid-template-columns:1fr}}
.position-folder-editor{background:#faf8fc;border:1px solid #e6e0ed;border-radius:12px;padding:20px;margin-bottom:20px}.position-folder-editor>form{align-items:end;margin-bottom:18px}.position-folder-editor>form label{flex:1}.position-folder-editor h3{margin-top:0}.position-folder-editor .department-edit{margin:12px 0}
.positions-title{margin:8px 0 12px}.positions-title h1{margin:0}.positions-title button{white-space:nowrap}.customise-folder-button{border:1px solid #bcaed0!important;background:#eee8f6!important;padding:11px 17px!important;color:#5a407d!important}.position-ai-panel{padding:20px;border:1px solid #ddd3eb;border-radius:12px;background:#f8f5fc;margin:15px 0 22px}.position-ai-panel>small{display:block;margin-top:10px;color:#7d6e8d}.position-ai-panel>p{margin-top:0}
.report-unlock{padding:20px;border:1px solid #dcd1e9;border-radius:12px;background:#f8f5fc;margin-bottom:25px}.report-unlock h3{margin-top:0}.report-unlock select{flex:1;min-width:220px}.report-unlock>small{display:block;margin-top:12px;color:#7c7186}#respondent-report-output{margin-top:18px}
.page-jump{position:fixed;bottom:20px;right:18px;z-index:50;display:flex;gap:2px;padding:5px;border:1px solid #e0d8e9;background:#fff;border-radius:13px;box-shadow:0 5px 22px #30223c20}.page-jump button{background:#f4eff9;color:#624c7e;padding:9px 12px;border:0;border-radius:8px;font-size:13px}.page-jump button:hover{background:#e9dff3}.studio-client .footer{padding-bottom:70px}.consultation-modes{padding:18px;background:#f8f5fc;border:1px solid #e7deef;border-radius:12px;margin-bottom:22px}.consult-selected{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.consult-selected button{border:1px solid #e2d8ed;background:#f8f5fc;font-size:12px}.similarity-card,.line-chart-card{padding:22px;border:1px solid #e4dced;background:#fdfbff;border-radius:14px;margin-top:25px}.similarity-value{font-size:52px;color:#7453a5;line-height:1.3}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin:18px 0}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:18px;height:4px;border-radius:3px}.profile-chart-scroll{overflow-x:auto}.profile-chart-scroll svg{display:block;width:100%;min-width:950px;height:auto}#comparison{scroll-margin-top:105px}.similarity-card details{overflow-x:auto}@media(max-width:600px){.page-jump{bottom:12px;right:10px}.page-jump button{padding:10px}}
.respondent-flag{color:#c43b55;font-size:18px;vertical-align:middle;margin-left:5px}.pair-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0 24px}.pair-types>div{background:#f4eef9;border:1px solid #e3d7ed;padding:16px;border-radius:10px}.pair-types p{color:#635075;margin-bottom:0}#comparison-coach{min-width:0}#comparison-coach textarea{min-height:95px}
.type-symbol-list{display:flex!important;flex-wrap:wrap;gap:10px;margin-top:8px}.type-symbol{display:inline-flex!important;align-items:center;gap:7px;font-size:12px;color:#61536f}.type-symbol img{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:50%}.respondent-types .type-symbol span{margin:0}.pair-types .type-symbol-list{gap:12px}.pair-types .type-symbol img{width:40px;height:40px}
.recipient-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:12px 0 18px}.recipient-fields input{width:100%}
.free-respondent-graphics{padding:16px;background:#f8f5fc;border:1px solid #e6ddee;border-radius:10px;margin:18px 0 24px}.type-graphics-card{padding:18px 0}.type-graphics-card .type-symbol-list{gap:20px;margin:20px 0}.type-graphics-card .type-symbol img{width:64px;height:64px}.type-graphics-card .type-symbol{font-size:14px}

/* Match the B2C V1.0 free graphical presentation. */
.b2c-trait-graph .overview-row{margin:24px 0;width:100%;max-width:560px}
.b2c-trait-graph .overview-ends{display:flex;justify-content:space-between;gap:20px;color:#555d70;font-size:13px;margin-bottom:8px}
.b2c-trait-graph .overview-track{height:28px;border-radius:18px;position:relative;margin:0 14px;background:linear-gradient(90deg,var(--low),var(--high));border:1px solid #bbb}
.b2c-trait-graph .overview-bands{display:grid;grid-template-columns:2fr 3fr 2fr;margin:6px 14px;font-size:11px;text-align:center;color:#555d70}
.b2c-trait-graph .overview-separator{position:absolute;top:0;bottom:0;width:2px;background:#ffffffd9}
.b2c-trait-graph .overview-marker{position:absolute;transform:translateX(-50%);background:#e72b3c;color:white;border-radius:50%;width:28px;height:28px;top:-1px;text-align:center;line-height:28px;font-weight:bold}
.b2c-trait-graph .overview-middle{position:absolute;left:28.5714%;width:42.8572%;top:0;bottom:0;background:rgba(255,255,255,.65);pointer-events:none}
.b2c-trait-graph .graph-trait-meta{color:#707070;font-size:14px}.b2c-type-match{padding:16px;margin:12px 0;background:#f6f4fc;border-radius:12px}.b2c-type-match .type-symbol-list{margin:0 0 10px}.b2c-type-match .type-symbol img{width:64px;height:64px}.b2c-type-track{height:14px;background:#dedbe8;border-radius:7px;overflow:hidden;margin:12px 0}.b2c-type-track>div{height:100%;background:#7860bd}.b2c-type-combination{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;margin:24px 0}.b2c-type-donut{width:240px;height:240px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.b2c-type-donut>div{width:160px;height:160px;border-radius:50%;background:white}.b2c-type-legend{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:17px}.b2c-type-legend i{width:22px;height:22px;flex-shrink:0;border-radius:5px}
.type-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.type-match-grid .b2c-type-match{margin:0;min-width:0}.type-match-grid .b2c-type-track{max-width:240px}.type-definition{font-size:13px;line-height:1.65;color:#655c6f;margin:12px 0}.workspace-command-panel{border:1px solid #e6dfed;border-radius:10px;padding:13px 16px;margin:0 0 24px;background:#faf8fc}.workspace-command-panel summary{cursor:pointer;font-weight:600;color:#65527f}.workspace-command-panel input{flex:1;min-width:160px}.workspace-command-panel .row{flex-wrap:wrap}@media(max-width:600px){.type-match-grid{grid-template-columns:1fr}}
.page-feedback-form{border:1px solid #ded9ee;border-radius:12px;padding:16px;margin:28px 0 12px;background:#faf8fc}.page-feedback-form summary,.feedback-review summary{cursor:pointer;font-weight:600;color:#5f4d77}.page-feedback-form form{margin-top:18px}.page-feedback-form [aria-pressed=true]{background:#604482;color:white;border-color:#604482}.page-feedback-form textarea{width:100%;min-height:85px}.feedback-review{margin-top:20px}.feedback-review>button{margin-top:16px}.feedback-review-item{border-bottom:1px solid #e6dfed;padding:15px 0}

/* Match B2C report feedback: monochrome outlined thumbs and inverted selection. */
.page-feedback-form{background:#fff;border-color:#ddd}
.page-feedback-form summary,.feedback-review summary,.feedback-review-item{color:#222}
.feedback-thumb{vertical-align:middle;flex-shrink:0}
.page-feedback-form [data-rating]{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#222;border:1px solid #ccc;box-shadow:none}
.page-feedback-form [data-rating]:hover{background:#f2f2f2;color:#222;border-color:#222}
.page-feedback-form [data-rating][aria-pressed=true]{background:#222;color:#fff;border-color:#222}
.page-feedback-form [data-rating]:focus-visible{outline:2px solid #222;outline-offset:3px}

.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-top:26px}
.knowledge-card{border:1px solid #e5e0ed;border-radius:16px;background:#fff;overflow:hidden}
.knowledge-card summary{list-style:none;display:flex;align-items:flex-start;gap:14px;padding:22px;cursor:pointer}
.knowledge-card summary::-webkit-details-marker{display:none}
.knowledge-card summary:focus-visible{outline:2px solid #6650a7;outline-offset:-3px}
.knowledge-number{font-size:12px;font-weight:700;color:#7057b2;background:#f1ecfa;border-radius:10px;padding:9px;flex-shrink:0}
.knowledge-card strong{display:block;line-height:1.5;color:#292337;font-size:16px}
.knowledge-card small{display:block;color:#7c7588;line-height:1.6;margin-top:7px;font-size:13px}
.knowledge-expand{margin-left:auto;color:#7057b2;font-size:22px}
.knowledge-card[open] .knowledge-expand{transform:rotate(45deg)}
.knowledge-content{padding:0 22px 22px;border-top:1px solid #eee9f4;line-height:1.7;color:#595164}
.knowledge-content ol{padding-left:20px}.knowledge-content li{margin:12px 0}
.knowledge-pending{font-weight:600;color:#7057b2}
@media(max-width:760px){.knowledge-grid{grid-template-columns:1fr}}

.b2c-trait-graph .trait-explain-button{min-height:44px;padding:8px 14px;margin:4px 8px 4px 0;font-size:14px;font-weight:600;vertical-align:middle;border:1px solid #d5cce4;background:#fff;color:#59417c;border-radius:9px}
.b2c-trait-graph .trait-explain-button[aria-expanded=true]{background:#eee8f6;border-color:#8c72b2}
.trait-explanation{padding:16px 18px;margin:8px 0 16px;background:#f7f4fb;border-left:3px solid #8b6fbb;border-radius:8px;line-height:1.6;color:#40364e}
.trait-explanation[hidden]{display:none}
.trait-explanation p{margin:6px 0!important}.trait-explanation small{color:#6e647c}
@media(max-width:600px){.b2c-trait-graph .trait-explain-button{display:inline-block;margin:4px 8px 4px 0}}

.profile-type-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.type-description-toggle{display:flex;width:100%;min-height:64px;text-align:left;background:#fff;color:#352b46;border:1px solid #dfd6eb;border-radius:12px;padding:12px;box-shadow:none}
.type-description-toggle:hover,.type-description-toggle[aria-expanded=true]{background:#f3edf9;color:#352b46;border-color:#9477bb}
.type-description-toggle .type-symbol-list{margin:0}.type-description-toggle .type-symbol{background:transparent;border:0;padding:0;font-size:15px}
.type-description-toggle img{width:44px;height:44px}
.profile-type-description{padding:14px 16px;line-height:1.65;background:#faf8fc;border-radius:0 0 12px 12px;color:#5c5269}
.profile-type-description[hidden]{display:none}
@media(max-width:600px){.profile-type-results{grid-template-columns:1fr}}

.profile-type-results .type-description-toggle{justify-content:flex-start;align-items:center;gap:6px;text-align:left}
.profile-type-results .type-symbol-list,.profile-type-results .type-symbol{justify-content:flex-start}
.profile-type-results .type-result-percentage{font-size:15px;font-weight:600;white-space:nowrap}

.type-options .type-conflict{opacity:.55}.type-options .type-conflict:has(input:checked){opacity:1;color:#a02535}

/* Reuse B2C V1.0 sharedLandingBackground and coachGradientDrift. */
body.studio-client{background:radial-gradient(ellipse at 0% 100%,#71b7c9 0%,transparent 44%),radial-gradient(ellipse at 48% 115%,#d994b8 0%,transparent 47%),radial-gradient(ellipse at 100% 95%,#ffa784 0%,transparent 49%),radial-gradient(ellipse at 0% 0%,#ffe5d7 0%,transparent 20%),#fff;background-attachment:fixed;background-size:200% 200%;min-height:100vh;animation:clientGradientDrift 8s ease-in-out infinite alternate}
.studio-client .layout,.studio-client .main{background:transparent}
.studio-client .app-banner{background:#fff}
.studio-client .sidebar{background:#ffffffd9}
.studio-client .workspace-context{background:transparent}
.studio-client #view{background:#fffffff2;border:1px solid #ffffffc9;border-radius:24px;padding:24px;margin-top:18px}
@keyframes clientGradientDrift{0%{background-position:0% 20%}50%{background-position:100% 100%}100%{background-position:10% 0%}}
@media(prefers-reduced-motion:reduce){body.studio-client{animation:none;background-size:100% 100%}}
@media(max-width:600px){.studio-client #view{padding:16px;border-radius:18px}}

/* Respondent questionnaire follows B2C V1.0's monochrome questionnaire theme. */
body.respondent{color:#242424;background:radial-gradient(ellipse at 0% 100%,#71b7c9 0%,transparent 44%),radial-gradient(ellipse at 48% 115%,#d994b8 0%,transparent 47%),radial-gradient(ellipse at 100% 95%,#ffa784 0%,transparent 49%),radial-gradient(ellipse at 0% 0%,#ffe5d7 0%,transparent 20%),#fff;background-attachment:fixed;background-size:200% 200%;animation:clientGradientDrift 8s ease-in-out infinite alternate;min-height:100vh}
.respondent .container{max-width:856px;padding:24px 28px 64px;margin:auto}.respondent .topbar{background:#ffffffed;border:1px solid #eee;border-radius:20px;padding:16px 22px;margin-bottom:32px;box-shadow:none}
.respondent h1{color:#242424;font-size:clamp(30px,4vw,44px);font-weight:550;letter-spacing:-1.4px}.respondent h2,.respondent h3{color:#242424}.respondent .muted,.respondent small,.respondent .eyebrow{color:#686868}
.respondent .card{background:#ffffffed;border:1px solid #e7e7e7;border-radius:28px;padding:32px;box-shadow:0 4px 22px #00000003}
.respondent button{background:#242424;color:#fff;border-radius:999px;min-height:44px;font-weight:550;box-shadow:none}.respondent button:hover{background:#444;filter:none}.respondent button.secondary,.respondent button.quiet{background:#f2f2f2;color:#333}.respondent button:focus-visible,.respondent input:focus-visible{outline:3px solid #587f94;outline-offset:3px}
.respondent .progress{height:8px;background:#e7e7e7}.respondent .progress i{background:#242424}.respondent #question-prompt{font-size:clamp(21px,3vw,28px);line-height:1.4;margin:26px 0;min-height:2.8em;letter-spacing:-.4px}
.respondent .step-labels{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.respondent .step-labels span{color:#666;background:#f2f2f2;border-radius:999px;padding:7px 12px;font-size:12px}.respondent .step-labels .current{background:#242424;color:#fff}.respondent .step-labels .complete{background:#edf6f4;color:#35594e}
.respondent .question-options{display:flex;flex-direction:column;gap:12px}.respondent button.respondent-choice{display:block;width:100%;text-align:left;background:#fff;color:#242424;border:1px solid #dedede;border-radius:18px;padding:18px 22px;min-height:58px;font-size:17px;line-height:1.5}.respondent button.respondent-choice:hover{background:#f5f5f5;border-color:#444}
.respondent-ranking{list-style:none;padding:0;margin:10px 0 24px}.respondent-ranking li{padding:14px 18px;border-bottom:1px solid #e7e7e7;display:grid;gap:6px}.respondent-ranking strong{font-size:12px;color:#666}.respondent-review-set{padding:20px 0;border-bottom:1px solid #ddd}
.respondent .check input{accent-color:#242424}.respondent .footer{background:#ffffffd9;border-radius:18px;padding:20px}.respondent-writing::after{content:'';display:inline-block;width:2px;height:1em;background:#242424;margin-left:3px;vertical-align:text-bottom;animation:respondentCursor .7s infinite}
@keyframes respondentCursor{50%{opacity:0}}@media(prefers-reduced-motion:reduce){body.respondent{animation:none;background-size:100% 100%}.respondent-writing::after{animation:none}}
@media(max-width:600px){.respondent .container{padding:16px 14px 40px}.respondent .card{padding:22px 18px;border-radius:22px}.respondent .topbar{padding:12px;gap:8px}.respondent .topbar .brand-mark{max-width:200px}.respondent #assessment>.row{align-items:flex-start;flex-direction:column;gap:10px}.respondent button.respondent-choice{font-size:16px}.respondent .grid{grid-template-columns:1fr}}

.admin-client-directory{margin-bottom:24px;text-align:left}.admin-client-directory table{min-width:620px}.admin-client-directory .grid{margin:18px 0}.admin-client-directory #admin-client-pages{margin-top:18px;flex-wrap:wrap}#admin-client-detail{margin-top:24px;padding:24px;background:#f8f6fc;border:1px solid #e4ddef;border-radius:16px;scroll-margin-top:20px}.admin-client-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-client-facts div{padding:12px;background:white;border-radius:10px}.admin-client-facts dt{font-size:12px;color:#746a80}.admin-client-facts dd{margin:5px 0 0;overflow-wrap:anywhere;font-weight:600}@media(max-width:600px){.admin-client-facts{grid-template-columns:1fr}}

.admin-client-alphabet{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.admin-client-alphabet button{min-width:36px;min-height:44px;padding:8px 10px;font-size:13px;border-radius:8px}.admin-client-alphabet button[aria-pressed=true]{background:#624b86;color:#fff}

.admin-dashboard{margin-bottom:24px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.admin-metrics article{border:1px solid #e6e3f2;border-top:3px solid #8270ae;border-radius:14px;padding:18px;background:linear-gradient(130deg,#f8f6ff,#fff)}.admin-metrics article:nth-child(2n){border-top-color:#42b4b4;background:linear-gradient(130deg,#effafa,#fff)}.admin-metrics span{display:block;font-size:13px;color:#686578}.admin-metrics strong{display:block;font-size:25px;margin-top:12px}.admin-bar{margin:18px 0}.admin-bar progress{width:100%;height:12px;accent-color:#7660ac}.admin-feedback{border:1px solid #e5e5ef;border-radius:12px;padding:16px;margin:12px 0}.admin-feedback p{white-space:pre-wrap}@media(max-width:760px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.admin-tabs{display:flex;gap:8px;border-bottom:1px solid #e4dfef;margin:24px 0;padding-bottom:12px;flex-wrap:wrap}.admin-tabs [role=tab]{background:#f2f0f7;color:#655b77;border:1px solid transparent;border-radius:10px;padding:12px 22px}.admin-tabs [aria-selected=true]{background:#65518c;color:#fff;box-shadow:0 3px 10px #65518c20}.admin-tabs [role=tab]:focus-visible{outline:3px solid #42b4b4;outline-offset:3px}

.completion-resources{margin-top:36px;border-top:1px solid var(--line)}.completion-resources>section{padding-top:28px;margin-top:12px}.completion-resources details{border-bottom:1px solid var(--line);padding:16px 0}.completion-resources summary{font-weight:650;cursor:pointer;line-height:1.5;padding:4px 0}.completion-resources details p{line-height:1.7;color:#595663}.completion-social{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.completion-social a{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #ded9e8;border-radius:12px;color:#353039;background:#fff;text-decoration:none;font-weight:600}.completion-social a:hover{background:#f5f1fa;border-color:#7951a6}.completion-social span{display:grid;place-items:center;background:#302b36;color:white;border-radius:6px;width:28px;height:28px;font-size:19px}.completion-newsletter{background:#f6f2fb;border:1px solid #e8dff0;border-radius:18px;padding:24px!important;margin-top:28px!important}.completion-newsletter .button{display:inline-block;text-decoration:none;padding:13px 18px;border-radius:10px}.completion-resources summary:focus-visible,.completion-social a:focus-visible{outline:3px solid #7951a6;outline-offset:4px}
.reviewer360{border:1px solid var(--line);padding:14px;border-radius:12px;margin:12px 0}.cycle360-button{display:block;width:100%;text-align:left;margin:12px 0}.cycle360-button small{display:block;margin-top:6px}.rating360-field{display:block;border-bottom:1px solid var(--line);padding:18px 0}.rating360-field span{display:block;font-weight:400;color:var(--muted);line-height:1.6;margin:8px 0}.rating360-field select{max-width:240px}.analysis360{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}#feedback360-detail{margin-top:24px}#results360 details{font-size:12px;max-width:360px}#results360 td{min-width:100px}

/* Knowledge lesson: retain graph order and readable mobile quiz controls. */
.knowledge-card[open]{grid-column:1/-1}
.trait-lesson{max-width:980px;margin:24px auto 0}
.trait-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.trait-learning-card{border:1px solid #e6e0ef;border-radius:12px;padding:18px;background:#fcfaff}
.trait-learning-card .knowledge-number{float:right;margin-left:12px}
.trait-learning-card h4{margin:0 0 8px;color:#34264b;font-size:17px}
.trait-learning-card p{margin:0}
.trait-quiz-question{min-width:0;margin:20px 0;padding:18px;border:1px solid #e1d9ee;border-radius:12px}
.trait-quiz-question legend{font-weight:600;padding:0 8px;color:#34264b}
.trait-quiz-question .check{padding:10px 0;align-items:flex-start;cursor:pointer}
.trait-quiz-question input{flex-shrink:0;margin-top:6px;accent-color:#7057b2}
#trait-quiz-result{font-weight:600}
@media(max-width:650px){.trait-learning-grid{grid-template-columns:1fr}.trait-quiz-question{padding:12px}}

.inbox-type-definitions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.inbox-type-definition{max-width:300px}
.inbox-type-definition summary{list-style:none;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:5px;min-height:44px;display:flex;align-items:center}
.inbox-type-definition summary::-webkit-details-marker{display:none}
.inbox-type-definition summary:hover,.inbox-type-definition[open] summary{background:#f1ecfa;border-color:#ded3ed}
.inbox-type-definition summary:focus-visible{outline:2px solid #7057b2;outline-offset:2px}
.inbox-type-definition .type-symbol-list{margin:0}
.inbox-type-definition p{white-space:normal;margin:6px 0 10px;padding:12px;border-radius:8px;background:#f7f3fc;font-size:13px;line-height:1.6;color:#51455f}

.knowledge-heading{display:flex;align-items:center;gap:14px}.knowledge-heading h1{margin:0}.knowledge-heading button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px}
#knowledge-category-menu{padding:12px;border:1px solid #e5e0ed;border-radius:14px;background:white;box-shadow:0 8px 24px #33214b12;margin:18px 0}
#knowledge-category-menu[hidden],.knowledge-card[hidden]{display:none!important}
#knowledge-category-menu button{display:block;text-align:left;width:100%;background:transparent;color:#443453;border:0;border-radius:8px;white-space:normal;padding:12px;font-weight:500}
#knowledge-category-menu button:hover,#knowledge-category-menu button[aria-current]{background:#f1ecfa;color:#62439a}
#knowledge-category-menu button:focus-visible{outline:2px solid #7057b2;outline-offset:-2px}

.trait-learning-card{padding:0;overflow:hidden}
.trait-lesson-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;text-align:left;border:0;background:#fcfaff;color:#34264b;padding:16px;border-radius:12px;font-size:16px}
.trait-lesson-toggle .knowledge-number{float:none;margin:0}
.trait-lesson-toggle:hover,.trait-lesson-toggle[aria-expanded="true"]{background:#eee7fa}
.trait-lesson-toggle:focus-visible{outline:2px solid #7057b2;outline-offset:-3px}
.trait-learning-card.expanded{grid-column:1/-1}
.trait-lesson-detail{padding:0 20px 20px}.trait-lesson-detail[hidden]{display:none}
.trait-lesson-detail>p{margin:16px 0}.trait-lesson-detail h4{margin:24px 0 14px}

.trait-graph-list{grid-template-columns:1fr}
.trait-learning-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:16px}
.trait-learning-actions .trait-lesson-toggle{width:auto;flex:1}
.trait-test-toggle{flex-shrink:0;min-height:44px}
.trait-graph-list .b2c-trait-graph{padding:0 20px}
.trait-graph-list .overview-row{max-width:none;margin:12px 0 20px}
.trait-learning-definition{padding:16px 20px;background:#f1ecfa}.trait-learning-definition[hidden]{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.trait-quiz-question.quiz-question-wrong{border:2px solid #b42318}
.trait-quiz-question label.quiz-answer-wrong,.trait-quiz-question label.quiz-answer-correct{padding:12px;border:2px solid;border-radius:8px;flex-wrap:wrap;margin:8px 0}
.trait-quiz-question label.quiz-answer-wrong{background:#fff0ee;border-color:#b42318;color:#8f1b13}
.trait-quiz-question label.quiz-answer-correct{background:#eef8f0;border-color:#287543;color:#17552c}
.trait-quiz-question .quiz-option-status{display:block;flex-basis:100%;font-size:13px;margin-left:26px;color:inherit}
.quiz-feedback-wrong{background:#fff0ee;border-left:5px solid #b42318;color:#8f1b13}
.quiz-feedback-correct{background:#eef8f0;border-left:5px solid #287543;color:#17552c}

.trait-extra-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 18px}.trait-extra-actions button{min-height:44px;text-align:left;white-space:normal}.trait-extra-actions button[aria-expanded="true"]{background:#eee7fa;border-color:#7057b2}

.trait-learning-definition .trait-example-note{color:#77717d;font-size:13px;line-height:1.6;margin-top:16px;font-weight:400}
.trait-extra-actions .trait-test-toggle{flex-shrink:1}

/* Two authorised comparison reports share the existing pair unlock. */
.pair-report-heading{margin-top:24px}.pair-report-switch{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.pair-report-switch button[aria-pressed="false"]{background:#fff;color:#534567;border:1px solid #cec5dc}.pair-report-switch button[aria-pressed="true"]{background:#644397;color:#fff}.pair-type-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.pair-type-person{border:1px solid #e3ddec;border-radius:16px;padding:20px;background:#fff}.pair-type-entry{padding:16px 0;border-top:1px solid #eee8f3}.pair-type-entry>strong{display:block;margin-top:8px;color:#644397}.pair-type-entry small{color:#655b70}.pair-type-entry p{line-height:1.6}#pair-traits-report[hidden],#pair-types-report[hidden]{display:none}@media(max-width:700px){.pair-type-report-grid{grid-template-columns:1fr}.pair-report-switch button{flex:1}}

.workspace-customise-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin:0 0 12px}.workspace-customise-toolbar button{min-height:44px}.workspace-customise-toolbar button:focus-visible{outline:2px solid #7051bf;outline-offset:3px}@media(max-width:600px){.workspace-customise-toolbar button{width:100%}}

.app-banner .workspace-customise-toolbar{margin:0;align-items:center}.app-banner>.row{flex-wrap:wrap}.app-banner .workspace-customise-toolbar button{white-space:nowrap}@media(max-width:600px){.app-banner .workspace-customise-toolbar{width:100%}.app-banner .workspace-customise-toolbar button{width:auto;flex:1}}

/* Reference-inspired coloured sound-wave bars; heading text stays static. */
:is(main,.main) :is(h1,h2,h3,h4,h5,h6)::before{
 content:"";display:inline-block;width:1.8em;height:1em;margin-right:.4em;vertical-align:-.1em;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2040%22%3E%3Cstyle%3Erect%7Btransform-box%3Afill-box%3Btransform-origin%3Acenter%3Banimation%3Apulse%201.8s%20ease-in-out%20infinite%7D%40keyframes%20pulse%7B0%25%2C100%25%7Btransform%3AscaleY%281%29%7D50%25%7Btransform%3AscaleY%28.45%29%7D%7D%40media%28prefers-reduced-motion%3Areduce%29%7Brect%7Banimation%3Anone%7D%7D%3C%2Fstyle%3E%3Crect%20x%3D%222%22%20y%3D%2214.0%22%20width%3D%224%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%2383948e%22%20style%3D%22animation-delay%3A-0.00s%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2215.0%22%20width%3D%224%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23b48d9c%22%20style%3D%22animation-delay%3A-0.16s%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2215.0%22%20width%3D%224%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23bba99c%22%20style%3D%22animation-delay%3A-0.32s%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2213.0%22%20width%3D%224%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%23e0ad5b%22%20style%3D%22animation-delay%3A-0.48s%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2210.0%22%20width%3D%224%22%20height%3D%2220%22%20rx%3D%222%22%20fill%3D%22%2390a9a0%22%20style%3D%22animation-delay%3A-0.64s%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%227.0%22%20width%3D%224%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22%2351be9d%22%20style%3D%22animation-delay%3A-0.80s%22%2F%3E%3Crect%20x%3D%2250%22%20y%3D%224.0%22%20width%3D%224%22%20height%3D%2232%22%20rx%3D%222%22%20fill%3D%22%2355b8ce%22%20style%3D%22animation-delay%3A-0.96s%22%2F%3E%3Crect%20x%3D%2258%22%20y%3D%224.0%22%20width%3D%224%22%20height%3D%2232%22%20rx%3D%222%22%20fill%3D%22%23a4b399%22%20style%3D%22animation-delay%3A-1.12s%22%2F%3E%3Crect%20x%3D%2266%22%20y%3D%222.0%22%20width%3D%224%22%20height%3D%2236%22%20rx%3D%222%22%20fill%3D%22%237952d5%22%20style%3D%22animation-delay%3A-1.28s%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}
@media(prefers-reduced-motion:reduce){:is(main,.main) :is(h1,h2,h3,h4,h5,h6)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2040%22%3E%3Crect%20x%3D%222%22%20y%3D%2214.0%22%20width%3D%224%22%20height%3D%2212%22%20rx%3D%222%22%20fill%3D%22%2383948e%22%20style%3D%22animation-delay%3A-0.00s%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2215.0%22%20width%3D%224%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23b48d9c%22%20style%3D%22animation-delay%3A-0.16s%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2215.0%22%20width%3D%224%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23bba99c%22%20style%3D%22animation-delay%3A-0.32s%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2213.0%22%20width%3D%224%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%23e0ad5b%22%20style%3D%22animation-delay%3A-0.48s%22%2F%3E%3Crect%20x%3D%2234%22%20y%3D%2210.0%22%20width%3D%224%22%20height%3D%2220%22%20rx%3D%222%22%20fill%3D%22%2390a9a0%22%20style%3D%22animation-delay%3A-0.64s%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%227.0%22%20width%3D%224%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22%2351be9d%22%20style%3D%22animation-delay%3A-0.80s%22%2F%3E%3Crect%20x%3D%2250%22%20y%3D%224.0%22%20width%3D%224%22%20height%3D%2232%22%20rx%3D%222%22%20fill%3D%22%2355b8ce%22%20style%3D%22animation-delay%3A-0.96s%22%2F%3E%3Crect%20x%3D%2258%22%20y%3D%224.0%22%20width%3D%224%22%20height%3D%2232%22%20rx%3D%222%22%20fill%3D%22%23a4b399%22%20style%3D%22animation-delay%3A-1.12s%22%2F%3E%3Crect%20x%3D%2266%22%20y%3D%222.0%22%20width%3D%224%22%20height%3D%2236%22%20rx%3D%222%22%20fill%3D%22%237952d5%22%20style%3D%22animation-delay%3A-1.28s%22%2F%3E%3C%2Fsvg%3E")}}
@media(forced-colors:active){:is(main,.main) :is(h1,h2,h3,h4,h5,h6)::before{display:none}}
@media print{:is(main,.main) :is(h1,h2,h3,h4,h5,h6)::before{display:none}}

/* Sidebar symbol follows the wave and precedes the page title. */
.main h1>.page-heading-tab-icon{display:inline-block;width:.8em;height:.8em;margin-right:.35em;vertical-align:-.04em;color:#75618d;animation:none;flex-shrink:0}

.builder-dialog{width:min(760px,94vw);max-height:88vh;overflow:auto;border:1px solid #ddd3e9;border-radius:18px;padding:26px;color:#332b40}.builder-dialog::backdrop{background:#22143080}.builder-dialog [data-status]{color:#a12438}.builder-tools{padding:20px 0;border-bottom:1px solid #e5dfea;margin-bottom:20px}.builder-tools small{display:block;margin-top:12px}.builder-layout-row{justify-content:space-between;padding:8px 0}.builder-layout-row label{flex:1}.builder-module{border:1px solid #e3ddeb;border-radius:12px;padding:16px;margin:14px 0}.builder-module .pill{margin-left:12px}.builder-module p{white-space:pre-wrap}.builder-field{border:1px solid #ded5e7;border-radius:10px;margin:20px 0;padding:18px}.builder-rating[hidden]{display:none}.builder-score{padding:10px 0;border-bottom:1px solid #eee}.builder-score progress{display:block;width:100%;accent-color:#7551ba}.builder-score small{display:block}.custom-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.custom-dashboard-grid>[data-widget=pulse],.custom-dashboard-grid>[data-widget=stats],.custom-dashboard-grid>[data-widget=credits]{grid-column:1/-1}.custom-dashboard-grid>[hidden]{display:none!important}.custom-dashboard-grid>*{min-width:0;margin:0!important}#dashboard-custom-modules{margin-top:24px}@media(max-width:800px){.custom-dashboard-grid{grid-template-columns:1fr}.builder-dialog{padding:18px}}

/* Personal page visibility, independent of workflow disclosure state. */
.workspace-layout-hidden{display:none!important}

/* Layout editing is explicit, in flow, and never covers the dashboard. */
.layout-edit-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;background:#fff4d6;border:2px solid #a65c00;border-left:8px solid #a65c00;border-radius:14px;padding:18px 22px;margin:0 0 24px;color:#482c06;box-shadow:0 3px 12px #99550012}
.layout-edit-heading{display:grid;gap:7px}
.layout-edit-heading strong{font-size:19px}
.layout-edit-heading p{margin:0;font-size:13px}
.layout-edit-badge{justify-self:start;background:#633800;color:#fff;font-size:12px;font-weight:800;letter-spacing:1.2px;border-radius:5px;padding:5px 9px}
.layout-edit-banner [data-preview-save]{background:#633800;color:white}
.layout-edit-banner [data-preview-cancel]{color:#482c06;text-decoration:underline}
.layout-edit-mode #view{border:2px dashed #b46b13;border-radius:16px;padding:16px}
.layout-edit-mode #view [data-layout-section]{outline:2px dashed #b46b13;outline-offset:3px}
@media(max-width:640px){.layout-edit-banner{padding:14px}.layout-edit-banner .row{gap:8px}.layout-edit-mode #view{padding:10px}}

/* Draggable job trait scales preserve authorised 2–8 target bounds. */
.targets.job-trait-scales{grid-template-columns:1fr;gap:14px;width:100%;max-width:640px;box-sizing:border-box}
.target.job-trait-scale{display:block;padding:16px;background:#fff;border:1px solid #ddd5e5}
.job-trait-scale.has-target{border-color:#7960ad;background:#faf8ff}
.target.job-trait-scale label{font-size:14px}
.job-trait-scale output{font-size:13px;font-weight:700;color:#644391}
.job-trait-scale .overview-ends{margin-top:12px;font-size:12px;gap:14px}
/* One shared IDENTI3 graph track. Offset handles stay reachable at equal scores. */
.job-trait-scale .job-target-track{margin-top:24px;margin-bottom:22px;overflow:visible}
.job-target-track .job-target-marker{padding:0;min-width:28px;border:2px solid white;line-height:24px;cursor:ew-resize;touch-action:none;z-index:2;box-shadow:0 1px 4px #0004}
.job-target-track .marker-low{top:-13px;background:#c9233c}
.job-target-track .marker-high{top:13px;background:#753bc0}
.job-target-marker:focus-visible{outline:3px solid #222;outline-offset:3px;z-index:3}


.job-trait-scale .job-target-track{margin-top:42px;margin-bottom:52px}
.job-target-track .job-limit-label{position:absolute;transform:translateX(-50%);padding:3px 5px;white-space:nowrap;font-size:11px;line-height:18px;border:0;background:transparent;text-decoration:underline;cursor:pointer;z-index:3}
.job-limit-label.label-low{top:-39px;color:#a61c33}
.job-limit-label.label-high{top:42px;color:#67379a}
.job-limit-help{margin:14px 0 0;line-height:1.6}

.type-options.job-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));max-width:800px;gap:12px}
.job-type-card{border:1px solid #e8dcf1;border-radius:12px;padding:12px;background:#fff;text-align:center}
.job-type-card label{display:block}
.job-type-explain{display:block;margin:10px auto 0;padding:7px;background:transparent;border:1px solid transparent;border-radius:12px}
.job-type-explain:hover,.job-type-explain[aria-expanded=true]{background:#f5effb;border-color:#c3a4d8}
.job-type-explain img{display:block;width:64px;height:64px;object-fit:contain}
.job-type-description{text-align:left;font-size:13px;line-height:1.6;margin:12px 0 0;color:var(--ink)}

.job-trait-heading{display:flex;align-items:center;gap:10px}
.job-trait-heading input{flex:none}
.job-trait-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;text-align:left;background:transparent;color:var(--ink);padding:6px 0;font-size:14px}
.job-trait-heading output{flex:none;font-size:12px}
.job-trait-toggle[aria-expanded=true] .job-trait-chevron{transform:rotate(180deg)}
.job-trait-definition{margin:14px 0 18px;font-size:13px;line-height:1.65;color:var(--ink)}
.job-trait-scale:has(.job-trait-detail[hidden]){padding-top:8px;padding-bottom:8px}

.section-help-button{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;min-width:27px;margin-left:10px;padding:0;border:1px solid #b9a7d1;border-radius:50%;background:#f4eefb;color:#62438b;font-size:15px;line-height:1;vertical-align:middle}
#section-help-dialog{max-width:570px}#section-help-dialog li{margin-bottom:12px;line-height:1.6}#section-help-dialog h2{margin:0}

/* A single respondent workspace, with continuous sections. */
.inbox-person{margin-top:24px;padding:28px;min-width:0}.inbox-person>section.card,.inbox-person .profile-tools{border:0;border-radius:0;box-shadow:none;background:transparent;padding:24px 0;margin:0!important;border-top:1px solid #e6e2eb}.inbox-person-heading h2{margin:0}.inbox-person .profile-tools>.row.between{display:none}.inbox-person .profile-score-details{max-width:none}.fit-donut{display:inline-grid;place-items:center;width:76px;height:76px;flex-shrink:0;border-radius:50%;background:conic-gradient(#7860b5 var(--fit),#e9e5ef 0);position:relative;margin:5px}.fit-donut:before{content:"";position:absolute;inset:9px;border-radius:50%;background:white}.fit-donut strong{position:relative;font-size:17px}.inbox-job-graph{max-width:820px;margin-top:20px}.inbox-job-graph .overview-row{padding:15px 0}.inbox-job-graph .overview-track{overflow:visible}.inbox-job-graph .job-preference-shade{position:absolute;top:-7px;bottom:-7px;min-width:5px;background:rgba(75,80,90,.38);border:2px solid #737984;border-radius:5px;z-index:2;pointer-events:none}.inbox-job-graph .overview-marker{z-index:3}.inbox-person .profile-score-details>.fit-details{max-width:820px}@media(max-width:600px){.inbox-person{padding:16px}.inbox-job-graph .row{align-items:flex-start;flex-direction:column;gap:4px}}
/* Keep client navigation tabs flush with the left edge. */
@media(min-width:651px){
 .studio-client .sidebar{padding-left:0;padding-right:0}
 .studio-client .sidebar>div{margin-left:18px;margin-right:18px}
 .studio-client .sidebar nav{width:100%;margin:0;padding:0}
 .studio-client .sidebar nav button,.studio-client .sidebar nav button[data-tab],.studio-client .sidebar nav button.active{width:100%;margin-left:0;margin-right:0;padding-left:18px;padding-right:12px;justify-content:flex-start;text-align:left;border-radius:0}
}
/* Inbox categories follow the Overview card layout under one respondent heading. */
.studio-client .inbox-person.card{padding:0;background:transparent;border:0;box-shadow:none;display:grid;gap:20px}
.inbox-person-heading{padding:8px 0}.inbox-person-heading p:last-child{margin-bottom:0}
.studio-client .inbox-person>section.card,
.studio-client .inbox-person #respondent-reports,
.studio-client .inbox-person #profile-status-form,
.studio-client .inbox-person .profile-tool-grid>section,
.studio-client .inbox-person .review-notes,
.studio-client .inbox-person .sharing-panel{background:#fff;border:1px solid #e4dfed;border-top:3px solid #b4a0d2;border-radius:16px;padding:24px;margin:0!important;box-shadow:0 4px 15px #17354a04;min-width:0}
.studio-client .inbox-person .profile-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;border:0;background:transparent;box-shadow:none}
.inbox-person .profile-tools>.row.between{display:none}
.inbox-person .profile-tool-grid{display:contents}
.studio-client .inbox-person #profile-status-form{display:block;border-top-color:#80beb8}
.inbox-person #profile-status-form>label{font-size:16px;margin:0 0 16px;color:var(--ink)}
.inbox-person #profile-status-form .row{align-items:flex-start}
.studio-client .inbox-person .profile-tool-grid>section:first-child{border-top-color:#89b8d4}
.studio-client .inbox-person .profile-tool-grid>section:last-child{border-top-color:#e3b76f}
.studio-client .inbox-person .review-notes{border-top-color:#96b7a2}
.studio-client .inbox-person .sharing-panel{border-top-color:#b6b1c3}
.inbox-person .review-notes summary,.inbox-person .sharing-panel summary{font-size:16px;font-weight:650;cursor:pointer}
.studio-client .inbox-person>section.profile-score-details{border-top-color:#7eb4c4}
@media(max-width:700px){.studio-client .inbox-person .profile-tools{grid-template-columns:1fr}.studio-client .inbox-person>section.card,.studio-client .inbox-person #respondent-reports,.studio-client .inbox-person #profile-status-form,.studio-client .inbox-person .profile-tool-grid>section,.studio-client .inbox-person .review-notes,.studio-client .inbox-person .sharing-panel{padding:18px}}
.inbox-person #respondent-reports>.report-unlock{padding:0;margin:0;border:0;background:transparent;box-shadow:none}
.inbox-person #respondent-reports>.report-unlock>p:first-of-type{display:none}

.inbox-review-comments{min-width:170px;max-width:280px;overflow-wrap:anywhere}.inbox-review-comments p{margin:0 0 5px;white-space:pre-wrap}.inbox-review-comments small{display:block;margin-bottom:12px}

.inbox-person .nickname-card{background:white;border:1px solid #e4dfed;border-top:3px solid #a4bfd1;border-radius:16px;padding:24px}.nickname-card small{display:block;margin-top:10px}.respondent-nickname{font-weight:500;color:#70598c}

/* Compact report guides and local section navigation. No billing actions. */
.report-reading-help{display:grid;gap:10px;margin:18px 0}.report-reading-help details{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#faf9fd}.report-reading-help summary{cursor:pointer;font-weight:600;color:#463663}.report-reading-help p{max-width:70ch;line-height:1.65}.report-reading-help li{margin:8px 0}.client-report-navigation{position:sticky;top:12px;z-index:3;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:18px 0;box-shadow:0 4px 16px #322b4d0d}.client-report-navigation label{margin:0}.client-report-navigation select{margin:6px 0 0;width:100%;max-width:100%;white-space:normal}#respondent-report-output [tabindex="-1"]:focus{outline:2px solid #7860cf;outline-offset:5px}@media(max-width:600px){.client-report-navigation{top:6px;padding:10px}.report-reading-help details{padding:12px}.report-reading-help p{font-size:15px}}@media print{.report-reading-help,.client-report-navigation{display:none!important}}

.respondent-language-picker{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:8px 0 18px;font-size:13px}.respondent-language-picker select{width:auto;max-width:190px;margin:0;padding:8px;min-height:40px}.topbar .respondent-language-picker{margin:0 0 0 auto}.respondent-ranking span{overflow-wrap:anywhere}@font-face{font-family:B2BKhmer;src:url(/respondent-fonts/NotoSansKhmer-Regular.ttf);font-display:swap}@font-face{font-family:B2BJapanese;src:url(/respondent-fonts/NotoSansJP-Regular.woff2);font-display:swap}html[lang="km"] .respondent,html[lang="km"] .respondent button,html[lang="km"] .respondent input,html[lang="km"] .respondent textarea{font-family:B2BKhmer,sans-serif;line-height:1.8}html[lang="ja"] .respondent,html[lang="ja"] .respondent button{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",B2BJapanese,sans-serif}html[lang="zh-Hans"] .respondent{font-family:"PingFang SC","Microsoft YaHei",sans-serif}html[lang="zh-Hant"] .respondent{font-family:"PingFang TC","Microsoft JhengHei",sans-serif}@media(max-width:600px){.topbar{flex-wrap:wrap}.topbar .respondent-language-picker{order:3;width:100%;justify-content:flex-start}.respondent-language-picker select{max-width:170px}}

.current-role-evaluation{margin-bottom:20px;border-top:3px solid #86bdb7}.current-role-evaluation textarea{min-height:90px}