/* iTech workspace presentation. DOM, authorization and API contracts unchanged. */
:root {
  color-scheme: light;
  --bg-base:#f4f6f2;--bg-sidebar:#fff;--bg-surface:#fff;--bg-card:#fff;
  --bg-card-hover:#f0f7f3;--bg-card-elevated:#edf3ee;--bg-input:#f7f9f6;
  --border-subtle:#e0e8e1;--border-medium:#cedbd1;--border-focus:#087f7270;--border-highlight:#087f7240;
  --primary:#087f72;--primary-hover:#06695f;--primary-glow:#087f7217;--primary-subtle:#e8f3ed;
  --accent-cyan:#087f72;--accent-violet:#b68432;
  --spider-red:#087f72;--spider-red-hover:#06695f;--spider-red-glow:#087f7217;--spider-red-subtle:#e8f3ed;
  --telemetry-blue:#087f72;--telemetry-cyan:#087f72;--blue-subtle:#e8f3ed;
  --text-main:#152c29;--text-secondary:#425b53;--text-muted:#697d73;--text-dim:#87998d;
  --success:#13794e;--success-bg:#e7f3eb;--danger:#bc3f3b;--danger-bg:#fbeceb;
  --warning:#9a6b1c;--warning-bg:#fbf1db;--pending:#087f72;--pending-bg:#e8f3ed;
  --radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;
  --shadow-sm:0 2px 8px #173f2810;--shadow-md:0 8px 28px #173f2812;--shadow-lg:0 20px 60px #173f281c;--shadow-glow:none;
  /* Aliases used by Patch/Android/Mod management screens. */
  --bg:#f4f6f2;--bg2:#fff;--bg3:#edf3ee;--bg4:#e4eee7;--card:#fff;
  --border:#dfe7df;--border2:#cddbd0;--line:#dfe7df;--text:#152c29;--text2:#425b53;--text3:#697d73;
  --ink:#152c29;--muted:#697d73;--accent:#087f72;--accent2:#06695f;--accent-blue:#087f72;
  --accent-glow:#087f7217;--green:#13794e;--green-bg:#e7f3eb;--red:#bc3f3b;--red-bg:#fbeceb;
  --yellow:#9a6b1c;--yellow-bg:#fbf1db;--purple:#9a6b1c;--purple-bg:#fbf1db;--blue:#087f72;
}
body {background:#f4f6f2!important;background-image:none!important;color:#152c29;line-height:1.55;-webkit-font-smoothing:antialiased}
body,input,button,select,textarea{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
::selection{background:#cdeade;color:#123e31}
::-webkit-scrollbar-track{background:#edf2ec}::-webkit-scrollbar-thumb{background:#c6d5c9;border:1px solid #edf2ec}
a{color:var(--accent)}
.app-sidebar{width:248px;min-width:248px;background:#fff!important;border-right:1px solid #dfe7df!important;box-shadow:none!important}
.sidebar-brand{height:86px;min-height:86px;padding:0 20px;gap:12px}
.brand-emblem,.login-logo,.header .logo,.auth-box>.logo{
  background:#071b24 url('/Nova-logo.png') center/cover no-repeat!important;border:0!important;box-shadow:none!important;
  width:44px;height:44px;border-radius:13px;flex-shrink:0
}
.brand-emblem>i,.brand-emblem>svg,.login-logo>i,.login-logo>svg,.header .logo>i,.header .logo>svg,.auth-box>.logo>i,.auth-box>.logo>svg{visibility:hidden}
.brand-name{color:#152c29!important;font-size:19px;letter-spacing:-.5px}
.brand-tag{color:#8a6a31!important;font-size:9px;letter-spacing:1.4px;margin-top:4px}
.sidebar-nav{padding:12px 14px;gap:4px}.nav-section-label{font-size:9px;color:#7c8d81;padding:17px 12px 6px;letter-spacing:1.3px}
.tab-item{min-height:43px;border-radius:11px;padding:10px 12px;font-weight:600;color:#51665a!important;border:1px solid transparent;box-shadow:none!important}
.tab-item i,.tab-item svg{color:#718576!important}.tab-item:hover{background:#f2f6f0!important;color:#152c29!important}
.tab-item.active{background:#e7f3eb!important;border-color:#d2e8da!important;color:#06695f!important}
.tab-item.active i,.tab-item.active svg{color:#087f72!important}
.sidebar-footer{background:#fbfcf9!important;padding:14px;border-top-color:#e0e8e1}
.sidebar-user-card{background:#fff!important;border-color:#e0e8e1;padding:10px}.user-name,.header-user-name{color:#152c29!important}
.user-avatar,.header-user-avatar{color:#087f72!important;background:#e7f3eb!important;border-color:#d2e8da!important}
.role-badge{color:#8a641f!important;background:#fbf2df!important;border-color:#eadbb8!important;font-size:9px;letter-spacing:.7px}
.workspace-header{height:76px;min-height:76px;background:#fdfefaed!important;border-bottom-color:#dfe7df;padding:0 30px;backdrop-filter:blur(16px)}
.bc-root,.bc-group{color:#77897b!important}.bc-current{color:#152c29!important}.bc-sep{color:#b6c5b9!important}
.search-bar{height:42px;background:#f1f5ee!important;border-color:#dce6da;border-radius:12px}.search-bar input{color:#152c29!important}.search-shortcut{background:#fff!important;border:1px solid #dce6da;color:#6c806f!important}
.btn-icon,.btn-sidebar-toggle,.btn-logout{color:#657c69!important;border-radius:10px}.btn-icon:hover,.btn-sidebar-toggle:hover{background:#e8f3ed!important;color:#087f72!important}
.main-wrapper{padding:28px 30px 36px;gap:24px;max-width:1660px}.section-title{font-size:25px;letter-spacing:-.8px;color:#152c29!important;font-weight:800}.section-subtitle{color:#6c806f!important;font-size:12px}
.itech-deployment-notice{padding:14px 18px;margin-bottom:18px;border:1px solid #e5d9b9;border-left:3px solid #b68a3a;border-radius:13px;background:#fff8e8;color:#765519;font-size:12px;line-height:1.7;font-weight:550}
.main-wrapper>.itech-deployment-notice{margin-bottom:0;flex-shrink:0}.itech-deployment-notice[hidden]{display:none!important}
.itech-deployment-notice[data-state='unknown']{background:#f0f4ed;border-color:#d7e1d2;color:#62755e}
.card,.table-container,.kpi-card,.system-status-panel,.section:not([id^='sec-']),.stat,.panel{background:#fff!important;background-image:none!important;border-color:#dfe7df!important;box-shadow:0 3px 15px #193c2410!important;border-radius:18px}
.card-header-bar{padding:17px 20px;border-bottom-color:#e3eae0!important;background:transparent!important}.card-title,.modal-title,.modal h3,.login-title,.login-box h2,.auth-box h2{color:#152c29!important}
.kpi-card{padding:23px 22px;gap:14px;min-height:138px;transition:border-color .15s,box-shadow .15s}.kpi-card:hover{transform:none;border-color:#b7d9c3!important}
.kpi-card:before,.stat:before,.login-box:before{display:none!important}.kpi-label{color:#6c806f!important;font-size:11px;letter-spacing:.1px;text-transform:none}
.kpi-value{color:#152c29;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:34px;letter-spacing:-1.5px}.kpi-icon-wrap{width:34px;height:34px;border-radius:11px;background:#eaf4ed!important;color:#087f72!important}.kpi-footer{color:#7a8b7e;font-size:10px}
.system-status-panel{border-left:3px solid #b78b42!important}.sys-stat-label{color:#6c806f!important}.sys-stat-val{color:#087f72}
table{color:#425b53}th{background:#f6f9f3!important;color:#6c806f!important;border-bottom-color:#dfe7df!important;font-size:10px;letter-spacing:.6px}td{border-bottom-color:#edf2e9!important;color:#425b53}
tbody tr:hover td{background:#f4f9f1!important;color:#152c29}.table-container{border-radius:16px!important}.key-string,.key-text{color:#152c29!important}
.btn{border-radius:10px;min-height:36px;font-weight:650;box-shadow:none!important;transition:background .15s,color .15s;letter-spacing:0}
.btn-primary,.primary{background:#087f72!important;color:#fff!important;border:1px solid #087f72!important;box-shadow:none!important}.btn-primary:hover,.primary:hover{background:#06695f!important;transform:none!important}
.btn-secondary,.btn-outline,.ghost{background:#f2f6ef!important;border:1px solid #dce6da!important;color:#425b53!important}.btn-secondary:hover,.btn-outline:hover{background:#e7f3eb!important;color:#087f72!important}
.btn-success{background:#13794e!important;color:#fff!important}.btn-danger{background:#fbeceb!important;color:#bc3f3b!important;border-color:#efd0cc!important}.btn-ghost{color:#667e6c!important}.btn-ghost:hover{background:#eaf4ed!important}
input,select,textarea{accent-color:#087f72}.form-group input,.form-group select,.form-group textarea,input:not([type='checkbox']):not([type='range']):not([type='file']),select,textarea{
  background:#f8faf6;color:#152c29;border-color:#d7e2d4;border-radius:10px
}
input::placeholder,textarea::placeholder{color:#8a9b8d}input:focus,select:focus,textarea:focus{border-color:#087f72!important;box-shadow:0 0 0 3px #087f7215!important;outline:none}
input:not([type='checkbox']):not([type='range']),select,textarea{color:#152c29!important}
td[style*='color: #fff'],td[style*='color:#fff'],span[style*='color: #fff'],span[style*='color:#fff'],label[style*='color: #fff'],label[style*='color:#fff']{color:#152c29!important}
.btn[style*='color: #fff']:not(.btn-primary):not(.btn-success):not(.btn-danger),.btn[style*='color:#fff']:not(.btn-primary):not(.btn-success):not(.btn-danger){background:#f2f6ef!important;color:#425b53!important}
#mobileMenuBtn{background:#e8f3ed!important;border-color:#cde5d7!important;color:#087f72!important}
.form-group label,label{color:#617866}.form-hint,.hint,.text-muted,.empty{color:#7a8b7e!important}.filter-bar,.filter-group,.filter-panel,.toolbar{background:transparent!important;border-color:#dfe7df!important}
.modal-overlay,.auth-modal,#login{background:#152c295c!important;backdrop-filter:blur(7px)}.modal,.auth-box,.login-card{background:#fff!important;color:#152c29;border-color:#dfe7df!important;box-shadow:0 25px 80px #183c2826!important;border-radius:22px}
.modal-header,.modal-footer,.modal-actions{background:#fbfcf9!important;border-color:#e3eae0!important}.modal-body{background:#fff!important}.modal-header h3{color:#152c29!important}
.login-overlay{background:#f0f4eb!important;background-image:none!important;padding:24px}.login-box{background:#fff!important;color:#152c29;border:1px solid #dce6da!important;border-radius:26px!important;box-shadow:0 24px 80px #1e432119!important;padding:38px!important;max-width:430px!important}
.login-logo{width:76px;height:76px;border-radius:22px;margin-bottom:10px}.login-title{font-size:24px!important;letter-spacing:-.8px}.login-subtitle{color:#778977!important;line-height:1.6}.login-brand-hero{gap:8px;margin-bottom:24px}
.login-box .form-group input{min-height:46px;background:#f7f9f4!important}.login-box .btn-primary{min-height:46px}.login-box h2{margin-bottom:25px}
.toast,.sync-hud-badge{background:#fff!important;color:#152c29!important;border-color:#d2e2d1!important;box-shadow:0 10px 35px #1c49231f!important}
.badge,.tag{border-radius:7px}.badge-gray{background:#f0f3ed!important;color:#687d6c!important}.badge-blue,.cloth{background:#e8f3ed!important;color:#087f72!important;border-color:#cde5d7!important}
.header,.top{background:#ffffffed!important;color:#152c29!important;border-bottom:1px solid #dfe7df;box-shadow:none!important;backdrop-filter:blur(16px)}
.header h1 span,.brand span{background:none!important;color:#087f72!important;-webkit-text-fill-color:#087f72!important}.nav{background:#f4f7f0!important;border-color:#dfe7df!important;border-radius:12px}.nav a{color:#6d806f!important;border-color:transparent!important}.nav a:hover{background:#eaf4ed!important;color:#087f72!important}.nav a.active{background:#087f72!important;color:#fff!important;box-shadow:none!important}
.container{padding-top:28px}.stat{padding:24px!important}.stat .num{font-family:'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:-1px}.stat .label{color:#728570!important}.stat .stat-icon{border-radius:12px}.section-header{border-color:#e2eadf}
.tab-bar{background:#edf3e9!important;border-color:#dfe7df}.tab-bar .tab{color:#6b806d}.tab-bar .tab.active{background:#fff!important;color:#087f72!important;box-shadow:0 2px 8px #193c2410}
.builder-preview,.json-editor-container,.json-editor,.domain-badge-grid{background:#f6f9f2!important;color:#425b53!important;border-color:#d9e4d5!important;box-shadow:none!important}.json-editor-header{background:#edf4e8!important}
.file-drop-area{background:#f4f9ef!important;border-color:#bed6c2!important}.file-drop-area:hover{background:#eaf4e4!important}.toggle input:checked+.slider{background:#087f72!important;border-color:#087f72!important}
body.sidebar-collapsed .app-sidebar{width:76px;min-width:76px}body.sidebar-collapsed .sidebar-brand{padding:0 16px}body.sidebar-collapsed .brand-emblem{width:40px;height:40px}
@media(min-width:1200px){.grid-4{gap:18px}.grid-2{gap:20px}.main-wrapper{padding:30px 34px 40px}}
@media(max-width:900px){.workspace-header{padding:0 18px;gap:10px}.main-wrapper{padding:20px 18px}.header{padding:14px 18px!important}.header h1{font-size:18px}}
@media(max-width:768px){
  .app-sidebar,body.sidebar-collapsed .app-sidebar{width:min(86vw,300px)!important;min-width:0!important;background:#fff!important}
  .sidebar-brand,body.sidebar-collapsed .sidebar-brand{height:82px;min-height:82px;padding:0 20px}
  .brand-name{font-size:21px}.sidebar-nav{padding:12px 16px}.tab-item{min-height:46px}.workspace-header{height:66px;min-height:66px;background:#fdfefa!important}
  .main-wrapper{padding:18px 14px 32px;gap:18px}.section-title{font-size:22px}.kpi-card{padding:17px 16px;min-height:120px;gap:12px}.kpi-value{font-size:29px}
  .grid-4,.grid-2{gap:12px}.login-box{padding:30px 25px!important}.login-title{font-size:22px!important}
  .nav{overflow:auto;justify-content:flex-start!important;width:100%;flex-wrap:nowrap}.nav a{white-space:nowrap;padding:9px 12px!important}
  .container{padding:18px 14px!important}.modal{padding:22px!important}.form-row{gap:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}