*{box-sizing:border-box}body{margin:0;background:#fafbfa;color:#202b32;font:14px/1.35 system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:12px 18px 45px}header,.actions,.listing,.brand{display:flex;align-items:center;gap:8px;flex-wrap:wrap}header{justify-content:space-between;border-bottom:1px solid #cdd5d6;padding-bottom:9px}.brand,strong{font-weight:650}h1{font-size:24px;margin:14px 0 3px;overflow-wrap:anywhere}h2{font-size:17px;margin:16px 0 6px}a,summary{color:#09548e}small,.meta{color:#50616a}.meta{margin:3px 0 12px}small{font-size:12px;display:block}.summary{padding:7px 0}.actions{margin:7px 0}.panel{border-bottom:1px solid #d7dfe1;padding:7px 0}summary{cursor:pointer;font-weight:600}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:7px;margin:8px 0}label{font-size:12px;color:#374b54}input,select,button{font:inherit;color:inherit;border:1px solid #abbcc3;border-radius:4px;background:white;padding:4px 7px;min-height:30px;max-width:100%}input{display:block;min-width:0;width:100%;font-size:14px}button{cursor:pointer}button:disabled{opacity:.4}.primary{color:white;background:#075b92;border-color:#075b92}.error{color:#93230c;background:#ffede4;padding:9px}.listing{padding:8px 0;border-bottom:1px solid #d7dfe1;gap:16px}.listing>div{flex:1}.listing time,.numeric,b{font-variant-numeric:tabular-nums}.line,.adminline{display:grid;align-items:center;gap:6px 12px;padding:5px 3px}.line{grid-template-columns:6.2rem minmax(0,1fr) 7.5rem;border-bottom:1px solid #dce1e2}.adminline{grid-template-columns:7.5rem minmax(0,2fr) 7rem minmax(0,1fr) 5rem}.entry{border-bottom:1px solid #d7dfe1;padding:2px 0}.entry summary{font-size:12px;font-weight:500;display:list-item;width:fit-content}.headings{font-size:12px;font-weight:600;color:#455962;background:#edf1ee}.live{background:#e2f1ea;border-left:3px solid #267451}.signal,.badge{color:#126047;font-weight:700}.line>*,.adminline>*,.listing>*{min-width:0;overflow-wrap:anywhere}.paper{display:none}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #ad5b14;outline-offset:2px}
@media(max-width:640px){main{padding:8px 8px 30px}h1{font-size:19px}.line,.adminline{grid-template-columns:4.2rem minmax(0,1fr) 4.8rem;gap:3px 5px}.adminline .rider{grid-column:2}.rider:empty,.headings span:nth-child(n+4){display:none}.adminline form{grid-column:3}.actions{gap:5px}.line .numeric,.adminline .numeric{font-size:12px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}nav{font-size:12px}.listing{gap:7px}.entry summary{padding:3px}.fields label:first-child{grid-column:1/-1}}
@page{size:A4 portrait;margin:9mm}
.screen .entry.intro:not(.live),.line.intro:not(.live),.paper tr.intro{background:#dcecf9}
.screen .entry.intermission:not(.live),.line.intermission:not(.live),.paper tr.intermission{background:#fff0c9}
.screen .entry.reserve-entry:not(.live),.paper tr.reserve-entry{background:#eceeef;color:#47545b}
.program-end{background:#d9ebe3;border-block:1px solid #aac8b8;color:#184732;font-weight:700}
div.program-end,.reserve-heading{padding:5px 7px}.program-end b{margin-right:8px}.reserve-heading{background:#dfe3e5;color:#394851;font-weight:650}
[data-drop]{position:relative;min-height:25px}[data-drop].drop-before{box-shadow:inset 0 3px #075b92}[data-drop].drop-after{box-shadow:inset 0 -3px #075b92}
.quick-delete{display:none}
.song[data-song-color="0"]{--match:#ffdfa5}.song[data-song-color="1"]{--match:#cde2ff}.song[data-song-color="2"]{--match:#f5cfe3}.song[data-song-color="3"]{--match:#ccead4}.song[data-song-color="4"]{--match:#e0d3fa}.song[data-song-color="5"]{--match:#f8cbb7}.song[data-song-color="6"]{--match:#bfe9e8}.song[data-song-color="7"]{--match:#eee4a2}.song[data-song-color]{background-color:var(--match)}
.concert-clock{padding:2px 7px;background:#ffe2e2;color:#a31525;border-radius:3px;font-weight:700;font-variant-numeric:tabular-nums}
.screen .entry.begun.begun,.line.begun.begun{background:#e2f1ea;border-left:3px solid #267451}
.screen .entry.time-now.time-now,.line.time-now.time-now{background:#ffdddd;border-left:3px solid #bf263a}
.time-now [data-from] b{color:#a31525}.time-now .song[data-song-color]{background-color:transparent}.time-now .song[data-song-color]>span{background-color:var(--match);width:fit-content;max-width:100%}
@media screen and (max-width:640px){.screen .entry .adminline:has(form) .numeric{grid-row:1}.screen .entry .adminline form{grid-column:3;grid-row:2;align-self:center;justify-self:start}}
@media print{.concert-clock{display:none}}
@media screen and (min-width:641px){.entry .quick-delete{display:grid;place-items:center;position:absolute;top:1px;right:28px;width:22px;height:23px;min-height:0;padding:0;border:0;color:#994443;background:transparent}.screen .entry .adminline form{margin-right:51px}}
@media print{.paper tr{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media screen{
.tools-group{display:flex;gap:0 14px;align-items:start;flex-wrap:wrap;border-block:1px solid #d7dfe1}.tools-group .panel{border:0}.tools-group details[open]{flex:1 0 100%}.menu[open]{flex:1 0 100%}.screen h2 small{display:inline;font-weight:400}.meta:empty{display:none}
.entry{position:relative;padding:0}.adminline{grid-template-columns:2em 5.5em minmax(0,1.1fr) minmax(0,1.35fr) 6.3em 3.9em minmax(0,.8fr) 8em;gap:0;min-height:26px;padding:0;font-size:13px;line-height:1.2}
.adminline>*{padding:3px 5px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #e0e5e5}
.adminline form{margin-right:29px;padding:1px 0 1px 3px;border:0}.adminline button{min-height:24px;font-size:12px;padding:1px 4px}
.entry:nth-child(even):not(.live){background:#f3f6f5}.entry>details>summary{position:absolute;right:2px;top:1px;display:block;width:25px;min-height:24px;padding:1px;text-align:center;font-size:16px;line-height:22px}
.entry details[open]{padding:6px 8px;background:#edf3f5}.entry details[open]>summary{background:#d7e7ef}.ord,.change{color:#56646a;font-variant-numeric:tabular-nums}
.adminline.headings{position:sticky;top:0;z-index:1;background:#e8eeed}.adminline .rider{font-size:12px}
.entry:hover{background:#eaf1f2}.adminline .time small{font-size:10px}.screen .panel{padding:4px 0}.screen h2{margin:8px 0 2px}.screen .summary{padding:3px 0}.actions{margin:4px 0}
}
@media screen and (max-width:640px){
.adminline{grid-template-columns:4.8em minmax(0,1fr) 4.8em 24px;row-gap:0;font-size:12px}.time b{white-space:nowrap}.tools-group summary{font-size:12px}
.adminline .ord,.adminline .change,.adminline .rider,.adminline.headings span{display:none}.adminline.headings span:nth-child(2),.adminline.headings span:nth-child(3),.adminline.headings span:nth-child(5){display:block}
.adminline.headings span:nth-child(5){font-size:10px}.adminline>*{border:0;padding:2px}.adminline .time{grid-column:1;grid-row:1 / span 2}.adminline .performer{grid-column:2;grid-row:1;padding-bottom:0}.adminline .song{grid-column:2;grid-row:2;color:#46545a;padding-top:0}
.adminline .numeric{grid-column:3;grid-row:1 / span 2;font-size:11px}.adminline form{grid-column:2;grid-row:3;align-items:start;margin:0}.entry>details>summary{width:22px}
}
@media print{body{background:white;color:black;font:9pt/1.12 Arial,sans-serif}main{max-width:none;padding:0}header,.screen,.error,nav{display:none!important}.paper{display:block}h1{font-size:14pt;margin:0 0 2mm}.meta{margin:0 0 2mm}.paper table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:2mm}.paper th,.paper td{border-bottom:.2mm solid #ccc;text-align:left;padding:.6mm;overflow-wrap:anywhere}.paper th:nth-child(1){width:4%}.paper th:nth-child(2){width:9%}.paper th:nth-child(3){width:23%}.paper th:nth-child(4){width:31%}.paper th:nth-child(5),.paper th:nth-child(6){width:7%}tr{break-inside:avoid}thead{display:table-header-group}}
.account{max-width:26rem}.account form,.account label,form.account{display:grid;gap:.4rem}.account form,form.account{margin:.65rem 0}.account button{justify-self:start}.account input:not([type=checkbox]){width:100%;box-sizing:border-box}.account details{margin-top:.85rem}
