/* Shared 8599 branding and navigation; other account sets retain their own shell. */
.site-header { position: relative; z-index: 40; color: #fff8ed; background: radial-gradient(ellipse at 5% 0, #b63a47 0, transparent 42%), linear-gradient(115deg, #8f2536, #641c2c); border-bottom: 2px solid #d8b477; box-shadow: 0 6px 24px #48202e18; }
.site-header-inner { width: min(1760px, calc(100% - 64px)); margin: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 24px; padding: 8px 0 10px; align-items: center; }
.site-brand { grid-column: 1; grid-row: 1; display: inline-flex; align-items: center; gap: 10px; min-width: 0; width: fit-content; }
.site-brand-group { grid-column: 1; grid-row: 1; display: flex; align-items: center; gap: 24px; min-width: 0; }
.site-task-entry { display: inline-flex; position: relative; flex-shrink: 0; align-items: center; justify-content: center; gap: 7px; border: 1px solid #f1cb86; border-radius: 10px; padding: 9px 14px; min-height: 38px; background: linear-gradient(120deg, #ffedbd, #ebc684); color: #702436; font-size: 13px; font-weight: 750; }
.site-task-entry:hover { background: #fff0cc; }
.site-task-count { min-width: 18px; padding: 2px 5px; border-radius: 12px; background: #902737; color: #fff4dd; font-size: 10px; text-align: center; }
.site-task-count[hidden] { display: none; }
.site-task-light { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #c62945; --task-glow: #c6294570; animation: task-attention-breathe 2.4s ease-in-out infinite; }
.site-task-entry[data-task-attention="review"] .site-task-light { background: #a35b00; --task-glow: #a35b0070; }
.site-task-light[hidden] { display: none; }
.site-task-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@keyframes task-attention-breathe { 0%, 100% { opacity: .7; box-shadow: 0 0 0 0 var(--task-glow); } 50% { opacity: 1; box-shadow: 0 0 0 5px transparent; } }
.site-brand img { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 11px; box-shadow: 0 4px 12px #31071430; }
.site-brand-copy { display: grid; gap: 4px; }
.site-brand-copy strong { font-size: 20px; line-height: 1.2; letter-spacing: .3px; white-space: nowrap; }
.site-brand-copy .lang-en { font-size: 19px; letter-spacing: -.3px; }
.site-brand-copy small { font-size: 9px; letter-spacing: 1.5px; color: #eed5bf; font-weight: 650; }
.site-menu-panel { display: contents; }
.site-menu-toggle { display: none; }
.site-controls { grid-column: 2; grid-row: 1; display: flex; gap: 8px; align-items: center; justify-content: flex-end; flex-wrap: nowrap; }
.site-icon { width: 18px; height: 18px; flex: 0 0 18px; }
.site-controls .language-switch { color: #fff8ed; border: 1px solid #ffffff26; background: #290c1826; border-radius: 12px; padding: 3px; }
.site-controls .language-switch button { min-height: 30px; padding: 5px 10px; opacity: .85; border-radius: 9px; font-size: 12px; }
.site-controls .language-switch button.active { color: #752035; background: #fff1d9; opacity: 1; }
.site-control { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; border-radius: 10px; border: 1px solid #ffffff30; padding: 7px 11px; background: #ffffff0d; color: #fff6eb; font-size: 12px; font-weight: 650; white-space: nowrap; }
.site-control[hidden] { display: none !important; }
.site-control:hover { background: #ffffff1c; border-color: #ffffff66; }
.site-control[aria-current="page"] { background: #ffe7b5; color: #702436; border-color: #ffe6ad; }
.site-emergency { background: #500b1c66; color: #ffe1d6; border-color: #f9948966; }
.site-account { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.site-user { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: #eedccc; max-width: 180px; }
.site-user > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.site-controls form { margin: 0; }
.site-nav { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 6px; width: 100%; min-width: 0; margin: 0; padding: 8px 0 0; border-top: 1px solid #ffffff20; overflow: visible; }
.site-nav .site-nav-button { display: inline-flex; min-width: 0; align-items: center; justify-content: center; text-align: center; gap: 7px; min-height: 34px; padding: 6px 9px; border: 1px solid #ffffff1f; border-radius: 9px; color: #f9eae2; background: #ffffff09; font-size: 13px; line-height: 1.2; font-weight: 550; opacity: 1; white-space: normal; transition: background .15s, border-color .15s, box-shadow .15s; }
.site-nav-button > span { min-width: 0; overflow-wrap: break-word; }
.site-nav-button .site-icon { color: #e3bf91; width: 17px; height: 17px; flex-basis: 17px; }
.site-nav .site-nav-button:hover { background: #ffffff19; border-color: #edd3a77a; }
.site-nav .site-nav-button[aria-current="page"] { color: #642333; background: linear-gradient(120deg, #ffebbb, #e9c283); border-color: #ffe6ad; box-shadow: 0 3px 10px #33071122; font-weight: 750; }
.site-nav-button[aria-current="page"] .site-icon { color: #833244; }
.site-header a:focus-visible, .site-header button:focus-visible { outline: 3px solid #fff0c0; outline-offset: 3px; }
.brand-login { background: radial-gradient(ellipse at 12% 8%, #b8464c, transparent 50%), linear-gradient(130deg, #852637, #3e1729); padding: 26px 0; }
.brand-login .login-card { border: 1px solid #f5d9ac; border-radius: 24px; box-shadow: 0 25px 75px #290a284d; }
.brand-login .login-brand-logo { display: block; width: 68px; height: 68px; border-radius: 18px; margin-top: 20px; }
.brand-login .login-card h1 { font-size: 27px; color: #762739; letter-spacing: -.5px; }
.brand-login .login-card .primary { background: linear-gradient(110deg, #a72d3d, #7c2338); min-height: 48px; }
.brand-login .instance-identity { border-color: #eed8b6; background: #fff5e6; color: #793344; }
@media (max-width: 1400px) and (min-width: 1101px) {
  .site-nav .site-nav-button { font-size: 12px; padding: 6px 8px; gap: 5px; }
}
@media (max-width: 1100px) {
  .site-header-inner:has(.site-task-entry) { grid-template-columns: minmax(0, 1fr) auto auto; }
  .site-brand-group { display: contents; }
  .site-task-entry { grid-column: 2; grid-row: 1; width: 44px; min-height: 48px; padding: 8px; }
  .site-task-label { display: none; }
  .site-task-count { position: absolute; right: -5px; top: -5px; }
  .site-task-light { position: absolute; left: 6px; top: 6px; }
  .site-header-inner:has(.site-task-entry) .site-menu-toggle { grid-column: 3; grid-row: 1; }
  .site-brand-copy { min-width: 0; }
  .site-brand-copy strong { overflow: hidden; text-overflow: ellipsis; }
  .site-header { position: sticky; top: 0; }
  .site-header-inner { width: calc(100% - 32px); grid-template-columns: minmax(0, 1fr) auto; padding: 12px 0; gap: 12px; position: relative; }
  .site-brand { gap: 10px; }
  .site-brand img { width: 42px; height: 42px; flex-basis: 42px; border-radius: 12px; }
  .site-brand-copy { gap: 5px; }
  .site-brand-copy strong { font-size: 20px; letter-spacing: .2px; }
  .site-brand-copy .lang-en { font-size: 17px; letter-spacing: -.4px; }
  .site-brand-copy small { font-size: 9px; letter-spacing: 1.5px; }
  .site-menu-toggle { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 3px; align-items: center; justify-content: center; width: 48px; min-height: 48px; padding: 6px; color: inherit; border: 1px solid #eed3a455; border-radius: 12px; background: #ffffff0c; font-size: 10px; font-weight: 650; cursor: pointer; }
  .site-menu-toggle[aria-expanded="true"] { background: #ffe7b5; color: #702436; }
  .site-menu-panel { display: flex; flex-direction: column; position: absolute; top: calc(100% + 5px); left: 0; right: 0; padding: 14px; border-radius: 18px; border: 1px solid #dab483; background: #732638; box-shadow: 0 18px 50px #2a102d40; max-height: calc(100vh - 100px); max-height: calc(100dvh - 100px); overflow-y: auto; overscroll-behavior: contain; }
  .site-menu-panel[data-open="false"] { display: none; }
  .site-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; flex: none; order: 1; width: 100%; padding: 0; border: 0; overflow: visible; }
  .site-nav .site-nav-button { min-width: 0; min-height: 48px; padding: 11px 10px; gap: 8px; font-size: 13px; white-space: normal; }
  .site-nav-button > span { min-width: 0; overflow-wrap: break-word; }
  .site-controls { order: 2; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin-top: 16px; padding-top: 14px; border-top: 1px solid #ffffff24; gap: 10px; }
  .site-controls .language-switch button { min-height: 38px; }
  .site-account { width: 100%; order: -1; flex-wrap: wrap; }
  .site-user { max-width: none; padding: 4px 0; }
  .site-user > span { white-space: normal; overflow-wrap: anywhere; }
  .site-control { min-height: 44px; }
}
@media (max-width: 360px) {
  .site-header-inner { width: calc(100% - 24px); gap: 8px; }
  .site-brand-copy strong { font-size: 18px; }
  .site-brand-copy .lang-en { font-size: 15px; }
  .site-brand img { width: 38px; height: 38px; flex-basis: 38px; }
  .site-menu-panel { padding: 10px; }
  .site-nav .site-nav-button { font-size: 12px; padding: 10px 8px; }
}
@media (prefers-reduced-motion: reduce) { .site-nav .site-nav-button { transition: none; } .site-task-light { animation: none; } }