/* Home shift cards: Your next shift (green) and After that (white). This week is not touched. */ 
html .ticket{border-radius:22px;background:var(--green);background-image:radial-gradient(120% 140% at 0% 0%,rgba(255,255,255,.14),transparent 55%),linear-gradient(160deg,rgba(255,255,255,.05),rgba(0,0,0,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px -12px rgba(31,58,46,.55);transition:transform .15s ease,box-shadow .15s ease} 
html .ticket:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 36px -12px rgba(31,58,46,.6)} 
html .ticket:focus-visible{border-radius:22px} 
html .ticket-main{padding:20px 22px} 
html .ticket-day{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ecc97d} 
html .ticket-date{font-size:.9rem;color:rgba(247,243,234,.8)} 
html .ticket-time{margin:8px 0 12px;font-family:var(--sans);font-size:2.2rem;font-weight:700;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums} 
html .ticket-time .to{padding:0 6px;font-size:1.5rem;font-weight:400;color:rgba(247,243,234,.6)} 
html .ticket-meta{gap:6px} 
html .ticket-meta span{padding:4px 10px;border-radius:999px;background:rgba(247,243,234,.14);border:1px solid rgba(247,243,234,.18);font-size:.8125rem;font-weight:500} 
html .ticket-note{margin-top:12px;padding:8px 12px;border-left:3px solid #ecc97d;border-radius:0 10px 10px 0;background:rgba(0,0,0,.14);font-size:.9rem;font-style:italic;color:rgba(247,243,234,.92)} 
html .ticket-stub{padding:18px 22px;background:rgba(0,0,0,.16)} 
html .ticket-stub:before,html .ticket-stub:after{display:none} 
html .ticket-when{font-size:1rem;font-weight:700} 
html .ticket-hours{font-size:.85rem;color:rgba(247,243,234,.75)} 
html .later-list{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px} 
html .later-list li{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 16px -10px rgba(0,0,0,.18)} 
html .later-day{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)} 
html .later-num{font-family:var(--sans);font-size:1.5rem;font-weight:700;line-height:1.1;color:var(--ink)} 
html .later-time{margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--bg);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums} 
html .later-area{font-size:.8125rem;color:var(--muted)} 
html .later-note{font-size:.8125rem;font-style:italic;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} 
html[data-theme=dark] .ticket{background-color:#1f3a2e;background-image:radial-gradient(120% 140% at 0% 0%,rgba(255,255,255,.10),transparent 55%),linear-gradient(160deg,rgba(255,255,255,.04),rgba(0,0,0,.25));border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px -12px rgba(0,0,0,.6)} 
html[data-theme=dark] .ticket:focus-visible{border-radius:22px} 
html[data-theme=dark] .ticket-meta span{border-radius:999px} 
html[data-theme=dark] .later-list li{background:var(--paper);border:1px solid var(--line);border-radius:16px} 
html[data-theme=dark] .later-day{color:var(--brass)} 
html[data-theme=dark] .later-num{color:var(--ink)} 
@media (max-width:420px){html .ticket-time{font-size:1.8rem}html .ticket-time .to{font-size:1.2rem}} 
@media (prefers-reduced-motion:reduce){html .ticket{transition:none}html .ticket:hover{transform:none}}