/* QUEEN operational design: high contrast, restrained color, readable data. */
:root{--bg:#fff;--canvas:#f3f6fa;--card:#fff;--fg:#17263e;--muted:#53647a;--line:#dce4ed;--field:#f6f8fb;--accent:#086c78;--accent-hover:#065662;--soft:#e8f5f5;--glow:#087e8b15;--action:#086c78;--action-text:#fff;--success:#137452;--success-soft:#e7f5ed;--purple:#485a99;--purple-soft:#eef0fa;--amber:#8a5b09;--amber-soft:#fff5df;--red:#b43845;--red-soft:#fff0f2;--shadow:0 14px 40px #10253e0b}
:root[data-theme=dark]{--bg:#0e1726;--canvas:#0e1726;--card:#172237;--fg:#edf3fb;--muted:#b0bfd2;--line:#314259;--field:#1c2b42;--accent:#5bcec8;--accent-hover:#7fddd7;--soft:#183d43;--action:#75d8d1;--action-text:#102a33;--success:#7cdbb1;--success-soft:#1b3e33;--purple:#b4bfec;--purple-soft:#293353;--amber:#f1c76c;--amber-soft:#3e3421;--red:#ffb2b9;--red-soft:#462a35;--shadow:0 14px 40px #0002}
.workspace{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.65;background:var(--canvas);font-variant-numeric:tabular-nums}
.workspace button,.workspace input,.workspace textarea,.workspace select{font-family:inherit}
.workspace .sidebar{background:#112039;border-right:0;color:#eff4fc;padding-top:28px}
.workspace .sidebar .brand,.workspace .sidebar .brand strong{color:#fff}.workspace .sidebar .brand span{color:#b9c8dd}.workspace .sidebar .brand img{filter:brightness(0) invert(1)}
.workspace .workspace-switch{background:#1b2d47;border-color:#314560;border-radius:12px}.workspace .workspace-switch strong{color:#eef5ff;font-size:13px}.workspace .workspace-switch small{color:#bac9dd;font-size:12px}.workspace .workspace-initial{background:#26435b;color:#a4eee3}
.workspace .app-nav>a{color:#c6d2e3;min-height:46px;font-size:14px;font-weight:550;border-radius:8px;margin:3px 0;padding:11px 13px}.workspace .app-nav>a:hover{background:#1c304c;color:#fff}.workspace .app-nav>a[aria-current=page]{background:#214359;color:#b0f3e7;box-shadow:inset 3px 0 #65d7c3}.workspace .app-nav>a[hidden]{display:none}
.workspace .sidebar .nav-caption{color:#92a8c7;font-size:11px;letter-spacing:.13em}.workspace .sidebar .nav-count{background:#2b425e;color:#dae9fc}.workspace .sidebar .demo-note{background:#1b2d47;border-color:#314560}.workspace .sidebar .demo-note strong{color:#fff}.workspace .sidebar .demo-note p,.workspace .sidebar .project-credit{color:#b4c4d9}.workspace .sidebar .demo-note a{color:#8ce3d5}.workspace .sidebar .profile-button{color:#fff;border-color:#314560}.workspace .sidebar .profile-button small{color:#b4c4d9}.workspace .sidebar .icon-button{color:#fff;border-color:#314560}
.workspace .app-header{background:var(--card);border-color:var(--line);min-height:82px}.workspace .workspace-main{padding-top:34px;max-width:1720px;margin-inline:auto}.workspace .view-heading{margin-bottom:24px}.workspace .view-heading h1{font-size:32px;font-weight:720;letter-spacing:-.04em;line-height:1.2}.workspace .view-heading .eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--accent);margin-bottom:10px}.workspace .view-heading p{font-size:15px;line-height:1.65;color:var(--muted)}
.workspace .button{font-size:14px;font-weight:600;border-radius:9px;min-height:44px;gap:8px;box-shadow:none}.workspace .button.primary{background:var(--action);border-color:var(--action);color:var(--action-text)}.workspace .button:focus-visible,.workspace a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.workspace .button:disabled{opacity:.45;cursor:not-allowed}
.workspace .panel,.workspace .agent-card,.workspace .kanban-column{border-radius:14px;border-color:var(--line);box-shadow:0 2px 5px #10253e03}.workspace .panel-heading h2,.workspace .en-panel h2{font-size:18px;font-weight:650;line-height:1.4}.workspace .panel-heading p{font-size:13px}.workspace .data-table{font-size:14px}.workspace .data-table th{background:var(--field);color:var(--muted);font-size:12px;font-weight:650;padding:14px 18px}.workspace .data-table td{padding:18px;line-height:1.6}.workspace .data-table tbody tr:hover{background:var(--field)}.workspace .row-link{font-size:15px;color:var(--fg)}.workspace .badge{font-size:12px;line-height:1.5;padding:5px 9px;border-radius:6px;font-weight:600}.workspace .person-cell small{font-size:13px}
.workspace .backend-form input:not([type=checkbox]),.workspace .backend-form select,.workspace .backend-form textarea{min-height:46px;border-radius:8px}.workspace .backend-form label{color:var(--fg);font-size:14px}.workspace .detail-dialog{border-radius:16px}.workspace .dialog-header{background:var(--card);border-bottom:1px solid var(--line)}.workspace .dialog-header h2{font-size:23px;line-height:1.4}.workspace .detail-content{padding-top:24px}.workspace .crm-filters{background:var(--field);border-bottom:1px solid var(--line)}.workspace .crm-summary article{background:var(--card)}.workspace .q-team-row,.workspace .q-audit{font-size:14px}.workspace .agent-card h2{font-weight:650;font-size:20px}
.en-context{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin:-4px 0 24px}.en-context>span{display:flex;align-items:center;gap:8px}.en-context svg{width:16px;height:16px}
.en-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 24px}.en-metric{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:24px}.en-metric-icon{position:absolute;right:20px;top:20px;color:var(--accent);background:var(--soft);width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.en-metric-icon svg{width:18px;height:18px}.en-metric>p{font-size:13px;color:var(--muted);font-weight:600;margin:2px 36px 16px 0}.en-metric>strong{display:block;font-size:35px;font-weight:680;line-height:1.1;letter-spacing:-.035em}.en-metric>small{display:block;color:var(--muted);font-size:12px;margin-top:15px;line-height:1.5}
.en-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;margin:22px 0}.en-panel{padding:24px;min-width:0}.en-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px}.en-panel-head p{font-size:13px;color:var(--muted);margin:5px 0 0}.en-panel-head .button{font-size:12px;min-height:35px;padding:8px 11px;white-space:nowrap}.en-caption{font-size:12px!important;color:var(--muted);line-height:1.65;margin:14px 0 0}.en-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;align-items:end;margin-top:30px}.en-bar-col{text-align:center}.en-bar-col>strong{font-size:13px;font-weight:600}.en-bar-track{height:140px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 34px,var(--line) 35px,transparent 36px);margin:7px 0 9px}.en-bar-track>span{width:65%;margin:auto auto 0;background:var(--accent);border-radius:6px 6px 0 0;min-height:0}.en-bar-col small{font-size:11px;color:var(--muted);white-space:nowrap}.en-distribution{margin:22px 0}.en-distribution>div{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px}.en-distribution progress{appearance:none;width:100%;height:9px;border:0;border-radius:8px;overflow:hidden;background:var(--field)}.en-distribution progress::-webkit-progress-bar{background:var(--field)}.en-distribution progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.en-distribution progress.amber::-webkit-progress-value{background:var(--amber)}.en-distribution progress.blue::-webkit-progress-value{background:#577db4}.en-distribution progress::-moz-progress-bar{background:var(--accent)}.en-text-link{display:inline-flex;gap:12px;color:var(--accent);font-size:13px;margin-top:12px}.en-text-link svg{width:16px;height:16px}
.en-task-list>button{display:flex;width:100%;align-items:center;gap:12px;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--fg)}.en-task-list>button:last-child{border-bottom:0}.en-task-list>button>span:nth-child(2){flex:1;min-width:0}.en-task-list strong{display:block;font-size:14px}.en-task-list small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:4px}.en-task-list svg{width:16px;height:16px;flex:none;color:var(--muted)}.en-task-dot{height:8px;width:8px;background:var(--accent);border-radius:50%;flex:none}.en-task-dot.late{background:var(--amber)}.en-empty{display:grid;justify-items:center;text-align:center;gap:16px;padding:30px 18px;color:var(--muted)}.en-empty svg{width:32px;height:32px;color:var(--accent)}.en-empty p{font-size:14px;max-width:330px}.en-next{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px}.en-next h2{font-size:21px;margin:8px 0;font-weight:650}.en-next p{font-size:14px;color:var(--muted)}.en-next>.button{flex:none}
.en-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:0;margin:0 0 24px}.en-steps li{padding:20px;background:var(--card)}.en-steps b{font-size:12px;display:block;color:var(--accent);margin-bottom:9px}.en-steps strong{display:block;font-size:14px;font-weight:650}.en-steps span{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:6px}.en-workload{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.en-workload>div{flex:1;min-width:0}.en-workload strong{font-size:14px;display:block}.en-workload small{display:block;font-size:12px;color:var(--muted);font-weight:400}.en-workload>b{text-align:right;font-size:19px}.en-role-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.en-role-guide article{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:14px}.en-role-guide article>span{color:var(--accent)}.en-role-guide svg{width:23px;height:23px}.en-role-guide h3{font-size:16px;font-weight:650;margin:15px 0 8px}.en-role-guide p{font-size:14px;color:var(--muted)}.en-team-intro{background:var(--soft);padding:20px 24px;border-radius:12px;margin-bottom:24px}.en-team-intro p{font-size:14px;margin:6px 0 12px}.en-team-intro .button{background:var(--card)}
.en-clocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.en-clocks article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}.en-clocks span{color:var(--muted);font-size:13px}.en-clocks strong{display:block;font-size:30px;line-height:1.5;font-weight:650;letter-spacing:-.035em}.en-clocks small{font-size:12px;color:var(--muted)}.en-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.en-calculation{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--soft);display:flex;flex-wrap:wrap;gap:24px;font-size:13px}.en-calculation>span{flex:1;min-width:110px}.en-calculation strong{font-size:27px;display:block}.en-calculation>small{flex-basis:100%;font-size:12px}.en-checklist{list-style:none;counter-reset:check;display:grid;gap:22px;padding:0;margin:0 0 26px}.en-checklist li{position:relative;padding-left:40px;counter-increment:check}.en-checklist li:before{content:counter(check);position:absolute;left:0;top:0;border:1px solid var(--line);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--accent)}.en-checklist strong{font-size:14px}.en-checklist p{font-size:13px;color:var(--muted);margin-top:4px}.en-integration{display:flex;gap:18px;align-items:center}.en-integration>div{flex:1}.en-integration h3{font-size:16px}.en-integration p{font-size:14px;color:var(--muted);margin-top:6px}
.en-import-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.en-import-steps span{font-size:12px;padding:6px 10px;border-radius:7px;background:var(--soft);color:var(--accent);font-weight:600}.workspace .data-owners label{padding:12px;border:1px solid var(--line);background:var(--card);border-radius:8px}.workspace .data-owners label:has(input:checked){background:var(--soft);border-color:var(--accent)}.workspace .data-counts span{font-size:13px;padding:14px;background:var(--field);border-radius:9px}.workspace .data-counts strong{font-size:25px}.workspace #data-confirm{width:100%;margin-top:20px}
@media(max-width:1200px){.en-metrics{gap:12px}.en-metric{padding:18px}.en-metric-icon{width:28px;height:28px;right:14px;top:16px}.en-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.en-panel{padding:20px}.en-bars{gap:8px}.en-steps li{padding:16px}.en-panel-head{flex-wrap:wrap}}
@media(max-width:1000px){.en-metrics,.en-clocks{grid-template-columns:repeat(2,minmax(0,1fr))}.en-grid{grid-template-columns:1fr}.en-role-guide{grid-template-columns:1fr}.en-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.en-next{align-items:flex-start;flex-direction:column}.en-context{flex-wrap:wrap}}
@media(max-width:760px){.workspace .workspace-main{padding-top:24px}.workspace .view-heading h1{font-size:28px}.workspace .app-header{min-height:72px}.en-metric>strong{font-size:30px}.en-metric>p{font-size:12px}.en-metric>small{font-size:11px}.en-context{font-size:11px;gap:5px}.en-form-grid{grid-template-columns:1fr}.en-integration{flex-wrap:wrap}.en-panel{padding:18px}.en-bars{gap:6px}.en-bar-track{height:110px}.en-bar-col small{font-size:10px}.en-next{padding:20px}.en-next h2{font-size:19px}.en-clocks article{padding:18px}.workspace .backend-form input,.workspace .backend-form select{font-size:16px}.en-steps li{padding:14px}.en-steps strong{font-size:13px}.en-steps span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.workspace *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

body.workspace{--muted:#53647a;font-family:Inter,'Segoe UI',Arial,sans-serif}[data-theme=dark] body.workspace{--muted:#b0bfd2}

@media(max-width:600px){.workspace .callback-alert{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px}.workspace .callback-alert>.button{grid-column:2;margin-left:0;justify-self:start;max-width:100%;white-space:normal}.en-context{align-items:flex-start;flex-direction:column;gap:6px}}
