/* Syntal Cloud v1.3.2 Stage A: enterprise two-layer navigation and neutral workspace.
   Intentionally overlays v1.3.1 to preserve existing route/feature surfaces. */
:root{--bg:#f5f7fa;--panel:#fff;--panel2:#f9fafc;--line:#e2e6ed;--muted:#64748b;--accent:#2563eb;--accent2:#3b82f6;--green:#15803d;--orange:#b45309;color:#172438;background:#f5f7fa;font-size:14px}
html,body{background:#f5f7fa;color:#172438;min-width:320px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.stage-a-shell{display:grid;grid-template-columns:292px minmax(0,1fr);height:100dvh;background:#f5f7fa}
.stage-a-shell .navigation-pane{display:grid;grid-template-columns:75px 217px;height:100dvh;min-height:0;position:relative;z-index:22;background:#f8fafc;border-right:1px solid #dfe5ee}
.stage-a-shell .category-rail{min-height:0;background:#f0f3f8;border-right:1px solid #e0e6ee;padding:13px 6px;display:flex;flex-direction:column;align-items:stretch;gap:20px}
.category-brand{min-height:43px;text-align:center;display:grid;justify-content:center;align-content:center;font-weight:800;gap:0;color:#2563eb}
.category-brand span{font-size:26px;line-height:25px}.category-brand small{font-size:10px;font-weight:900;color:#344054}
.category-list{display:flex;flex-direction:column;gap:7px;overflow-y:auto;scrollbar-width:none}
.category-item{min-height:66px;width:100%;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent;color:#657286;padding:7px 2px;border:1px solid transparent}
.category-item:hover{background:#e8eef7;color:#254f97}.category-item.active{color:#1d4ed8;background:#dfeafb;border-color:#c7daf7}
.category-item .category-icon{font-size:21px;line-height:25px}.category-item small{font-size:9px;line-height:1.2;font-weight:650;text-align:center;overflow-wrap:anywhere}
.rail-footer{margin-top:auto;font-size:13px;text-align:center;color:#16946a}
.stage-a-shell .sidebar{position:relative;left:auto;top:auto;bottom:auto;width:auto;transform:none;box-shadow:none;z-index:auto;display:flex;flex-direction:column;padding:0 9px 14px;gap:0;min-height:0;background:#fbfcfe;border:0}
.stage-a-shell .side-header{padding:23px 10px 18px;margin:0;border-bottom:1px solid #e8edf3}
.sidebar-product{display:flex;gap:4px;align-items:center;font-size:10px;letter-spacing:.1px;color:#1c2c43;font-weight:900;white-space:nowrap}.sidebar-product b{color:#2563eb}.sidebar-product span{margin-left:auto;color:#95a1b2;font-size:9px;font-weight:500}
.stage-a-shell .side-header h2{font-size:17px;letter-spacing:-.45px;margin:28px 0 4px;color:#172438;font-weight:750}.stage-a-shell .side-header p{color:#788699;font-size:11px;margin:0;line-height:1.5}
.stage-a-shell .sidebar nav{overflow-y:auto;padding:11px 0;display:flex;flex-direction:column;gap:3px;scrollbar-color:#d5dfea transparent}
.nav-section-label{display:flex;justify-content:space-between;margin:12px 8px 10px;font-size:10px;letter-spacing:1px;color:#8997aa;font-weight:750}.nav-section-label span{letter-spacing:0}
.stage-a-shell .nav-link{display:flex;align-items:center;min-height:39px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#44546b;text-align:left;font-size:12px;font-weight:570;gap:9px;width:100%;white-space:normal}
.stage-a-shell .nav-link .nav-icon{color:#8695a8;width:19px;font-size:17px;flex-shrink:0}
.stage-a-shell .nav-link:hover{background:#eef3f9;color:#1f416e}.stage-a-shell .nav-link.active{background:#e8eef8;border-color:#dce5f2;color:#1d4ed8;font-weight:720;box-shadow:none}.stage-a-shell .nav-link.active .nav-icon{color:#2563eb}
.stage-a-shell .sidebar-end{margin-top:auto;border-top:1px solid #e6ebf2;padding:16px 9px 3px}.stage-a-shell .sidebar-end p{color:#8b98a9;font-size:10px}.stage-a-shell .connection-status{color:#475569;font-size:10px}.stage-a-shell .connection-status i{background:#10b981;box-shadow:none}
.stage-a-shell .main{background:#f5f7fa;min-height:0;min-width:0}
.stage-a-shell .topbar{height:62px;min-height:62px;position:relative;z-index:3;background:#fff;padding:0 24px;border-bottom:1px solid #e2e7ee;box-shadow:none;backdrop-filter:none;gap:15px}
.breadcrumbs{display:flex;gap:10px;align-items:center;color:#77849a;font-size:11px;white-space:nowrap;min-width:0;overflow:hidden}.breadcrumbs strong{color:#26354a;font-weight:650;text-overflow:ellipsis;overflow:hidden}.crumb-separator{color:#a7b2c1}
.stage-a-shell .top-left{min-width:0;flex-shrink:1}.stage-a-shell .tools{gap:12px;min-width:0}.stage-a-shell .scope-field{flex-direction:row;align-items:center;gap:7px}.stage-a-shell .scope-field label{font-size:10px;letter-spacing:0;color:#7d889b;font-weight:600}
.stage-a-shell .topbar .scope-field select{color:#344256;background:#f9fafc;border:1px solid #e0e6ef;border-radius:7px;min-width:105px;max-width:180px;height:33px;font-size:11px;padding:6px 21px 6px 8px}
.stage-a-shell .quick-open{display:flex;align-items:center;gap:8px;min-width:205px;color:#77879b;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:7px;padding:0 10px;height:33px;font-size:14px;white-space:nowrap}
.stage-a-shell .quick-open span{font-size:11px}.stage-a-shell .quick-open kbd{margin-left:auto;color:#94a3b8;background:white;border-color:#dfe6ef;font-size:10px}
.stage-a-shell .circle{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;border:1px solid #ccdafa;background:#dce7fd;color:#3157ab;font-size:11px}
.stage-a-shell .page-context{padding:22px 28px 20px;background:#fff;border-bottom:1px solid #e4e8ef}.stage-a-shell .context-top{min-height:59px}.stage-a-shell .context-eyebrow{font-size:10px;color:#667a97;letter-spacing:.5px;text-transform:none;font-weight:600}
.stage-a-shell .context-identity h1{color:#1c293d;font-size:25px;letter-spacing:-.75px;margin:4px 0 6px;font-weight:770;line-height:1.12}
.stage-a-shell .context-identity p{color:#7c8a9c;font-size:12px;margin:0;line-height:1.5}
.stage-a-shell .context-actions{flex-wrap:nowrap;gap:9px}.stage-a-shell .context-project{background:#f4f7fc;border:1px solid #e1e7f0;color:#657589;padding:7px 9px;border-radius:6px;font-size:11px}.stage-a-shell .contextual-cta{background:#fff;border:1px solid #d9e1eb;color:#33557e;padding:7px 10px}
.stage-a-shell .content{overflow:auto;min-height:0;padding:22px 28px 60px;scrollbar-color:#d5dce7 transparent}
.stage-a-shell .heading{min-height:40px;display:flex;gap:14px;align-items:center;margin-bottom:16px}.stage-a-shell .heading h1{font-size:20px;color:#1a2940}.stage-a-shell .heading h2{font-size:13px;color:#334155;font-weight:720;margin-bottom:3px}.stage-a-shell .heading p{color:#8b97aa;font-size:11px}
.stage-a-shell .card{border:1px solid #e0e6ef;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.035);border-radius:10px;color:#27364a}
.stage-a-shell .panel{padding:18px}.stage-a-shell .panel h3{color:#27364a;font-size:14px}
.stage-a-shell .btn{border-radius:7px;font-size:11px;min-height:33px;padding:8px 12px;background:#fff;color:#405169;border:1px solid #dce4ee;box-shadow:none}
.stage-a-shell .btn:hover{background:#f2f6fc}.stage-a-shell .btn.primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.stage-a-shell .btn.primary:hover{background:#1d4ed8}.stage-a-shell .btn.ghost{background:#fff;color:#495970;border-color:#dae2eb}
.stage-a-shell .kpi{padding:16px;min-height:106px;border-top:0}.stage-a-shell .kpi:after{display:none}.stage-a-shell .kpi strong{color:#18263b;font-size:27px;margin-top:13px}.stage-a-shell .kpi .caption{color:#7e8ba0;font-size:10px;letter-spacing:.35px;text-transform:none}
.stage-a-shell .hq-hero{background:#fff;border:1px solid #e1e7ef;padding:22px;margin-bottom:14px}.stage-a-shell .hq-hero h2{color:#1b2a41;font-size:23px}.stage-a-shell .hq-hero p{color:#7a899b}.stage-a-shell .hq-binding{background:#f0faf5;border-color:#c7ebd5;color:#147e51}
.stage-a-shell .hq-stat{background:#fff;border-top:0;box-shadow:none;padding:15px}.stage-a-shell .hq-stat span{color:#7b8a9e}.stage-a-shell .hq-stat strong{color:#142339;font-size:24px}.stage-a-shell .hq-progress{background:#e9edf4;height:7px}.stage-a-shell .hq-progress span{background:#377cf2}
.stage-a-shell .hq-mini-row,.stage-a-shell .hq-agent,.stage-a-shell .hq-request,.stage-a-shell .hq-lineage-row{border-color:#e7ebf1;color:#344257}.stage-a-shell .hq-mini-row small,.stage-a-shell .hq-agent small,.stage-a-shell .hq-request small,.stage-a-shell .hq-lineage-row small{color:#7f8da1}
.stage-a-shell .hq-agent-avatar{background:#e7ecfa;color:#3f64bc}.stage-a-shell .hq-message-list{background:#f9fbfd;border-color:#e0e5ee}.stage-a-shell .hq-message{border-color:#e9edf4}.stage-a-shell .hq-message-meta{color:#4772c1}.stage-a-shell .hq-message p{color:#36445a}.stage-a-shell .hq-note{background:#fffbeb;color:#92400e;border-color:#f8e3a7}.stage-a-shell .hq-timeline-event{border-color:#e5eaf1}.stage-a-shell .hq-event-main p{color:#5f718b}.stage-a-shell .hq-event-main>small,.stage-a-shell .hq-event-top small{color:#8391a6}
.stage-a-shell .table{background:#fff;border:1px solid #e0e6ee;border-radius:8px;overflow:hidden;width:100%}.stage-a-shell .table th{color:#728095;background:#f8fafc;text-transform:none;letter-spacing:0;font-size:11px;font-weight:680;padding:12px}.stage-a-shell .table td{padding:11px 12px;border-top:1px solid #edf0f4;font-size:12px;color:#39495e}.stage-a-shell .table tr:hover td{background:#f7faff}.stage-a-shell .table .result{color:#5e6e83}
.stage-a-shell .team-card,.stage-a-shell .device-card,.stage-a-shell .project-card{padding:18px}.stage-a-shell .team-card:hover,.stage-a-shell .device-card:hover,.stage-a-shell .project-card:hover{border-color:#acc6ed;box-shadow:0 2px 6px rgba(16,24,40,.04)}
.stage-a-shell .team-card h3,.stage-a-shell .device-card h3,.stage-a-shell .project-card h3{color:#1d304b}.stage-a-shell .team-card p,.stage-a-shell .device-card p,.stage-a-shell .project-card p{color:#758399}.stage-a-shell .team-card .role{color:#3566ab}.stage-a-shell .device-card code{color:#577094}
.stage-a-shell .board-wrap{border:0;border-radius:8px}.stage-a-shell .lane{background:#f3f6fa;border:1px solid #e1e7ee;border-radius:9px}.stage-a-shell .lane-top{color:#314159}.stage-a-shell .count{color:#64748b;background:#e3e9f1}.stage-a-shell .task{background:#fff;border-color:#dfe6ee;border-radius:8px;box-shadow:0 1px 2px rgba(20,30,50,.03)}.stage-a-shell .task:hover{border-color:#7ea9ed;transform:none}.stage-a-shell .task h4{color:#26354b}.stage-a-shell .task p{color:#6e7f96}.stage-a-shell .task-bottom{color:#8290a3}.stage-a-shell .priority{background:#fff3ee;border-color:#f4d0be;color:#9a4b22}.stage-a-shell .label-chip{background:#edf3ff;color:#3660ac}
.stage-a-shell .chat-shell{background:#fff;border:1px solid #e1e7ef;border-radius:10px;box-shadow:none}.stage-a-shell .threads{background:#f8fafc;border-color:#e4eaf2}.stage-a-shell .threads h3{color:#697e99}.stage-a-shell .thread{color:#68788b}.stage-a-shell .thread:hover,.stage-a-shell .thread.active{background:#e9f0fc;color:#2658aa}.stage-a-shell .conversation{background:#fff}.stage-a-shell .conversation-head{color:#29384e;border-color:#e3e9f1}.stage-a-shell .conversation-head small{color:#8a99a9}.stage-a-shell .bubble{background:#f3f6fa;color:#2b3d55;border-color:#e1e6ee}.stage-a-shell .message.you .bubble{background:#e9f0ff;border-color:#cadaf8}.stage-a-shell .message .meta{color:#8d9caf}.stage-a-shell .composer{background:#fff;border-color:#d9e3ee}.stage-a-shell .composer textarea{color:#24364a;background:transparent}.stage-a-shell .composer small{color:#7f91a9}
.stage-a-shell .avatar{background:#dce8ff;color:#335daa}.stage-a-shell .badge{border-radius:6px;border:1px solid #dce5ef;background:#f5f8fd;color:#586c88}.stage-a-shell .status-pill{background:#eef3fb;color:#566989;border-radius:6px}.stage-a-shell .status-pill.done{background:#e4f8ed;color:#15784e}.stage-a-shell .status-pill.failed{background:#ffe7e8;color:#a32938}.stage-a-shell .online{background:#e5f7ed;color:#168359;border-color:#b5e7ca}
.stage-a-shell .item{border-color:#e6eaf1;color:#3b4b62}.stage-a-shell .item p{color:#8b97aa}.stage-a-shell .empty{color:#8792a3}.stage-a-shell .muted{color:#7d8ba0}
.stage-a-shell input,.stage-a-shell textarea,.stage-a-shell select{background:#fff;border:1px solid #dbe3ed;border-radius:7px;color:#22354e;padding:9px 11px;outline:0}.stage-a-shell input:focus,.stage-a-shell select:focus,.stage-a-shell textarea:focus{border-color:#88aced;box-shadow:0 0 0 3px #2563eb1b}
.stage-a-shell .screen-loading span{background:linear-gradient(90deg,#e8edf4,#f7f9fc,#e8edf4);background-size:200% 100%}.stage-a-shell .screen-loading p{color:#8492a7}
/* Modals live outside the application shell. */
body:has(.stage-a-shell) .modal-scrim{background:#0f172a66}body:has(.stage-a-shell) .modal{background:#fff;color:#203047;border:1px solid #d9e2ec;border-radius:13px;box-shadow:0 24px 90px #0f172a40}body:has(.stage-a-shell) .modal h2{color:#24344b}body:has(.stage-a-shell) .modal p{color:#6d7d93}body:has(.stage-a-shell) .modal .field label{color:#42526b}body:has(.stage-a-shell) .modal input,body:has(.stage-a-shell) .modal textarea,body:has(.stage-a-shell) .modal select{background:#fff;border-color:#d6e0ed;color:#203047}body:has(.stage-a-shell) .modal code{background:#f4f7fb;color:#385178;border-color:#e1e7ee}body:has(.stage-a-shell) .modal .btn{background:#f9fafc;color:#43536b;border:1px solid #d8e1ed}body:has(.stage-a-shell) .modal .btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}
body:has(.stage-a-shell) .nav-palette{background:#fff;border:1px solid #dce4ef;border-radius:11px;box-shadow:0 24px 70px #0f172a35}body:has(.stage-a-shell) .palette-search{border-color:#e0e5ee;color:#52657f}body:has(.stage-a-shell) .palette-search input{color:#24364e}body:has(.stage-a-shell) .palette-result{color:#40516b}body:has(.stage-a-shell) .palette-result.selected,body:has(.stage-a-shell) .palette-result:hover{background:#eff5ff}body:has(.stage-a-shell) .palette-result small{color:#8391a5}body:has(.stage-a-shell) .palette-hint{border-color:#e2e7ef;color:#8090a4}
body:has(.stage-a-shell) #toast>div{background:#203c67;border:1px solid #3967a4;color:#fff}
@media(max-width:1250px){.stage-a-shell{grid-template-columns:250px minmax(0,1fr)}.stage-a-shell .navigation-pane{grid-template-columns:65px 185px}.stage-a-shell .quick-open{min-width:140px}.stage-a-shell .quick-open span{display:none}.stage-a-shell .scope-field label{display:none}.stage-a-shell .category-item small{font-size:8px}}
@media(max-width:1000px){
 .stage-a-shell{grid-template-columns:1fr}.stage-a-shell .navigation-pane{position:fixed;top:0;left:0;bottom:0;width:292px;grid-template-columns:75px 217px;z-index:26;transform:translateX(-105%);transition:transform .18s ease;box-shadow:10px 0 30px #1f29373b}.stage-a-shell .navigation-pane.open{transform:translateX(0)}
 .stage-a-shell .sidebar{position:relative;top:auto;left:auto;bottom:auto;width:auto;transform:none;box-shadow:none}.stage-a-shell .mobile-menu{display:inline-flex;background:#fff;border:1px solid #e0e7f0;color:#3b4f69}
 .stage-a-shell .mobile-scrim:not([hidden]){position:fixed;inset:0;background:#0f172a55;z-index:24;display:block}.stage-a-shell .topbar{padding:0 16px}.stage-a-shell .page-context{padding:18px 20px}.stage-a-shell .content{padding:18px 20px 45px}
}
@media(max-width:650px){
 .stage-a-shell .topbar{height:56px;min-height:56px;padding:0 12px}.stage-a-shell .breadcrumbs>span:first-child,.stage-a-shell .breadcrumbs>.crumb-separator:first-of-type{display:none}.stage-a-shell .breadcrumbs{font-size:11px;gap:6px}.stage-a-shell .topbar .tools{gap:6px}.stage-a-shell .scope-field label{display:none}.stage-a-shell .scope-field:first-of-type{display:none}.stage-a-shell .topbar .scope-field select{max-width:100px;min-width:65px;font-size:10px;padding:5px 15px 5px 6px}.stage-a-shell .quick-open{min-width:0;width:32px;justify-content:center;padding:0;height:32px}.stage-a-shell .quick-open kbd,.stage-a-shell .quick-open span{display:none}.stage-a-shell .circle{width:31px;height:31px}
 .stage-a-shell .page-context{padding:16px 14px}.stage-a-shell .context-identity h1{font-size:22px}.stage-a-shell .context-identity p{font-size:11px}.stage-a-shell .context-project,.stage-a-shell .contextual-cta{display:none}.stage-a-shell .content{padding:15px 12px 30px}.stage-a-shell .heading{align-items:flex-start}.stage-a-shell .hq-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-a-shell .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-a-shell .panel{padding:14px}.stage-a-shell .table-wrap{overflow:auto}.stage-a-shell .chat-shell{grid-template-columns:110px minmax(0,1fr);min-height:400px}
}
@media(prefers-reduced-motion:reduce){.stage-a-shell .navigation-pane{transition:none}}
/* Preserve the existing dark sign-in design outside the authenticated enterprise shell. */
body:not(:has(.stage-a-shell)){background:#0a0d15;color:#eff4ff}
body:not(:has(.stage-a-shell)) .auth-panel{color:#eff4ff}
/* Stamina-inspired data workspaces: searchable dense tables, column control, and paging. */
.stage-a-shell .datagrid-shell{padding:0;overflow:hidden;box-shadow:none}
.stage-a-shell .datagrid-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 15px;background:#fff;border-bottom:1px solid #e3e9f0;min-height:57px}
.stage-a-shell .datagrid-count{color:#61718b;font-size:12px}.stage-a-shell .datagrid-count strong{color:#22374f;font-size:16px}
.stage-a-shell .datagrid-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.stage-a-shell .datagrid-search{display:flex;align-items:center;gap:8px;border:1px solid #e0e6ef;background:#f8fafc;color:#8898af;border-radius:7px;padding:0 10px;height:34px;min-width:240px}
.stage-a-shell .datagrid-search input{font-size:11px;min-width:0;background:transparent;outline:0;box-shadow:none;border:0;padding:6px 2px;width:100%;color:#2d4159}
.stage-a-shell .datagrid-columns{position:relative}.stage-a-shell .datagrid-columns summary{list-style:none;cursor:pointer;white-space:nowrap;border:1px solid #dfe6ef;padding:9px 12px;border-radius:7px;background:#fff;color:#52637c;font-size:11px}.stage-a-shell .datagrid-columns summary::-webkit-details-marker{display:none}
.stage-a-shell .datagrid-column-options{position:absolute;z-index:12;right:0;top:38px;background:#fff;box-shadow:0 10px 30px #0f172a20;border:1px solid #dfe6ef;border-radius:8px;min-width:185px;display:grid;gap:9px;padding:14px}.stage-a-shell .datagrid-column-options label{display:flex;align-items:center;gap:7px;font-size:11px;color:#475569;white-space:nowrap}.stage-a-shell .datagrid-column-options input{accent-color:#2563eb}
.stage-a-shell .datagrid-viewport{overflow:auto;min-height:90px}.stage-a-shell .enterprise-table{border:0;border-radius:0;min-width:680px;border-collapse:collapse}.stage-a-shell .enterprise-table th{white-space:nowrap;background:#fafbfc;color:#728297;border-bottom:1px solid #e3e9f0;font-size:11px;padding:0}.stage-a-shell .enterprise-table .datagrid-sort{background:transparent;text-align:left;font-size:11px;font-weight:650;color:#708098;padding:13px 14px;width:100%;min-height:38px;white-space:nowrap}.stage-a-shell .enterprise-table .datagrid-sort:hover{color:#245ed3;background:#eff5ff}.stage-a-shell .enterprise-table td{padding:12px 14px;vertical-align:middle;max-width:310px;white-space:normal;color:#394c63;font-size:12px}
.stage-a-shell .datagrid-subtext{font-size:10px;color:#8191a7;display:block;margin-top:5px;line-height:1.45;overflow-wrap:anywhere}.stage-a-shell .datagrid-mono{font-size:10px;font-family:ui-monospace,monospace;color:#6b7d92;overflow-wrap:anywhere}.stage-a-shell .datagrid-row-actions{display:flex;gap:6px;white-space:nowrap}.stage-a-shell .datagrid-row-actions .btn{font-size:10px;min-height:30px;padding:5px 9px}
.stage-a-shell .datagrid-agent{display:flex;gap:9px;align-items:center;min-width:170px}.stage-a-shell .datagrid-agent .avatar{flex-shrink:0;width:33px;height:33px;font-size:10px;border-radius:9px}.stage-a-shell .datagrid-agent strong{font-weight:700;color:#2a3a51}
.stage-a-shell .datagrid-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 15px;border-top:1px solid #e4eaf1;background:#fff;color:#7f8da1;font-size:11px}.stage-a-shell .datagrid-pagination>div{display:flex;align-items:center;gap:11px}.stage-a-shell .datagrid-pagination button{background:#fff;border:1px solid #dfe6ee;color:#435a78;border-radius:6px;padding:6px 9px;font-size:11px}.stage-a-shell .datagrid-pagination button:hover:not(:disabled){background:#eef4ff}.stage-a-shell .datagrid-pagination button:disabled{opacity:.4}
@media(max-width:650px){.stage-a-shell .datagrid-toolbar{align-items:stretch;flex-direction:column}.stage-a-shell .datagrid-controls{justify-content:space-between}.stage-a-shell .datagrid-search{flex:1;min-width:135px}.stage-a-shell .datagrid-pagination{align-items:flex-start;flex-direction:column}}

/* Stage B: Agent Resources professional administrative views */
.resource-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.resource-stat{padding:18px;display:flex;flex-direction:column;gap:8px}.resource-stat strong{font-size:25px;color:#172438}.resource-stat span{font-size:12px;color:#64748b}
.resource-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.resource-card{padding:20px;margin-bottom:15px;color:#334155}.resource-card h3{margin:2px 0 15px;color:#172438}
.resource-entry{width:100%;display:flex;align-items:center;gap:12px;padding:12px 4px;text-align:left;border:0;border-bottom:1px solid #e4eaf1;background:transparent;color:#27364a}
.resource-entry:hover{background:#f5f8fc}.resource-entry span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.resource-entry small{font-size:11px;color:#73849c}.resource-entry .avatar{min-width:36px;height:36px;display:grid;place-items:center}
.resource-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.resource-actions .btn{white-space:normal}
.agent-profile-identity{padding:18px;display:flex;align-items:center;gap:17px;margin-bottom:16px}.agent-profile-identity>div{flex:1}.agent-profile-identity h2{font-size:20px;margin:0 0 5px}.agent-profile-identity p{font-size:12px;margin:0 0 7px;color:#64748b}.agent-profile-identity .muted{font-size:10px}
.agent-profile-avatar{height:56px;width:56px;border-radius:14px;background:#e1ebff;color:#2355b5;font-weight:800;display:grid;place-items:center;font-size:20px}
.resource-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid #e1e7ef;margin:8px 0 15px;scrollbar-width:thin}
.resource-tabs button{padding:12px 14px;border:0;background:transparent;color:#6c7a8d;white-space:nowrap;font-size:12px;cursor:pointer;border-bottom:2px solid transparent}
.resource-tabs button[aria-selected=true]{color:#2159c4;font-weight:750;border-color:#2563eb}.resource-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:23px}.resource-facts>div{display:flex;flex-direction:column;gap:7px}.resource-facts small{font-size:10px;color:#6b788d}.resource-facts strong{font-size:13px;color:#20324d}
.resource-copy{font-size:13px;line-height:1.75;white-space:pre-wrap}.resource-pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#334155;padding:16px;background:#f8fafc;border:1px solid #e2e8f0}
.resource-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.resource-role{padding:21px}.resource-role h3{margin:0 0 7px;font-size:16px;color:#20304b}.resource-role small{color:#8190a7}.resource-role p{line-height:1.6;font-size:12px;color:#516178}
.permission-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.permission-chips span{background:#edf4ff;border:1px solid #d7e5fa;border-radius:6px;color:#23549f;padding:7px 9px;font-size:11px}
.resource-checkbox{display:flex;gap:8px;align-items:center;font-size:12px;padding:6px 4px;color:#334155}.resource-permission-list{max-height:165px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.resource-revision{border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:14px}.resource-revision p{font-size:12px;margin:4px 0}.resource-revision small{color:#64748b}
.resource-table-wrap{overflow:auto}.resource-id{display:block;color:#94a3b8;font-size:10px}
@media(max-width:1000px){.resource-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid,.resource-roles{grid-template-columns:1fr}}
@media(max-width:600px){.resource-stat-grid,.resource-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-profile-identity{align-items:flex-start}.resource-actions{grid-template-columns:1fr}.resource-permission-list{grid-template-columns:1fr}.resource-card{padding:14px}}

/* Stage C: dense, accessible workforce reporting screens. */
.analytics-filters{display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px;align-items:end;margin-bottom:8px}
.analytics-filters label{display:flex;flex-direction:column;font-size:11px;font-weight:650;gap:5px;color:#536277;min-width:140px}
.analytics-filters select,.analytics-filters input{height:34px;min-width:130px;width:100%;max-width:240px;background:#fff;border:1px solid #dce3ed;border-radius:6px;padding:6px 9px;color:#27354b;font:inherit}
.analytics-filters [hidden]{display:none!important}.analytics-meta{padding:8px 0 16px;color:#738195;font-size:11px}
.analytics-meta strong{color:#ad6400}.analytics-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin-bottom:14px}
.analytics-kpi{padding:16px;display:flex;flex-direction:column;gap:11px;min-width:0}.analytics-kpi>span{font-size:11px;color:#718198}
.analytics-kpi strong{font-size:23px;color:#1e3049;letter-spacing:-.7px;overflow-wrap:anywhere}.analytics-kpi small{font-size:10px;color:#7e8c9e;line-height:1.4}
.analytics-panel{padding:16px;margin-bottom:12px;min-width:0}.analytics-panel h3{font-size:14px;color:#26344c}
.analytics-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.analytics-panel-head small{font-size:11px;color:#8290a4}
.analytics-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.analytics-table-wrap{max-height:440px;overflow:auto}.analytics-table-wrap .table{width:100%;font-size:11px;white-space:nowrap}
.analytics-bars{max-height:320px;overflow:auto;display:grid;gap:8px;margin-top:18px}.analytics-bar-row{display:grid;grid-template-columns:116px minmax(0,1fr) 78px;align-items:center;gap:10px;font-size:11px}
.analytics-bar-row small{color:#64748b;white-space:nowrap}.analytics-bar-row b{font-size:11px;font-weight:640;text-align:right}.analytics-track{height:12px;border-radius:3px;background:#edf2f8;overflow:hidden}.analytics-track span{display:block;height:100%;background:#3b82f6;min-width:0;border-radius:3px}
.analytics-note{color:#79889d;font-size:11px;border-top:1px solid #e1e7ee;padding:10px 0 30px}
.analytics-note p{margin:4px 0}
@media(max-width:1250px){.analytics-columns{grid-template-columns:1fr}}
@media(max-width:700px){.analytics-filters label{min-width:120px;flex:1}.analytics-bar-row{grid-template-columns:88px minmax(0,1fr) 54px}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpi strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.analytics-track span{transition:none!important}}