/* ALCOLOCK UX Brand Consistency V1 – shared across Dashboard, Reports, Admin.
   Matches the approved dashboard: green favicon + ALCOLOCK wordmark.
   Branding only: never changes menus, authentication, forms, data or routes. */
:root { --ao-ux-brand-text-size:25px; --ao-ux-brand-icon-size:28px; --ao-ux-header-height:80px; }
/* Unified logo component. Dashboard uses the original v4 DOM built by modern-dashboard-v4.js. */
#topbar #aoBrand .aoBrandInner,
.top .ao-unified-brand .aoBrandInner,
.sidebar .ao-unified-brand .aoBrandInner {
  display:inline-flex!important; align-items:center!important; gap:10px!important;
  line-height:1!important; white-space:nowrap!important;
}
#topbar #aoBrand .aoBrandIcon,
.top .ao-unified-brand .aoBrandIcon,
.sidebar .ao-unified-brand .aoBrandIcon {
  display:block!important; width:var(--ao-ux-brand-icon-size)!important;
  height:var(--ao-ux-brand-icon-size)!important; flex:0 0 var(--ao-ux-brand-icon-size)!important;
  object-fit:contain!important; margin:0!important;
}
#topbar #aoBrand .aoBrandText,
.top .ao-unified-brand .aoBrandText,
.sidebar .ao-unified-brand .aoBrandText {
  display:inline-block!important; color:#f8fafc!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:var(--ao-ux-brand-text-size)!important; font-weight:700!important;
  letter-spacing:.01em!important; line-height:1!important; margin:0!important;
}
/* Dashboard: preserve proven navigation and brand placement. */
#topbar { min-height:var(--ao-ux-header-height)!important; padding-left:22px!important; }
#topbar #aoBrand { display:flex!important; align-items:center!important; flex:0 0 auto; }
/* Report page: keep brand in same left position/size and align header height to dashboard. */
.top {height:var(--ao-ux-header-height)!important;min-height:var(--ao-ux-header-height)!important;padding-left:22px!important;}
.top .ao-unified-brand {display:flex;align-items:center;min-width:0;flex:0 0 auto;color:#fff!important;letter-spacing:normal!important;}
.top .ao-unified-brand:hover,.sidebar .ao-unified-brand:hover {color:#fff!important;}
body:has(>.top) .layout {min-height:calc(100vh - var(--ao-ux-header-height))!important;}
body:has(>.top) .sidebar {min-height:calc(100vh - var(--ao-ux-header-height))!important;}
/* Admin: left sidebar is its global navigation; brand occupies the same top 80px band. */
.sidebar .sidebarLogo.ao-ux-sidebar-logo {display:flex!important;align-items:center!important;justify-content:flex-start!important;
  padding:0 0 0 2px!important;height:40px!important;min-height:40px!important;margin-bottom:40px!important;
  text-transform:none!important;white-space:nowrap!important;}
.sidebar .ao-unified-brand {display:inline-flex;align-items:center;min-width:0;text-decoration:none!important;letter-spacing:normal!important;}
/* Nav text remains unchanged and retains accessible contrast. */
@media (max-width:1450px) {
  :root {--ao-ux-brand-text-size:22px;--ao-ux-brand-icon-size:24px;}
}
@media (max-width:1120px) {
  :root {--ao-ux-brand-text-size:20px;--ao-ux-brand-icon-size:22px;}
}
@media (max-width:690px) {
  .top{height:auto!important;min-height:var(--ao-ux-header-height)!important;}
  .sidebar .sidebarLogo.ao-ux-sidebar-logo{margin-bottom:8px!important;}
  .top .ao-unified-brand{flex-shrink:0;}
  body:has(>.top) .sidebar{min-height:0!important;}
}