/* AOIP Lite additions (extends style.css + studio.css) */
.lite-cols{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.lite-cols{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
/* v3.8 narrow-screen fixes: studio.css scopes .tw scroll wrappers to
   .studio pages; AOIP Lite needs the same protection or the comparison
   table (12 columns) stretches the grid past the phone viewport.     */
.lite-cols .tw{overflow-x:auto;margin:10px 0 8px}
.lite-cols .tw table{border-collapse:collapse;width:100%;min-width:860px;font-size:.78rem}
.lite-cols .tw th,.lite-cols .tw td{border:1px solid rgba(166,133,63,.25);padding:6px 8px;text-align:center;white-space:nowrap}
.lite-cols .tw th{background:rgba(11,54,36,.06);font-weight:600;color:var(--verde)}
.lite-cols .tw th[scope=row],.lite-cols .tw td[scope=row]{text-align:start;font-weight:600;color:var(--merlot);background:rgba(11,54,36,.035)}
.mgrid{overflow-x:auto;margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.mgrid table{border-collapse:collapse;width:100%;min-width:900px}
.mgrid th{background:var(--cream);font:600 .7rem/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--verde);padding:10px 8px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.mgrid th small{display:block;font-weight:400;color:var(--mut);text-transform:none;letter-spacing:0}
.mgrid td{padding:4px;border-bottom:1px solid rgba(166,133,63,.18)}
.mgrid input{width:100%;min-width:86px;font:14px var(--body);padding:8px;border:1px solid rgba(60,60,50,.2);border-radius:6px;background:#fff;color:var(--ink);direction:ltr;text-align:center}
.mgrid input:focus{outline:2px solid var(--gold);outline-offset:0}
.statusline{font-size:.85rem;color:var(--gold-text);min-height:1.4em;margin:10px 0 0}
.seasonbtns{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.seasonbtns button{font:600 .74rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;padding:12px 18px;border:1px solid var(--gold);border-radius:99px;background:none;color:var(--verde);cursor:pointer}
.seasonbtns button[aria-pressed=true]{background:var(--gold);color:#172018}
.seasonbtns button:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
.lite-file{display:inline-block;cursor:pointer}
@media print{.mgrid,.seasonbtns,.lite-cols .card:first-child{display:none!important}}