/* Aden Corporate UI – final presentation layer, 2026. Scoped to authenticated shell. */
:root { --aden-orange:#ED4F18; --aden-navy:#283948; --aden-ink:#283948; --aden-muted:#69798c; --aden-border:#e5ebf1; --aden-canvas:#f5f7fa; }
body:has(.system-sidebar) { background:var(--aden-canvas); color:var(--aden-ink); font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-size:14px; line-height:1.5; }
body:has(.system-sidebar) .system-content { padding:clamp(14px,1.45vw,24px)!important; }
body:has(.system-sidebar) .system-sidebar { background:#fff!important; border-right:1px solid var(--aden-border)!important; color:var(--aden-navy)!important; box-shadow:none!important; }
body:has(.system-sidebar) .sidebar-brand { min-height:76px!important; height:auto!important; padding:15px 16px!important; display:flex!important; align-items:center!important; gap:11px!important; background:white!important; border-bottom:1px solid #edf0f4!important; }
body:has(.system-sidebar) .sidebar-brand .brand-mark { flex:none!important; width:42px!important; height:42px!important; min-width:42px!important; border-radius:12px!important; background:#fff!important; border:1px solid #e7ecf1!important; display:grid!important; place-items:center!important; overflow:hidden!important; margin:0!important; padding:6px!important; }
body:has(.system-sidebar) .sidebar-brand .brand-mark img {display:block; max-width:100%!important; max-height:100%!important; object-fit:contain!important; margin:auto!important;}
body:has(.system-sidebar) .sidebar-brand .brand-copy { min-width:0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:2px!important; line-height:1.24!important; margin:0!important; }
body:has(.system-sidebar) .sidebar-brand .brand-copy strong {font-weight:750!important; font-size:13px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:var(--aden-navy)!important;}
body:has(.system-sidebar) .sidebar-brand .brand-copy span {font-size:9.5px!important;letter-spacing:.075em;color:#8593a5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;}
body:has(.system-sidebar) .sidebar-nav {padding:10px 11px 16px!important;scrollbar-width:thin;}
body:has(.system-sidebar) .sidebar-nav .nav-section-label {color:#8a99ac!important;font-size:10px!important;letter-spacing:.09em!important;font-weight:750!important;margin:18px 10px 7px!important;}
body:has(.system-sidebar) .sidebar-link {display:flex!important;align-items:center!important;gap:11px!important;min-height:39px!important;height:auto!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:10px!important;color:#637287!important;font-weight:600!important;font-size:12.5px!important;line-height:1.35!important;box-shadow:none!important;transform:none!important;}
body:has(.system-sidebar) .sidebar-link:hover {background:#f5f7fa!important;color:var(--aden-navy)!important;}
body:has(.system-sidebar) .sidebar-link.active {background:#fff1eb!important;color:#d84916!important;border-color:#ffe3d6!important;}
body:has(.system-sidebar) .sidebar-link i, body:has(.system-sidebar) .sidebar-link .bi {width:19px!important;min-width:19px!important;height:19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:16px!important;position:static!important;transform:none!important;}
body:has(.system-sidebar) .sidebar-user {margin:10px!important;padding:9px!important;border:1px solid var(--aden-border)!important;border-radius:13px!important;background:#f9fafc!important;display:flex!important;align-items:center!important;gap:9px!important;}
body:has(.system-sidebar) .sidebar-user .user-avatar {width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important;background:var(--aden-orange)!important;color:#fff!important;display:grid!important;place-items:center!important;}
body:has(.system-sidebar) .sidebar-user .user-meta {min-width:0!important;flex:1!important;}
body:has(.system-sidebar) .sidebar-user .user-meta strong {font-size:11.5px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important;}
body:has(.system-sidebar) .sidebar-user .user-meta span {font-size:10px!important;}
body:has(.system-sidebar) .sidebar-user .logout-button {width:32px!important;height:32px!important;display:grid!important;place-items:center!important;}
body:has(.system-sidebar) .system-topbar {min-height:58px!important;background:#fff!important;border-bottom:1px solid var(--aden-border)!important;}
body:has(.system-sidebar) .system-content .card,body:has(.system-sidebar) .system-content .ua-panel,body:has(.system-sidebar) .system-content .ua-metric,body:has(.system-sidebar) .system-content .metric-card,body:has(.system-sidebar) .system-content .command-card,body:has(.system-sidebar) .system-content .records-card,body:has(.system-sidebar) .system-content .enterprise-card {background:#fff;border:1px solid var(--aden-border)!important;border-radius:15px!important;box-shadow:0 2px 9px rgba(30,47,65,.035)!important;}
body:has(.system-sidebar) .system-content .card-header,body:has(.system-sidebar) .system-content .ua-panel-header {background:#fff!important;border-bottom:1px solid #edf0f4!important;}
body:has(.system-sidebar) .system-content h1 {font-size:clamp(20px,1.7vw,26px)!important;line-height:1.24!important;letter-spacing:-.025em;font-weight:750;}
body:has(.system-sidebar) .system-content h2 {font-size:clamp(16px,1.35vw,20px)!important;line-height:1.3!important;}
body:has(.system-sidebar) .system-content h3 {font-size:clamp(14px,1.15vw,17px)!important;line-height:1.35!important;}
body:has(.system-sidebar) .system-content .text-muted,body:has(.system-sidebar) .system-content small {font-size:clamp(11px,.85vw,12.5px);}
body:has(.system-sidebar) .system-content .table-responsive {max-width:100%;overflow-x:auto;}
body:has(.system-sidebar) .system-content table {font-size:12.5px!important;border-collapse:separate;border-spacing:0;width:100%;}
body:has(.system-sidebar) .system-content table th {font-size:10.5px!important;letter-spacing:.045em!important;color:#70839a!important;font-weight:750!important;background:#f8fafc!important;vertical-align:middle!important;white-space:nowrap;}
body:has(.system-sidebar) .system-content table th,body:has(.system-sidebar) .system-content table td {padding:10px 12px!important;border-bottom:1px solid #e9eef3!important;vertical-align:middle!important;}
body:has(.system-sidebar) .system-content table td {overflow-wrap:anywhere;}
body:has(.system-sidebar) .system-content table tbody tr:hover {background:#fafbfe;}
body:has(.system-sidebar) .system-content input:not([type=checkbox]):not([type=radio]),body:has(.system-sidebar) .system-content select,body:has(.system-sidebar) .system-content textarea {font-size:13px!important;min-height:38px;border-radius:9px;}
body:has(.system-sidebar) .system-content label {font-size:12px;font-weight:650;}
body:has(.system-sidebar) .system-content .btn {display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px!important;font-weight:650!important;line-height:1.35;min-height:36px;border-radius:9px!important;}
body:has(.system-sidebar) .system-content .btn-primary {background:var(--aden-orange)!important;border-color:var(--aden-orange)!important;color:#fff!important;}
body:has(.system-sidebar) .system-content .badge {font-size:10.5px!important;line-height:1.3!important;font-weight:650!important;}
/* Center glyphs only in known icon containers: avoid overriding other media/chart SVG. */
body:has(.system-sidebar) :is(.ua-metric-icon,.metric-icon,.kpi-icon,.stat-icon,.card-icon,.panel-icon,.sidebar-icon,.brand-fallback,.flow-node,.icon-box,.ua-icon,.finance-icon,.hero-icon,.user-avatar) {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;}
body:has(.system-sidebar) :is(.ua-metric-icon,.metric-icon,.kpi-icon,.stat-icon,.card-icon,.panel-icon,.sidebar-icon,.brand-fallback,.flow-node,.icon-box,.ua-icon,.finance-icon,.hero-icon) > :is(i,svg,.bi) {display:block!important;position:static!important;float:none!important;inset:auto!important;transform:none!important;margin:0!important;line-height:1!important;}
body:has(.system-sidebar) :is(.ua-metric-icon,.metric-icon,.kpi-icon,.stat-icon,.card-icon,.panel-icon,.icon-box) > svg {max-width:64%;max-height:64%;}
/* Specific cleanup: User permissions and handover pages. */
body:has(.system-sidebar) .user-admin-page {max-width:none!important;padding:0!important;}
body:has(.system-sidebar) .user-admin-page .ua-hero {padding:17px 20px!important;border-radius:15px!important;box-shadow:none!important;background:#fff!important;border:1px solid var(--aden-border)!important;}
body:has(.system-sidebar) .user-admin-page .ua-hero:after {display:none!important;}
body:has(.system-sidebar) .user-admin-page .ua-title {margin:4px 0!important;font-size:clamp(19px,1.7vw,24px)!important;}
body:has(.system-sidebar) .user-admin-page .ua-subtitle {font-size:12.5px!important;line-height:1.48!important;}
body:has(.system-sidebar) .user-admin-page .ua-metrics {margin-top:13px!important;margin-bottom:13px!important;}
body:has(.system-sidebar) .user-admin-page .ua-metric {min-height:100px!important;padding:15px!important;}
body:has(.system-sidebar) .user-admin-page .ua-metric-icon {width:38px!important;height:38px!important;}
body:has(.system-sidebar) .user-admin-page .ua-metric-value {font-size:clamp(20px,1.8vw,27px)!important;}
body:has(.system-sidebar) .handover-hero {background:#fff!important;color:var(--aden-navy)!important;padding:16px 20px!important;min-height:0!important;border:1px solid var(--aden-border)!important;border-radius:15px!important;box-shadow:none!important;}
body:has(.system-sidebar) .handover-hero :is(.workflow-orbit,.hero-badges,.hero-badge,.workflow-line,.flow-node,.flow-arrow) {display:none!important;}
body:has(.system-sidebar) .handover-hero .hero-kicker {font-size:clamp(18px,1.6vw,23px)!important;color:var(--aden-navy)!important;font-weight:750!important;letter-spacing:-.02em!important;text-transform:none!important;}
body:has(.system-sidebar) .handover-hero .hero-kicker::before {display:none!important;}
body:has(.system-sidebar) .handover-hero p {color:var(--aden-muted)!important;font-size:12.5px!important;line-height:1.5!important;max-width:850px!important;}
body:has(.system-sidebar) .handover-hero .hero-layout {display:block!important;}
body:has(.system-sidebar) .handover-hero + .metric-grid {margin:12px 0 14px!important;}
body:has(.system-sidebar) .handover-hero + .metric-grid .metric-card {min-height:99px!important;padding:15px!important;}
body:has(.system-sidebar) .enterprise-page .enterprise-hero {padding:15px 19px!important;border-radius:14px!important;min-height:0!important;}
body:has(.system-sidebar) .enterprise-page .enterprise-hero p {font-size:12.5px!important;line-height:1.5;}
@media (max-width:991px) {body:has(.system-sidebar) .system-content{padding:13px!important;}body:has(.system-sidebar) .sidebar-brand{padding:12px 14px!important;}}
@media (max-width:600px) {body:has(.system-sidebar) .system-content {padding:10px!important;}body:has(.system-sidebar) .system-content table {font-size:12px!important;}body:has(.system-sidebar) .user-admin-page .ua-hero {padding:14px!important;}body:has(.system-sidebar) .sidebar-link{min-height:40px!important;}}
@media (prefers-reduced-motion:reduce) {body:has(.system-sidebar) .system-content *,body:has(.system-sidebar) .sidebar-link{animation-duration:.01ms!important;transition-duration:.01ms!important;}}
