
/* NextGen Goma ERP V12 - compact dual-theme UI */
.ngd-ui-root{--ng-accent:#e31b23;--ng-bg:#0a0a0b;--ng-surface:#111113;--ng-surface-2:#161619;--ng-line:#26262b;--ng-text:#f5f5f7;--ng-muted:#8b8b93;--ng-soft:#1b1b1f;--ng-success:#37c978;--ng-warning:#e4a93a;color:var(--ng-text);background:var(--ng-bg);color-scheme:dark}
.ngd-ui-root[data-theme="light"]{--ng-bg:#f6f6f7;--ng-surface:#ffffff;--ng-surface-2:#fafafa;--ng-line:#e4e4e7;--ng-text:#18181b;--ng-muted:#71717a;--ng-soft:#f1f1f3;color-scheme:light}
.ngd-portal.ngd-ui-root{grid-template-columns:212px minmax(0,1fr)!important;background:var(--ng-bg)!important;border:0!important;border-radius:14px!important;box-shadow:none!important;min-height:100vh!important;color:var(--ng-text)!important}
.ngd-ui-root .ngd-portal-side{background:var(--ng-surface)!important;border-right:1px solid var(--ng-line)!important;padding:16px 10px!important;color:var(--ng-text)!important}
.ngd-ui-root .ngd-portal-brand{padding:2px 8px 15px!important;color:var(--ng-text)!important}.ngd-ui-root .ngd-portal-brand>span,.ngd-ui-root .ngd-avatar{background:var(--ng-accent)!important;border:0!important;border-radius:8px!important}.ngd-ui-root .ngd-portal-brand small{color:var(--ng-accent)!important}
.ngd-ui-root .ngd-portal-side nav{gap:2px!important}.ngd-ui-root .ngd-portal-side nav a{grid-template-columns:25px 1fr!important;padding:8px 9px!important;border-radius:7px!important;color:var(--ng-muted)!important;font-size:11px!important}.ngd-ui-root .ngd-portal-side nav a b{font-size:8px!important;color:#777!important}.ngd-ui-root .ngd-portal-side nav a:hover,.ngd-ui-root .ngd-portal-side nav a.active{background:color-mix(in srgb,var(--ng-accent) 13%,var(--ng-surface))!important;border-color:color-mix(in srgb,var(--ng-accent) 28%,var(--ng-line))!important;color:var(--ng-text)!important}.ngd-ui-root .ngd-portal-side nav a.active b{color:var(--ng-accent)!important}
.ngd-ui-root .ngd-side-user{border-top:1px solid var(--ng-line)!important}.ngd-ui-root .ngd-side-user small,.ngd-ui-root .ngd-logout{color:var(--ng-muted)!important}
.ngd-ui-root .ngd-portal-main{padding:14px 16px!important;background:var(--ng-bg)!important}.ngd-ui-root .ngd-portal-top{min-height:50px;margin-bottom:10px!important;border-bottom:1px solid var(--ng-line);padding-bottom:10px}.ngd-ui-root .ngd-portal-top span,.ngd-ui-root .ngd-panel-head span{color:var(--ng-accent)!important}.ngd-ui-root .ngd-portal-top h1{font-size:20px!important;letter-spacing:-.5px!important;color:var(--ng-text)!important;margin:2px 0!important}.ngd-ui-root .ngd-top-actions{align-items:center!important}.ngd-ui-root .ngd-top-actions a,.ngd-ui-root .ngd-theme-toggle{min-height:34px;border:1px solid var(--ng-line)!important;background:var(--ng-surface)!important;color:var(--ng-text)!important;border-radius:7px!important;padding:7px 10px!important;font-size:10px!important;font-weight:800;text-decoration:none;cursor:pointer}.ngd-ui-root .ngd-top-actions a:first-of-type{background:var(--ng-accent)!important;color:white!important;border-color:var(--ng-accent)!important}.ngd-theme-toggle{display:inline-flex;align-items:center;gap:6px}.ngd-theme-toggle em{font-style:normal}.ngd-theme-icon{font-size:14px}
.ngd-ui-root .ngd-pmetric,.ngd-ui-root .ngd-panel,.ngd-ui-root .ngd-card,.ngd-ui-root .ngd-stat{background:var(--ng-surface)!important;border:1px solid var(--ng-line)!important;color:var(--ng-text)!important;box-shadow:none!important;border-radius:9px!important}.ngd-ui-root .ngd-portal-stats{gap:8px!important;margin-bottom:8px!important}.ngd-ui-root .ngd-pmetric{padding:11px!important;min-height:75px!important}.ngd-ui-root .ngd-pmetric span,.ngd-ui-root .ngd-pmetric small,.ngd-ui-root .ngd-panel-head p{color:var(--ng-muted)!important}.ngd-ui-root .ngd-pmetric strong{font-size:18px!important;color:var(--ng-text)!important;margin:4px 0!important}.ngd-ui-root .ngd-panel{padding:13px!important;margin-bottom:8px!important}.ngd-ui-root .ngd-panel-head{margin-bottom:9px!important}.ngd-ui-root .ngd-panel-head h2{font-size:16px!important;color:var(--ng-text)!important;margin:2px 0!important}.ngd-ui-root .ngd-portal-grid{gap:8px!important;margin-bottom:8px!important}
.ngd-ui-root input,.ngd-ui-root select,.ngd-ui-root textarea{background:var(--ng-surface-2)!important;color:var(--ng-text)!important;border:1px solid var(--ng-line)!important;border-radius:7px!important}.ngd-ui-root input:focus,.ngd-ui-root select:focus,.ngd-ui-root textarea:focus{outline:0!important;border-color:var(--ng-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ng-accent) 12%,transparent)!important}.ngd-ui-root .ngd-primary-action,.ngd-ui-root .ngd-inv-action.primary,.ngd-ui-root .ngd-btn{background:var(--ng-accent)!important;border-color:var(--ng-accent)!important;color:#fff!important;box-shadow:none!important}.ngd-ui-root .ngd-inv-action:not(.primary),.ngd-ui-root .ngd-btn-light{background:var(--ng-surface-2)!important;color:var(--ng-text)!important;border-color:var(--ng-line)!important}
.ngd-ui-root .ngd-portal-table th,.ngd-ui-root .ngd-portal-table td,.ngd-ui-root .ngd-table th,.ngd-ui-root .ngd-table td{border-color:var(--ng-line)!important}.ngd-ui-root .ngd-portal-table th,.ngd-ui-root .ngd-table th{color:var(--ng-muted)!important;background:var(--ng-surface-2)!important}.ngd-ui-root .ngd-portal-table td,.ngd-ui-root .ngd-table td{color:var(--ng-text)!important}.ngd-ui-root .ngd-inline-edit,.ngd-ui-root .ngd-job,.ngd-ui-root .ngd-user-card,.ngd-ui-root .ngd-permissions label,.ngd-ui-root .ngd-kpi-list>div,.ngd-ui-root .ngd-action,.ngd-ui-root .ngd-report-metrics>div,.ngd-ui-root .ngd-bulk-bar{background:var(--ng-surface-2)!important;border-color:var(--ng-line)!important;color:var(--ng-text)!important}
.ngd-ui-root[data-density="compact"] .ngd-portal-table th,.ngd-ui-root[data-density="compact"] .ngd-portal-table td,.ngd-ui-root[data-density="compact"] .ngd-table th,.ngd-ui-root[data-density="compact"] .ngd-table td{padding:7px 8px!important}.ngd-ui-root[data-density="compact"] .ngd-form-grid{gap:7px!important}.ngd-ui-root[data-density="compact"] .ngd-form-grid input,.ngd-ui-root[data-density="compact"] .ngd-form-grid select{min-height:34px!important;padding:7px 8px!important}
.ngd-workspace-body.ngd-ui-root{margin:0!important;background:var(--ng-bg)!important;color:var(--ng-text)!important}.ngd-ui-root .ngd-workspace-top{background:var(--ng-surface)!important;border-color:var(--ng-line)!important;color:var(--ng-text)!important}.ngd-ui-root .ngd-workspace-content{background:var(--ng-bg)!important}.ngd-ui-root .ngd-app,.ngd-ui-root .ngd-app *{--ng-bg:inherit}.ngd-ui-root[data-theme="light"] .ngd-app,.ngd-ui-root[data-theme="light"] .ngd-vehicle-finder{background:var(--ng-bg)!important;color:var(--ng-text)!important}.ngd-ui-root[data-theme="light"] .ngd-card,.ngd-ui-root[data-theme="light"] .ngd-stat,.ngd-ui-root[data-theme="light"] .ngd-product,.ngd-ui-root[data-theme="light"] .ngd-cart-item,.ngd-ui-root[data-theme="light"] .ngd-match,.ngd-ui-root[data-theme="light"] .ngd-axle-card,.ngd-ui-root[data-theme="light"] .ngd-result-box,.ngd-ui-root[data-theme="light"] .ngd-tech-specs{background:#fff!important;color:#18181b!important;border-color:#e4e4e7!important}.ngd-ui-root[data-theme="light"] .ngd-section-head h2,.ngd-ui-root[data-theme="light"] .ngd-stat strong,.ngd-ui-root[data-theme="light"] .ngd-grand strong{color:#18181b!important}.ngd-ui-root[data-theme="light"] .ngd-product small,.ngd-ui-root[data-theme="light"] .ngd-cart-item small,.ngd-ui-root[data-theme="light"] .ngd-empty{color:#71717a!important}
/* settings */
.ngd-settings-form{display:block}.ngd-settings-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ng-line);margin:-3px 0 12px;overflow:auto}.ngd-settings-tabs button{border:0;background:transparent;color:var(--ng-muted);padding:9px 10px;font-size:10px;font-weight:850;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer}.ngd-settings-tabs button.active{color:var(--ng-accent);border-bottom-color:var(--ng-accent)}.ngd-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px}.ngd-settings-section{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ngd-settings-section.active{display:grid}.ngd-setting-card{background:var(--ng-surface-2);border:1px solid var(--ng-line);border-radius:9px;padding:12px}.ngd-setting-card h3{margin:0 0 10px;font-size:13px}.ngd-logo-card{grid-row:span 2}.ngd-logo-preview{height:105px;border:1px dashed var(--ng-line);border-radius:8px;display:grid;place-items:center;margin-bottom:10px;background:var(--ng-surface)}.ngd-logo-preview img{max-width:85%;max-height:78px;object-fit:contain}.ngd-logo-preview span,.ngd-preview-logo{width:42px;height:42px;background:var(--ng-accent);color:#fff;display:grid;place-items:center;border-radius:8px;font-size:22px;font-weight:900}.ngd-setting-hint{font-size:10px;color:var(--ng-muted);line-height:1.5}.ngd-document-preview{position:sticky;top:12px;align-self:start}.ngd-preview-paper{background:white;color:#18181b;border:1px solid #e4e4e7;border-radius:9px;padding:18px;min-height:390px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.ngd-preview-paper img{max-width:150px;max-height:55px;object-fit:contain;margin-bottom:12px}.ngd-preview-paper strong,.ngd-preview-paper small{display:block}.ngd-preview-paper>div small{color:#777;margin-top:3px}.ngd-preview-paper h4{margin:36px 0 16px;text-align:right;font-size:15px}.ngd-preview-lines{display:grid;gap:7px}.ngd-preview-lines span{height:22px;border-bottom:1px solid #ddd}.ngd-preview-total{display:flex;justify-content:space-between;border-top:2px solid #222;padding-top:10px;margin:25px 0 20px;font-size:12px}.ngd-preview-total b{color:var(--ng-accent)}.ngd-settings-save{display:flex;justify-content:flex-end;margin-top:10px}
@media(max-width:1050px){.ngd-portal.ngd-ui-root{grid-template-columns:72px minmax(0,1fr)!important}.ngd-settings-layout{grid-template-columns:1fr}.ngd-document-preview{position:static}.ngd-settings-section{grid-template-columns:1fr}.ngd-logo-card{grid-row:auto}}
@media(max-width:760px){.ngd-portal.ngd-ui-root{display:block!important;border-radius:0!important}.ngd-ui-root .ngd-portal-main{padding:9px!important}.ngd-ui-root .ngd-portal-top{padding-left:52px!important}.ngd-theme-toggle em{display:none}.ngd-settings-section{grid-template-columns:1fr}.ngd-document-preview{display:none}.ngd-settings-tabs{margin-left:-4px;margin-right:-4px}.ngd-ui-root .ngd-portal-stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:390px){.ngd-ui-root .ngd-portal-stats{grid-template-columns:1fr!important}.ngd-ui-root .ngd-top-actions a{display:none}.ngd-ui-root .ngd-theme-toggle{display:inline-flex!important}}
