/* Approved designer identity, revision 1.0, 2026-09-19.
 * Screen chrome only: never recolor risk matrices, reading cards or signatures.
 * Do not import the example component sheet into source-form layouts.
 */
.brand-logo { display: block; width: 135px; height: auto; flex: 0 0 auto; }
.brand-wordmark-text { display: none !important; }
.brand, .home-brand { gap: 16px; }
.document-generator::before { content: ''; position: absolute; left: 0; bottom: 12%; width: 7%; height: 65%; background: url('/assets/brand/plantrio-horizontal-print-black.svg') left center / contain no-repeat; }
.report-generator::before { content: ''; display: block; width: 100px; height: 28px; margin: 0 auto 8px; background: url('/assets/brand/plantrio-horizontal-print-black.svg') center / contain no-repeat; }
@media screen {
  body:has(.topbar), .toolbox-home { font-family: Arial, Helvetica, sans-serif; }
  body:has(.topbar), .toolbox-home { background: #f7f8f5; color: #252b2d; }
  .topbar { background: #f7f8f5; border-color: #d7ded9; backdrop-filter: none; }
  .topbar .brand small { color: #53615f; }
  .topbar .brand { min-height: 44px; }
  .home-topbar { background: #252b2d; box-shadow: none; }
  .welcome-panel { background: #24665e; box-shadow: none; border-radius: 12px; }
  .welcome-panel::after { display: none; }
  .welcome-panel h1, .welcome-date strong { font-family: Arial, Helvetica, sans-serif; }
  .home-main :is(h1,h2,h3), .access-main :is(h1,h2,h3),
  .home-topbar :is(a,button), .topbar :is(a,button), .access-main :is(button,input,select) {
    font-family: Arial, Helvetica, sans-serif;
  }
  .home-sign-out { white-space: nowrap; }
  .home-brand small, .welcome-panel .home-eyebrow { color: #91c5bc; }
  .topbar .button-primary, .access-main .button-primary { background: #24665e; color: white; }
  .topbar :is(a,button), .home-account :is(a,button) { min-height: 44px; align-content: center; }
  :is(.topbar,.home-topbar,.home-main,.access-main) :is(a,button,input,select,textarea,[tabindex]):focus-visible {
    outline: 3px solid #175cd3; outline-offset: 3px;
  }
  .access-main input:not([type=checkbox]):not([type=radio]) { border-color: #82948d; }
  body:has(.topbar) :is(h1,h2,h3), .approval-page :is(h1,h2,h3),
  .repository-card strong, .calendar-date strong, .operations-summary strong { font-family: Arial, Helvetica, sans-serif; }
  body:has(.topbar) .button:not(.button-secondary):not(.button-danger):not(:disabled),
  .approval-main .button-primary:not(:disabled) { background: #24665e; color: white; }
  body:has(.topbar) .button:not(.button-danger):focus-visible,
  .approval-main :is(button,input,a):focus-visible { outline: 3px solid #175cd3; outline-offset: 3px; }
  .home-footer { background: #f7f8f5; color: #53615f; }
  .approval-mobile-header { background: #f7f8f5; color: #252b2d; }
  .approval-mobile-header a { color: #24665e; }
}
@media screen and (max-width: 1100px) {
  .topbar { flex-wrap: wrap; gap: 12px; }
  .topbar .topnav { flex-wrap: wrap; }
}
@media screen and (max-width: 580px) {
  .topbar { flex-wrap: wrap; gap: 12px; padding: 12px 16px; }
  .home-brand { flex-wrap: wrap; gap: 10px; }
  .topbar .brand { flex-wrap: wrap; gap: 8px 16px; }
}