.tv-setup{max-width:950px}.tv-example{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}.tv-example span{padding:18px;border-radius:12px;background:#fee7ec;color:#a7162e;font-weight:700}.tv-example span:nth-child(2){background:#fff0d8;color:#824f00}.tv-example span:nth-child(3){background:#dcf9ed;color:#065f46}
.tv-screen{background:#0e1b2b;color:#f4f7fc;min-height:100vh;padding:20px;display:flex;flex-direction:column;gap:14px}.tv-screen:fullscreen{overflow:auto}.tv-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.tv-kicker{color:#fd966b;font-size:14px;letter-spacing:.08em;font-weight:700}.tv-header h1{font-size:clamp(24px,2.5vw,40px);margin:5px 0;max-width:650px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tv-tools label{font-size:12px;color:#d1dded}.tv-tools select{min-width:150px;margin:3px 0 0}.tv-tools .btn{font-size:14px}.tv-tools .sound-state{display:block;font-size:12px;max-width:235px;color:#dfebf9;margin-top:4px}.tv-connection{padding:9px 14px;background:#1c3449;border-radius:7px;font-size:14px}.tv-offline{background:#922c16;color:white;font-weight:700}.tv-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;flex:1}.tv-column{min-width:0;background:#18283b;border-radius:16px;padding:14px;display:flex;flex-direction:column}.tv-column h2{font-size:clamp(21px,1.7vw,30px);margin:0 0 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#ffa4b4}.tv-column h2>span{background:#6f2034;color:white;padding:5px 12px;border-radius:10px}.tv-preparing h2{color:#ffd177}.tv-preparing h2>span{background:#745013}.tv-ready h2{color:#82edbe}.tv-ready h2>span{background:#075b40}.tv-cards{display:grid;grid-template-rows:repeat(var(--tv-rows),minmax(0,1fr));gap:12px;flex:1;min-height:340px}.tv-card{border:2px solid #637a99;border-left-width:7px;border-radius:12px;background:#f0f5fc;color:#142438;padding:15px;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:190px}.tv-new{border-color:#fd657d;background:#ac1632;color:white}.tv-preparing .tv-card{border-color:#df9b2c;background:#fff5df}.tv-ready .tv-card{border-color:#1ab877;background:#dff7ec}.tv-card-heading,.tv-card-foot{display:flex;justify-content:space-between;gap:12px;align-items:center}.tv-card-heading strong{font-size:clamp(22px,1.65vw,31px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-card-heading>span{font-size:20px}.tv-card h3{font-size:clamp(24px,1.75vw,34px);line-height:1.18;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tv-detail{font-size:clamp(16px,1.2vw,22px);line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tv-card-foot{margin-top:auto;font-size:clamp(15px,1.15vw,21px);font-weight:700}.tv-card-foot time{white-space:nowrap}.tv-overdue{box-shadow:inset 0 0 0 3px #ffbb65}.tv-column-page{margin-top:12px;color:#b8cce4;text-align:right}.tv-empty{font-size:24px;color:#b8cce4;padding:40px 15px;text-align:center;grid-row:1/-1;align-self:center}.tv-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#b8cce4;font-size:14px}.tv-footer>div{display:flex;gap:12px;align-items:center}.tv-footer .btn{color:#d8e7f9;font-size:14px;padding:8px}.tv-footer time{font-size:25px;color:white;font-weight:700}
@media(min-width:1000px) and (min-height:620px){.tv-screen{height:100vh;min-height:620px;overflow:hidden}.tv-board{min-height:0}.tv-cards{min-height:0}.tv-card{min-height:0}.tv-header h1{max-width:34vw}.tv-card{padding:12px}.tv-card-heading{gap:6px}}
@media(max-width:999px){.tv-header,.tv-footer{flex-wrap:wrap}.tv-board{grid-template-columns:1fr}.tv-screen{padding:12px}.tv-card{min-height:190px}.tv-cards{grid-template-rows:none}.tv-header h1{max-width:90vw}}

@media(min-width:1000px) and (max-height:850px){.tv-screen{gap:10px;padding:14px}.tv-header h1{font-size:24px}.tv-card{gap:7px;padding:10px}.tv-card h3{font-size:24px}.tv-card-heading strong{font-size:23px}.tv-detail{font-size:16px;-webkit-line-clamp:1}.tv-card-foot{font-size:15px}.tv-column h2{font-size:23px}.tv-footer>span{font-size:12px}}

.tv-rows-1{--tv-rows:1}.tv-rows-2{--tv-rows:2}.tv-rows-3{--tv-rows:3}