.tv-split-board{height:100vh;min-height:680px;overflow:hidden;background:radial-gradient(circle at 12% 0,rgba(255,255,255,.96) 0,transparent 34%),radial-gradient(circle at 90% 100%,rgba(226,210,178,.5) 0,transparent 32%),#f6f0e3;color:#eef5ff;padding:14px 18px;display:grid;grid-template-rows:70px minmax(0,1fr) 44px;gap:11px}
.split-topbar{display:grid;grid-template-columns:minmax(290px,1fr) auto 210px;align-items:center;gap:18px;background:rgba(12,27,50,.9);border:1px solid rgba(132,171,231,.22);border-radius:16px;padding:9px 14px;box-shadow:0 12px 35px rgba(0,0,0,.22)}
.split-brand{display:flex;align-items:center;gap:12px}.split-brand>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#4d74ef,#6e3ed0);font-weight:900}.split-brand h1{font-size:19px;margin:0;color:#fff}.split-brand p{margin:4px 0 0;color:#9fb8df;font-size:12px;font-weight:700;text-transform:uppercase}
.split-controls{display:flex;align-items:center;gap:8px}.split-controls label{display:flex;align-items:center;gap:7px;font-size:10px;color:#adc0dd}.split-controls .field{min-width:165px;background:#102743;color:#f2f7ff;border-color:#294665}.split-controls label .field{min-width:175px}.split-clock{text-align:right}.split-clock strong{display:block;font-size:25px}.split-clock small{display:block;color:#8da7c9;font-size:9px;margin-top:3px;text-transform:capitalize}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.split-panel{min-width:0;min-height:0;background:linear-gradient(145deg,rgba(18,37,65,.98),rgba(9,22,42,.98));border:1px solid rgba(124,164,221,.25);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) 40px;box-shadow:0 18px 50px rgba(0,0,0,.3)}.split-late-panel{border-color:rgba(255,107,128,.38);background:linear-gradient(145deg,rgba(58,25,43,.96),rgba(23,18,34,.98))}
.split-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:linear-gradient(100deg,rgba(43,81,188,.82),rgba(86,48,154,.65));border-bottom:1px solid rgba(171,200,255,.18)}.split-late-panel .split-panel-title{background:linear-gradient(100deg,rgba(171,43,65,.9),rgba(109,35,83,.72))}.split-panel-title>div{display:flex;align-items:center;gap:10px}.split-panel-title span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.16);font-size:11px;font-weight:800}.split-panel-title h2{font-size:15px;margin:0;letter-spacing:.5px}.split-panel-title>b{font-size:11px;background:rgba(4,16,37,.35);padding:7px 10px;border-radius:9px;max-width:42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.split-table-scroll{overflow:hidden;padding:5px 9px;scroll-behavior:smooth}.split-table-scroll table{width:100%;border-collapse:separate;border-spacing:0 5px;table-layout:fixed;font-size:clamp(10px,.72vw,14px)}.split-table-scroll thead{position:sticky;top:0;z-index:2}.split-table-scroll th{padding:7px 8px;text-align:left;text-transform:uppercase;letter-spacing:.5px;font-size:.76em;color:#94acd0;background:#0d1f39}.split-table-scroll th:first-child{width:6%;text-align:center}.split-table-scroll th:nth-child(2){width:22%}.split-table-scroll th:nth-child(3){width:39%}.split-table-scroll th:nth-child(4){width:18%}.split-table-scroll th:nth-child(5){width:15%}.split-table-scroll td{padding:9px 8px;background:rgba(31,55,86,.9);border-top:1px solid rgba(135,174,225,.1);vertical-align:middle}.split-table-scroll tbody tr:nth-child(even) td{background:rgba(36,63,98,.92)}.split-table-scroll td:first-child{text-align:center;color:#7fa4ff;font-weight:800;border-radius:9px 0 0 9px}.split-table-scroll td:last-child{border-radius:0 9px 9px 0}.split-table-scroll td b{display:block;font-size:1em;line-height:1.3}.split-table-scroll td small{display:block;color:#8fa5c4;font-size:.78em;line-height:1.3;margin-top:3px}.split-table-scroll .split-row-late td{background:rgba(104,35,53,.92)!important}.split-row-late td,.split-row-late td b{color:#fff}.split-late-label{color:#ff91a3!important;font-weight:800}.split-priority{display:inline-block;padding:5px 7px;border-radius:13px;background:rgba(100,137,204,.2);font-size:.78em;font-weight:700}.split-empty{text-align:center!important;color:#8096b6!important;padding:45px!important;border-radius:10px!important}
.split-all-panel .split-row-urgent td,.split-all-panel .split-row-urgent td b,.split-all-panel .split-row-urgent td small,.split-all-panel .split-row-urgent .split-priority{color:#ffe44d!important}
.split-all-panel .split-row-important td,.split-all-panel .split-row-important td b,.split-all-panel .split-row-important td small,.split-all-panel .split-row-important .split-priority{color:#ff4d5f!important}
.split-all-panel{background:linear-gradient(145deg,#fff,#edf4fb);border-color:#c6d5e7;box-shadow:0 18px 45px rgba(41,62,89,.18)}
.split-all-panel .split-table-scroll th{color:#385272;background:#dce8f5}
.split-all-panel .split-table-scroll td{color:#172a43;background:rgba(255,255,255,.96);border-top-color:#dce6f0}
.split-all-panel .split-table-scroll tbody tr:nth-child(even) td{background:#eef4fa}
.split-all-panel .split-table-scroll td:first-child{color:#315ec9}
.split-all-panel .split-table-scroll td small{color:#60738c}
.split-all-panel .split-priority{background:rgba(70,100,145,.12)}
.split-all-panel .split-row-urgent td,.split-all-panel .split-row-urgent td b,.split-all-panel .split-row-urgent td small,.split-all-panel .split-row-urgent .split-priority{color:#b47d00!important}
.split-all-panel>footer{color:#526a85;border-top-color:#d3dfeb}
.split-panel>footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 13px;border-top:1px solid rgba(132,168,218,.13);color:#859bbb;font-size:9px}.split-dots{display:flex;gap:5px;justify-content:center}.split-dots i{width:6px;height:6px;border-radius:50%;background:#425573}.split-dots i.active{width:18px;border-radius:5px;background:#7598ff}.split-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(10,25,47,.88);border:1px solid rgba(130,168,222,.18);border-radius:12px;padding:7px 12px;color:#8ba2c2;font-size:9px}.split-bottom>div{background:linear-gradient(100deg,#2467cf,#6845c6);color:#fff;border-radius:8px;padding:7px 11px;font-size:10px}
@media(max-width:1100px){.split-topbar{grid-template-columns:1fr auto}.split-clock{display:none}.split-controls label{display:none}.tv-split-board{padding:8px}.split-panel-title h2{font-size:12px}.split-panel-title>b{font-size:9px}.split-table-scroll table{font-size:10px}}
@media(max-width:760px){.tv-split-board{height:auto;min-height:100vh;overflow:auto;display:block}.split-topbar{margin-bottom:8px}.split-brand h1{font-size:14px}.split-grid{grid-template-columns:1fr}.split-panel{height:72vh;margin-bottom:8px}.split-bottom{flex-wrap:wrap}.split-controls .field{min-width:120px}}
.tv-auto-scroll{scroll-behavior:smooth;overflow-anchor:none}
.tv-loop-clone{pointer-events:none}
.tv-rotation-setting{display:flex;align-items:center;gap:8px;color:#d7e3f4;font-weight:700;white-space:nowrap}.tv-rotation-setting select{border:1px solid rgba(133,169,220,.4);border-radius:8px;background:#102743;color:#fff;padding:6px 24px 6px 9px;font:inherit;font-weight:800;cursor:pointer}
.tv-rotation-setting small{min-width:76px;color:#86efac;font-size:9px;font-weight:800}.tv-rotation-setting select:disabled{opacity:.7;cursor:wait}
.split-all-panel .split-table-scroll table{border-spacing:0}.split-all-panel .split-table-scroll tbody td,.split-all-panel .split-table-scroll tbody tr:nth-child(even) td{background:#fff;border-top:0;border-bottom:1px solid #cbd8e6}.split-all-panel .split-table-scroll tbody tr:last-child td{border-bottom:1px solid #b8c9dc}.split-all-panel .split-table-scroll td:first-child,.split-all-panel .split-table-scroll td:last-child{border-radius:0}
.split-table-scroll .split-priority{font-size:1em}
.split-late-panel .split-table-scroll table{border-spacing:0}.split-late-panel .split-table-scroll tbody td,.split-late-panel .split-table-scroll tbody tr:nth-child(even) td,.split-late-panel .split-table-scroll .split-row-late td{background:rgba(104,35,53,.92)!important;border-top:0;border-bottom:1px solid rgba(255,181,193,.24)}.split-late-panel .split-table-scroll tbody tr:last-child td{border-bottom:1px solid rgba(255,181,193,.38)}.split-late-panel .split-table-scroll td:first-child,.split-late-panel .split-table-scroll td:last-child{border-radius:0}