/* DEV482: shared presentation only. No data, navigation or permission changes.
   Screen-only: invoice/PDF print styles retain their existing page geometry. */
@media screen {
 :root {--gx-ink:#102a50;--gx-blue:#2885f6;--gx-line:#dce9f5;--gx-soft:#f3f8fe;--gx-red:#ff3b60;--gx-muted:#58749b;--gx-radius:12px;
  --blue:var(--gx-blue);--border:var(--gx-line);--text:var(--gx-ink);--ink:var(--gx-ink);--paper:var(--gx-soft);--bg:var(--gx-soft);--muted:var(--gx-muted);--red:var(--gx-red);}
 body,body.signed-in {font-family:Arial,Helvetica,sans-serif!important;color:var(--gx-ink);background:linear-gradient(135deg,#f3f8fe,#eaf4fa);font-size:14px;line-height:1.5;}
 h1,h2,h3,h4 {color:var(--gx-ink);letter-spacing:-.025em;line-height:1.3;}
 h1 {font-size:28px;} h2 {font-size:23px;} h3 {font-size:17px;} h4 {font-size:15px;}
 button,input,select,textarea {font-family:inherit;}
 :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]) {border:1px solid #ccddee;border-radius:9px;background:#fff;color:var(--gx-ink);padding:10px 12px;font-size:14px;min-height:40px;max-width:100%;}
 textarea {line-height:1.6;resize:vertical;}
 input[type=checkbox],input[type=radio] {accent-color:var(--gx-blue);width:17px;height:17px;}
 label {color:#36567f;}
 button,.button,.btn {border-radius:9px;transition:background .15s,border-color .15s;}
 button:not(.nav-btn):not(.close-icon):not(.icon-btn):not(.mobile-menu) {border:1px solid var(--gx-line);background:#fff;color:#235b9c;padding:9px 14px;font-size:13px;font-weight:600;}
 button:hover:not(:disabled),.button:hover {background:#e8f3ff;border-color:#9bc9ff;}
 button[type=submit],button.primary,.button.primary,.btn-primary {background:var(--gx-blue);color:white;border-color:var(--gx-blue);}
 button[type=submit]:hover,.button.primary:hover {background:#176cda;color:white;}
 button:disabled {opacity:.5;cursor:not-allowed;}
 :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #8bbcff;outline-offset:3px;}
 :is(.card,.panel,.metric-card,.dkv-panel,.stat-card,.data-panel,.section-card,.master-panel) {background:#fff;border:1px solid var(--gx-line);border-radius:var(--gx-radius);box-shadow:0 3px 14px #123b6910;}
 :is(.card,.panel,.dkv-panel) h3 {margin-top:0;}
 :is(.cards,.two,.dkv-status-grid) {gap:16px;}
 :is(#stock-purchase>section,#stock-purchase>.section,.form-section) {border:1px solid var(--gx-line);border-radius:12px;background:white;}
 table {border-collapse:separate;border-spacing:0;width:100%;font-size:13px;}
 table th {background:#edf5ff;color:#42658d;font-size:11px;font-weight:700;text-align:left;letter-spacing:.035em;}
 table th,table td {padding:12px 14px;border-bottom:1px solid var(--gx-line);}
 table tbody tr:hover {background:#f5faff;}
 table td {vertical-align:top;}
 details:not(#burger):not(#settings-menu) {border-color:var(--gx-line);border-radius:10px;}
 summary {color:var(--gx-ink);border-color:var(--gx-line);}
 details[open]>summary {background:#edf5ff;}
 dialog {border:1px solid var(--gx-line);border-radius:16px;box-shadow:0 20px 70px #12315333;padding:24px;max-height:90dvh;overflow:auto;}
 dialog::backdrop {background:#102a5066;backdrop-filter:blur(3px);}
 dialog footer {border-top:1px solid var(--gx-line);padding-top:16px;}
 #pages,#workspace>nav {display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;border-color:var(--gx-line);background:transparent;}
 #pages a,#workspace>nav button {padding:8px 12px;border:1px solid var(--gx-line);border-radius:8px;background:white;font-size:12px;color:#41658e;}
 #pages a[aria-current]:not([aria-current=false]),#workspace>nav button.active,#workspace>nav button[aria-current=true] {background:#e6f2ff;color:#1266ca;border-color:#add3ff;}
 #workspace>nav button[aria-current=false] {background:white!important;color:#41658e!important;}
 #workspace>nav button[aria-current=true] {background:#e6f2ff!important;color:#1266ca!important;}
 body.signed-in>aside:not(.drawer),body.signed-in>.app>aside#sidebar {background:#f7fbff;color:var(--gx-ink);border-right:1px solid var(--gx-line);}
 body.signed-in>aside h1,body.signed-in>aside h2 {color:var(--gx-blue);font-size:16px;letter-spacing:.3em;}
 #unified-modules a {border-radius:10px;color:#365f92;}
 #unified-modules a[aria-current] {background:var(--gx-blue);color:#fff;border-left-color:transparent;}
 #unified-modules a:hover:not([aria-current]) {background:#e8f3ff;}
 header:has(#identity),.workspace>header {background:transparent;border-color:var(--gx-line);}
 #content>h1,#content>h2 {font-size:27px;margin:8px 0 20px;}
 #notice:not(:empty),#master-notice:not(:empty) {background:#edf5ff;border:1px solid var(--gx-line);border-radius:9px;padding:12px;}
 /* Imported maintenance workspace: preserve layout/controls, unify its palette. */
 .maintenance-original {--green:#2885f6!important;--green-dark:#176cda!important;--line:#dce9f5!important;--ink:#102a50!important;--muted:#58749b!important;font-family:Arial,Helvetica,sans-serif!important;}
 .maintenance-original :is(.panel,.stat,.data-panel,.role-welcome,.workspace-switcher,.billing-summary>div) {border:1px solid var(--gx-line)!important;border-radius:12px!important;background:#fff!important;}
 .maintenance-original :is(h1,h2,h3,.stat strong,.billing-summary strong) {color:var(--gx-ink)!important;}
 .maintenance-original :is(.button.primary,.button-primary) {background:var(--gx-blue)!important;color:white!important;}
 .maintenance-original .field :is(input,select,textarea) {font-size:14px!important;border-radius:9px!important;}
 .maintenance-original table :is(th,td) {font-size:12px!important;}
 .maintenance-original .sidebar {background:#f7fbff!important;color:var(--gx-ink)!important;border-right:1px solid var(--gx-line)!important;}
 .maintenance-original .sidebar :is(strong,small,.workspace-label,.brand>div) {color:var(--gx-ink)!important;}
 .maintenance-original .sidebar nav button {background:transparent!important;color:#365f92!important;border:0!important;border-radius:9px!important;}
 .maintenance-original .sidebar nav button.active {background:var(--gx-blue)!important;color:white!important;}
 .maintenance-original :is(.sidebar-note,.sidebar-bottom) {background:#edf5ff!important;color:var(--gx-ink)!important;border-color:var(--gx-line)!important;}
 .maintenance-original .sidebar-note :is(p,strong),.maintenance-original .sidebar-bottom small {color:var(--gx-muted)!important;}
 .maintenance-original :is(.welcome,.role-welcome,.annual-banner) {background:#edf5ff!important;border-color:var(--gx-line)!important;}
 .maintenance-original .main-shell {background:#f1f7fd!important;}
 .maintenance-original .welcome :is(.welcome-kicker,p) {color:var(--gx-muted)!important;}
 body.signed-in .maintenance-original .sidebar .brand>div,body.signed-in .maintenance-original .sidebar .brand>div span {color:#2885f6!important;}
 #master-form label:has(>input[type=checkbox]) {display:flex;align-items:center;justify-content:flex-start;gap:10px;}
 #master-form label>input[type=checkbox] {flex:0 0 17px;margin:0;}
 @media(max-width:850px) {
  .maintenance-original .app-shell>.sidebar {position:relative!important;transform:none!important;left:auto!important;top:auto!important;height:auto!important;min-height:0!important;padding:14px!important;}
  .maintenance-original .sidebar :is(.sidebar-note,.sidebar-bottom,.workspace-label) {display:none!important;}
  .maintenance-original .sidebar nav {display:flex!important;overflow-x:auto!important;gap:6px!important;}
  .maintenance-original .sidebar nav button {flex:0 0 auto!important;white-space:nowrap!important;min-width:fit-content!important;}
  .maintenance-original .sidebar .brand {padding:0 0 12px!important;}
  .maintenance-original .page-heading .heading-actions {position:static!important;width:auto!important;height:auto!important;flex-wrap:wrap!important;margin-top:14px!important;}
  .maintenance-original .page-heading .heading-actions button {display:inline-flex!important;width:auto!important;height:auto!important;white-space:normal!important;font-size:12px!important;padding:9px 12px!important;}
  .maintenance-original .progress-legend {flex-wrap:wrap!important;gap:8px!important;}
 }
 /* Client Request uses its own sidebar; keep every route and drawer intact. */
 body:has(#mainContent) .app {grid-template-columns:190px minmax(0,1fr);}
 body:has(#mainContent) aside#sidebar {background:#f7fbff;color:var(--gx-ink);border-right:1px solid var(--gx-line);padding:24px 12px;}
 #sidebar .brand {display:block;padding:10px 5px 24px;text-align:center;}
 #sidebar .brand img {width:140px;max-width:100%;background:white;}
 #sidebar .brand small {color:var(--gx-muted);font-size:10px;letter-spacing:0;}
 #sidebar .brand strong {color:var(--gx-blue);letter-spacing:.25em;margin-top:20px;}
 #sidebar .nav-btn {color:#365f92;min-height:44px;font-size:13px;}
 #sidebar .nav-btn.active {background:var(--gx-blue);color:white;}
 #sidebar .nav-btn.active:before {display:none;}
 #sidebar .nav-btn:hover:not(.active) {background:#e8f3ff;}
 #sidebar .small-count {background:#e1efff;color:#235b9c;}
 #sidebar .nav-group {color:var(--gx-muted);}
 #sidebar .nav-tip {background:#edf5ff;border-color:var(--gx-line);}
 #sidebar .nav-tip strong,#sidebar .profile strong {color:var(--gx-ink);}
 #sidebar .nav-tip p,#sidebar .profile span {color:var(--gx-muted);}
 #sidebar .profile {border-color:var(--gx-line);}
 body:has(#mainContent) .topbar {background:transparent;border-color:var(--gx-line);}
 body:has(#mainContent) .content {padding:24px;}
 body:has(#mainContent) :is(.panel,.stat-card,.notice) {border-color:var(--gx-line);border-radius:12px;}
 body:has(#mainContent) .drawer {background:white;border-left:1px solid var(--gx-line);}
 @media(max-width:800px) {
  h1,#content>h1,#content>h2 {font-size:23px;}
  dialog {width:calc(100vw - 24px);padding:18px;}
  body:has(#mainContent) .app {grid-template-columns:minmax(0,1fr);}
  body:has(#mainContent) .content {padding:16px;}
  #pages {gap:6px;} #pages a {padding:7px 9px;}
 }
 @media(prefers-reduced-motion:reduce) {button,.button,.btn {transition:none;}}
}

/* DEV483: override the legacy dark-sidebar ID rules on the light shell. */
@media screen {
 body.signed-in #unified-modules a {color:#36567f;background:transparent;}
 body.signed-in #unified-modules a:hover,
 body.signed-in #unified-modules a[aria-current]:not([aria-current="false"]) {color:#fff;background:#176cda;}
}