/* A graphite television cabinet around the existing dealer login form. */
body.tv-login-page{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:72px 28px 42px;background:radial-gradient(ellipse at 45% 26%,#d2d7db 0,#bfc7ce 55%,#aeb8c1 100%);color:#26333e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.tv-login-page *{box-sizing:border-box}
.tv-stage{position:relative;width:min(800px,100%);margin:auto}
.tv-aerial{position:absolute;left:43%;top:-43px;width:110px;height:43px;pointer-events:none}
.tv-aerial:after{content:"";position:absolute;bottom:0;left:42px;width:44px;height:15px;border-radius:20px 20px 0 0;background:linear-gradient(#5d6871,#39424a);border:1px solid #333b42}
.tv-aerial span{position:absolute;bottom:8px;left:62px;width:4px;height:60px;border-radius:5px;background:linear-gradient(90deg,#727e87,#dce1e5,#66717a);box-shadow:1px 0 1px #505d6a66;transform-origin:50% 100%;transform:rotate(-53deg)}
.tv-aerial span+span{height:76px;transform:rotate(52deg)}
.tv-cabinet{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 98px;column-gap:20px;row-gap:16px;padding:21px 22px 15px;border:1px solid #48535d;border-radius:31px 31px 25px 25px;background:linear-gradient(135deg,#89939b 0,#737f89 36%,#64717c 75%,#596670 100%);box-shadow:inset 0 2px 2px #d0d6dbbb,inset 0 -5px 0 #46535f,0 28px 48px -18px #26354270,0 5px 10px #2635422b}
.tv-screen-frame{padding:13px;border:1px solid #343f47;border-radius:51px / 41px;background:linear-gradient(145deg,#1f2c36,#3f4d58 65%,#26343e);box-shadow:inset 3px 5px 10px #17222ac9,0 1px 1px #b4bcc3}
.tv-screen{position:relative;overflow:hidden;min-height:435px;padding:26px 32px 28px;border:1px solid #8d9ca7;border-radius:37px / 30px;background:radial-gradient(ellipse at 48% 32%,#d8e0e5 0,#c7d2d9 70%,#b6c4ce 100%);box-shadow:inset 0 0 27px #60788855,inset 0 2px 6px #fff5}
.tv-screen:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(128deg,#fff2,transparent 35%,transparent 75%,#657d8b0d)}
.tv-screen-content{position:relative;width:100%;max-width:390px;margin:0 auto}
.tv-kicker{margin:0 0 8px;color:#526675;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:1.5px}
.tv-screen h1{margin:0 0 8px;font-size:34px;font-weight:650;line-height:1.2;letter-spacing:-1px;color:#243542}
.tv-intro{max-width:350px;margin:0 0 19px;font-size:13px;line-height:1.65;color:#506473}
.tv-login-form{display:flex;flex-direction:column;gap:14px;margin:0}
.tv-field-group>label{display:block;margin:0 0 7px;color:#324957;font-size:12px;font-weight:600}
.tv-input{display:flex;align-items:center;gap:11px;min-width:0;min-height:49px;padding:0 13px;border:1px solid #96a8b5;border-radius:8px;background:#e7edf1;box-shadow:inset 0 1px 2px #5263710c,0 1px 0 #eef3f566;transition:border-color .15s,box-shadow .15s}
.tv-input>svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:#69808f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tv-input:focus-within{border-color:#3e6e91;box-shadow:0 0 0 3px #3e6e911f;background:#eef2f5}
.tv-login-page .tv-field{display:block;width:100%;min-width:0;height:48px;padding:10px 0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;color:#263c4c;font:inherit;font-size:16px;line-height:24px}
.tv-password-toggle{display:grid;place-items:center;flex:0 0 40px;width:40px;height:42px;margin:0 -9px 0 0;padding:9px;border:0;border-radius:6px;background:transparent;color:#516a7b;cursor:pointer}
.tv-password-toggle:hover{background:#d4dfe7;color:#263f51}
.tv-password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tv-password-toggle .tv-eye-hide,.tv-password-toggle[aria-pressed="true"] .tv-eye-show{display:none}
.tv-password-toggle[aria-pressed="true"] .tv-eye-hide{display:block}
.tv-remember{display:flex;align-items:center;gap:9px;align-self:flex-start;min-height:25px;margin:0;color:#425b6c;font-size:13px;cursor:pointer}
.tv-remember input{appearance:auto;flex:0 0 17px;width:17px;height:17px;margin:0;accent-color:#324f65}
.tv-login-page .tv-submit{display:block;width:100%;min-height:49px;margin:0;padding:12px 18px;border:1px solid #213744;border-radius:8px;background:linear-gradient(#3b566b,#2d475b);box-shadow:inset 0 1px 0 #71899b66,0 3px 6px #20374424;color:#f2f6f8;font:inherit;font-size:15px;font-weight:650;line-height:24px;cursor:pointer}
.tv-login-page .tv-submit:hover{background:linear-gradient(#304e66,#263f54)}
.tv-login-page .tv-submit:active{transform:translateY(1px)}
.tv-password-toggle:focus-visible,.tv-submit:focus-visible,.tv-remember input:focus-visible{outline:3px solid #5985a5;outline-offset:3px}
.tv-login-error{margin:0;padding:11px 13px;border:1px solid #bd8f8f;border-radius:7px;background:#ead8d8;color:#763d3d;font-size:13px;line-height:1.55}
.tv-controls{display:flex;flex-direction:column;align-items:center;padding:13px 0 0;user-select:none}
.tv-control-label{margin-bottom:9px;font-size:9px;letter-spacing:3px;font-weight:700;color:#d3dade;text-shadow:0 1px 1px #3f4b55}
.tv-control-label-second{margin-top:24px}
.tv-dial{position:relative;display:grid;place-items:center;width:84px;height:84px;border:5px solid #47555f;border-radius:50%;background:repeating-conic-gradient(#d5dce1 0deg 2deg,#536371 2deg 15deg);box-shadow:0 3px 6px #20303b66,inset 0 0 0 2px #273640}
.tv-dial:before{content:"";position:absolute;inset:8px;border:1px solid #3e4a55;border-radius:50%;background:linear-gradient(140deg,#a5b0b9,#73818c 50%,#5d6c78);box-shadow:inset 1px 2px 3px #d6dce399,2px 2px 3px #25333d99}
.tv-dial span{z-index:1;width:12px;height:44px;transform:rotate(30deg);border:1px solid #44525e;border-radius:5px;background:linear-gradient(90deg,#8795a1,#bcc6cd 47%,#6a7c89);box-shadow:2px 2px 3px #30404c66}
.tv-dial-small{width:67px;height:67px}.tv-dial-small span{height:33px;transform:rotate(-32deg)}
.tv-speaker{flex:1;min-height:100px;width:88px;margin-top:29px;border-radius:5px;border:1px solid #53616c;background:repeating-linear-gradient(0deg,#334550 0 2px,#788690 2px 5px);box-shadow:inset 0 2px 4px #26394670}
.tv-power{display:flex;align-items:center;gap:14px;margin-top:22px}
.tv-power i{display:block;width:7px;height:7px;border:1px solid #715941;border-radius:50%;background:#d0a96c;box-shadow:0 0 5px #dfb37540}
.tv-power span{display:block;width:25px;height:17px;border:1px solid #3b4a55;border-radius:3px;background:linear-gradient(#99a7b1,#536775);box-shadow:1px 2px 3px #25384355}
.tv-bezel{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:0 14px;color:#dde3e7}
.tv-brand{font-size:19px;line-height:1;font-weight:650;letter-spacing:1.2px;text-shadow:0 1px 1px #273640}
.tv-bezel-lines{display:flex;flex-direction:column;gap:3px;flex:1;max-width:130px;margin-left:8px}.tv-bezel-lines span{height:1px;background:#a9b6bf77;border-bottom:1px solid #4e616f55}
.tv-model{margin-left:auto;font-size:8px;font-weight:600;letter-spacing:2.8px;color:#c2cdd5}
.tv-feet{display:flex;justify-content:space-between;margin:0 80px;height:15px}.tv-feet span{width:83px;border-radius:0 0 5px 5px;background:linear-gradient(#263744,#53636f);box-shadow:0 8px 12px #32495938}
@media(max-width:680px){
 body.tv-login-page{padding:47px 17px 26px;background:radial-gradient(ellipse at top,#c7cfd5,#aeb9c3)}
 .tv-aerial{left:37%;top:-33px;height:33px}.tv-aerial span{height:45px}.tv-aerial span+span{height:53px}
 .tv-cabinet{grid-template-columns:minmax(0,1fr);padding:15px 15px 14px;row-gap:14px;border-radius:25px}
 .tv-controls{display:none}
 .tv-screen-frame{padding:9px;border-radius:37px / 31px}
 .tv-screen{min-height:0;padding:23px 24px 24px;border-radius:26px / 22px}
 .tv-screen h1{font-size:31px}.tv-intro{margin-bottom:22px}
 .tv-kicker{font-size:10px;letter-spacing:1.1px}
 .tv-bezel{padding:0 8px;gap:10px}.tv-brand{font-size:16px}.tv-model{font-size:7px;letter-spacing:1.8px}
 .tv-bezel-lines{max-width:95px}.tv-feet{margin:0 45px;height:12px}.tv-feet span{width:56px}
}
@media(max-width:374px){
 body.tv-login-page{padding-left:10px;padding-right:10px}
 .tv-cabinet{padding:12px 11px}.tv-screen-frame{padding:7px}.tv-screen{padding:25px 16px}
 .tv-intro{font-size:12px}.tv-kicker{letter-spacing:.8px}.tv-screen h1{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.tv-input{transition:none}}

.tv-receiver{position:relative}
.subscriber-tv-login .subscriber-language-row{position:relative;z-index:1;margin-bottom:58px;gap:6px;justify-content:flex-end}
.subscriber-tv-login .subscriber-language-button{background:#d0d8de;border-color:#99a9b5;color:#304b5e}
.subscriber-tv-login .subscriber-language-button:hover,.subscriber-tv-login .subscriber-language-button.is-active{background:#b8c8d4;border-color:#56758e;color:#1c3e58}
.subscriber-tv-login .tv-screen h1{font-size:29px;letter-spacing:-.7px}
.tv-login-methods{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0 16px;padding:5px;border:1px solid #a7b6c1;border-radius:9px;background:#bac8d2}
.tv-login-methods a{flex:1;text-align:center;white-space:nowrap;padding:9px 7px;border-radius:6px;color:#35556b;font-size:13px;font-weight:600;text-decoration:none}
.tv-login-methods a.is-active{background:#e4ebef;color:#233d51;box-shadow:0 1px 3px #3a526533}
.tv-login-methods a:focus-visible{outline:3px solid #5985a5;outline-offset:2px}
@media(max-width:680px){.subscriber-tv-login .subscriber-language-row{margin-bottom:45px}.subscriber-tv-login .tv-screen h1{font-size:25px}.subscriber-tv-login .tv-screen{padding-left:19px;padding-right:19px}.tv-login-methods a{font-size:12px;padding:8px 4px}}