:root{color-scheme:dark;--bg:#07121a;--panel:#0a1821;--panel2:#0d202b;--line:#28404d;--text:#e8f0f4;--muted:#8ba2ae;--cyan:#25c7ee;--green:#37dc55;--amber:#ffb300;--red:#e63d45}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}button,input,select{font:inherit;color:inherit}button{border:1px solid #34505f;background:#10232e;border-radius:4px;padding:7px 12px;cursor:pointer}button:hover{background:#173441}button:disabled{opacity:.38;cursor:not-allowed}.primary{background:#087bba;border-color:#20a9ea}.danger{background:#65191d;border-color:var(--red)}.app-header{height:52px;display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid var(--line);background:#061019}.hamburger{font-size:22px}.logo{font-size:28px;font-weight:800;color:#37aef8}.subtitle{font-size:15px}.station{border-left:1px solid var(--line);padding-left:18px;color:#c8d4da}.app-header #clock{margin-left:auto}.connection{font-size:13px;color:#c6d3d9}.connection i,.statusbar i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#5c6870;margin-right:7px}.connection i.live,.statusbar i.green,.statusbar i.live{background:var(--green);box-shadow:0 0 7px #37dc5577}.now-playing{margin:10px 12px 8px;height:58px;border:1px solid #35604a;border-radius:5px;background:#091820;display:flex;align-items:center;gap:24px;padding:8px 16px}.onair{border:1px solid var(--green);border-radius:4px;color:var(--green);font-size:12px;font-weight:800;padding:5px 10px}.now-playing time{font-size:16px}.track-copy{display:flex;gap:14px;align-items:baseline;min-width:290px}.track-copy strong{font-size:17px}.track-copy span{color:#a9bac2}.label{font-size:10px;color:var(--muted);white-space:nowrap}.label b{font-size:17px;color:var(--green);margin-left:5px}.progress{height:9px;flex:1;min-width:100px;background:#21313a;border-radius:6px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--green)}.meters{width:145px;display:grid;gap:4px}.meters div{display:flex;align-items:center;gap:6px}.meters span{font-size:10px}.meters i{height:7px;display:block;width:100%;background:linear-gradient(90deg,var(--green) 0 70%,var(--amber) 70% 86%,var(--red) 86%);clip-path:inset(0 calc(100% - var(--level,0%)) 0 0);transition:clip-path .08s linear}main{height:calc(100% - 157px);display:grid;grid-template-columns:55% 45%;gap:10px;padding:0 12px 8px}.panel{min-width:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);overflow:hidden}.panel>header{height:48px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);background:#0b1b25}.panel h2{font-size:17px;font-weight:500;margin:0}.toolbar{margin-left:auto;display:flex;gap:8px;align-items:center}.mode{display:flex;margin-left:8px}.mode button{min-width:78px}.mode #manual-mode.active{background:#8e1f25;border-color:var(--red)}.mode #auto-mode.active{background:#147d31;border-color:var(--green)}.table-wrap{height:calc(100% - 48px);overflow:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}th{position:sticky;top:0;background:#0a151d;color:#b5c5cd;font-weight:500;text-align:left;padding:9px;border-bottom:1px solid var(--line);z-index:2}td{padding:7px 9px;border-bottom:1px solid #18303c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th:nth-child(1){width:100px}th:nth-child(2){width:88px}th:nth-child(3){width:58px}th:nth-child(5),th:nth-child(6){width:75px}th:nth-child(7){width:110px}.log-row{border-left:4px solid #27bbeb}.log-row.song{border-left-color:var(--green)}.log-row.jingle{border-left-color:#bb43c9}.log-row.onair{background:linear-gradient(90deg,#123b22 0 var(--progress,0%),#0a1821 var(--progress,0%))}.log-row.upnext{box-shadow:inset 0 0 0 1px #8c6a0d}.hour-marker{background:#0d2634;color:var(--cyan)}.badge{display:inline-block;border:1px solid currentColor;border-radius:3px;font-size:10px;font-weight:800;padding:2px 6px}.badge.on{color:var(--green)}.badge.next{color:var(--amber)}.row-play{padding:3px 13px;color:var(--green);background:#0f3820}.row-stop{padding:3px 12px;color:#fff;background:#65191d}.selected{outline:1px solid var(--cyan);outline-offset:-1px}.search{margin-left:auto;display:flex}.search input{width:260px;background:#08141c;border:1px solid var(--line);padding:7px 10px}.library-tabs{height:43px;display:flex;border-bottom:1px solid var(--line)}.library-tabs button{border:0;border-radius:0;background:transparent;min-width:110px}.library-tabs button.active{color:var(--cyan);border-bottom:2px solid var(--cyan)}.library-head,.library-item{display:grid;grid-template-columns:1fr 55px 65px 112px;align-items:center;gap:8px;padding:8px 14px}.library-head{font-size:12px;color:#aebfc7;border-bottom:1px solid var(--line)}.library-item{font-size:13px;border-bottom:1px solid #18303c}.library-title{display:flex;flex-direction:column}.library-title small{color:var(--muted)}.library-actions{display:flex;gap:5px}.library-actions button{padding:3px 7px;font-size:11px}.library-actions .add{background:#137aaf}.library-panel>footer{position:absolute;bottom:48px;right:13px;width:calc(45% - 18px);height:45px;padding:8px 14px;border-top:1px solid var(--line);background:#091720}.library-panel>footer span:last-child{float:right;margin:7px}.statusbar{height:39px;display:flex;align-items:center;gap:28px;padding:0 24px;border-top:1px solid var(--line);font-size:12px}.uptime{margin-left:auto}dialog{border:1px solid var(--line);border-radius:8px;background:#0b1a23;color:var(--text);box-shadow:0 20px 70px #000a;padding:0}dialog::backdrop{background:#000a}#login-dialog form{width:360px;padding:30px;display:grid;gap:14px}.brand-mark{font-size:36px;font-weight:800;color:#37aef8}dialog label{display:grid;gap:5px;color:#afc1ca;font-size:13px}dialog input,dialog select{background:#06131b;border:1px solid var(--line);border-radius:4px;padding:9px}.wide-dialog{width:min(850px,90vw)}dialog form>header{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}dialog h2{margin:0}dialog .icon{margin-left:auto}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{border:0;border-radius:0;background:transparent}.tabs button.active{color:var(--cyan);border-bottom:2px solid var(--cyan)}dialog section{padding:20px;min-height:240px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}dialog footer{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}dialog footer output{margin-right:auto;color:#f6bc54}#toast{position:fixed;right:20px;bottom:55px;padding:10px 14px;background:#173440;border:1px solid #326073;border-radius:5px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}@media(max-width:1050px){main{grid-template-columns:60% 40%}.track-copy{min-width:190px}.track-copy span{display:none}.meters{display:none}.now-playing{gap:12px}.library-head,.library-item{grid-template-columns:1fr 50px 90px}.library-head span:nth-child(3),.library-item>span:nth-child(3){display:none}.library-panel>footer{width:calc(40% - 18px)}}
.library-item.audio-missing{box-shadow:inset 3px 0 #e63d45}.library-duration{font-variant-numeric:tabular-nums}.audio-missing .library-duration{color:#ff737a;font-size:10px;font-weight:700}
.library-head,.library-item{grid-template-columns:1fr 55px 70px 148px}.library-actions .delete{background:#65191d;border-color:#e63d45;color:#fff}.confirm-dialog{width:min(500px,90vw)}.confirm-dialog section{min-height:0;text-align:center;padding:24px 35px}.confirm-dialog header p{margin:3px 0 0;color:#ff7b81}.delete-warning{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border:2px solid #e63d45;border-radius:50%;color:#ff737a;font-size:30px;font-weight:800}.confirm-dialog section p{line-height:1.45}.delete-note{color:#8ba2ae;font-size:12px}@media(max-width:1050px){.library-head,.library-item{grid-template-columns:1fr 138px}.library-head span:nth-child(2),.library-item>span:nth-child(2),.library-head span:nth-child(3),.library-item>span:nth-child(3){display:none}}
.library-duration.segue-duration{color:#ffcb3c;font-weight:700}
.pause-control{height:38px;min-width:108px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 15px;border:1px solid #ffc04a;border-radius:5px;background:linear-gradient(180deg,#dc941f,#9d5c08);color:#fff;box-shadow:inset 0 1px #ffd47a55,0 2px 8px #0005;font-size:12px;letter-spacing:.45px}.pause-control span{font-size:14px;line-height:1;color:#fff}.pause-control b{font-weight:800}.pause-control:hover{background:linear-gradient(180deg,#efa92f,#b56a09);border-color:#ffd26f}.pause-control.paused{background:linear-gradient(180deg,#21a94c,#10752e);border-color:#3ddb68}.pause-control.paused:hover{background:linear-gradient(180deg,#2bc65a,#138537)}.now-playing>#stop-button{height:38px;min-width:86px;font-size:12px;font-weight:800;letter-spacing:.45px}