body.kolo-theme.modern-tv-login{padding:36px 24px 28px;background:radial-gradient(ellipse at 50% 24%,#e8e0d6 0,#d6ccbe 52%,#c1b4a3 100%)}
.modern-tv-stage{width:min(860px,100%)}
.modern-tv-frame{position:relative;padding:7px 7px 0;border:1px solid #4f4940;border-radius:15px;background:linear-gradient(140deg,#4d4539,#14181d 55%,#272d35);box-shadow:0 30px 65px -22px #17273d80,0 3px 8px #17212f33,inset 0 1px 1px #b7aa99}
.modern-tv-panel{position:relative;border:1px solid #0b0f14;border-radius:8px;overflow:hidden;background:#e7e0d5}
.kolo-theme.modern-tv-login .modern-tv-screen{min-height:442px;padding:36px 48px 40px;border:0;border-radius:6px;background:radial-gradient(ellipse at 16% 12%,#e8d3b5 0,transparent 46%),radial-gradient(ellipse at 94% 94%,#d7c7b1 0,transparent 45%),#e9e2d9;box-shadow:inset 0 0 32px #9d8b7224}
.kolo-theme.modern-tv-login .tv-screen-content{max-width:360px}
.kolo-theme.modern-tv-login .tv-screen h1{font-size:32px;letter-spacing:-.8px}
.kolo-theme.modern-tv-login .tv-kicker{color:#a18053;font-size:10px;letter-spacing:2px;margin-bottom:8px}
.kolo-theme.modern-tv-login .tv-intro{margin-bottom:23px}
.kolo-theme.modern-tv-login .tv-input{border-color:#c5b6a1;background:#f8f3ed;box-shadow:0 2px 3px #795c3409}
.kolo-theme.modern-tv-login .tv-input:focus-within{background:#fcfaf7;border-color:#b79970;box-shadow:0 0 0 3px #a6804a22}
.kolo-theme.modern-tv-login .tv-submit{border-color:#a77d43;background:#a77d43;box-shadow:0 4px 10px #a77d4329}
.kolo-theme.modern-tv-login .tv-submit:hover{background:#896634}
.modern-tv-bezel{position:relative;height:26px;display:flex;align-items:center;justify-content:center;color:#bfb8ad;font-size:9px;font-weight:600;letter-spacing:2px}
.modern-tv-bezel i{position:absolute;right:19px;top:11px;width:4px;height:4px;border-radius:50%;background:#e3c79f;box-shadow:0 0 6px #e3c79f88}
.modern-tv-stand{position:relative;height:57px;display:flex;align-items:flex-start;justify-content:center;z-index:-1}
.modern-tv-stand span{height:43px;width:100px;background:linear-gradient(90deg,#443d32,#8e8373 48%,#4f4536);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}
.modern-tv-stand i{position:absolute;bottom:4px;left:50%;width:280px;height:15px;transform:translateX(-50%);border-radius:50% 50% 5px 5px;background:linear-gradient(#8c8171,#484036 75%,#262b33);box-shadow:0 12px 18px #4b403022}
.modern-tv-stage{isolation:isolate}
@media(max-width:680px){
 body.kolo-theme.modern-tv-login{padding:24px 12px}
 .modern-tv-frame{padding:5px 5px 0;border-radius:11px}
 .kolo-theme.modern-tv-login .modern-tv-screen{padding:31px 23px 32px;min-height:0;border-radius:5px}
 .kolo-theme.modern-tv-login .tv-screen h1{font-size:29px}
 .modern-tv-bezel{height:23px;font-size:8px}
 .modern-tv-stand{height:47px}.modern-tv-stand span{height:33px;width:78px}.modern-tv-stand i{width:210px;height:12px}
}
@media(max-width:374px){.kolo-theme.modern-tv-login .modern-tv-screen{padding:28px 17px}.kolo-theme.modern-tv-login .tv-screen h1{font-size:27px}}

/* Cinematic artwork and an accessible, functional HTML television. Admin entrance only. */
body.kolo-theme.cinema-login{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding:108px clamp(24px,4.5vw,88px) 56px;background:#0c1118;color:#f9f4ee;overflow-x:hidden}
.cinema-backdrop{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#0c111812 0%,#0c111800 39%,#0c111833 55%,#0c111877 100%),linear-gradient(0deg,#0c1118 0%,transparent 34%,#0c111833 100%),url('../img/kolo-cinema-room-v1.webp');background-position:center,center,center 40%;background-size:cover;background-repeat:no-repeat}
.cinema-login:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 79% 45%,#d4a96d14,transparent 42%)}
.cinema-brand{position:absolute;left:clamp(24px,4.5vw,88px);top:34px;display:flex;align-items:center;gap:13px;z-index:1}
.cinema-brand-symbol{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ddba8866;border-radius:13px;background:#83633733;box-shadow:inset 0 1px 0 #e0c9a814}
.cinema-brand-symbol svg{width:28px;height:28px;fill:none;stroke:#e8d0af;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cinema-brand strong{display:block;color:#faf5ed;font-size:22px;line-height:1.25;font-weight:650;letter-spacing:.4px}
.cinema-brand div>span{display:block;margin-top:5px;color:#d2c1a9;font-size:9px;letter-spacing:2px;text-transform:uppercase}
.cinema-layout{width:100%;max-width:1680px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center}
.cinema-login :is(.modern-tv-stage,.cinema-tv-stage){flex:0 1 620px;width:48%;max-width:620px;margin:0;isolation:isolate}
.cinema-login .modern-tv-frame{padding:6px 6px 0;border-color:#756856;border-radius:15px;background:linear-gradient(125deg,#695f52 0,#23282f 30%,#13171d 75%,#5e4f3b 100%);box-shadow:0 28px 80px -14px #000a,0 0 55px #d0a16012,inset 0 1px 1px #d5c3ab77}
.cinema-login .modern-tv-panel{border-color:#080c12;border-radius:9px;background:#171e29}
.kolo-theme.cinema-login .modern-tv-screen{padding:35px clamp(28px,4vw,64px) 39px;min-height:430px;background:radial-gradient(ellipse at 5% 0,#7963443b,transparent 52%),linear-gradient(135deg,#1e2835,#151d29 70%,#1a2535);border-radius:7px;box-shadow:inset 0 0 26px #0004}
.cinema-login .modern-tv-screen:before{background:linear-gradient(132deg,#ffffff04,transparent 30%);pointer-events:none}
.kolo-theme.cinema-login .tv-screen-content{max-width:355px}
.kolo-theme.cinema-login .tv-kicker{margin-bottom:9px;color:#e2c59d;font-size:10px;letter-spacing:2px}
.kolo-theme.cinema-login .tv-screen h1{font-size:32px;font-weight:600;color:#faf4ec;letter-spacing:-.7px}
.kolo-theme.cinema-login .tv-intro{color:#cbbeac;font-size:12px;line-height:1.7;margin-bottom:23px}
.kolo-theme.cinema-login .tv-field-group>label{color:#e0d6c7;font-size:12px;font-weight:500}
.kolo-theme.cinema-login .tv-input{background:#0f1621;border-color:#706350;border-radius:8px;box-shadow:inset 0 1px 3px #0002}
.kolo-theme.cinema-login .tv-input:focus-within{border-color:#e1c398;background:#151f2e;box-shadow:0 0 0 3px #dab5801c}
.kolo-theme.cinema-login .tv-input>svg{stroke:#bfa785}
.kolo-theme.cinema-login .tv-field{color:#f9f4ec;caret-color:#ebd6b8;font-size:16px}
.kolo-theme.cinema-login .tv-field:-webkit-autofill{-webkit-text-fill-color:#f9f4ec;-webkit-box-shadow:0 0 0 1000px #0f1621 inset;caret-color:#ebd6b8}
.kolo-theme.cinema-login .tv-password-toggle{color:#cdbaa0}
.kolo-theme.cinema-login .tv-password-toggle:hover{background:#534229;color:#f4eadb}
.kolo-theme.cinema-login .tv-remember{font-size:12px;color:#d2c5b3}
.kolo-theme.cinema-login .tv-remember input{accent-color:#c89e64}
.kolo-theme.cinema-login .tv-submit{margin-top:2px;border:1px solid #d0ad7d;background:linear-gradient(110deg,#bd9255,#9f7841);color:#fff;box-shadow:0 5px 18px #ce9c5526,inset 0 1px 0 #eddcc322;font-size:14px;letter-spacing:.2px}
.kolo-theme.cinema-login .tv-submit:hover{background:linear-gradient(110deg,#d0a568,#b38b52);border-color:#e2c499}
.cinema-login .modern-tv-bezel{height:24px;color:#9f9586;font-size:8px;letter-spacing:2.5px}
.cinema-login .modern-tv-bezel i{background:#e0bf93;box-shadow:0 0 9px #e2c49a99}
.cinema-login .modern-tv-stand{height:51px}
.cinema-login .modern-tv-stand span{height:38px;width:90px;background:linear-gradient(90deg,#202a38,#736653 48%,#483b28)}
.cinema-login .modern-tv-stand i{width:250px;height:13px;background:linear-gradient(#7f715d,#493e2e 65%,#141b24);box-shadow:0 16px 28px #0008}
.cinema-login .tv-login-error{background:#482735;border-color:#99516a;color:#ffe0e9}
@media(min-width:1800px){.cinema-login :is(.modern-tv-stage,.cinema-tv-stage){max-width:680px;flex-basis:680px}.kolo-theme.cinema-login .modern-tv-screen{padding-top:44px;padding-bottom:46px}}
@media(max-width:1100px) and (min-width:761px){.cinema-login :is(.modern-tv-stage,.cinema-tv-stage){width:51%;flex-basis:51%}.kolo-theme.cinema-login .modern-tv-screen{padding:29px 28px 31px}.cinema-backdrop{background-position:center,center,44% center}}
@media(max-width:760px){
 body.kolo-theme.cinema-login{padding:232px 18px 28px;justify-content:flex-start;min-height:100svh}
 .cinema-brand{top:22px;left:22px;gap:11px}.cinema-brand-symbol{width:36px;height:36px;border-radius:11px}.cinema-brand-symbol svg{width:24px;height:24px}.cinema-brand strong{font-size:19px}.cinema-brand div>span{font-size:8px;letter-spacing:1.6px;margin-top:3px}
 .cinema-backdrop{background-image:linear-gradient(0deg,#0c1118 0%,#0c1118 49%,#0c111800 82%,#0c111866 100%),url('../img/kolo-cinema-room-v1.webp');background-size:100% 100%,auto 480px;background-position:center,24% -15px}
 .cinema-layout{justify-content:center}.cinema-login :is(.modern-tv-stage,.cinema-tv-stage){width:100%;flex-basis:100%;max-width:520px}
 .kolo-theme.cinema-login .modern-tv-screen{padding:26px 25px 29px;min-height:0}
 .kolo-theme.cinema-login .tv-screen h1{font-size:28px}.kolo-theme.cinema-login .tv-intro{margin-bottom:19px;font-size:12px}
 .cinema-login .modern-tv-stand{height:41px}.cinema-login .modern-tv-stand span{height:29px;width:73px}.cinema-login .modern-tv-stand i{width:205px;height:11px}
}
@media(max-width:374px){body.kolo-theme.cinema-login{padding:205px 10px 24px}.cinema-brand{left:18px}.kolo-theme.cinema-login .modern-tv-screen{padding:23px 19px 27px}.cinema-backdrop{background-size:100% 100%,auto 445px}.kolo-theme.cinema-login .tv-screen h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.cinema-login *{scroll-behavior:auto}}

/* Dealer cinema uses the recognisable retro receiver. */
.cinema-dealer-login .cinema-tv-stage{position:relative;max-width:700px;flex-basis:660px;width:51%;padding-top:0}
.cinema-dealer-login .tv-cabinet{grid-template-columns:minmax(0,1fr) 79px;column-gap:15px;padding:17px 17px 13px;border-color:#817461;background:linear-gradient(135deg,#796b58,#5f5240 38%,#463b2b 80%,#232c39);box-shadow:inset 0 2px 2px #c3b19877,inset 0 -5px 0 #1a2433,0 28px 70px -14px #000b,0 0 55px #d5aa6e12}
.cinema-dealer-login .tv-screen-frame{padding:10px;border-color:#0f1722;background:linear-gradient(145deg,#171f2b,#4f4332 65%,#1c2635);box-shadow:inset 3px 5px 10px #080f19cc,0 1px 1px #9d8b71}
.kolo-theme.cinema-dealer-login .tv-screen{padding:28px 27px 29px;min-height:0;border-color:#786953;border-radius:34px / 27px;background:radial-gradient(ellipse at 45% 30%,#242f3f,#1b2430 70%,#151d28);box-shadow:inset 0 0 24px #05090f66,inset 0 2px 5px #dfc7a50a}
.cinema-dealer-login .tv-screen:before{background:linear-gradient(128deg,#fff03,transparent 35%)}
.cinema-dealer-login .tv-aerial{left:43%;top:-42px;opacity:.8}.cinema-dealer-login .tv-aerial:after{background:linear-gradient(#796f60,#453a2b);border-color:#202b3a}
.cinema-dealer-login .tv-aerial span{background:linear-gradient(90deg,#665946,#d1c5b4,#7b6a52)}
.cinema-dealer-login .tv-controls{padding-top:13px}.cinema-dealer-login .tv-control-label{color:#cdbea9;font-size:8px}
.cinema-dealer-login .tv-dial{width:70px;height:70px;border-color:#293341;background:repeating-conic-gradient(#c0b19b 0deg 2deg,#5f5343 2deg 15deg);box-shadow:0 3px 6px #090f1888,inset 0 0 0 2px #192330}
.cinema-dealer-login .tv-dial:before{border-color:#4d3e2a;background:linear-gradient(140deg,#aa9a84,#7c6d57 50%,#554836)}
.cinema-dealer-login .tv-dial span{width:10px;height:36px;border-color:#4a3c29;background:linear-gradient(90deg,#89785f,#c3b49e 47%,#665640)}
.cinema-dealer-login .tv-dial-small{width:57px;height:57px}.cinema-dealer-login .tv-dial-small span{height:28px}
.cinema-dealer-login .tv-speaker{width:70px;min-height:85px;border-color:#4e4231;background:repeating-linear-gradient(0deg,#19222f 0 2px,#766751 2px 5px);box-shadow:inset 0 2px 4px #08101c80}
.cinema-dealer-login .tv-power i{background:#c49b73;box-shadow:0 0 7px #e4b58d33}.cinema-dealer-login .tv-power span{background:linear-gradient(#9f8c72,#5f4e37);border-color:#1f2c3e}
.cinema-dealer-login .tv-brand{font-size:16px;color:#d8cdbd}.cinema-dealer-login .tv-model{color:#b8a891;font-size:7px}.cinema-dealer-login .tv-bezel-lines span{background:#b09d8260;border-bottom-color:#16213188}
.cinema-dealer-login .tv-feet span{background:linear-gradient(#121d2d,#6b5a42);box-shadow:0 8px 15px #0006}
@media(max-width:1100px) and (min-width:761px){.cinema-dealer-login .cinema-tv-stage{width:54%;flex-basis:54%}.cinema-dealer-login .tv-cabinet{grid-template-columns:minmax(0,1fr) 58px;column-gap:10px;padding:13px}.cinema-dealer-login .tv-dial{width:55px;height:55px}.cinema-dealer-login .tv-dial-small{width:47px;height:47px}.cinema-dealer-login .tv-speaker{width:54px}.kolo-theme.cinema-dealer-login .tv-screen{padding:25px 19px}}
@media(max-width:760px){.cinema-dealer-login .cinema-tv-stage{width:100%;flex-basis:100%;max-width:520px;padding-top:10px}.cinema-dealer-login .tv-aerial{top:-26px;height:33px}.cinema-dealer-login .tv-aerial span{height:45px}.cinema-dealer-login .tv-aerial span+span{height:53px}.cinema-dealer-login .tv-cabinet{grid-template-columns:minmax(0,1fr);padding:13px;gap:12px}.cinema-dealer-login .tv-controls{display:none}.kolo-theme.cinema-dealer-login .tv-screen{padding:25px 23px 27px;border-radius:25px / 21px}.cinema-dealer-login .tv-screen-frame{padding:8px}.cinema-dealer-login .tv-feet{height:12px}}
@media(max-width:374px){.cinema-dealer-login .tv-cabinet{padding:10px}.cinema-dealer-login .tv-screen-frame{padding:6px}.kolo-theme.cinema-dealer-login .tv-screen{padding:23px 17px 25px}}

/* Kolo: midnight-blue cinema with warm brass highlights. */
body.kolo-theme.cinema-login{background:#0b121c}
.cinema-brand-symbol{background:#c98e431c;border-color:#dca86a60}.cinema-brand-symbol svg{stroke:#ebbc7a}
.cinema-brand strong{color:#f6eee2}.cinema-brand div>span{color:#b7a78f}
.kolo-theme.cinema-login .tv-kicker{color:#d8ad76}
.kolo-theme.cinema-login .tv-screen h1{color:#f4eee6}
.kolo-theme.cinema-login .tv-intro{color:#b9b0a3}
.kolo-theme.cinema-login .tv-field-group>label{color:#d5cbbb}
.kolo-theme.cinema-login .tv-input{background:#101922;border-color:#766651}
.kolo-theme.cinema-login .tv-input:focus-within{background:#16222e;border-color:#d6ad75;box-shadow:0 0 0 3px #d4a15f22}
.kolo-theme.cinema-login .tv-field{color:#f7eee0;caret-color:#f0c68d}
.kolo-theme.cinema-login .tv-field:-webkit-autofill{-webkit-text-fill-color:#f7eee0;-webkit-box-shadow:0 0 0 1000px #101922 inset;caret-color:#f0c68d}
.kolo-theme.cinema-login .tv-input>svg{stroke:#b69970}.kolo-theme.cinema-login .tv-password-toggle{color:#c6ae8a}
.kolo-theme.cinema-login .tv-password-toggle:hover{background:#3c3428;color:#f2d9b5}
.kolo-theme.cinema-login .tv-remember{color:#c4b6a4}.kolo-theme.cinema-login .tv-remember input{accent-color:#ba884c}
.kolo-theme.cinema-login .tv-submit{border-color:#e0bb83;background:linear-gradient(110deg,#e4b775,#c99552);color:#221a11;box-shadow:0 5px 18px #c28a3320,inset 0 1px 0 #ffeac844;font-weight:650}
.kolo-theme.cinema-login .tv-submit:hover{background:linear-gradient(110deg,#f0c58b,#dda767);border-color:#f0cca0}
.kolo-theme.cinema-login .tv-submit:focus-visible,.kolo-theme.cinema-login .tv-password-toggle:focus-visible{outline-color:#d8ac70}
.kolo-theme.cinema-login .modern-tv-screen{background:radial-gradient(ellipse at 5% 0,#bc8c4433,transparent 53%),linear-gradient(135deg,#212b36,#121d28 70%,#1d2833)}
.kolo-theme.cinema-dealer-login .tv-screen{background:radial-gradient(ellipse at 45% 20%,#2c3640,#192630 70%,#14202a)}
.kolo-theme.cinema-login .tv-login-error{background:#482735;border-color:#99516a;color:#ffe0e9}