/* Shared shell follows the approved Dashboard. Module layouts are scoped below. */
html:root,html:root[data-theme="night"]{
  --bg:#111d2c;--surface-0:#192432;--surface-1:#192432;--surface-2:#202c3c;
  --glass:#192432;--glass-border:#344457;--border:#344457;--border-active:#8bb4ff;
  --text:#e7eef8;--text-secondary:#a4b5cc;--text-tertiary:#a4b5cc;
  --accent:#8bb4ff;--accent-soft:#263c5e;--accent-2:#8bb4ff;--accent-2-soft:#263c5e;
  --success:#8bd4b2;--success-soft:#223d34;--warning:#f0c389;--warning-soft:#413526;
  --danger:#f6a0a8;--danger-soft:#452c36;--radius-xs:5px;--radius-sm:7px;--radius-md:9px;
  --font-heading:"Segoe UI","Microsoft YaHei",sans-serif;
  --font-body:"Segoe UI","Microsoft YaHei",sans-serif;
}
html:root[data-theme="day"]{
  --bg:#f3f6fa;--surface-0:#fff;--surface-1:#fff;--surface-2:#f8fafc;
  --glass:#fff;--glass-border:#e1e7ef;--border:#e1e7ef;--border-active:#285fc4;
  --text:#1b2a41;--text-secondary:#607087;--text-tertiary:#607087;
  --accent:#285fc4;--accent-soft:#edf3ff;--accent-2:#285fc4;--accent-2-soft:#edf3ff;
  --success:#217255;--success-soft:#eaf5ef;--warning:#8c5917;--warning-soft:#fff4df;
  --danger:#b03943;--danger-soft:#fff0f0;
}
html body{font-family:var(--font-body);background:var(--bg);color:var(--text)}
html body::before,html body::after{display:none}
html .app-shell{background:var(--bg);color:var(--text);font-family:var(--font-body)}
html .app-shell .sidebar{background:#13243d;border-right-color:#293c57;box-shadow:none;transition:none}
html .app-shell .sidebar::after{display:none}
html .app-shell .brand-logo-full{content:url("../../assets/futurecloud-logo-ui.svg?v=20260713-dashboard-a")}
html .app-shell .sidebar-section{color:#91a4bf}
html .app-shell .nav button{color:#c1cee1;font-family:inherit;font-size:13px;letter-spacing:0;border-radius:6px}
html .app-shell .nav-label{font-family:inherit}
html .app-shell .nav button .nav-icon{color:inherit;background:transparent}
html .app-shell .nav button:hover{background:#203753;color:#fff;border-color:#304966;transform:none}
html .app-shell .nav button.active{background:#294f81;color:#fff;border-color:#426b9f}
html .app-shell .nav button.active .nav-icon{background:transparent;color:#bdd4ff}
html .app-shell .sidebar-collapse-btn{color:#c1cee1;background:#203753;border-color:#42607f}
html .app-shell .admin-console-entry,html .app-shell .storage-panel{color:#b7cae5;background:#1c304a;border-color:#324b69;border-radius:5px}
html .app-shell .storage-panel strong{color:#b7dfd4}
html .app-shell .workspace{background:inherit;scrollbar-color:#758ba866 transparent;transition:none}
html .app-shell .topbar{max-width:1600px;margin-left:auto;margin-right:auto}
html .app-shell .topbar h2{font-family:inherit;letter-spacing:-.7px;font-size:28px}
html .app-shell .topbar .eyebrow{color:var(--text-secondary);letter-spacing:0;font-family:inherit}
html .app-shell .toolbar .ghost-button,html .app-shell .toolbar .user-pill{color:var(--text-secondary);background:var(--surface-1);border-color:var(--border);box-shadow:none;font-family:inherit;border-radius:5px}
html .app-shell .theme-toggle{color:var(--accent);background:var(--surface-1);border-color:var(--border)}
html .app-shell .primary-button,html:root dialog .primary-button{background:#285fc4;color:#fff;border:1px solid #285fc4;border-radius:5px;box-shadow:none;font-family:inherit}
html .app-shell .primary-button:hover,html:root dialog .primary-button:hover{background:#214fa5;transform:none;box-shadow:none}
html .app-shell .ghost-button,html:root dialog .ghost-button{font-family:inherit;border-radius:5px;box-shadow:none;background:var(--surface-1);color:var(--text);border-color:var(--border)}
html:root dialog{background:var(--surface-1);border:1px solid var(--border);color:var(--text);border-radius:9px;font-family:var(--font-body)}
html:root dialog .eyebrow,html:root dialog label,html:root dialog .field-hint{font-family:inherit;letter-spacing:0}
html:root dialog::backdrop{background:#0b192c70;backdrop-filter:none}
html:root dialog input,html:root dialog select,html:root dialog textarea{border-color:var(--border);border-radius:5px;background-color:var(--surface-1);color:var(--text);font-family:inherit}
html:root dialog .config-section,html:root dialog .config-identity-item{border-radius:7px;box-shadow:none;background:var(--surface-2)}
.wb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;max-width:1600px;margin:0 auto 18px}
.wb-metrics[hidden]{display:none}
.wb-metric{background:var(--surface-1);border:1px solid var(--border);border-radius:7px;padding:16px;min-width:0}
.wb-metric>span{color:var(--text-secondary);font-size:12px}
.wb-metric>strong{display:block;font-weight:600;font-size:27px;letter-spacing:-.6px;line-height:1.4;margin:9px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wb-metric>strong .cs-muted{font-size:11px;letter-spacing:0}
.wb-metric footer{border-top:1px solid var(--border);padding-top:9px;font-size:11px;color:var(--text-secondary)}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"],[data-active-module="awsConfig"]) .content-panel{max-width:1600px;margin:0 auto;border-radius:7px;background:var(--surface-1);border-color:var(--border);box-shadow:none;backdrop-filter:none}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"],[data-active-module="awsConfig"]) .panel-head{padding:13px 17px;background:var(--surface-1);gap:10px;border-color:var(--border)}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"],[data-active-module="awsConfig"]) .panel-head input,
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"],[data-active-module="awsConfig"]) .panel-head select{height:34px;min-height:34px;font-size:12px;border-radius:5px;background-color:var(--surface-1);border-color:var(--border);box-shadow:none}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"],[data-active-module="awsConfig"]) #listSearch{max-width:300px}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"],[data-active-module="awsConfig"]) th{font:500 11px/1.5 var(--font-body);letter-spacing:0;text-transform:none;background:var(--surface-2);color:var(--text-secondary);padding:11px 14px;border-color:var(--border)}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) td{font:400 13px/1.5 var(--font-body);padding:15px 14px;color:var(--text);border-color:var(--border);background:transparent}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) td strong{font-weight:600}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) tbody tr:hover{background:var(--surface-2)}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) table{min-width:720px;width:100%;table-layout:auto}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) .table-wrap{padding:0;max-height:none}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"],[data-active-module="awsConfig"]) .text-button{color:var(--accent);font:inherit;font-size:12px;box-shadow:none}
html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"],[data-active-module="awsConfig"]) .chip{font-family:inherit;border-radius:4px;font-size:11px;box-shadow:none}
html .app-shell .cs-tabs{gap:22px;padding:0 17px;border-color:var(--border)}
html .app-shell .cs-tabs button{font-family:inherit;font-size:13px;padding:12px 0;border-radius:0}
html .app-shell .cs-muted{font:400 11px/1.5 var(--font-body);margin-top:4px;color:var(--text-secondary)}
html .app-shell [data-sales-employment]{font-size:12px;min-height:32px;height:32px;padding:4px 26px 4px 9px;border-radius:5px}
html .app-shell #tablePagination{font-size:11px;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--border)}
html .app-shell #tablePagination>span:first-child{margin-right:auto}
html .app-shell .module-tabs{background:var(--surface-1);border-color:var(--border);padding:0 17px;gap:20px}
html .app-shell .module-tabs button{font:13px/1.5 var(--font-body);padding:13px 0;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:var(--text-secondary);background:none}
html .app-shell .module-tabs button.active{border-bottom-color:var(--accent);color:var(--accent);background:none}
html .app-shell .module-tabs span{font:11px var(--font-body);color:var(--text-secondary)}
html .app-shell[data-active-module="awsConfig"] .table-wrap{padding:0;max-height:none}
html .app-shell[data-active-module="awsConfig"] .table-wrap>table{min-width:0;width:100%}
html .app-shell[data-active-module="awsConfig"] #tableBody>tr>td{padding:0}
html .app-shell .aws-config-tree{min-width:0;gap:12px}
html .app-shell .aws-config-bucket{border-radius:0;border-width:0 0 1px;background:var(--surface-1);overflow-x:auto}
html .app-shell .aws-config-bucket summary{font-family:inherit;grid-template-columns:minmax(130px,1fr) 140px 140px 120px auto;min-height:60px;padding:12px 17px;background:var(--surface-2);gap:12px}
html .app-shell .aws-config-account-head,html .app-shell .aws-config-account-row{grid-template-columns:minmax(155px,1.2fr) minmax(95px,.8fr) 85px minmax(110px,1fr) 110px 100px 75px 90px;gap:10px;padding:12px 17px;min-width:1000px;letter-spacing:0;text-transform:none;font-family:inherit}
html .app-shell .aws-config-account-row{font-size:12px;background:var(--surface-1);border-color:var(--border)}
html .app-shell .aws-config-account-row:hover{background:var(--surface-2)}
html .app-shell .aws-config-account-head{font-size:11px;background:var(--surface-2);color:var(--text-secondary)}
html .app-shell .aws-config-cell{font-family:inherit;min-width:0;color:var(--text)}
html .app-shell .aws-config-title{font-family:inherit;font-size:14px;color:var(--accent)}
html .app-shell .aws-config-inline{font-family:inherit;font-size:12px;border-radius:5px;min-height:32px;background:var(--surface-1)}
html .app-shell .aws-config-sub{display:block;font-family:inherit;line-height:1.5;font-size:11px;color:var(--text-secondary)}
html .app-shell .aws-config-fixed{white-space:normal;font-family:inherit;font-size:12px;overflow-wrap:anywhere}
html .app-shell .aws-config-action-stack{gap:6px;align-items:center}
html .app-shell .aws-config-action-stack button{font-size:11px;min-height:28px;padding:4px 7px;white-space:nowrap}
html .app-shell .ghost-button.aws-config-retire-button{color:var(--danger)}
html .app-shell .ghost-button.danger{color:var(--danger)}
html .app-shell .aws-sync-panel,html .app-shell .delivery-config-card{background:var(--surface-1);border-color:var(--border);border-radius:7px;box-shadow:none}
html:root .app-shell .storage-panel[data-status-level] strong{color:#b7dfd4}
html .app-shell .aws-config-owner-stack{display:grid;gap:3px;justify-items:center}
html .app-shell .aws-config-owner-stack .text-button{font-size:11px}
html .app-shell .aws-config-discount-button{min-height:40px;padding:4px;border-radius:5px}
html .app-shell .aws-config-discount-button strong{font-size:12px;color:var(--accent)}
html .app-shell .aws-config-discount-button small{font-size:10px;line-height:1.5}
.wb-config-scope{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:13px 17px;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-secondary)}
.wb-config-scope label{display:flex;align-items:center;gap:8px}.wb-config-scope select{min-height:32px;width:auto;max-width:220px;background:var(--surface-1);border:1px solid var(--border);border-radius:5px;padding:5px 28px 5px 9px;color:var(--text);font:12px var(--font-body)}
html .cs-dialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden;padding:0}
html .cs-dialog>.dialog-head{flex-shrink:0;padding:20px 23px;margin:0;border-bottom:1px solid var(--border)}
html .cs-dialog form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
html .cs-dialog .cs-body{min-height:0;overflow:auto;padding:22px 23px}
html .cs-dialog .dialog-actions{flex-shrink:0;padding:15px 23px;background:var(--surface-2);margin:0;border-top:1px solid var(--border)}
html .cs-dialog .dialog-head h3{font:600 20px var(--font-body)}
html .cs-dialog .dialog-head [data-cs-close]{width:32px;min-width:32px;flex:0 0 32px;padding:0}
html .cs-dialog .cs-table-wrap{border-radius:5px;border-color:var(--border)}
html .cs-dialog th{font:500 11px var(--font-body);color:var(--text-secondary);background:var(--surface-2)}
html .cs-dialog td{font-size:13px;background:var(--surface-1);color:var(--text)}
html .cs-dialog input,html .cs-dialog select{border-radius:5px;font-size:13px}
html .cs-dialog .cs-note{font-size:12px}
html [data-group-picker]{display:grid;gap:12px;min-width:0;margin-top:12px}
html [data-group-picker] label{display:grid;gap:8px;min-width:0}
html [data-group-picker] select,html [data-group-picker] input{width:100%;min-width:0;max-width:100%}
html [data-group-picker][hidden],html [data-group-new][hidden],html [data-ops-sp][hidden]{display:none}
html [data-ops-sp]{display:flex;align-items:center;gap:8px;margin-top:16px}
html [data-ops-sp] input{width:auto}
@media(max-width:1100px){.wb-metric>strong{font-size:23px}.wb-metric{padding:13px}.wb-metrics{gap:10px}}
@media(max-width:736px){
  html .app-shell{display:flex;flex-direction:column}
  html .app-shell .sidebar{position:relative;width:100%;height:auto;flex:0 0 auto;padding:10px 12px 7px;gap:7px;border-right:0}
  html .app-shell .sidebar-collapse-btn,html .app-shell .sidebar-section,html .app-shell .sidebar-footer{display:none}
  html .app-shell .brand{height:26px;margin:0;padding:0;justify-content:flex-start}
  html .app-shell .brand-logo-full{display:block;width:150px;flex-basis:150px;max-height:25px}
  html .app-shell .brand-logo-mark{display:none}
  html .app-shell .nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;flex:0 0 auto;gap:4px;scrollbar-width:thin}
  html .app-shell .nav button{width:auto;flex:0 0 auto;height:32px;padding:0 10px;font-size:11px;border-radius:4px;gap:0}
  html .app-shell .nav button .nav-icon{display:none}
  html .app-shell .nav button .nav-label{opacity:1;width:auto;overflow:visible}
  html:root .app-shell .workspace{margin-left:0;min-height:0;height:auto;flex:1;padding:16px 12px;transition:none}
  html .app-shell .topbar{gap:12px;margin-bottom:16px;flex-wrap:wrap}
  html .app-shell .topbar h2{font-size:25px}
  .wb-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .wb-metric{padding:12px 10px}.wb-metric>strong{font-size:21px}.wb-metric footer{font-size:10px}
  html .app-shell .panel-head{flex-direction:row;align-items:center;flex-wrap:wrap;min-width:0}
  html .app-shell #listSearch{max-width:none;min-width:0;flex:1 1 160px}
  html .app-shell .field-filter{min-width:0;flex-wrap:wrap}
  html .app-shell .module-tabs{overflow-x:auto;white-space:nowrap;gap:17px;padding:0 12px}
  html .app-shell .module-tabs button{font-size:12px;padding:12px 0;flex-shrink:0}
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) table,
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) tbody{display:block;width:100%;min-width:0}
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) thead{display:none}
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px 13px;border-bottom:1px solid var(--border)}
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) tbody td{display:block;min-width:0;max-width:none;padding:0;border:0;white-space:normal;text-align:left;overflow-wrap:anywhere;position:static;font-size:12px}
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) tbody td::before{content:attr(data-label);display:block;color:var(--text-secondary);font-size:10px;margin-bottom:4px}
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) tbody td:first-child,
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) tbody td:last-child{grid-column:1/-1}
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) tbody td:first-child::before,
  html .app-shell:is([data-active-module="customers"],[data-active-module="salesTeam"]) tbody td:last-child::before{display:none}
  html .app-shell .aws-config-bucket summary{grid-template-columns:1fr 1fr;gap:10px;padding:12px}
  html .app-shell .aws-config-account-head{display:none}
  html .app-shell .aws-config-account-row{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px 12px}
  html .app-shell .aws-config-account-row>.aws-config-cell{text-align:left;display:block;overflow-wrap:anywhere}
  html .app-shell .aws-config-account-row>.aws-config-cell::before{content:attr(data-label);display:block;font-size:10px;color:var(--text-secondary);margin-bottom:4px}
  html .app-shell .aws-config-account-row>.aws-config-cell:first-child,
  html .app-shell .aws-config-account-row>.aws-config-cell:last-child{grid-column:1/-1}
  html .app-shell .aws-config-owner-stack{justify-items:start}
  html .app-shell .aws-config-action-stack{display:flex;justify-content:flex-start;flex-direction:row;gap:12px}
  html .app-shell .aws-config-discount-button{align-items:flex-start;min-height:30px}
  html .cs-dialog>.dialog-head,html .cs-dialog .cs-body{padding:18px}
  html .cs-dialog .dialog-actions{padding:14px 18px}
  html .cs-dialog .cs-table-wrap table{table-layout:fixed;width:100%}
  html .cs-dialog td,html .cs-dialog th{padding:10px 8px;overflow-wrap:anywhere}
  html .cs-dialog td select{min-width:0;font-size:12px;padding-right:20px}
  html .cs-dialog th:nth-child(2),html .cs-dialog td:nth-child(2){width:65px}
}