:root { --auth-navy:#123847; --auth-blue:#117da5; --auth-line:#dce5e9; --auth-muted:#778a93; --auth-bg:#f2f6f8; --auth-danger:#b64f4f; }
.dlab-auth-login-page { min-height:100vh;margin:0;background:#f2f7f8;color:#173642;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
.dlab-auth-login-shell { min-height:100vh;display:grid;grid-template-columns:minmax(520px,1fr) minmax(480px,1fr);align-items:stretch;box-sizing:border-box; }
.dlab-auth-login-brand { min-width:0;padding:48px clamp(38px,4vw,74px);display:flex;flex-direction:column;color:white;position:relative;overflow:hidden;background:linear-gradient(138deg,#0788b6 0%,#179b94 52%,#123d52 100%); }
.dlab-auth-login-brand::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.35));pointer-events:none; }
.dlab-auth-brand-lockup { display:flex;align-items:center;gap:17px;position:relative;z-index:2; }
.dlab-auth-brand-lockup img { width:76px;height:76px;padding:8px;object-fit:contain;border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(0,38,55,.16); }
.dlab-auth-brand-lockup div { display:grid;gap:4px; }
.dlab-auth-brand-lockup strong { font-size:25px;letter-spacing:.02em; }
.dlab-auth-brand-lockup span { color:#d9f3f3;font-size:12px; }
.dlab-auth-brand-message { margin:auto 0;position:relative;z-index:2; }
.dlab-auth-brand-message>span { display:inline-flex;padding:6px 13px;border:1px solid rgba(255,255,255,.36);border-radius:18px;background:rgba(255,255,255,.06);font-size:10px;font-weight:800;letter-spacing:.04em; }
.dlab-auth-brand-message h1 { margin:22px 0 17px;max-width:850px;font-size:clamp(44px,4.7vw,78px);font-weight:900;line-height:1.05;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 5px 20px rgba(0,44,58,.14); }
.dlab-auth-brand-message p { max-width:620px;margin:0;color:#d9f0f0;font-size:14px;line-height:1.8; }
.dlab-auth-brand-watermark { position:absolute;right:-18px;bottom:45px;color:rgba(255,255,255,.1);font-size:clamp(120px,18vw,280px);font-weight:900;line-height:.8;letter-spacing:-.08em;pointer-events:none; }
.dlab-auth-culture-values { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:2; }
.dlab-auth-culture-values span { min-height:56px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800;backdrop-filter:blur(4px); }
.dlab-auth-login-card { width:min(430px,calc(100% - 50px));margin:auto;padding:38px;border:1px solid rgba(211,225,231,.95);border-radius:10px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(9,41,54,.18); }
.dlab-auth-eyebrow { color:var(--auth-blue);font-size:10px;font-weight:900;letter-spacing:.1em; }
.dlab-auth-login-card h2 { margin:10px 0 7px;font-size:29px;color:var(--auth-navy); }
.dlab-auth-login-card>p { margin:0 0 28px;color:var(--auth-muted);font-size:12px; }
.dlab-auth-login-card form { display:grid;gap:17px; }
.dlab-auth-login-card label { display:grid;gap:7px; }
.dlab-auth-login-card label span { color:#425963;font-size:11px;font-weight:800; }
.dlab-auth-login-card input,.dlab-auth-field input,.dlab-auth-field select,.dlab-auth-field textarea { width:100%;box-sizing:border-box;border:1px solid #cfdee4;border-radius:8px;background:white;color:#263e48;outline:none; }
.dlab-auth-login-card input { height:46px;padding:0 13px;font-size:13px; }
.dlab-auth-login-card input:focus,.dlab-auth-field input:focus,.dlab-auth-field select:focus,.dlab-auth-field textarea:focus { border-color:#2a8cad;box-shadow:0 0 0 3px rgba(42,140,173,.12); }
.dlab-auth-login-card form>button { height:46px;border:0;border-radius:8px;background:var(--auth-blue);color:white;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(17,125,165,.23); }
.dlab-auth-login-card form>button b { float:right;margin-right:13px; }
.dlab-auth-login-card form>button:disabled { opacity:.6; }
.dlab-auth-login-divider { height:34px;display:flex;align-items:center;gap:10px;color:#9aa6ab;font-size:9px; }
.dlab-auth-login-divider::before,.dlab-auth-login-divider::after { content:"";height:1px;flex:1;background:#e0e7ea; }
.dlab-auth-ncrm-login { width:100%;min-height:58px;padding:8px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;border:1px solid #c8dce5;border-radius:8px;background:#f5fafc;color:#245b72;text-align:left;cursor:pointer; }
.dlab-auth-ncrm-login>b { width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#147da5;color:#fff;font-size:13px; }
.dlab-auth-ncrm-login>span { display:grid;gap:3px; }
.dlab-auth-ncrm-login strong { color:#214b5c;font-size:11px; }
.dlab-auth-ncrm-login small { color:#82949c;font-size:8px; }
.dlab-auth-ncrm-login em { font-size:16px;font-style:normal; }
.dlab-auth-ncrm-login:hover:not(:disabled) { border-color:#1782aa;background:#edf8fc; }
.dlab-auth-ncrm-login:disabled { cursor:not-allowed;opacity:.62; }
.dlab-auth-form-error { padding:10px 12px;border:1px solid #efc7c4;border-radius:7px;background:#fff1ef;color:#a54545;font-size:11px; }
.dlab-auth-login-card footer { margin-top:24px;padding-top:18px;border-top:1px solid var(--auth-line);color:#91a0a6;font-size:10px;line-height:1.6; }

.dlab-auth-account { display:none!important; }
.dlab-auth-account>button { border:0;background:none;display:flex;align-items:center;gap:9px;padding:0;color:#29434e; }
.dlab-auth-avatar { width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e2f1f5;color:#0e7397;font-size:10px;font-weight:900; }
.dlab-auth-account-copy { display:grid;text-align:left;line-height:1.2; }
.dlab-auth-account-copy strong { max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }
.dlab-auth-account-copy small { margin-top:3px;color:#82939a;font-size:8px; }
.dlab-auth-popover { position:absolute;right:0;top:48px;width:230px;padding:12px;border:1px solid #dce5e9;border-radius:11px;background:white;box-shadow:0 16px 40px rgba(18,55,71,.18); }
.dlab-auth-popover[hidden] { display:none; }
.dlab-auth-popover header { padding:3px 4px 11px;border-bottom:1px solid #e5ecef; }
.dlab-auth-popover header strong,.dlab-auth-popover header span { display:block; }
.dlab-auth-popover header strong { color:#233f4b;font-size:12px; }
.dlab-auth-popover header span { margin-top:4px;color:#87979e;font-size:9px; }
.dlab-auth-popover button { width:100%;margin-top:7px;padding:9px 8px;border:0;border-radius:6px;background:#f4f7f8;color:#36535f;text-align:left;font-size:10px; }
.dlab-auth-popover button:hover { background:#e9f2f5; }
.dlab-auth-popover button.danger { color:#a34c4c; }
.dlab-auth-sidebar-footer { flex:none;padding:10px 10px 8px;border-top:1px solid rgba(255,255,255,.16);background:rgba(4,48,69,.22);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
.sidebar .nav-groups { min-height:0; }
.dlab-auth-sidebar-tools { margin:0;padding:0 0 8px;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
.dlab-auth-sidebar-label { padding:0 12px 6px;color:#7fb1c6;font-size:10px; }
.dlab-auth-settings-entry { margin:0; }
.dlab-auth-settings-entry svg { flex:none; }
.dlab-auth-settings-entry.nav-item--active { color:#0b628c;background:#fff;box-shadow:0 7px 18px rgba(1,30,44,.18); }
.dlab-auth-sidebar-toggle { width:100%;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;box-shadow:0 5px 14px rgba(8,49,66,.12);cursor:pointer; }
.dlab-auth-sidebar-toggle:hover { background:rgba(255,255,255,.18); }
.dlab-auth-sidebar-toggle span { font-size:20px;line-height:1;transform:translateY(-1px); }
body.dlab-sidebar-collapsed .sidebar { width:84px; }
body.dlab-sidebar-collapsed .workspace { margin-left:84px; }
body.dlab-sidebar-collapsed #dlab-operations-dashboard { left:84px; }
#dlab-operations-dashboard { transition:left .22s ease; }
body.dlab-sidebar-collapsed .brand-lockup { justify-content:center;padding-inline:10px; }
body.dlab-sidebar-collapsed .brand-logo { width:46px;height:46px; }
body.dlab-sidebar-collapsed .brand-copy,body.dlab-sidebar-collapsed .nav-group-label,body.dlab-sidebar-collapsed .nav-item span,body.dlab-sidebar-collapsed .nav-item b,body.dlab-sidebar-collapsed .dlab-auth-sidebar-label { display:none; }
body.dlab-sidebar-collapsed .nav-groups { padding-inline:9px; }
body.dlab-sidebar-collapsed .nav-group { margin-bottom:9px; }
body.dlab-sidebar-collapsed .nav-item { justify-content:center;padding:0; }
body.dlab-sidebar-collapsed .nav-item svg { flex:none; }
body.dlab-sidebar-collapsed .dlab-auth-sidebar-footer { padding:9px 8px 10px; }
body.dlab-sidebar-collapsed .dlab-auth-sidebar-tools { padding-bottom:8px; }
body.dlab-sidebar-collapsed .culture-signature { display:none; }
body.dlab-sidebar-collapsed .dlab-auth-sidebar-toggle { width:52px;height:48px;margin:auto;border-color:#cddce2;background:#fff;color:#176c91;box-shadow:0 7px 18px rgba(5,43,60,.2); }
body.dlab-sidebar-collapsed .dlab-auth-sidebar-toggle:hover { background:#edf7fa; }
.dlab-auth-sidebar-footer .culture-signature { margin:0 0 9px;padding:13px 11px;border:1px solid #dce7ec;border-radius:11px;background:#fff;color:#263d48; }
body:not(.dlab-sidebar-collapsed) .dlab-auth-sidebar-footer .culture-signature { display:block!important; }
.dlab-auth-culture-brand { padding-bottom:10px;display:grid;gap:3px;border-bottom:1px solid #e6ecef; }
.dlab-auth-culture-brand strong { font-size:14px; }
.dlab-auth-culture-brand small { color:#788b94;font-size:8px; }
.dlab-auth-culture-values { margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
.dlab-auth-culture-values span { min-height:34px;padding:0 4px;display:grid;place-items:center;border:1px solid #d8e4e9;border-radius:7px;background:#f8fbfc;color:#426675;font-size:10px;font-weight:800;text-align:center; }
.dlab-auth-native-user-menu { cursor:pointer;border-radius:8px;padding-right:7px;transition:background .18s; }
.dlab-auth-native-user-menu:hover,.dlab-auth-native-user-menu:focus-visible { background:#edf5f7; }
.dlab-auth-top-menu { position:fixed;z-index:9400;width:235px;padding:9px;border:1px solid #d8e3e7;border-radius:11px;background:#fff;box-shadow:0 18px 45px rgba(18,55,71,.2);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
.dlab-auth-top-menu[hidden] { display:none; }
.dlab-auth-top-menu header { padding:7px 8px 12px;border-bottom:1px solid #e4eaed; }
.dlab-auth-top-menu header strong,.dlab-auth-top-menu header span { display:block; }
.dlab-auth-top-menu header strong { color:#213d49;font-size:12px; }
.dlab-auth-top-menu header span { margin-top:4px;color:#83939a;font-size:9px; }
.dlab-auth-top-menu>button { width:100%;min-height:39px;margin-top:5px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:7px;background:#fff;color:#38545f;font-size:10px;font-weight:700;text-align:left; }
.dlab-auth-top-menu>button:hover { background:#edf5f7; }
.dlab-auth-top-menu>button.danger { color:#ad4f4f; }
.dlab-auth-top-menu>button b { font-size:14px;font-weight:500; }

.dlab-auth-layer { position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:18px;background:rgba(12,34,44,.55);backdrop-filter:blur(4px);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
.dlab-auth-layer[hidden] { display:none; }
.dlab-auth-modal { width:min(1380px,100%);height:min(900px,calc(100vh - 34px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #e0ddd6;border-radius:18px;background:#f8f7f3;box-shadow:0 28px 80px rgba(11,40,52,.28); }
.dlab-auth-modal>header { min-height:88px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2ded6;background:#fffdf9; }
.dlab-auth-modal>header span,.dlab-auth-panel-head span { color:var(--auth-blue);font-size:9px;font-weight:900;letter-spacing:.08em; }
.dlab-auth-modal>header h2 { margin:5px 0 0;color:var(--auth-navy);font-size:20px; }
.dlab-auth-icon-button { width:34px;height:34px;border:1px solid #d8e2e6;border-radius:8px;background:white;color:#6c7d84;font-size:19px; }
.dlab-auth-settings-user { display:flex;align-items:center;gap:14px; }
.dlab-auth-settings-user>span { color:#7f8c91;font-size:10px;font-weight:700;letter-spacing:0; }
.dlab-auth-modal-body { min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr); }
.dlab-auth-tabs { padding:24px 14px;display:grid;align-content:start;gap:6px;border-right:1px solid #e4e0d8;background:#fffdf9; }
.dlab-auth-tabs small { margin:15px 12px 4px;color:#a19589;font-size:9px;font-weight:800;letter-spacing:.06em; }
.dlab-auth-tabs small:first-child { margin-top:0; }
.dlab-auth-tabs button { padding:12px 14px;border:0;border-radius:9px;background:transparent;color:#655f59;text-align:left;font-size:11px;font-weight:700; }
.dlab-auth-tabs button i { display:inline-grid;width:21px;margin-right:5px;color:#81786f;font-style:normal; }
.dlab-auth-tabs button.active { background:#e8eef9;color:#155fc0;box-shadow:inset 3px 0 #216ee6; }
.dlab-auth-tabs button.active i { color:#216ee6; }
.dlab-auth-tabs .dlab-auth-logout { color:#ad5050; }
.dlab-auth-personal-layer { z-index:9650; }
.dlab-auth-personal-modal { width:min(1060px,100%);height:min(760px,calc(100vh - 40px)); }
.dlab-auth-personal-card { padding:20px;border:1px solid #dde5e8;border-radius:12px;background:#fff; }
.dlab-auth-profile-identity { margin-bottom:20px;padding-bottom:18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e3eaed; }
.dlab-auth-profile-avatar { width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e4f2f6;color:#147698;font-size:14px;font-weight:900; }
.dlab-auth-profile-identity>div { min-width:0;flex:1;display:grid;gap:4px; }
.dlab-auth-profile-identity strong { color:#213e4a;font-size:14px; }
.dlab-auth-profile-identity small { color:#84949b;font-size:9px; }
.dlab-auth-personal-summary { margin-bottom:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.dlab-auth-personal-summary article { padding:16px;border:1px solid #dce5e9;border-radius:10px;background:#fff; }
.dlab-auth-personal-summary span,.dlab-auth-personal-summary strong { display:block; }
.dlab-auth-personal-summary span { color:#819098;font-size:9px; }
.dlab-auth-personal-summary strong { margin-top:7px;color:#24434f;font-size:14px; }
.dlab-auth-security-action { min-height:70px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e4eaed; }
.dlab-auth-security-action>div { display:grid;gap:5px; }
.dlab-auth-security-action strong { color:#294550;font-size:12px; }
.dlab-auth-security-action span { color:#87969d;font-size:9px; }
.dlab-auth-session-list { margin-top:14px;display:grid;gap:7px; }
.dlab-auth-session-list article { min-height:58px;padding:9px 11px;display:grid;grid-template-columns:70px minmax(0,1fr) 52px;align-items:center;gap:10px;border:1px solid #e0e8eb;border-radius:8px;background:#f9fbfc; }
.dlab-auth-session-list article.revoked { opacity:.55; }
.dlab-auth-session-list article>span { color:#27718a;font-size:9px;font-weight:800; }
.dlab-auth-session-list article>div { display:grid;gap:4px;min-width:0; }
.dlab-auth-session-list strong { overflow:hidden;color:#37545f;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.dlab-auth-session-list small { color:#8a999f;font-size:8px; }
.dlab-auth-session-list em { color:#4c8d70;font-size:8px;font-style:normal;text-align:right; }
.dlab-auth-connection-grid { margin-bottom:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }
.dlab-auth-connection-grid article { min-height:112px;padding:17px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:11px;border:1px solid #dce5e9;border-radius:11px;background:#fff; }
.dlab-auth-connection-icon { width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#e3f2f6;color:#14799c;font-size:10px;font-weight:900; }
.dlab-auth-connection-grid article>div { display:grid;gap:6px; }
.dlab-auth-connection-grid strong { color:#24414d;font-size:12px; }
.dlab-auth-connection-grid p { margin:0;color:#809198;font-size:9px;line-height:1.6; }
.dlab-auth-connection-grid em { padding:4px 7px;border-radius:10px;background:#eff2f3;color:#77878e;font-size:8px;font-style:normal;white-space:nowrap; }
.dlab-auth-connection-grid em.connected { background:#e6f6ee;color:#2c8a62; }
.dlab-auth-connection-grid em.managed { background:#e9f2f8;color:#287096; }

/* Settings and personal-center readability */
.dlab-auth-modal { width:min(1440px,calc(100vw - 20px));height:min(920px,calc(100vh - 20px)); }
.dlab-auth-modal>header { min-height:94px;padding:0 32px; }
.dlab-auth-modal>header>div:first-child>span { font-size:11px; }
.dlab-auth-modal>header h2 { margin-top:7px;font-size:26px; }
.dlab-auth-modal-body { grid-template-columns:215px minmax(0,1fr); }
.dlab-auth-tabs { padding:28px 15px;gap:8px; }
.dlab-auth-tabs small { margin:18px 14px 5px;font-size:11px; }
.dlab-auth-tabs button { min-height:46px;padding:0 15px;font-size:14px; }
.dlab-auth-tabs button i { width:23px;margin-right:7px;font-size:15px; }
.dlab-auth-content { padding:30px;background:#fbfaf7; }
.dlab-auth-panel-head { margin-bottom:22px; }
.dlab-auth-panel-head>div>span { font-size:11px; }
.dlab-auth-panel-head h3 { margin-top:7px;font-size:28px; }
.dlab-auth-panel-head p { margin-top:8px;font-size:13px;line-height:1.6; }
.dlab-auth-button { min-height:40px;padding:0 16px;font-size:12px; }
.dlab-auth-stat { min-height:105px;padding:18px; }
.dlab-auth-stat span { font-size:12px; }
.dlab-auth-stat strong { margin-top:8px;font-size:30px; }
.dlab-auth-stat small { margin-top:6px;font-size:10px; }
.dlab-auth-account-section { margin-top:22px;padding:22px;border-radius:16px; }
.dlab-auth-account-section>header { margin-bottom:18px; }
.dlab-auth-account-section>header h4 { font-size:20px; }
.dlab-auth-account-section>header p { margin-top:8px;font-size:12px;line-height:1.6; }
.dlab-auth-role-hint { margin-top:13px;padding:11px 13px;font-size:11px; }
.dlab-auth-user-table { min-width:0; }
.dlab-auth-user-table th { height:48px;padding:0 14px;font-size:12px; }
.dlab-auth-user-table td { height:84px;padding:12px 14px;font-size:13px; }
.dlab-auth-user-table td strong { font-size:14px; }
.dlab-auth-user-table td small { margin-top:5px;font-size:10px; }
.dlab-auth-role-select { width:100%;min-width:0;height:44px;padding:0 13px;font-size:12px; }
.dlab-auth-status { padding:6px 9px;font-size:10px; }
.dlab-auth-current-user { font-size:12px; }
.dlab-auth-user-table .dlab-auth-row-actions button { min-width:72px;height:42px;padding:0 12px;font-size:11px; }
.dlab-auth-group-card { padding:20px; }
.dlab-auth-group-card h4 { font-size:16px; }
.dlab-auth-group-card p { margin-top:9px;font-size:11px; }
.dlab-auth-permission-module h4 { font-size:14px; }
.dlab-auth-tag { padding:6px 9px;font-size:10px; }
.dlab-auth-form-grid { gap:16px; }
.dlab-auth-field>span { font-size:11px; }
.dlab-auth-field input,.dlab-auth-field select { height:42px;font-size:12px; }
.dlab-auth-field textarea { font-size:12px; }
.dlab-auth-personal-card { padding:24px; }
.dlab-auth-profile-identity strong { font-size:16px; }
.dlab-auth-profile-identity small { font-size:10px; }
.dlab-auth-content { min-width:0;overflow:auto;padding:28px 30px;background:#faf9f6; }
.dlab-auth-panel-head { margin-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px; }
.dlab-auth-panel-head h3 { margin:5px 0 0;color:#203541;font-size:22px; }
.dlab-auth-panel-head p { margin:7px 0 0;color:#7c898e;font-size:10px; }
.dlab-auth-button { min-height:34px;padding:0 12px;border:1px solid #cbdbe1;border-radius:7px;background:white;color:#276078;font-size:10px;font-weight:800; }
.dlab-auth-button.primary { border-color:var(--auth-blue);background:var(--auth-blue);color:white; }
.dlab-auth-button.danger { border-color:#e2b7b3;color:#a64949; }
.dlab-auth-button:disabled { opacity:.45;cursor:not-allowed; }
.dlab-auth-stats { margin-bottom:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }
.dlab-auth-stat { padding:14px;border:1px solid #dde6ea;border-radius:10px;background:white; }
.dlab-auth-stat span,.dlab-auth-stat strong,.dlab-auth-stat small { display:block; }
.dlab-auth-stat span { color:#7a8c94;font-size:9px; }
.dlab-auth-stat strong { margin-top:6px;color:#173b49;font-family:Georgia,serif;font-size:23px; }
.dlab-auth-stat small { margin-top:4px;color:#9aa4a7;font-size:8px; }
.dlab-auth-card { border:1px solid #dce5e9;border-radius:11px;background:white;overflow:hidden; }
.dlab-auth-table-wrap { overflow:auto; }
.dlab-auth-table { width:100%;border-collapse:collapse;font-size:10px; }
.dlab-auth-table th { padding:11px 12px;background:#f3f7f8;color:#75868e;text-align:left;font-size:9px;white-space:nowrap; }
.dlab-auth-table td { padding:11px 12px;border-top:1px solid #e4ebee;color:#3d5560;vertical-align:middle; }
.dlab-auth-table td strong,.dlab-auth-table td small { display:block; }
.dlab-auth-table td strong { color:#213e4a;font-size:11px; }
.dlab-auth-table td small { margin-top:3px;color:#8a999f;font-size:8px; }
.dlab-auth-tags { display:flex;flex-wrap:wrap;gap:4px; }
.dlab-auth-tag,.dlab-auth-status { display:inline-flex;padding:4px 7px;border-radius:12px;background:#e9f3f6;color:#26708b;font-size:8px;white-space:nowrap; }
.dlab-auth-status.active { background:#e6f6ee;color:#2c8a62; }
.dlab-auth-status.disabled { background:#f7eae8;color:#ac5550; }
.dlab-auth-row-actions { display:flex;gap:5px;white-space:nowrap; }
.dlab-auth-row-actions button { height:27px;padding:0 7px;border:1px solid #d6e1e5;border-radius:6px;background:white;color:#4d6873;font-size:8px; }
.dlab-auth-account-section { margin-top:18px;padding:20px;border:1px solid #e2ddd4;border-radius:14px;background:#fffdfa; }
.dlab-auth-account-section>header { margin-bottom:15px; }
.dlab-auth-account-section>header h4 { margin:0;color:#23343c;font-size:15px; }
.dlab-auth-account-section>header p { margin:6px 0 0;color:#817d76;font-size:10px; }
.dlab-auth-role-hint { margin-top:11px;padding:9px 11px;border:1px solid #c8deea;border-radius:7px;background:#eef8fc;color:#3e6979;font-size:9px;line-height:1.6; }
.dlab-auth-user-table th { background:#f8f6f1;color:#72695f; }
.dlab-auth-user-table { table-layout:fixed;min-width:900px; }
.dlab-auth-user-table th:nth-child(1){width:34%}.dlab-auth-user-table th:nth-child(2){width:22%}.dlab-auth-user-table th:nth-child(3){width:11%}.dlab-auth-user-table th:nth-child(4){width:13%}.dlab-auth-user-table th:nth-child(5){width:20%}
.dlab-auth-user-table td { height:76px;border-color:#e8e2d9; }
.dlab-auth-role-select { min-width:170px;height:38px;padding:0 12px;border:1px solid #d8e0e8;border-radius:8px;background:white;color:#213a49;font-size:10px;font-weight:700; }
.dlab-auth-role-select:disabled { opacity:1;cursor:not-allowed;background:#f3f6f7;color:#52707d; }
.dlab-auth-role-fixed { color:#2467c7;font-size:10px;font-weight:800; }
.dlab-auth-current-user { color:#384d56;font-size:10px;font-weight:800; }
.dlab-auth-user-table .dlab-auth-row-actions { gap:7px; }
.dlab-auth-user-table .dlab-auth-row-actions button { min-width:70px;height:38px;padding:0 12px;border-radius:8px;color:#273f4c;font-size:9px;font-weight:800; }
.dlab-auth-groups { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.dlab-auth-group-card { padding:16px;border:1px solid #dce5e9;border-radius:11px;background:white; }
.dlab-auth-group-card header { display:flex;justify-content:space-between;gap:10px; }
.dlab-auth-group-card h4 { margin:0;color:#213d48;font-size:13px; }
.dlab-auth-group-card p { min-height:32px;margin:7px 0;color:#7a8d95;font-size:9px;line-height:1.6; }
.dlab-auth-group-card footer { margin-top:12px;padding-top:11px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4eaed;color:#7e8f96;font-size:8px; }
.dlab-auth-permission-modules { display:grid;gap:12px; }
.dlab-auth-permission-module { padding:15px;border:1px solid #dde6ea;border-radius:10px;background:white; }
.dlab-auth-permission-module h4 { margin:0 0 10px;color:#24434f;font-size:12px; }
.dlab-auth-permission-module>div { display:flex;flex-wrap:wrap;gap:7px; }
.dlab-auth-form-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:13px; }
.dlab-auth-field { display:grid;gap:6px; }
.dlab-auth-field.full { grid-column:1/-1; }
.dlab-auth-field>span { color:#526a75;font-size:9px;font-weight:800; }
.dlab-auth-field input,.dlab-auth-field select { height:36px;padding:0 9px;font-size:10px; }
.dlab-auth-field textarea { min-height:70px;padding:9px;resize:vertical;font-size:10px; }
.dlab-auth-checks { max-height:250px;padding:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow:auto;border:1px solid #dae4e8;border-radius:8px;background:#f8fafb; }
.dlab-auth-checks label { display:flex;align-items:center;gap:7px;color:#425d68;font-size:9px; }
.dlab-auth-form-actions { margin-top:16px;display:flex;justify-content:flex-end;gap:8px; }
.dlab-auth-dialog { width:min(620px,calc(100vw - 30px));padding:0;border:0;border-radius:13px;box-shadow:0 24px 70px rgba(13,45,58,.28); }
.dlab-auth-dialog::backdrop { background:rgba(12,34,44,.5);backdrop-filter:blur(3px); }
.dlab-auth-dialog header { padding:18px 20px;border-bottom:1px solid #e0e8eb; }
.dlab-auth-dialog h3 { margin:0;color:#203c48;font-size:16px; }
.dlab-auth-dialog main { padding:18px 20px; }
.dlab-auth-dialog footer { padding:13px 20px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e0e8eb; }
.dlab-auth-empty { min-height:180px;display:grid;place-items:center;color:#87979e;font-size:11px; }
.dlab-auth-notice { margin-bottom:14px;padding:10px 12px;border:1px solid #b9d8e5;border-radius:8px;background:#edf7fb;color:#386371;font-size:10px;line-height:1.6; }
.dlab-auth-temp-password { padding:14px;border:1px dashed #d0a95d;border-radius:8px;background:#fff8e8;color:#684f21;font-family:Consolas,monospace;font-size:13px;word-break:break-all; }
.dlab-auth-toast { position:fixed;right:20px;bottom:20px;z-index:9900;padding:11px 15px;border-radius:8px;background:#173f4d;color:white;font-size:10px;box-shadow:0 12px 30px rgba(15,47,59,.24); }
@media(max-width:1050px){.dlab-auth-login-shell{grid-template-columns:minmax(430px,.9fr) minmax(440px,1.1fr)}.dlab-auth-brand-message h1{font-size:46px}.dlab-auth-culture-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.dlab-auth-sidebar-toggle{display:none}body.dlab-sidebar-collapsed .sidebar{width:256px}body.dlab-sidebar-collapsed .workspace{margin-left:0}body.dlab-sidebar-collapsed #dlab-operations-dashboard{left:0}body.dlab-sidebar-collapsed .brand-copy{display:flex}body.dlab-sidebar-collapsed .nav-group-label{display:block}body.dlab-sidebar-collapsed .nav-item span{display:block}body.dlab-sidebar-collapsed .nav-item b{display:grid}body.dlab-sidebar-collapsed .dlab-auth-sidebar-label{display:block}body.dlab-sidebar-collapsed .nav-item{justify-content:flex-start;padding:0 12px}body.dlab-sidebar-collapsed .culture-signature{display:block}.dlab-auth-sidebar-footer .culture-signature{display:block}}
@media(max-width:800px){.dlab-auth-login-page{background:#edf4f6}.dlab-auth-login-shell{grid-template-columns:1fr;padding:20px}.dlab-auth-login-brand{display:none}.dlab-auth-modal-body{grid-template-columns:1fr}.dlab-auth-tabs{grid-template-columns:repeat(6,minmax(112px,1fr));overflow:auto;border-right:0;border-bottom:1px solid #dce5e9}.dlab-auth-tabs small{display:none}.dlab-auth-content{padding:16px}.dlab-auth-stats{grid-template-columns:repeat(2,1fr)}.dlab-auth-groups,.dlab-auth-form-grid{grid-template-columns:1fr}.dlab-auth-field.full{grid-column:auto}.dlab-auth-modal{height:calc(100vh - 12px);width:calc(100vw - 12px)}.dlab-auth-settings-user>span{display:none}.dlab-auth-login-card{width:min(470px,100%)}.dlab-auth-personal-summary,.dlab-auth-connection-grid{grid-template-columns:1fr}.dlab-auth-top-menu{right:10px!important;width:min(260px,calc(100vw - 20px))}.dlab-auth-user-table{min-width:760px}.dlab-auth-user-table th,.dlab-auth-user-table td{padding-inline:12px} }

/* Browser-local appearance preferences; scoped to the main shell and owned panels. */
html[data-dlab-theme] { --dlab-ui-font:14px;--ui-surface:#fffefa;--ui-canvas:#f7f8fa;--ui-border:#dde4ea;--ui-text:#203541;--ui-muted:#637583; }
.dlab-auth-appearance-list { display:grid;gap:20px;max-width:1060px;padding-bottom:24px; }
.dlab-auth-appearance-list>section { padding:26px;border:1px solid var(--ui-border,#dde4ea);border-radius:16px;background:var(--ui-surface,#fffefa);box-shadow:0 5px 20px #17324d05; }
.dlab-auth-appearance-list h4 { margin:0;color:var(--ui-text,#203541);font-size:calc(var(--dlab-ui-font,14px) + 4px); }
.dlab-auth-appearance-list p { margin:9px 0 20px;color:var(--ui-muted,#637583);font-size:var(--dlab-ui-font,14px);line-height:1.7; }
.dlab-auth-segmented { display:inline-flex;gap:4px;padding:5px;border-radius:12px;background:var(--ui-canvas,#f7f8fa); }
.dlab-auth-segmented button { min-height:42px;min-width:78px;padding:8px 18px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ui-text,#203541);font-size:var(--dlab-ui-font,14px);cursor:pointer; }
.dlab-auth-segmented button.active { background:var(--ui-surface,#fff);border-color:var(--ui-border,#dde4ea);color:var(--dlab-ui-accent);box-shadow:0 2px 6px #17324d12;font-weight:800; }
.dlab-auth-color-presets { display:flex;flex-wrap:wrap;gap:12px; }
.dlab-auth-color-presets button { width:42px;height:42px;padding:4px;border:2px solid var(--ui-border,#dde4ea);border-radius:50%;background:var(--ui-surface,#fff);cursor:pointer; }
.dlab-auth-color-presets button span { display:block;width:100%;height:100%;background:var(--swatch);border-radius:50%; }
.dlab-auth-color-presets button.active { outline:2px solid var(--swatch);outline-offset:3px;border-color:transparent; }
.dlab-auth-accent-preview { margin-top:22px;padding:6px;border:1px solid var(--ui-border,#dde4ea);border-radius:10px; }
.dlab-auth-accent-preview>span { display:block;height:32px;border-radius:5px;background:var(--preview); }
.dlab-auth-font-range { display:block;width:100%;height:32px;accent-color:var(--dlab-ui-accent);cursor:pointer; }
.dlab-auth-tabs { overflow-y:auto; }
html[data-dlab-theme] :is(.dlab-auth-tabs button,.dlab-auth-button,.dlab-auth-field input,.dlab-auth-field select,.dlab-auth-table td,.nav-item span,.global-search span) { font-size:var(--dlab-ui-font); }
html[data-dlab-theme] :is(.dlab-auth-field>span,.dlab-auth-table th,.dlab-auth-notice,.dlab-auth-panel-head p,.dlab-auth-account-section>header p,.dlab-auth-checks label) { font-size:calc(var(--dlab-ui-font) - 1px); }
html[data-dlab-theme] .dlab-auth-checks input[type=checkbox] { width:18px;height:18px;flex:none;accent-color:var(--dlab-ui-accent); }
html[data-dlab-theme] .dlab-auth-table td strong { font-size:var(--dlab-ui-font); }
html[data-dlab-theme] #dlab-operations-dashboard :is(p,td,button) { font-size:var(--dlab-ui-font); }
html[data-dlab-theme] #dlab-operations-dashboard { --ops-blue:var(--dlab-ui-accent); }
html[data-dlab-theme] :is(.dlab-auth-button.primary,.button--primary,.ops-head-actions .is-primary) { background:var(--dlab-ui-accent);border-color:var(--dlab-ui-accent); }
html[data-dlab-theme] :is(.dlab-auth-tabs button.active,.nav-item--active) { color:var(--dlab-ui-accent-strong);background:var(--dlab-ui-accent-soft);box-shadow:inset 3px 0 var(--dlab-ui-accent); }
html[data-dlab-theme] :is(.dlab-auth-panel-head>div>span,.dlab-auth-tabs button.active i) { color:var(--dlab-ui-accent); }
html[data-dlab-theme=dark] { color-scheme:dark;--ui-surface:#1b2938;--ui-canvas:#111d2b;--ui-border:#354759;--ui-text:#e5edf5;--ui-muted:#a6b6c7;--canvas:#111d2b;--surface:#1b2938;--ink:#e5edf5;--muted:#a6b6c7;--line:#354759;--auth-navy:#e5edf5;--auth-line:#354759;--auth-muted:#a6b6c7; }
html[data-dlab-theme=dark] :is(body,.workspace,.dlab-auth-modal,.dlab-auth-content) { background:var(--ui-canvas);color:var(--ui-text); }
html[data-dlab-theme=dark] :is(.topbar,.section-panel,.metric-card,.dlab-auth-modal>header,.dlab-auth-tabs,.dlab-auth-card,.dlab-auth-account-section,.dlab-auth-stat,.dlab-auth-group-card,.dlab-auth-personal-card,.dlab-auth-dialog,.dlab-auth-top-menu,.dlab-auth-permission-module,.dlab-auth-guide-section,.dlab-auth-guide-stages li,.dlab-auth-guide-paths article,.dlab-auth-guide-modules article) { background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border); }
html[data-dlab-theme=dark] :is(.dlab-auth-modal,.dlab-auth-dialog,.dlab-auth-top-menu,.main-content) :is(h1,h2,h3,h4,strong,label,td) { color:var(--ui-text); }
html[data-dlab-theme=dark] :is(.dlab-auth-modal,.dlab-auth-dialog,.dlab-auth-top-menu) :is(p,small,th,.dlab-auth-field>span) { color:var(--ui-muted); }
html[data-dlab-theme=dark] :is(.dlab-auth-table th,.dlab-auth-checks,.dlab-auth-guide-section>header,.dlab-auth-session-list article) { background:var(--ui-canvas);border-color:var(--ui-border); }
html[data-dlab-theme=dark] :is(.global-search,.dlab-auth-field input,.dlab-auth-field select,.dlab-auth-field textarea,.dlab-auth-role-select,.dlab-auth-row-actions button,.dlab-auth-button:not(.primary),.dlab-auth-icon-button,.dlab-auth-top-menu>button) { background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border); }
html[data-dlab-theme=dark] :is(.dlab-auth-notice,.dlab-auth-role-hint,.dlab-auth-guide-hero) { background:#203749;color:#c6e0f0;border-color:#395c73; }
html[data-dlab-theme=dark] .user-menu :is(strong,span) { color:var(--ui-text); }
html[data-dlab-theme=dark] .dlab-auth-tabs button:not(.active):not(.dlab-auth-logout) { color:var(--ui-text); }
html[data-dlab-theme=dark] .dlab-auth-tabs button:not(.active) i { color:var(--ui-muted); }
html[data-dlab-theme=dark] :is(.dlab-auth-segmented button.active,.dlab-auth-panel-head>div>span,.dlab-auth-modal>header span) { color:var(--dlab-ui-accent-soft); }
html[data-dlab-theme=dark] #dlab-operations-dashboard { --ops-canvas:var(--ui-canvas);--ops-panel:var(--ui-surface);--ops-border:var(--ui-border);--ops-ink:var(--ui-text);--ops-muted:var(--ui-muted); }
html[data-dlab-theme=dark] #dlab-operations-dashboard :is(.ops-panel,.ops-personal-rhythm,.ops-order-matrix-panel,.ops-flow-panel,.ops-summary-strip,.ops-overview-metric,.ops-panel-head,td,th) { background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text); }
html[data-dlab-theme=dark] #dlab-operations-dashboard :is(h1,h2,h3) { color:var(--ui-text); }
html[data-dlab-theme=dark] #dlab-operations-dashboard td :is(strong,b) { color:var(--ui-text); }
html[data-dlab-theme=dark] #dlab-operations-dashboard .ops-order-section-row td { background:var(--ui-surface)!important; }
@media(max-width:600px){.dlab-auth-appearance-list>section{padding:18px}.dlab-auth-segmented{display:flex}.dlab-auth-segmented button{min-width:0;flex:1;padding-inline:12px}.dlab-auth-color-presets{gap:10px}}

/* Mobile hardening: keep the login card inside the viewport and avoid iOS zoom. */
@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .dlab-auth-login-shell{width:100%;min-width:0;min-height:100dvh;padding:16px}
  .dlab-auth-login-card{box-sizing:border-box;width:100%;max-width:470px;padding:28px 22px}
  .dlab-auth-login-card input{font-size:16px}
}
@media(max-width:420px){
  .dlab-auth-login-shell{padding:10px}
  .dlab-auth-login-card{padding:24px 18px}
}