/* Operational presentation of the shared Ozzy brand. Loaded last in every workspace.
   Screen-only rules preserve existing print layouts, status semantics and workflow geometry. */
@media screen {
  :root {
    --red: var(--ozzy-red);
    --ink: var(--ozzy-ink);
    --paper: var(--ozzy-paper);
    --muted: var(--ozzy-muted);
    --line: var(--ozzy-line);
    --green: var(--ozzy-green);
    --amber: var(--ozzy-amber);
  }
  body, .commission-main { background: var(--ozzy-paper); color: var(--ozzy-ink); }
  body, button, input, select, textarea { font-family: var(--ozzy-body-font); }
  h1, h2, h3, .brand strong, .commission-brand strong, .guest-brand {
    font-family: var(--ozzy-heading-font);
  }
  .side, .commission-sidebar, .guest-side, .department-mobile-nav, .commission-mobile-nav { background: var(--ozzy-charcoal); color: var(--ozzy-white); }
  .topbar, .commission-header { background: var(--ozzy-white); border-color: var(--ozzy-line); }
  .side .navbtn, .commission-sidebar nav > a, .guest-current { border-radius: var(--ozzy-control-radius); }
  .side .navbtn.active, .side:has(~ .shell .workspace-surface) .navbtn.active,
  .commission-sidebar nav > a.active, .commission-mobile-nav nav > a.active,
  .department-mobile-nav .navbtn.active, .guest-current {
    background: #2b2929;
    color: var(--ozzy-white);
    box-shadow: inset 3px 0 var(--ozzy-red);
  }
  .guest-current { border-left: 0; }
  .side .navbtn.active svg { color: var(--ozzy-white); }
  .brand img, .auth-brand img, .commission-brand img, .guest-brand img,
  .mobilebrand img, .mobile-workspace-brand img, .home-hero-signature img, .workspace-hero-signature img, .workspace-surface .workspace-hero-signature img {
    object-fit: contain; border-radius: var(--ozzy-control-radius); box-shadow: none;
  }
  .brand small, .commission-brand small, .guest-brand small,
  .side-label, .guest-side-label { color: #b8b8b8; }
  .guest-brand { letter-spacing: 0; }
  .btn, .filter, .step, .session-signout, .guest-side-bottom button,
  .commission-sidebar nav > a, .commission-mobile-nav nav > a, .department-mobile-nav .navbtn,
  .mobile-menu-label, .cash-steps .btn, .department-tabs .filter {
    border-radius: var(--ozzy-control-radius);
  }
  .btn { border-color: var(--ozzy-line); font-weight: 600; }
  .btn.primary, .workspace-surface .btn.primary {
    background: var(--ozzy-red); border-color: var(--ozzy-red); color: var(--ozzy-white);
  }
  .btn.dark { background: var(--ozzy-charcoal); border-color: var(--ozzy-charcoal); color: var(--ozzy-white); }
  .filter.active, .department-tabs .filter.active, .filters [aria-pressed=true],
  .commission-content .filters button[aria-pressed=true], .payroll-tabs .active, .payroll-steps .active {
    background: var(--ozzy-charcoal); border-color: var(--ozzy-charcoal); color: var(--ozzy-white);
  }
  .cash-steps .btn[aria-pressed=true] { background: var(--ozzy-red); border-color: var(--ozzy-red); color: var(--ozzy-white); }
  .panel, .guest-panel, .commission-kpi, .cash-summary > div,
  .workspace-surface :is(.panel, .workspace-metric, .commission-kpi, .workspace-task-desk, .payroll-grid > a) {
    border-radius: var(--ozzy-panel-radius); box-shadow: none;
  }
  .guest-panel, .panel { border-color: var(--ozzy-line); }
  .guest-panel, .panel, .workspace-metric, .commission-kpi { background-color: var(--ozzy-white); }
  .field input, .field select, .field textarea,
  .commission-fields input, .commission-fields select, .commission-fields textarea,
  .commission-toolbar input, .commission-toolbar select,
  .commission-content textarea, .payroll-main input, .payroll-main select, .payroll-main textarea,
  .guest-main input, .guest-main select, #profile input, #profile select, #profile textarea,
  .hk-count-fields input, .hk-count-fields select, #eq-count .bar-table input {
    border-color: var(--ozzy-line); border-radius: var(--ozzy-control-radius);
    background-color: var(--ozzy-white); color: var(--ozzy-ink);
  }
  input:disabled, select:disabled, textarea:disabled { background-color: var(--ozzy-soft); }
  .field input:disabled, .field select:disabled, .field textarea:disabled { background-color: var(--ozzy-soft); }
  .bar-table th { background: var(--ozzy-charcoal); color: var(--ozzy-white); }
  .guest-table th { position: relative; background: var(--ozzy-soft); color: var(--ozzy-muted); }
  .bar-table tbody tr:nth-child(even) { background: #fafaf8; }
  .bar-table td, .guest-table td { border-color: var(--ozzy-line); }
  .workspace-surface .workspace-hero, .admin-home > .heading {
    background: var(--ozzy-charcoal); border-color: var(--ozzy-grey);
    border-left-color: var(--ozzy-red); border-radius: var(--ozzy-panel-radius); box-shadow: none;
  }
  .workspace-hero::after, .admin-home > .heading::after { display: none; }
  .workspace-surface .workspace-hero :is(.sub, .commission-period, .payroll-muted),
  .workspace-hero-signature > span { color: #d4d4d4; }
  .workspace-surface .workspace-hero :is(.eyebrow, .workspace-identity-label) { color: var(--ozzy-white); }
  .workspace-hero > .btn { background: var(--ozzy-white); color: var(--ozzy-ink); border-color: var(--ozzy-white); }
  .admin-home > .heading { color: var(--ozzy-white); }
  .admin-home > .heading .eyebrow { color: var(--ozzy-white); }
  .admin-home > .heading .sub, .home-hero-date { color: #d4d4d4; }
  .eyebrow, .admin-home .eyebrow, .experience-kicker, .guest-eyebrow { color: #b51626; }
  .auth-page { background: var(--ozzy-paper); }
  .auth-card { border-radius: var(--ozzy-panel-radius); box-shadow: none; border-top: 3px solid var(--ozzy-red); }
  .mobilebar { background: var(--ozzy-white); backdrop-filter: none; }
  :is(button, a, summary, input, select, textarea):focus-visible,
  .workspace-surface :is(button, a, summary):focus-visible,
  .field :is(input, select, textarea):focus,
  .department-mobile-nav > summary:focus-visible {
    outline: 3px solid var(--ozzy-red); outline-offset: 3px;
  }
  /* Branding adds no motion. Suppress decorative movement inherited from earlier polish. */
  .admin-desk .admin-home :is(.btn, .op-metric), .admin-nav .navbtn, .admin-support .navbtn,
  .side .navbtn, .commission-sidebar nav > a,
  .workspace-surface :is(.btn, .filter, .workspace-task, .workspace-metric, .commission-kpi, .payroll-grid > a) {
    transition: none;
  }
  .admin-home .op-metric:hover, .admin-home .btn:hover,
  .workspace-surface :is(.workspace-task, a.workspace-metric, button.workspace-metric, a.commission-kpi, button.commission-kpi, .payroll-grid > a):hover,
  .workspace-surface :is(.btn.primary, .btn.dark):active { transform: none; box-shadow: none; }
  @media (hover: hover) and (pointer: fine) {
    .btn.primary:not(:disabled):hover, .workspace-surface .btn.primary:not(:disabled):hover {
      background: var(--ozzy-red-hover); border-color: var(--ozzy-red-hover);
    }
  }
}