/* V27: approved Alfadhl client header palette. Client only; never targets admin. */
@media screen {
  body:not(.admin-app-shell) nav.client-top-nav {
    box-sizing:border-box;
    width:100%;max-width:100%;min-width:0;
    background:#213A6B !important;
    background-image:none !important;
    color:#FFFFFF !important;
    border:0 !important;
    border-bottom:1px solid #526B93 !important;
    box-shadow:0 5px 18px rgba(16,36,72,.19) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    isolation:isolate;
    position:sticky !important;top:0 !important;z-index:110 !important;
    gap:clamp(8px,2vw,16px);
    padding-inline:clamp(10px,3vw,28px) !important;
  }
  body:not(.admin-app-shell) nav.client-top-nav .client-brand {
    min-width:0;max-width:35%;color:#FFFFFF !important;
    text-decoration:none;
  }
  body:not(.admin-app-shell) nav.client-top-nav .client-brand span {color:#FFFFFF !important;}
  /* Preserve the original blue logo legibly against the navy surface. */
  body:not(.admin-app-shell) nav.client-top-nav .client-brand img {
    box-sizing:border-box;display:block;object-fit:contain;
    filter:none !important;background:#FFFFFF;
    padding:4px;border-radius:9px;
    max-width:48px;max-height:48px;
  }
  body:not(.admin-app-shell) nav.client-top-nav .client-desktop-links {min-width:0;gap:clamp(9px,1.8vw,22px);}
  body:not(.admin-app-shell) nav.client-top-nav .client-desktop-links a {
    color:#FFFFFF !important;opacity:.92;text-decoration:none;
    font-weight:700;white-space:nowrap;
  }
  body:not(.admin-app-shell) nav.client-top-nav .client-desktop-links a:hover,
  body:not(.admin-app-shell) nav.client-top-nav .client-desktop-links a:focus-visible {opacity:1;color:#FFFFFF !important;text-decoration:underline;text-underline-offset:4px;}
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions {min-width:0;flex-shrink:0;gap:8px;}
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions .top-icon-link {
    box-sizing:border-box;display:grid;place-items:center;
    width:42px;height:42px;min-width:42px;min-height:42px;
    background:#344E7B !important;color:#FFFFFF !important;
    border:1px solid #526B93 !important;border-radius:12px !important;
    box-shadow:none !important;text-decoration:none;
  }
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions .top-icon-link i,
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions .top-icon-link svg {color:#FFFFFF !important;fill:currentColor;opacity:1 !important;}
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions .top-icon-link:hover,
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions .top-icon-link:focus-visible {
    background:#45628F !important;outline:2px solid #C6D5EC;outline-offset:2px;
  }
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions .top-icon-link b {
    background:#C52931;color:#FFFFFF;border:2px solid #213A6B;
  }
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions .client-logout-btn {
    background:#344E7B !important;color:#FFFFFF !important;border-color:#526B93 !important;
  }
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions .client-logout-btn:hover {background:#B4232C !important;}
}
@media screen and (max-width:390px) {
  body:not(.admin-app-shell) nav.client-top-nav {gap:7px;padding-inline:10px !important;}
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions {gap:6px;}
  body:not(.admin-app-shell) nav.client-top-nav .client-top-actions .top-icon-link {
    width:39px;height:39px;min-width:39px;min-height:39px;
  }
  body:not(.admin-app-shell) nav.client-top-nav .client-brand img {max-height:39px;max-width:39px;}
}
@media print {body:not(.admin-app-shell) nav.client-top-nav {display:none !important;}}