/* Axon professional theme: presentation only. Keep business rules and printed documents intact. */
@media screen {
  :root {
    --navy:#FFFFFF; --navy-mid:#FFFFFF; --navy-light:#E7EDF5;
    --accent:#1D6FD8; --accent-bright:#1558B0; --accent-pale:#EDF4FD;
    --text-1:#182230; --text-2:#344054; --text-3:#5D6B7E;
    --border:#E0E6EE; --border2:#C9D2DF;
    --card:#FFFFFF; --card2:#F3F6FA; --bg:#F6F8FB;
    --font:'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    --mono:'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    --radius:8px; --radius-lg:10px;
    --green:#15803D; --red:#B42318; --amber:#9A6700; --teal:#087F72; --purple:#6941C6;
  }
  body { background:#FFFFFF; -webkit-font-smoothing:antialiased; }
  button,input,select,textarea { font-family:var(--font); }
  .mono,.kpi-val,.contact-bal,.recon-amt,.coa-table .num { font-variant-numeric:tabular-nums; }
  .content { background:#F6F8FB; }
  .card,.kpi,.contact-card { background:#FFFFFF; box-shadow:0 2px 6px rgba(16,39,70,.025); }
  .card-title,.modal-title,.topbar-title { letter-spacing:-.2px; font-weight:650; }
  .form-label,.tbl th,.line-table th,.kpi-lbl { color:#526176; font-weight:600; letter-spacing:.35px; }
  .form-input,.line-input,.combo-input,.search-wrap input { background:#FFFFFF; }
  .form-input:focus,.line-input:focus,.combo-input:focus,.search-wrap input:focus {
    border-color:#1D6FD8; box-shadow:0 0 0 3px rgba(29,111,216,.12);
  }
  .form-input::placeholder,.search-wrap input::placeholder { color:#6B7789; }
  .btn { background:#FFFFFF; font-weight:600; }
  .btn:hover { background:#F3F6FA; }
  .btn.primary { background:#1D6FD8; color:#FFFFFF; border-color:#1D6FD8; }
  .btn.primary:hover { background:#1558B0; }
  .tbl th { background:#F7F9FC; padding-top:10px; }
  .tbl td { color:#263445; }
  .tbl tbody tr:hover td { background:#F6F9FE; }
  .line-table td { border-bottom-color:#E7EDF5; }
  .modal { box-shadow:0 24px 70px rgba(16,39,70,.2); }
  .modal-overlay.axon-fullscreen #modalBody { background:#F6F8FB; }
  .main>.topbar { background:#FFFFFF; border-bottom-color:#E0E6EE; }

  /* Two-level navy header. Dropdowns keep a white surface and dark text. */
  #appWrapper.top-navigation-layout>.sb {
    background:linear-gradient(110deg,#102746,#1C3A66); border-bottom:0;
    box-shadow:0 2px 8px rgba(16,39,70,.12);
  }
  #appWrapper.top-navigation-layout .sb-logo img {
    background:#FFFFFF; border-radius:7px; padding:4px;
  }
  #appWrapper.top-navigation-layout #companySwitcher {
    background:rgba(255,255,255,.09)!important; border-color:rgba(255,255,255,.24)!important;
    color:#FFFFFF;
  }
  #appWrapper.top-navigation-layout #companySwitcher:hover { background:rgba(255,255,255,.16)!important; }
  #companySwitcher #coName { color:#FFFFFF!important; }
  #companySwitcher #coType { color:#D7E3F5!important; }
  #companySwitcher>svg { color:#D7E3F5!important; }
  .top-navigation-account>summary {
    color:#FFFFFF; border-color:rgba(255,255,255,.24); background:rgba(255,255,255,.06);
  }
  .top-navigation-account>summary:hover,.top-navigation-account[open]>summary {
    background:rgba(255,255,255,.15); color:#FFFFFF;
  }
  #appWrapper.top-navigation-layout .sb-nav { border-top-color:rgba(255,255,255,.14); gap:5px; }
  #appWrapper.top-navigation-layout .sb-nav>.sb-item,
  #appWrapper.top-navigation-layout .sb-nav>.sb-toggle { color:#E9F0FC; font-weight:550; }
  #appWrapper.top-navigation-layout .sb-nav>.sb-item:hover,
  #appWrapper.top-navigation-layout .sb-nav>.sb-toggle:hover { background:rgba(255,255,255,.10); color:#FFFFFF; }
  #appWrapper.top-navigation-layout .sb-nav>.sb-item.active,
  #appWrapper.top-navigation-layout .sb-nav>.sb-toggle.has-active-page,
  #appWrapper.top-navigation-layout .sb-nav>.sb-toggle[aria-expanded="true"] {
    color:#FFFFFF; background:rgba(255,255,255,.16); box-shadow:inset 0 -2px 0 #79B5FF;
  }
  #appWrapper.top-navigation-layout .sb :is(.sb-item,.sb-toggle,#companySwitcher,summary):focus-visible {
    outline:2px solid #79B5FF; outline-offset:-2px;
  }
  #appWrapper.top-navigation-layout #companyDropdown,
  #appWrapper.top-navigation-layout .sb-collapsible,
  #appWrapper.top-navigation-layout .top-navigation-account>.sb-foot { color:var(--text-1); background:#FFFFFF!important; }
  #authScreen,#ssoOverlay { background:linear-gradient(120deg,#102746,#1C3A66); }
  .auth-title { color:#182230; font-weight:650; }
  .auth-sub,.auth-sso-note { color:#5D6B7E; }
  .auth-card { border:1px solid #E0E6EE; box-shadow:0 24px 70px rgba(4,15,34,.24); }
  .auth-input::placeholder { color:#6B7789; }
  .auth-build { color:#66758A; }
  @media(max-width:1000px) {
    .contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @media(max-width:600px) {
    .contact-grid { grid-template-columns:minmax(0,1fr); }
    .kpi-row { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .contact-card { min-width:0; }
  }
  @media(max-width:700px) {
    #appWrapper.top-navigation-layout .sb-nav>.sb-item,
    #appWrapper.top-navigation-layout .sb-nav>.sb-toggle { min-height:40px; }
    .auth-card { padding:28px 22px; }
  }
}