/* YasReady Events Day-of — Studio / Production visual parity
   v0.8.8 · visual-only layer. Keeps the original Day-of interaction model intact. */

:root{
  --yr-accent:#16815c;
  --yr-accent2:#2ac982;
  --yr-teal:#5bd69a;
  --yr-bg:#07090e;
  --yr-panel:#10141c;
  --yr-panel2:#151a24;
  --yr-panel3:#1c2230;
  --yr-line:rgba(255,255,255,.10);
  --yr-line-strong:rgba(255,255,255,.16);
  --yr-text:#f7f8fb;
  --yr-muted:#9299a8;
  --yr-shadow:0 20px 60px rgba(0,0,0,.30);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --yr-bg:#f4f5f8;
  --yr-panel:#ffffff;
  --yr-panel2:#f0f2f6;
  --yr-panel3:#e9edf4;
  --yr-line:rgba(20,24,34,.12);
  --yr-line-strong:rgba(20,24,34,.18);
  --yr-text:#141720;
  --yr-muted:#686f7c;
  --yr-shadow:0 18px 50px rgba(32,36,48,.08);
  --bg:var(--yr-bg)!important;
  --panel:var(--yr-panel)!important;
  --panel2:var(--yr-panel2)!important;
  --line:var(--yr-line)!important;
  --text:var(--yr-text)!important;
  --muted:var(--yr-muted)!important;
  --pink:var(--yr-accent2)!important;
  --purple:var(--yr-accent)!important;
  --cyan:#16815c!important;
  --green:#16815c!important;
  --yellow:#9d6800!important;
  --red:#c23b58!important;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:var(--yr-bg)!important;
  --panel:var(--yr-panel)!important;
  --panel2:var(--yr-panel2)!important;
  --line:var(--yr-line)!important;
  --text:var(--yr-text)!important;
  --muted:var(--yr-muted)!important;
  --pink:var(--yr-accent2)!important;
  --purple:var(--yr-accent)!important;
  --cyan:#5bd69a!important;
  --green:#55dca4!important;
  --yellow:#ffd06b!important;
  --red:#ff7d91!important;
}

html,body{background:var(--yr-bg)!important;color:var(--yr-text)!important}
body{transition:background .18s ease,color .18s ease}
.app-shell{
  background:
    radial-gradient(circle at 78% -8%,color-mix(in srgb,var(--yr-accent) 9%,transparent),transparent 28rem),
    var(--yr-bg)!important;
  color:var(--yr-text)!important;
  border-color:var(--yr-line)!important;
  box-shadow:0 28px 80px rgba(28,32,44,.15)!important;
}
.app-header{
  background:color-mix(in srgb,var(--yr-panel) 90%,transparent)!important;
  border-color:var(--yr-line)!important;
  color:var(--yr-text)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
}
.app-header strong,.header-clock b,.screen h1,.screen h2,.screen h3,
.schedule-copy b,.person-copy b,.talent-copy b,.issue-card b,
.fair-contact-card b,.handoff-card b{color:var(--yr-text)!important}
.kicker,.section-label,.issue-overview-card .eyebrow,.up-next span{color:var(--yr-accent)!important}
.type{color:#16815c!important}
:root[data-theme="dark"] .type{color:#5bd69a!important}
.header-clock span,.sync-wrap>small,.screen p,.screen small,.schedule-copy small,
.person-copy small,.talent-copy small,.issue-card small,.up-next p,
.live-note-card small,label,dialog p{color:var(--yr-muted)!important}

/* Header utility controls */
.yr-back{color:var(--yr-accent)!important}
.yr-day-theme{
  width:38px!important;height:38px!important;min-height:38px!important;
  border:1px solid var(--yr-line)!important;border-radius:12px!important;
  background:var(--yr-panel)!important;color:var(--yr-text)!important;
  box-shadow:0 4px 14px rgba(30,34,45,.05)!important;
}
.sync-status{
  background:var(--yr-panel2)!important;border-color:var(--yr-line)!important;color:var(--yr-muted)!important;
}
.sync-status.synced{color:#277d5c!important;border-color:rgba(91,214,154,.30)!important;background:rgba(91,214,154,.09)!important}
:root[data-theme="dark"] .sync-status.synced{color:#8ff0bd!important}
.sync-status.saving{color:#956200!important;background:rgba(255,208,107,.10)!important}
:root[data-theme="dark"] .sync-status.saving{color:#ffe69a!important}
.sync-status.error{color:#b72e49!important;background:rgba(194,59,88,.08)!important}
:root[data-theme="dark"] .sync-status.error{color:#ff9dad!important}

/* Main live card */
.live-panel{
  background:
    radial-gradient(circle at 100% 0%,rgba(22,129,92,.10),transparent 16rem),
    linear-gradient(180deg,var(--yr-panel),color-mix(in srgb,var(--yr-panel) 94%,var(--yr-panel2)))!important;
  border:1px solid rgba(22,129,92,.22)!important;
  color:var(--yr-text)!important;
  box-shadow:var(--yr-shadow)!important;
}
:root[data-theme="dark"] .live-panel{
  background:
    radial-gradient(circle at 100% 0%,rgba(22,129,92,.14),transparent 17rem),
    linear-gradient(180deg,#111620,#0d1118)!important;
}
.status-line b{color:#16815c!important}
:root[data-theme="dark"] .status-line b{color:#55dca4!important}
.live-dot{background:#5bd69a!important;box-shadow:0 0 14px rgba(91,214,154,.75)!important}
#delayBadge{color:#9d6800!important}
:root[data-theme="dark"] #delayBadge{color:#ffd06b!important}
.progress-track{background:var(--yr-panel3)!important}
.progress-track i{background:linear-gradient(90deg,var(--yr-accent),var(--yr-accent2))!important}
.hero-button,.accent,.quick-row .accent,.add-button,.login-button{
  border:0!important;background:linear-gradient(135deg,var(--yr-accent),var(--yr-accent2))!important;
  color:#fff!important;box-shadow:0 12px 28px rgba(22,129,92,.18)!important;
}

/* Secondary buttons throughout Day-of */
button:not(.hero-button):not(.accent):not(.add-button):not(.login-button):not(.tab-bar button):not(.yr-day-theme):not(.sync-status){
  background:var(--yr-panel2)!important;color:var(--yr-text)!important;border-color:var(--yr-line)!important;
  box-shadow:none!important;
}
button:not(.hero-button):not(.accent):not(.add-button):not(.login-button):not(.tab-bar button):hover{
  background:color-mix(in srgb,var(--yr-panel2) 82%,var(--yr-accent) 5%)!important;
}

/* Content surfaces */
.up-next article,.mini-status button,.schedule-card,.talent-card,.issue-card,.contact-card,
.handoff-card,.fair-contact-card,.person-card,.live-note-card,.issue-command-card,
.issue-list .empty,.screen[data-screen="issues"] .issue-list .empty{
  background:var(--yr-panel)!important;color:var(--yr-text)!important;
  border-color:var(--yr-line)!important;box-shadow:0 8px 28px rgba(30,34,45,.04)!important;
}
.up-next article,.mini-status button,.schedule-card,.talent-card,.issue-card,.contact-card,
.handoff-card,.fair-contact-card,.person-card,.live-note-card{border-radius:18px!important}
.mini-status span{color:var(--yr-text)!important}
.schedule-card.current{
  border-color:rgba(22,129,92,.42)!important;
  box-shadow:inset 4px 0 var(--yr-accent),0 10px 30px rgba(30,34,45,.05)!important;
}
.schedule-card.current .schedule-time{color:var(--yr-accent)!important}
.schedule-card.ready{border-color:rgba(91,214,154,.42)!important}
.schedule-time{color:#16815c!important}
:root[data-theme="dark"] .schedule-time{color:#5bd69a!important}
.avatar,.person-card .avatar{
  background:linear-gradient(145deg,#e8e3ff,#f5e9f5)!important;color:#4d3d79!important;
  border:1px solid rgba(22,129,92,.10)!important;
}
:root[data-theme="dark"] .avatar,:root[data-theme="dark"] .person-card .avatar{
  background:linear-gradient(145deg,rgba(22,129,92,.30),rgba(42,201,130,.18))!important;color:#fff!important;
}

/* Links that behave like buttons */
.talent-actions a,.person-actions a,.fair-actions a,.contact-actions a{
  background:var(--yr-panel2)!important;color:var(--yr-text)!important;border-color:var(--yr-line)!important;
}

/* Issue page — override the old cache-safe !important dark card */
.issue-overview-card{
  background:
    radial-gradient(circle at 100% 0%,rgba(42,201,130,.08),transparent 12rem),
    var(--yr-panel)!important;
  border-color:rgba(22,129,92,.18)!important;color:var(--yr-text)!important;
  box-shadow:var(--yr-shadow)!important;
}
.issue-overview-card strong{color:var(--yr-text)!important}
.issue-overview-card small{color:var(--yr-muted)!important}
.screen[data-screen="issues"] .issue-shortcuts button{
  background:var(--yr-panel)!important;color:var(--yr-text)!important;border-color:var(--yr-line)!important;
  box-shadow:0 6px 20px rgba(30,34,45,.04)!important;
}
.screen[data-screen="issues"] .issue-shortcuts button span{color:var(--yr-text)!important}
.screen[data-screen="issues"] .issue-shortcuts button small{color:var(--yr-muted)!important}
.issue-status-pill.clear{color:#277d5c!important;background:rgba(91,214,154,.10)!important;border-color:rgba(91,214,154,.25)!important}
.issue-status-pill.alert{color:#956200!important;background:rgba(255,208,107,.12)!important;border-color:rgba(255,208,107,.28)!important}
:root[data-theme="dark"] .issue-status-pill.clear{color:#8ff0bd!important}
:root[data-theme="dark"] .issue-status-pill.alert{color:#ffd47e!important}

/* Inputs + dialogs */
textarea,input{
  background:var(--yr-panel2)!important;color:var(--yr-text)!important;border-color:var(--yr-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
textarea::placeholder,input::placeholder{color:color-mix(in srgb,var(--yr-muted) 75%,transparent)!important}
dialog{
  background:var(--yr-panel)!important;color:var(--yr-text)!important;border-color:var(--yr-line)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.26)!important;
}
dialog::backdrop{background:rgba(19,22,30,.42)!important;backdrop-filter:blur(8px)!important}
:root[data-theme="dark"] dialog::backdrop{background:rgba(0,0,0,.72)!important}
dialog h2{color:var(--yr-text)!important}

/* Bottom app dock */
.tab-bar{
  background:color-mix(in srgb,var(--yr-panel) 92%,transparent)!important;
  border-color:var(--yr-line)!important;
  backdrop-filter:blur(22px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.2)!important;
  box-shadow:0 -8px 26px rgba(30,34,45,.05)!important;
}
.tab-bar button{background:transparent!important;color:var(--yr-muted)!important}
.tab-bar button.active{
  background:linear-gradient(145deg,rgba(22,129,92,.10),rgba(42,201,130,.07))!important;
  color:var(--yr-accent)!important;
}
.tab-bar button.active small,.tab-bar button.active span{color:var(--yr-accent)!important}

/* Toast / transient surfaces */
.sync-toast{
  background:var(--yr-panel)!important;color:var(--yr-text)!important;border-color:var(--yr-line)!important;
  box-shadow:var(--yr-shadow)!important;
}

/* Desktop preview frame */
@media(min-width:700px){
  body{
    background:
      radial-gradient(circle at 50% 12%,rgba(22,129,92,.07),transparent 34rem),
      var(--yr-bg)!important;
  }
  .app-shell{border-color:var(--yr-line)!important}
}

/* Avoid light-mode text being inherited as black on gradient buttons. */
:root[data-theme="light"] .hero-button,
:root[data-theme="light"] .accent,
:root[data-theme="light"] .add-button,
:root[data-theme="light"] .login-button{color:#fff!important}

/* Accessibility: visible focus without turning the live board into an admin UI. */
:focus-visible{outline:3px solid color-mix(in srgb,var(--yr-accent) 65%,white);outline-offset:2px}

:root,:root[data-theme="light"],:root[data-theme="dark"]{--yr-ready:#C6FF00!important}
.hero-button,.accent,.add-button{background:linear-gradient(100deg,#137653,#25a36f)!important;color:#fff!important}
.tab-bar button.active{background:rgba(22,129,92,.10)!important;color:var(--yr-accent)!important}