/* Chiefs TV workspace theme. Broadcast artwork is intentionally independent. */
:root{--chiefs-gold:#efb81b;--chiefs-paper:#fafafa;--chiefs-muted:#a4a4a4;--chiefs-line:#303030;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:not(.overlay){background:#090909;color:var(--chiefs-paper);min-height:100vh;background-image:radial-gradient(ellipse at 95% 0%,#efb81b0b,transparent 42%)}
#control{max-width:1480px;padding:36px 40px 56px}
#control>header{border:0;border-bottom:1px solid var(--chiefs-line);padding:0 0 28px;margin-bottom:24px;position:relative}
#control>header:after{content:"";position:absolute;bottom:-1px;left:0;width:64px;height:3px;background:var(--chiefs-gold)}
#control .eyebrow{color:var(--chiefs-gold);font-size:10px;letter-spacing:2.8px;line-height:1.6;font-weight:800}
#control h1{font-size:clamp(28px,3.2vw,44px);font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-top:10px}
#control h2{font-size:17px;letter-spacing:-.3px;font-weight:750}#control h3{font-weight:700;letter-spacing:-.2px}
#control p{color:#aaa;line-height:1.65}#control a:not(.button){color:#f4ca54;text-underline-offset:4px}
#control .page-nav{background:#111;border:1px solid #292929;border-radius:14px;padding:10px 14px;margin:0 0 24px;max-width:440px;gap:18px}
#control .page-nav label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#999}
#control .page-nav select{background:#202020;border:1px solid #363636;color:#fff;flex:1;font-weight:650;border-radius:9px;padding:10px 36px 10px 14px}
#control .card,#control .preview-panel,#control .possession-control,#control .phone-access{background:linear-gradient(145deg,#191919,#131313);border:1px solid #303030;border-radius:16px;box-shadow:0 5px 20px #0002}
#control .card{padding:24px}#control .controls{gap:18px}#control .team.away{border-top:3px solid var(--chiefs-gold)}#control .team.home{border-top:3px solid #fff}
#control button,#control .button{border-radius:9px;background:#252525;border:1px solid #3b3b3b;color:#f5f5f5;font-size:13px;font-weight:650;min-height:42px;box-shadow:0 1px 2px #0002;transition:background .15s,border-color .15s,transform .15s}
#control button:hover,#control .button:hover{background:#343434;border-color:#777;transform:translateY(-1px)}#control button:active,#control .button:active{transform:translateY(0)}
#control button:disabled{transform:none;opacity:.38;cursor:not-allowed}
#control .primary,#control .button,#control #saveScript,#control #addCue,#control #newDrive{background:var(--chiefs-gold);border-color:var(--chiefs-gold);color:#131009;font-weight:800}
#control .primary:hover,#control .button:hover,#control #saveScript:hover,#control #addCue:hover,#control #newDrive:hover{background:#ffd052;border-color:#ffd052}
#control .selected{background:var(--chiefs-gold)!important;border-color:var(--chiefs-gold)!important;color:#131009!important;box-shadow:0 0 0 1px #efb81b33}
#control input,#control select,#control textarea{color:#fff;background:#0d0d0d;border:1px solid #424242;border-radius:9px;padding:11px 12px;font:inherit;accent-color:var(--chiefs-gold)}
#control input::placeholder,#control textarea::placeholder{color:#7f7f7f}#control input:focus,#control textarea:focus,#control select:focus{border-color:var(--chiefs-gold)}
#control :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--chiefs-gold);outline-offset:3px}
#control label,#control form label,#control .timeout-head,#control .possession-control>span{color:#ccc;font-size:13px;font-weight:550}
#control .stats-form{gap:22px}#control .stats-form label{gap:9px}#control textarea{resize:vertical;min-height:92px;line-height:1.6}
#control .stats-toolbar{padding:0;gap:10px;margin:22px 0}#control .stats-toolbar button,#control .stats-toolbar .button{padding:12px 18px}
#control .score-row{margin:24px 0}#control .score-row output{font-size:64px;font-weight:800;letter-spacing:-3px}#control .score-row button{height:48px;width:48px;font-size:24px;border-radius:12px}
#control .clock>output,#control .play-controls>output{font-size:56px;font-weight:800;letter-spacing:-2px;margin:24px 0;color:white}#control .play-controls>output.urgent{color:#ff7979}
#control .section-head>span{font-size:10px;color:#a8a8a8;letter-spacing:1.4px}#control .preview-panel>.section-head{background:#171717;border-bottom:1px solid #303030;padding:16px 22px;color:#bdbdbd}
#control #preview{background:repeating-conic-gradient(#151515 0% 25%,#1a1a1a 0% 50%) 50%/24px 24px}
#control #connection{padding:6px 10px;border-radius:20px;background:#242424;color:#eee;font-size:11px}#control #connection.connection-error{color:#ffd052!important}
#control .possession-control{padding:16px 20px}#control .possession-options small{color:inherit}
#control .stats-table-wrap{border:1px solid #303030;border-radius:14px;background:#131313;overflow:auto}#control .stats-table th{background:#202020;color:#f1c54e;font-size:11px;letter-spacing:.7px;text-transform:uppercase;padding:17px 18px}
#control .stats-table td{padding:17px 18px;border-bottom:1px solid #292929;font-size:14px;color:#ddd}#control .stats-table tbody tr:last-child td{border-bottom:0}#control .stats-table tbody tr:hover{background:#ffffff04}
#control .delete-drive,#control .delete-play,#control .danger{background:#211719;border-color:#623238;color:#ffb3b3}#control .crew-totals p{background:#202020;border:1px solid #373737;border-radius:12px;padding:16px 20px}
#control .script-cue{border-left:3px solid #efb81b;margin:18px 0}#control .script-cue .section-head{padding-bottom:16px;border-bottom:1px solid #303030;margin-bottom:20px}#control .script-cue h3{color:#f5cd5b;font-size:15px}
#control #scriptStatus,#control #statsMessage,#control #crewMessage{font-size:13px;color:#dfc477;margin:18px 0}#control .script-reference{font-size:12px;color:#8b8b8b;margin-top:30px}
#control footer{padding-top:22px;border-top:1px solid #292929;color:#929292}#control .phone-access summary{font-weight:650}
#chiefy-panel{background:#131313;border-color:#48402b;border-radius:18px}#chiefy-panel header{margin:0;background:#1b1b1b}#chiefy-messages p,#chiefy-topics button,#chiefy-input{background:#242424;color:#f5f5f5;border-color:#444}#chiefy-launch{background:#efb81b;border-color:#efb81b;color:#15110a}
@media(max-width:1000px){#control{padding:26px 24px 44px}#control .card{padding:20px}}
@media(max-width:620px){#control{padding:22px 16px 94px}#control>header{padding-bottom:22px;gap:18px}#control .page-nav{max-width:none}#control .stats-toolbar{display:grid;grid-template-columns:1fr 1fr}#control .stats-toolbar .button{text-align:center}#control .card{border-radius:13px;padding:20px}#control .script-section{flex-wrap:wrap}#control button,#control .button{min-height:44px}#control input,#control select,#control textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){#control button,#control .button{transition:none;transform:none!important}}
