.production .tv-device-card{margin-bottom:24px}
.production .tv-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}
.production .tv-form-card,.production .tv-guide{padding:28px;margin:0}
.production .tv-card-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:28px}
.production #view-tv h2{margin:0 0 7px;font-size:20px;line-height:1.4}
.production .tv-card-heading p,.production .tv-phone p,.production .tv-steps p{margin:0;color:var(--muted);line-height:1.6}
.production .tv-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--accent-deep);color:var(--purple)}
.production .tv-symbol .ico{width:24px;height:24px}
.production #tv-pair label{display:block;font-weight:600;margin-bottom:10px}
.production #tv-code{display:block;width:100%;box-sizing:border-box;height:80px;font:600 clamp(25px,3vw,36px)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:4px;text-transform:uppercase;text-align:center;border:1px solid var(--line-2);border-radius:14px;background:var(--surface-2);color:var(--ink);padding:16px;transition:border-color .15s,box-shadow .15s}
.production #tv-code::placeholder{color:var(--muted);opacity:.65}
.production #tv-code:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 4px var(--accent-deep)}
.production #tv-code[aria-invalid=true]{border-color:#c05566}
.production .tv-code-hint{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;margin:12px 0 24px}
.production .tv-code-hint .ico{width:16px;height:16px}
.production .tv-submit{width:100%;min-height:52px;gap:9px;font-size:15px}
.production .tv-submit:disabled{opacity:.65;cursor:wait}
.production .tv-status{margin-top:18px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--ink);overflow-wrap:anywhere}
.production .tv-status[data-state=success]{border-color:#4b9e79;color:var(--ink)}
.production .tv-status[data-state=error]{border-color:#c05566}
.production .tv-login{margin-top:12px;width:100%}
.production .tv-assurance{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;color:var(--muted);font-size:13px}
.production .tv-assurance p{margin:0}.production .tv-assurance .ico{flex:none;margin-top:3px;width:18px;height:18px}
.production .tv-monitor{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:164px;justify-content:center;margin:0 0 28px;border:5px solid var(--line-2);border-radius:16px;background:linear-gradient(135deg,var(--accent-deep),var(--surface-2));color:var(--purple);position:relative}
.production .tv-monitor::after{content:'';position:absolute;bottom:-14px;width:60px;height:8px;background:var(--line-2);border-radius:0 0 5px 5px}
.production .tv-monitor>.ico{width:28px;height:28px}.production .tv-monitor>strong{letter-spacing:1px;color:var(--ink)}
.production .tv-monitor>span:last-child{font-size:11px;color:var(--muted)}
.production .tv-monitor-code{font:600 22px/1.5 ui-monospace,monospace;letter-spacing:2px;color:var(--ink);margin:5px 0}
.production .tv-steps{list-style:none;margin:20px 0 24px;padding:0;display:grid;gap:20px}
.production .tv-steps li{display:flex;align-items:flex-start;gap:12px}.production .tv-steps li>span{display:grid;place-items:center;width:28px;height:28px;flex:none;background:var(--accent-deep);color:var(--purple);border-radius:9px;font-weight:700}
.production .tv-steps strong{font-weight:600}.production .tv-steps p{font-size:13px;margin-top:2px}
.production .tv-download{display:inline-flex;align-items:center;gap:8px;font-size:13px}.production .tv-download .ico{width:17px;height:17px;flex:none}
.production .tv-phone{display:flex;align-items:center;gap:18px;margin:0;padding:24px}.production .tv-phone>div{flex:1;min-width:0}.production .tv-phone .btn{flex:none;gap:8px}
.production .tv-help{margin:18px 0 0;color:var(--muted);font-size:13px;max-width:820px}
@media(max-width:1000px){.production .tv-grid{grid-template-columns:minmax(0,1fr)}.production .tv-monitor{display:none}.production .tv-phone{flex-wrap:wrap}.production .tv-phone .btn{margin-left:66px}}
@media(max-width:720px){.production .tv-grid{gap:18px;margin-bottom:18px}.production .tv-form-card,.production .tv-guide{padding:20px}.production .tv-card-heading{gap:12px;margin-bottom:24px}.production .tv-symbol{width:40px;height:40px;border-radius:12px}.production #view-tv h2{font-size:18px}.production .tv-card-heading p,.production .tv-phone p{font-size:13px}.production .tv-phone{padding:20px;gap:12px}.production .tv-phone .btn{margin:4px 0 0;width:100%}.production .tv-help{font-size:12px}.production .tv-device-card{margin-bottom:20px}}

.production .tv-install{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;margin:0 0 24px;padding:28px;align-items:center}
.production .tv-install-badge{display:inline-flex;align-items:center;gap:7px;color:var(--purple);font-size:12px;font-weight:600;margin-bottom:12px}
.production .tv-install-badge .ico{width:16px;height:16px}
.production .tv-install-steps{padding-left:20px;margin:16px 0;display:grid;gap:10px;color:var(--ink);font-size:14px;line-height:1.6}
.production .tv-install-steps li{padding-left:5px}.production .tv-install-steps a{color:var(--purple)}
.production .tv-install-note{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.production .tv-install-address{min-width:0;padding:22px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px}
.production .tv-install-address label{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}
.production #tv-download-url{box-sizing:border-box;width:100%;border:0;background:transparent;color:var(--ink);font:600 clamp(12px,1.25vw,17px)/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;padding:0;min-height:30px}
.production #tv-download-url:focus{outline:2px solid var(--purple);outline-offset:4px;border-radius:2px}
.production #tv-copy-download{width:100%;margin:14px 0 16px;gap:8px;min-height:42px}
.production #tv-download-status{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.5}
.production .tv-install-address .tv-download{display:flex;font-size:12px}
.production .tv-install-address small{display:block;color:var(--muted);font-size:11px;margin-top:9px;line-height:1.5}
@media(max-width:1000px){.production .tv-install{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.production .tv-install{padding:20px;gap:20px;margin-bottom:18px}.production .tv-install-address{padding:18px}.production #tv-download-url{font-size:clamp(12px,3.8vw,16px)}.production .tv-install-steps{font-size:13px}}

.production #tv-downloader-code{display:block;box-sizing:border-box;width:100%;padding:0;background:transparent;border:0;color:var(--ink);font:700 clamp(32px,3.3vw,44px)/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:4px}
.production #tv-downloader-code:focus{outline:2px solid var(--purple);outline-offset:4px;border-radius:2px}
.production #tv-copy-downloader-code{width:100%;min-height:44px;gap:8px;margin:18px 0 12px}
.production .tv-downloader-code-note,.production #tv-downloader-code-status{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 14px}
.production .tv-download-fallback{border-top:1px solid var(--line);padding-top:14px;margin-bottom:18px}
.production .tv-download-fallback summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--muted)}
.production .tv-download-fallback[open] summary{margin-bottom:16px}
@media(max-width:720px){.production #tv-downloader-code{font-size:36px}}