@media screen {
  body:not(.auth-locked)>header {min-height:262px!important;padding:20px 16px 15px!important;gap:8px!important;}
  body:not(.auth-locked)>header img {height:208px!important;max-height:208px!important;max-width:min(460px,90vw)!important;width:auto!important;object-fit:contain;}
  body:not(.auth-locked) #appClock {font-size:11px!important;letter-spacing:.3px;}

  body:not(.auth-locked) button,
  body:not(.auth-locked) .moreActions>summary,
  body:not(.auth-locked) .mailLaunch {
    border-radius:10px!important;border:1px solid #ffffff50!important;
    background:#ab1636!important;color:#fff!important;box-shadow:0 2px 4px #0003!important;
    font-size:13px;font-weight:650!important;letter-spacing:0!important;min-height:46px;
    text-shadow:none!important;transition:background .15s ease,border-color .15s ease,transform .15s ease;
  }
  body:not(.auth-locked) button.secondary,
  body:not(.auth-locked) .moreActions>summary {background:var(--ui-raised)!important;color:var(--ui-text)!important;border-color:color-mix(in srgb,var(--ui-text),transparent 62%)!important;}
  body:not(.auth-locked) button.danger {background:#6e2432!important;color:#fff!important;border-color:#e68194!important;}
  body:not(.auth-locked) button.selected,
  body:not(.auth-locked) button[aria-pressed=true] {background:var(--ui-raised)!important;color:var(--ui-text)!important;border-color:var(--ui-text)!important;box-shadow:inset 0 -3px 0 var(--ui-accent)!important;}
  body:not(.auth-locked) button:hover:not(:disabled),
  body:not(.auth-locked) .moreActions>summary:hover {border-color:var(--ui-text)!important;filter:brightness(1.1);}
  body:not(.auth-locked) button:active:not(:disabled) {transform:translateY(1px);box-shadow:none!important;}
  body:not(.auth-locked) button:focus-visible,
  body:not(.auth-locked) summary:focus-visible,
  body:not(.auth-locked) .mailLaunch:focus-visible {outline:3px solid var(--ui-text)!important;outline-offset:3px;}
  body:not(.auth-locked) button:disabled {opacity:.45!important;cursor:not-allowed;box-shadow:none!important;}
  body:not(.auth-locked) .calendarDay {background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:none!important;}
  body:not(.auth-locked) .calendarDay.selected {border-color:var(--ui-text)!important;}
  body:not(.auth-locked) .packageCard,
  body:not(.auth-locked) .workSteps button,
  body:not(.auth-locked) .ownerNav button {background:var(--ui-surface)!important;color:var(--ui-text)!important;}
  body:not(.auth-locked) .ownerNav button.selected,
  body:not(.auth-locked) .workSteps button.selected {background:var(--ui-raised)!important;}

  /* V18-style persistent text navigation. */
  body:not(.auth-locked) .nav {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;padding:10px 16px!important;scrollbar-width:thin;}
  body:not(.auth-locked) .nav button[data-view] {display:inline-flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative;gap:0!important;width:auto!important;min-height:48px!important;padding:12px 18px!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important;color:var(--ui-text)!important;font-size:13px!important;white-space:nowrap!important;}
  body:not(.auth-locked) .nav button.active {background:var(--ui-raised)!important;border-color:var(--ui-line)!important;}
  body:not(.auth-locked) .nav button.active:after {content:''!important;display:block!important;height:3px!important;width:calc(100% - 16px)!important;margin:7px 8px -6px!important;border-radius:3px!important;background:var(--ui-accent)!important;}
  body:not(.auth-locked) .nav button svg {display:none!important;}
  body:not(.auth-locked) .nav button[hidden],body:not(.auth-locked) .nav [data-view=team],body:not(.auth-locked) .nav [data-view=work] {display:none!important;}
  @media(max-width:600px) {
    body:not(.auth-locked)>header {min-height:228px!important;padding:16px 12px 12px!important;}
    body:not(.auth-locked)>header img {height:176px!important;max-height:176px!important;max-width:86vw!important;}
    body:not(.auth-locked) .nav {gap:4px!important;padding:9px 8px!important;}
    body:not(.auth-locked) .nav button[data-view] {font-size:12px!important;padding:11px 12px!important;}
  }
}

@media screen {
 body:not(.auth-locked) {--ui-bg:#0b0c0e!important;--ui-surface:#1c1e22!important;--ui-raised:#2b2e34!important;--ui-input:#111215!important;--ui-text:#f5f5f7!important;--ui-muted:#c6c8ce!important;--ui-line:#555b65!important;--ui-accent:#c9233e!important;font-family:'Bahnschrift','Aptos','Segoe UI',sans-serif!important;}
 body:not(.auth-locked) h1,body:not(.auth-locked) h2,body:not(.auth-locked) h3 {font-family:'Bahnschrift','Arial Narrow','Segoe UI',sans-serif!important;letter-spacing:-.025em;}
 body:not(.auth-locked) button,body:not(.auth-locked) input,body:not(.auth-locked) select,body:not(.auth-locked) textarea {font-family:inherit!important;}
 body:not(.auth-locked) button:not(.secondary):not(.danger):not(.calendarDay):not([data-view]):not([data-owner-tab]):not([data-stage]):not(.packageCard):not([data-step]) {background:#c9233e!important;color:#fff!important;border-color:#f05a70!important;}
 body:not(.auth-locked) button.secondary,body:not(.auth-locked) .moreActions>summary {background:#2b2e34!important;border-color:#737984!important;color:#f5f5f7!important;}
 body:not(.auth-locked) .nav button.active:after {background:#ff465f!important;}
 body:not(.auth-locked) .card {border-color:#42464f!important;box-shadow:0 8px 24px #0003!important;}
 body:not(.auth-locked) .eyebrow {color:#ff7d90!important;}
 .rememberLogin {display:flex;align-items:center;gap:10px;margin:16px 0;font-size:14px;cursor:pointer;color:#e4e6eb;}
 .rememberLogin input {width:20px!important;height:20px!important;min-height:20px!important;margin:0;accent-color:#c9233e;}
 .rememberLogin[hidden] {display:none!important;}
}

/* V27: compact controls with comfortable phone touch targets. */
@media screen {
 body:not(.auth-locked) button,body:not(.auth-locked) .moreActions>summary,body:not(.auth-locked) .mailLaunch {min-height:38px!important;padding:8px 12px!important;font-size:12px!important;border-radius:8px!important;}
 body:not(.auth-locked) .nav button[data-view] {min-height:42px!important;padding:9px 12px!important;font-size:12px!important;}
 body:not(.auth-locked) .ownerNav button {min-height:44px!important;padding:9px 10px!important;}
 body:not(.auth-locked) .ownerNav button strong {font-size:12px!important;}
 body:not(.auth-locked) .calendarDay {min-height:64px!important;padding:5px!important;}
 @media(max-width:600px){
  body:not(.auth-locked) button,body:not(.auth-locked) .moreActions>summary,body:not(.auth-locked) .mailLaunch {min-height:44px!important;padding:8px 10px!important;}
  body:not(.auth-locked) .nav button[data-view] {min-height:44px!important;padding:9px 10px!important;font-size:11px!important;}
  body:not(.auth-locked) .calendarDay {min-height:64px!important;}
 }
}

/* V28: steel buttons and luminous active navigation indicator. */
@media screen {
 body:not(.auth-locked) button:not(.secondary):not(.danger):not(.calendarDay):not([data-view]):not([data-owner-tab]):not([data-stage]):not(.packageCard):not([data-step]),
 body:not(.auth-locked) .mailLaunch {background:#40566b!important;color:#fff!important;border-color:#8ca1b6!important;box-shadow:inset 0 1px 0 #ffffff20,0 2px 5px #0004!important;}
 body:not(.auth-locked) button.secondary,body:not(.auth-locked) .moreActions>summary {background:#303942!important;border-color:#71818f!important;color:#fff!important;}
 body:not(.auth-locked) .nav button.active:after {background:#ff2547!important;box-shadow:0 0 4px #ff7187,0 0 10px #ff2547cc,0 0 18px #ff254766!important;}
}

/* V29: logo red actions, ice-blue navigation glow. */
@media screen {
 body:not(.auth-locked) button:not(.danger):not(.calendarDay):not([data-view]):not([data-owner-tab]):not([data-stage]):not(.packageCard):not([data-step]),
 body:not(.auth-locked) button.secondary:not(.calendarDay):not([data-view]):not([data-owner-tab]):not([data-stage]):not(.packageCard):not([data-step]),
 body:not(.auth-locked) .moreActions>summary,body:not(.auth-locked) .mailLaunch {background:#b90016!important;color:#fff!important;border-color:#e64d5e!important;box-shadow:inset 0 1px 0 #ffffff20,0 2px 5px #0004!important;}
 body:not(.auth-locked) .nav button.active:after {background:#7cecff!important;box-shadow:0 0 4px #d3faff,0 0 10px #45ddffcc,0 0 18px #45ddff66!important;}
}