:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#eaf5f4;background:#081c24;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0%,#153b44 0%,#081c24 48%);min-height:100vh}button,input{font:inherit}button{cursor:pointer}header{height:76px;border-bottom:1px solid #ffffff19;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1380px)/2));background:#081c24ba}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand span:last-child{display:grid;gap:2px}.brand small{font-size:12px;color:#98b4b9}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#26c6aa;color:#08262e;font-weight:900}.header-right{display:flex;align-items:center;gap:18px;color:#a8bdc0;font-size:13px}.pill{border:1px solid #2a575c;border-radius:99px;padding:8px 12px;color:#6fe0c7}main{max-width:1380px;margin:auto;padding:32px 28px 80px}.intro{display:grid;grid-template-columns:1fr 460px;gap:40px;align-items:center;margin:16px 0 30px}.eyebrow{color:#58d5bd;font-size:11px;font-weight:800;letter-spacing:.15em;margin:0 0 10px}h1{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;line-height:1.05;margin:0 0 15px}h2{font-size:25px;letter-spacing:-.025em;margin:0 0 7px}.intro p:not(.eyebrow),.workhead p:not(.eyebrow){color:#a9bdc3;max-width:690px;line-height:1.55}.upload-panel{background:#102b34;border:1px solid #2e5157;border-radius:18px;padding:18px;box-shadow:0 22px 60px #0004}.upload{border:1px dashed #5a8386;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#eaf5f4;cursor:pointer}.upload.drag{background:#16463f;border-color:#72e4c9}.upload small{color:#9eb7bb}.upload-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#1a5652;color:#74e4ca;font-size:24px;margin-bottom:4px}#pdfFile{position:absolute;width:1px;height:1px;opacity:0}.date-row{display:flex;gap:12px;align-items:end;margin-top:14px}.date-row label{font-size:12px;color:#a4bdc1;flex:1}.date-row input{margin-top:5px;width:100%}input{background:#0b222b;border:1px solid #3a5b60;border-radius:8px;color:#f2fbfa;padding:9px 10px;color-scheme:dark}#importStatus{font-size:12px;color:#9db4b8;margin:12px 0 0}.primary,.secondary{border-radius:9px;padding:10px 14px;font-weight:700;border:1px solid #4d7074;color:#d9eeec;background:#15343e}.primary{background:#35cdb0;border-color:#35cdb0;color:#09252a}.secondary:hover,.primary:hover{filter:brightness(1.13)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:42px}.summary>div{background:#102b34;border:1px solid #29454e;border-radius:13px;padding:18px 20px;display:grid;gap:7px}.summary small{color:#9cb6bb;font-size:12px}.summary strong{font-size:28px;line-height:1}.workhead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.workhead p:not(.eyebrow){font-size:13px;margin:0}.actions{display:flex;gap:8px;white-space:nowrap}.collision-panel,.review-note{border-radius:12px;padding:16px 18px;margin-bottom:14px;background:#493526;border:1px solid #9b7444;color:#ffddb2}.collision-panel strong{display:block;margin-bottom:6px}.review-note{background:#14343a;border-color:#49727a;color:#b7d5d7}.cards{display:grid;gap:10px}.card{display:grid;grid-template-columns:92px minmax(200px,1fr) 200px 165px auto;align-items:center;gap:16px;background:#102832;border:1px solid #31505a;border-radius:13px;padding:16px 20px}.card.urgent{border-color:#d99760;background:#2b2b2a}.times{font-weight:800;font-size:17px;line-height:1.1}.times small{display:block;font-size:11px;color:#a7bdc1;font-weight:500;margin-top:6px}.main-info h3{margin:0 0 6px;font-size:17px}.sub{font-size:12px;color:#aabfc2}.sub strong{color:#e8f4f3}.flags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.flag{border-radius:99px;border:1px solid #668886;color:#b7d4d2;font-size:11px;padding:3px 8px}.flag.orange{background:#4c3524;border-color:#8b6848;color:#ffd1a2}.flag.green{background:#154d42;border-color:#337c68;color:#a9f1d6}.status{font-size:13px;font-weight:700}.status.orange{color:#ffc391}.status.green{color:#8fe6c9}.card-actions{display:flex;gap:6px;justify-content:end;flex-wrap:wrap}.card-actions button{font-size:12px;padding:8px 10px}.empty{padding:50px;text-align:center;border:1px dashed #4b6c72;border-radius:14px;color:#a7bdc0}.alert-stack{position:fixed;z-index:50;top:14px;right:20px;width:min(400px,calc(100vw - 40px));display:grid;gap:8px}.alert{background:#fff4df;color:#3f2e15;border:2px solid #eb9c3a;box-shadow:0 20px 55px #0008;border-radius:12px;padding:16px;display:flex;justify-content:space-between;gap:12px}.alert strong{display:block;margin-bottom:4px}.alert button{align-self:start;background:none;border:0;font-size:21px;color:#553c1b}.help{margin-top:30px;background:#102b34;border:1px solid #284c54;padding:16px 19px;border-radius:11px;color:#a9c3c6;font-size:13px;line-height:1.55}.help summary{font-weight:700;color:#e9f6f4;cursor:pointer}.help p:last-child{margin-bottom:0}dialog{width:min(610px,calc(100vw - 30px));border-radius:16px;background:#112b34;border:1px solid #50747b;color:#eaf5f4;padding:24px;box-shadow:0 35px 100px #0009}dialog::backdrop{background:#04141bd9}.dialog-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.icon{border:0;background:none;color:#c4d8d8;font-size:28px}form label{display:grid;gap:6px;font-size:12px;color:#aac4c7;margin-bottom:13px}form input{width:100%}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fields.two{grid-template-columns:1fr 1fr}.form-hint{font-size:12px;color:#a7c0c2}.dialog-actions{display:flex;justify-content:end;gap:9px;margin-top:20px}@media(max-width:1000px){.intro{grid-template-columns:1fr}.card{grid-template-columns:80px 1fr auto}.source-info,.status{grid-column:2}.card-actions{grid-column:3;grid-row:1/4}}@media(max-width:650px){header{padding:0 16px}.header-right .pill{display:none}main{padding:24px 15px}.intro{gap:12px}.summary{grid-template-columns:repeat(2,1fr);margin-bottom:30px}.workhead{display:block}.actions{margin-top:16px;flex-wrap:wrap}.card{display:block}.card>*{margin-bottom:12px}.card-actions{justify-content:start}.fields,.fields.two{grid-template-columns:1fr 1fr}.date-row{flex-wrap:wrap}}
/* Finnish playout controls */
.summary{grid-template-columns:repeat(5,1fr)}
.source-info{line-height:1.5;overflow-wrap:anywhere}
form textarea{font:inherit;background:#0b222b;border:1px solid #3a5b60;border-radius:8px;color:#f2fbfa;padding:9px 10px;color-scheme:dark;width:100%;resize:vertical}
@media(max-width:850px){.summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.summary{grid-template-columns:repeat(2,1fr)}}
/* Completion and clearly separated start/end times */
.card{grid-template-columns:170px minmax(210px,1fr) 210px 150px auto}
.card.completed{opacity:.76;border-color:#42645e}
.times{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}
.times span{display:grid;gap:5px}
.times span small{font-size:10px;letter-spacing:.04em;margin:0;white-space:nowrap}
.times strong{font-size:20px;line-height:1.1;color:#e8f9f5}
.times span:nth-child(2) strong{color:#86e3ce}
.times .date-line{grid-column:1/-1;font-size:11px;margin-top:4px}
@media(max-width:1000px){.card{grid-template-columns:170px minmax(170px,1fr) auto}}
@media(max-width:650px){.card{display:block}.times{max-width:220px;margin-bottom:16px}}
.mcr-details{display:flex;flex-wrap:wrap;gap:5px 13px;margin-top:8px;color:#c1d8d9;font-size:12px;line-height:1.45}
.mcr-details span{display:inline-flex;gap:5px;flex-wrap:wrap}
.mcr-details b{color:#7cdecc;font-weight:600}