:root{
  --bg:#08080d;--panel:#14141c;--panel2:#1b1b24;--line:rgba(255,255,255,.09);
  --text:#fff;--muted:#a5a3ae;--pink:#ff3e98;--purple:#8f45ff;--cyan:#55ddff;
  --green:#52e29d;--yellow:#ffc75a;--red:#ff637d;
  --top:72px;--dock:78px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
button,input,textarea{font:inherit}
button{touch-action:manipulation}
.app-shell{height:100dvh;max-width:560px;margin:auto;background:radial-gradient(circle at 15% 0%,rgba(255,62,152,.16),transparent 22rem),var(--bg);position:relative;overflow:hidden}
.app-header{height:calc(var(--top) + var(--safe-top));padding:calc(12px + var(--safe-top)) 16px 10px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,8,13,.95);backdrop-filter:blur(20px);position:relative;z-index:10}
.app-header strong{display:block;font-size:1.15rem;margin-top:2px}.kicker{font-size:.63rem;letter-spacing:.14em;color:var(--pink);font-weight:900}.header-clock{text-align:right}.header-clock b{display:block;font-size:1.2rem}.header-clock span{font-size:.65rem;color:var(--muted)}
.screen-stack{height:calc(100dvh - var(--top) - var(--safe-top) - var(--dock) - var(--safe-bottom));position:relative;overflow:hidden}
.screen{display:none;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 18px}.screen.active{display:block}
.screen::-webkit-scrollbar{display:none}
.live-panel{background:linear-gradient(150deg,rgba(35,20,39,.98),rgba(16,17,25,.98));border:1px solid rgba(255,62,152,.35);border-radius:22px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.status-line{display:flex;align-items:center;gap:7px;font-size:.7rem;letter-spacing:.08em}.status-line b{color:var(--green)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}#delayBadge{margin-left:auto;color:var(--yellow)}
.type{display:block;margin-top:22px;color:var(--cyan);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.live-panel h1{font-size:clamp(2.2rem,10vw,4rem);line-height:.95;margin:8px 0 10px;letter-spacing:-.04em}.live-panel p{color:var(--muted);font-size:.88rem;line-height:1.45;margin:0 0 20px}
.time-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.time-row strong{font-size:1rem}.time-row span{font-size:.75rem;color:var(--cyan);font-weight:800}
.progress-track{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-bottom:18px}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan))}
button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;border-radius:14px;min-height:48px;font-weight:850}
.hero-button{width:100%;min-height:58px;border:0;background:linear-gradient(135deg,var(--pink),var(--purple));font-size:1rem;box-shadow:0 10px 30px rgba(255,62,152,.24)}
.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.quick-row button{font-size:.72rem}.quick-row .accent,.accent{background:linear-gradient(135deg,var(--pink),var(--purple));border:0}
.up-next{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.up-next article{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:14px;min-height:116px}.up-next span{font-size:.62rem;letter-spacing:.12em;color:var(--pink);font-weight:900}.up-next h2{font-size:1.05rem;line-height:1.05;margin:10px 0 7px}.up-next p{font-size:.7rem;color:var(--muted);margin:0;line-height:1.35}
.mini-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mini-status button{background:var(--panel);padding:11px 6px}.mini-status span{display:block;font-size:1rem}.mini-status small{color:var(--muted);font-size:.58rem}
.screen-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 12px}.screen-toolbar h1{margin:3px 0 0;font-size:1.75rem}.small-button{min-height:38px;padding:0 12px;font-size:.7rem}.add-button{width:42px;min-height:42px;border-radius:50%;font-size:1.4rem;background:linear-gradient(135deg,var(--pink),var(--purple));border:0}
.card-list{display:grid;gap:9px;padding-bottom:8px}
.schedule-card,.talent-card,.issue-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:13px}
.schedule-card.current{border-color:var(--pink);box-shadow:inset 4px 0 var(--pink)}.schedule-card.complete{opacity:.48}.schedule-card.ready{border-color:rgba(82,226,157,.5)}
.schedule-top{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:center}.schedule-time{font-size:.7rem;color:var(--cyan);font-weight:900}.schedule-copy b{display:block;font-size:.88rem}.schedule-copy small{display:block;margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.35}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.card-actions button{min-height:42px;font-size:.68rem}.is-on{background:rgba(82,226,157,.12)!important;border-color:rgba(82,226,157,.35)!important;color:var(--green)!important}
.talent-head{display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--cyan));font-weight:900}.talent-copy b{display:block}.talent-copy small{display:block;margin-top:4px;color:var(--muted);font-size:.67rem;line-height:1.4}
.talent-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.talent-actions button,.talent-actions a{min-height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:#fff;text-decoration:none;font-size:.68rem;font-weight:850;background:rgba(255,255,255,.04)}.talent-actions a.disabled{opacity:.25;pointer-events:none}
.issue-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.issue-shortcuts button{min-height:42px;font-size:.66rem;padding:0 4px}.issue-card{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center}.issue-dot{width:9px;height:9px;border-radius:50%;background:var(--yellow)}.issue-card b{display:block;font-size:.82rem}.issue-card small{display:block;color:var(--muted);font-size:.65rem;margin-top:3px}.issue-card button{min-height:36px;padding:0 10px;font-size:.65rem}
.empty{padding:22px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:.75rem}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:15px;min-height:126px;display:flex;flex-direction:column;justify-content:space-between}.contact-card b{font-size:.9rem}.contact-card small{display:block;color:var(--muted);font-size:.66rem;margin-top:4px}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.contact-actions a{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:#fff;font-size:.7rem;font-weight:850}.contact-actions a.disabled{opacity:.25;pointer-events:none}
.handoff-card{margin-top:10px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px}.handoff-card textarea{margin-top:10px}
textarea,input{width:100%;border:1px solid var(--line);border-radius:12px;background:#0d0d14;color:#fff;padding:12px;resize:none}
textarea{min-height:100px}
.tab-bar{height:calc(var(--dock) + var(--safe-bottom));padding:7px 8px calc(7px + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:rgba(12,12,18,.98);backdrop-filter:blur(20px);border-top:1px solid var(--line);position:absolute;left:0;right:0;bottom:0;z-index:20}.tab-bar button{border:0;background:transparent;min-height:56px;border-radius:14px;padding:5px 2px}.tab-bar button.active{background:rgba(255,62,152,.13);color:var(--pink)}.tab-bar span{display:block;font-size:1.15rem;line-height:1}.tab-bar small{display:block;font-size:.56rem;margin-top:5px}
dialog{width:min(92vw,480px);border:1px solid var(--line);border-radius:20px;background:#14141d;color:#fff;padding:0}dialog::backdrop{background:rgba(0,0,0,.72)}dialog form{display:grid;gap:13px;padding:20px}dialog h2{margin:0}dialog p{margin:0;color:var(--muted);font-size:.8rem}label{display:grid;gap:6px;color:var(--muted);font-size:.7rem}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delay-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.close-dialog{width:100%}.contact-editor{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
@media(min-width:700px){body{display:grid;place-items:center}.app-shell{height:min(920px,96vh);border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.5)}}


/* V0.3 */
.four-tabs{grid-template-columns:repeat(4,1fr)}
.screen{padding-bottom:calc(28px + var(--safe-bottom))}
.people-list{padding-bottom:24px}
.compact-screen{padding-bottom:18px}
.compact-toolbar{padding-bottom:8px}
.compact-shortcuts{margin-bottom:8px}
.issue-list{padding-bottom:8px}
.section-label{display:block;margin:2px 2px 8px;font-size:.62rem;letter-spacing:.12em;color:var(--pink);font-weight:900}
.fair-contact-wrap,.people-wrap{margin-bottom:12px}
.fair-contact-card,.person-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px}
.fair-contact-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.person-card{display:grid;gap:10px}
.person-head{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center}
.person-copy b{display:block;font-size:.9rem}
.person-copy small{display:block;margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.4}
.person-edit{min-height:36px;padding:0 10px;font-size:.65rem}
.person-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.person-actions button,.person-actions a{min-height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:#fff;text-decoration:none;font-size:.68rem;font-weight:850;background:rgba(255,255,255,.04)}
.person-actions a.disabled{opacity:.25;pointer-events:none}
.fair-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;grid-column:1/-1}
.fair-actions a{display:grid;place-items:center;min-height:44px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:#fff;font-size:.7rem;font-weight:850}
.fair-actions a.disabled{opacity:.25;pointer-events:none}
.screen[data-screen="people"]{padding-bottom:calc(42px + var(--safe-bottom))}
dialog form{max-height:80vh;overflow-y:auto}
@media(max-width:380px){
  .person-actions{grid-template-columns:1fr 1fr}
  .up-next{grid-template-columns:1fr}
}


/* V0.4 Cloud sync */
.header-right{display:flex;align-items:center;gap:9px}
.sync-status{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:.58rem;font-weight:900;color:var(--muted)}
.sync-status i{width:7px;height:7px;border-radius:50%;background:#777;box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.sync-status.synced{color:#a8ffd0;border-color:rgba(69,255,151,.25)}
.sync-status.synced i{background:#45ff97;box-shadow:0 0 10px rgba(69,255,151,.65)}
.sync-status.saving{color:#ffe69a;border-color:rgba(255,213,79,.25)}
.sync-status.saving i{background:#ffd54f;animation:pulse 1s infinite}
.sync-status.error{color:#ff9dad;border-color:rgba(255,86,116,.3)}
.sync-status.error i{background:#ff5674}
.sync-status.offline i{background:#888}
@keyframes pulse{50%{opacity:.35}}
.login-dialog{width:min(92vw,420px)}
.login-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}
.login-dialog form{display:grid;gap:14px}
.login-dialog p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}
.login-dialog h2{margin:0;font-size:1.5rem}
.login-button{min-height:52px}
.form-error{min-height:18px!important;color:#ff8299!important}
.sync-toast{position:fixed;left:50%;bottom:calc(92px + var(--safe-bottom));transform:translateX(-50%);z-index:30;padding:10px 14px;border-radius:999px;background:#181820;border:1px solid var(--line);font-size:.68rem;font-weight:850;box-shadow:0 12px 35px rgba(0,0,0,.35)}
@media(max-width:390px){
  .header-right{gap:6px}
  .sync-status{padding:0 7px}
  .sync-status span{display:none}
}


/* V0.5 Issues page parity */
.screen[data-screen="issues"]{padding-bottom:calc(42px + var(--safe-bottom))}
.issue-command-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:12px}
.issue-command-card .section-label{margin-bottom:10px}
.issue-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.issue-shortcuts button{min-height:46px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:.7rem;font-weight:850;color:#fff}
.issue-open-wrap{margin-bottom:12px}
.issue-list{padding-bottom:24px}
.issue-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;grid-template-columns:10px 1fr auto;gap:11px;align-items:center}
.issue-card b{display:block;font-size:.88rem}
.issue-card small{display:block;margin-top:4px;color:var(--muted);font-size:.67rem;line-height:1.4}
.issue-card button{min-height:38px;padding:0 11px;border-radius:11px;font-size:.65rem}
.issue-list .empty{background:var(--panel);border:1px dashed var(--line);border-radius:18px;min-height:92px;display:grid;place-items:center;padding:18px;color:var(--muted);font-size:.72rem;text-align:center}
@media(max-width:360px){
  .issue-shortcuts{grid-template-columns:1fr}
}


/* V0.6 refinements */
.sync-wrap{display:grid;justify-items:end;gap:2px}
.sync-wrap>small{font-size:.48rem;color:var(--muted);white-space:nowrap}
.live-note-card{margin-top:10px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px 13px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.live-note-card>div{min-width:0}
.live-note-card small{display:block;margin-top:5px;color:var(--muted);font-size:.67rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-note-card button{min-height:38px;padding:0 11px;border-radius:11px;font-size:.62rem}
.schedule-card.current{box-shadow:0 0 0 1px rgba(255,55,174,.35),0 10px 30px rgba(0,0,0,.16)}
.schedule-card.current .schedule-time{color:var(--pink)}
.person-card .avatar{background:linear-gradient(135deg,rgba(255,55,174,.24),rgba(81,219,255,.18))}
@media(max-width:390px){
  .sync-wrap>small{display:none}
}


/* =========================================================
   V0.8 — Unified mobile UX system
   ========================================================= */

:root{
  --page-pad:14px;
  --card-radius:20px;
  --card-pad:15px;
  --tap:46px;
}

.screen{
  padding:14px var(--page-pad) calc(34px + var(--safe-bottom));
  scroll-padding-bottom:calc(var(--dock) + 28px);
}

.page-toolbar{
  min-height:66px;
  padding:2px 2px 14px;
  margin:0;
}
.page-toolbar h1{
  margin:3px 0 0;
  font-size:1.82rem;
  line-height:1;
  letter-spacing:-.035em;
}

.section-label{
  margin:0 2px 9px;
  font-size:.61rem;
  letter-spacing:.14em;
}

.page-section{
  width:100%;
  margin-bottom:14px;
}

.card-list{
  width:100%;
  gap:10px;
}

/* Live */
.live-panel{
  width:100%;
  border-radius:24px;
  padding:18px;
}
.up-next{
  width:100%;
  gap:10px;
}
.up-next article{
  border-radius:19px;
  min-height:120px;
  padding:15px;
}
.mini-status{
  width:100%;
  gap:8px;
}
.mini-status button{
  min-height:66px;
  border-radius:16px;
}
.live-note-card{
  width:100%;
  border-radius:18px;
  padding:13px 14px;
}

/* Schedule */
.schedule-card{
  width:100%;
  border-radius:19px;
  padding:15px;
}
.schedule-top{
  grid-template-columns:66px minmax(0,1fr) auto;
  gap:11px;
}
.schedule-time{
  font-size:.72rem;
}
.schedule-copy b{
  font-size:.94rem;
  line-height:1.2;
}
.schedule-copy small{
  font-size:.69rem;
  line-height:1.42;
}
.card-actions button{
  min-height:44px;
  border-radius:12px;
}

/* Issues */
.screen[data-screen="issues"]{
  padding-bottom:calc(38px + var(--safe-bottom));
}
.issue-overview-card{
  width:100%;
  min-height:116px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  margin-bottom:14px;
  border:1px solid rgba(255,62,152,.28);
  border-radius:22px;
  background:
    radial-gradient(circle at 95% 0%,rgba(255,62,152,.18),transparent 10rem),
    linear-gradient(145deg,rgba(31,20,35,.98),rgba(17,17,24,.98));
}
.issue-overview-card .eyebrow{
  display:block;
  margin-bottom:7px;
  color:var(--pink);
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.14em;
}
.issue-overview-card strong{
  display:block;
  font-size:1.65rem;
  line-height:1;
  letter-spacing:-.035em;
}
.issue-overview-card small{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:.72rem;
}
.issue-status-icon{
  flex:0 0 54px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:1.35rem;
  font-weight:950;
}
.issue-status-icon.clear{
  color:var(--green);
  background:rgba(82,226,157,.12);
  border:1px solid rgba(82,226,157,.32);
}
.issue-status-icon.alert{
  color:var(--yellow);
  background:rgba(255,199,90,.12);
  border:1px solid rgba(255,199,90,.34);
}
.issue-shortcuts{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin:0;
}
.issue-shortcuts button{
  min-height:72px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:12px 14px;
  border-radius:16px;
  background:var(--panel);
  text-align:left;
}
.issue-shortcuts button span{
  display:block;
  font-size:.78rem;
  font-weight:900;
}
.issue-shortcuts button small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:.6rem;
  font-weight:700;
}
.issue-open-wrap{
  margin-bottom:0;
}
.issue-list{
  width:100%;
  padding-bottom:24px;
}
.issue-list .empty{
  width:100%;
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px;
  border-radius:20px;
  background:var(--panel);
  border:1px dashed rgba(255,255,255,.12);
  font-size:.76rem;
}
.issue-list .empty::before{
  content:"✓";
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-bottom:11px;
  border-radius:50%;
  color:var(--green);
  background:rgba(82,226,157,.1);
  border:1px solid rgba(82,226,157,.25);
  font-size:1rem;
  font-weight:950;
}
.issue-card{
  width:100%;
  min-height:82px;
  border-radius:19px;
  padding:15px;
}
.issue-card b{
  font-size:.92rem;
}
.issue-card small{
  font-size:.68rem;
  line-height:1.42;
}

/* People */
.fair-contact-card,
.person-card,
.handoff-card{
  width:100%;
  border-radius:20px;
  padding:15px;
}
.people-list{
  width:100%;
  padding-bottom:18px;
}
.person-head{
  grid-template-columns:46px minmax(0,1fr) auto;
}
.avatar{
  width:46px;
  height:46px;
}
.person-copy b{
  font-size:.94rem;
}
.person-copy small{
  font-size:.68rem;
  line-height:1.42;
}
.person-actions{
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.person-actions button,
.person-actions a{
  min-height:44px;
  border-radius:12px;
}
.person-edit{
  min-width:54px;
  min-height:38px;
}

/* Global controls */
button{
  min-height:var(--tap);
}
.small-button{
  min-height:40px;
}
.add-button{
  width:44px;
  min-height:44px;
}
.tab-bar{
  padding-left:10px;
  padding-right:10px;
}
.tab-bar button{
  min-height:58px;
}

/* Desktop preview stays phone-like without looking tiny */
@media(min-width:700px){
  .app-shell{
    width:min(430px,92vw);
    max-width:430px;
    height:min(860px,94vh);
  }
}

@media(max-width:370px){
  :root{--page-pad:11px}
  .issue-shortcuts{grid-template-columns:1fr 1fr}
  .issue-shortcuts button{min-height:66px;padding:10px 11px}
  .up-next{grid-template-columns:1fr}
}


/* =========================================================
   V0.9 — Cache-safe Issues layout
   ========================================================= */

.screen[data-screen="issues"]{
  width:100%;
  max-width:none;
  padding-left:14px;
  padding-right:14px;
  box-sizing:border-box;
}

.screen[data-screen="issues"] > *{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

.screen[data-screen="issues"] .page-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}

.issue-overview-card{
  width:100%!important;
  min-height:124px;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px!important;
  margin:0 0 15px!important;
  border:1px solid rgba(255,62,152,.28)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,62,152,.18),transparent 11rem),
    linear-gradient(145deg,#211623,#111118)!important;
  box-sizing:border-box!important;
}

.issue-overview-copy{
  min-width:0;
  display:block;
}

.issue-overview-card .eyebrow{
  display:block!important;
  margin:0 0 8px!important;
  color:var(--pink)!important;
  font-size:.6rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}

.issue-overview-card strong{
  display:block!important;
  margin:0!important;
  font-size:1.55rem!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}

.issue-overview-card small{
  display:block!important;
  margin:8px 0 0!important;
  color:var(--muted)!important;
  font-size:.72rem!important;
  line-height:1.35!important;
}

.issue-status-pill{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  font-size:.58rem;
  font-weight:950;
  letter-spacing:.1em;
}

.issue-status-pill.clear{
  color:#8ff0bd;
  background:rgba(82,226,157,.11);
  border:1px solid rgba(82,226,157,.3);
}

.issue-status-pill.alert{
  color:#ffd47e;
  background:rgba(255,199,90,.11);
  border:1px solid rgba(255,199,90,.32);
}

.screen[data-screen="issues"] .page-section{
  width:100%!important;
  max-width:none!important;
  margin:0 0 15px!important;
}

.screen[data-screen="issues"] .issue-shortcuts{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.screen[data-screen="issues"] .issue-shortcuts button{
  width:100%!important;
  min-width:0!important;
  min-height:76px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  padding:13px 14px!important;
  white-space:normal!important;
  text-align:left!important;
  border-radius:17px!important;
}

.screen[data-screen="issues"] .issue-shortcuts button span{
  display:block!important;
  width:100%;
  font-size:.78rem!important;
  line-height:1.1!important;
}

.screen[data-screen="issues"] .issue-shortcuts button small{
  display:block!important;
  width:100%;
  margin:0!important;
  font-size:.61rem!important;
  line-height:1.15!important;
}

.screen[data-screen="issues"] .issue-list{
  width:100%!important;
  max-width:none!important;
}

.screen[data-screen="issues"] .issue-list .empty{
  width:100%!important;
  min-height:150px!important;
  box-sizing:border-box!important;
}

/* Match the content width of the other three pages exactly. */
.screen[data-screen="live"],
.screen[data-screen="schedule"],
.screen[data-screen="issues"],
.screen[data-screen="people"]{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

/* Remove the old generated checkmark from the Issues empty state. */
.screen[data-screen="issues"] .issue-list .empty::before{
  content:none!important;
  display:none!important;
}

@media(max-width:370px){
  .issue-overview-card{
    padding:15px!important;
  }
  .issue-overview-card strong{
    font-size:1.35rem!important;
  }
  .screen[data-screen="issues"] .issue-shortcuts button{
    min-height:70px!important;
    padding:11px 12px!important;
  }
}


/* =========================================================
   V0.10 — People page handoff visibility fix
   ========================================================= */

.screen[data-screen="people"]{
  padding-bottom:calc(var(--dock) + var(--safe-bottom) + 190px)!important;
  scroll-padding-bottom:calc(var(--dock) + var(--safe-bottom) + 190px)!important;
}

.screen[data-screen="people"]::after{
  content:"";
  display:block;
  height:calc(var(--dock) + var(--safe-bottom) + 150px);
  width:100%;
}

.screen[data-screen="people"] .handoff-card{
  width:100%;
  margin:14px 0 0!important;
  padding:15px!important;
  border-radius:20px!important;
}

.screen[data-screen="people"] .handoff-card textarea{
  display:block;
  width:100%;
  min-height:140px!important;
  margin-top:10px!important;
}

.screen[data-screen="people"] .handoff-card .quick-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:10px!important;
}

.screen[data-screen="people"] .handoff-card .quick-row button{
  width:100%;
  min-height:46px;
}


/* =========================================================
   V0.11 — Tightened People page footer spacing
   ========================================================= */

.screen[data-screen="people"]{
  padding-bottom:calc(var(--safe-bottom) + 34px)!important;
  scroll-padding-bottom:calc(var(--dock) + var(--safe-bottom) + 28px)!important;
}

.screen[data-screen="people"]::after{
  content:"";
  display:block;
  width:100%;
  height:34px!important;
}

.screen[data-screen="people"] .handoff-card{
  margin:14px 0 0!important;
}

.screen[data-screen="people"] .handoff-card textarea{
  min-height:122px!important;
}

.screen[data-screen="people"] .handoff-card .quick-row{
  margin-top:9px!important;
}

.screen[data-screen="people"] .handoff-card .quick-row button{
  min-height:44px!important;
}

.yr-back{position:absolute;left:14px;top:max(10px,env(safe-area-inset-top));z-index:20;color:#b7ff3c;text-decoration:none;font-size:12px;font-weight:900}
.app-header{position:relative}
@media(max-width:520px){.app-header>div:first-of-type{padding-left:54px}}

/* YasReady shared theme preference — preserves the original Day-of layout */
:root,[data-theme="light"]{--yr-day-bg:#f5f5f7;--yr-day-card:#fff;--yr-day-ink:#171719;--yr-day-muted:#77777f;--yr-day-line:#e5e5e9}
[data-theme="dark"]{--yr-day-bg:#0f1012;--yr-day-card:#17181b;--yr-day-ink:#f7f7f8;--yr-day-muted:#a5a5ad;--yr-day-line:#303036}
.yr-day-theme{position:absolute;right:14px;top:max(10px,env(safe-area-inset-top));z-index:21;width:34px;height:34px;border:1px solid var(--yr-day-line);border-radius:10px;background:var(--yr-day-card);color:var(--yr-day-ink);font-weight:900}
[data-theme="light"] body{background:#f5f5f7;color:#171719}
[data-theme="light"] .card,[data-theme="light"] .panel,[data-theme="light"] .sheet,[data-theme="light"] .tabbar{background:#fff;color:#171719;border-color:#e5e5e9}