/* Dark metal / smoked glass console. Existing renderer coordinates stay intact. */
.license-buy-link{display:flex;align-items:center;justify-content:center;min-height:54px;padding:14px 18px;border:1px solid #96f6d8;border-radius:9px;background:linear-gradient(#8af4d4,#43cba3 55%,#2b9d7e);color:#082a23;font:700 16px Segoe UI,system-ui;text-align:center;text-decoration:none;box-shadow:inset 0 1px #d5fff2,0 3px 12px #0004;touch-action:manipulation}.license-buy-link:hover{filter:brightness(1.1)}.license-buy-help{font-size:13px;line-height:1.6;margin:12px 0 24px;color:#647078}.license-key-label{display:block;margin-bottom:10px;font-size:14px;font-weight:600}#licenseModal{overflow-y:auto;padding:20px 0}#licenseModal>div{max-height:calc(100dvh - 40px);overflow-y:auto}
:root{--primary:#59e4bc;--primary-light:#a4f7df;--primary-dark:#25745f;--glass:#20272b;--bg-dark:#111719;--bg-mid:#20272b}
body.tm-ready{height:auto;min-height:100dvh;overflow:auto;background:radial-gradient(ellipse at 50% 0,#303a3e,transparent 65%),#101517;color:#edf3f3;font-family:Segoe UI,system-ui,sans-serif}
body.tm-ready:before,.tm-ready>.grid-overlay,.tm-ready>.scan-line{display:none}
.tm-ready:not(.tm-editing)>.admin-layout{display:none!important}
#tm-console{max-width:1440px;margin:auto;padding:24px;min-height:100dvh}
#tm-console button,#tm-editor-bar button,#tm-prepare button{min-height:50px;padding:12px 20px;border:1px solid #526067;border-bottom-color:#080d0f;border-radius:9px;background:linear-gradient(#374146,#20272b 55%,#1a2124);color:#e8efef;font:600 14px Segoe UI,system-ui;box-shadow:inset 0 1px #ffffff20,0 3px 5px #0006;cursor:pointer;touch-action:manipulation}
#tm-console button:hover,#tm-editor-bar button:hover,#tm-prepare button:hover{filter:brightness(1.15)}
#tm-console button:active,#tm-prepare button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0008}
.tm-ready :focus-visible{outline:3px solid #a4f7df!important;outline-offset:3px}
.tm-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;border:1px solid #596369;border-radius:14px;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(#303a3f,#1b2226);box-shadow:inset 0 1px #ffffff30,0 8px 24px #0005}
.tm-header strong{font-size:26px;letter-spacing:-1px}.tm-header small{display:block;color:#aab9be;font-size:12px;margin-top:4px}.tm-header nav{display:flex;gap:6px}#tm-console .selected{color:#9df5d9;background:#101b1b;border-bottom-color:#63e6be}#tm-network{font-size:13px;color:#b7c8c9;max-width:140px}
.tm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 20px}.tm-toolbar h1{font-size:26px;letter-spacing:-.6px}.tm-toolbar p{color:#9caeb4;margin-top:5px;font-size:14px}.tm-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tm-tools label{display:flex;gap:8px;align-items:center;color:#c5d1d5;font-size:13px}.tm-sync input{width:22px;height:22px;accent-color:#59e4bc}
#tm-console select,#tm-editor-bar select,#tm-prepare input{background:#11191c;color:#f0f7f7;border:1px solid #536169;border-radius:8px;padding:12px;min-height:48px;font:inherit;color-scheme:dark}
#tm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}#tm-cards:has(.tm-card:only-child){grid-template-columns:minmax(0,1fr);max-width:850px;margin:auto}
.tm-card{padding:20px;border:1px solid #526168;border-radius:16px;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(135deg,#2c363b,#192125 75%);box-shadow:inset 0 1px #ffffff25,0 12px 28px #0005;min-width:0}
.tm-card>header{display:flex;gap:12px;align-items:center;margin-bottom:20px}.tm-channel{color:#84999f;font-size:22px}.tm-card h2{font-size:20px;flex:1;overflow-wrap:anywhere}.tm-connection{font-size:12px;color:#a9b7be;text-align:right;max-width:110px}.tm-connection.online{color:#85e6c7}
.tm-glass{position:relative;display:flex;flex-direction:column;align-items:center;padding:22px 16px;border:3px solid #090f11;border-radius:12px;background:linear-gradient(150deg,#ffffff09,transparent 38%),linear-gradient(#121b1e,#080e10);box-shadow:0 0 0 1px #536169,inset 0 4px 15px #000b;overflow:hidden}.tm-state{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#b1c7ca}.tm-time{font-size:clamp(58px,7.5vw,112px);font-weight:650;letter-spacing:-3px;line-height:1.35;font-variant-numeric:tabular-nums;text-shadow:0 3px 1px #000,0 0 24px #ffffff12}.tm-total{color:#a2b8bf;font-size:13px}
.tm-glass progress{width:100%;height:9px;margin-top:18px;border:0;border-radius:9px;background:#1c282b;overflow:hidden;accent-color:#67efc6}.tm-glass progress::-webkit-progress-bar{background:#1c282b}.tm-glass progress::-webkit-progress-value{background:linear-gradient(#a0ffdf,#35cda1);border-radius:9px}
.tm-transport,.tm-adjust,.tm-secondary{display:grid;gap:10px;margin-top:14px}.tm-transport{grid-template-columns:1.25fr 1fr}.tm-adjust,.tm-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}#tm-console .tm-primary,#tm-prepare .tm-primary{background:linear-gradient(#8af4d4,#43cba3 55%,#2b9d7e);color:#082a23;border-color:#94f8db;box-shadow:inset 0 1px #d5fff2,0 2px 10px #49deb52b;min-height:60px;font-size:18px}#tm-console .tm-pausing{background:linear-gradient(#695333,#392d1b);color:#ffcf7e;border-color:#cfa25d;box-shadow:inset 0 1px #ffd78b50,0 0 12px #e9b14e20}#tm-console .tm-secondary button{padding:10px 6px;font-size:13px}.tm-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:25px}.tm-footer span{font-size:12px;color:#91a3aa}.tm-notice{padding:12px 16px;margin-bottom:18px;border:1px solid #ad884d;color:#f0ce98;border-radius:8px;background:#372b1b}
#tm-editor-bar{display:none}.tm-editing #tm-console{display:none}.tm-editing #tm-editor-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#151d20;padding:12px 20px;border-bottom:1px solid #5b726e}.tm-editing #tm-editor-bar label{display:flex;align-items:center;gap:10px}.tm-editing .admin-layout{height:auto!important;min-height:100vh;display:grid!important;grid-template-columns:200px minmax(250px,1fr) 300px!important;grid-template-rows:auto auto auto!important;gap:14px;padding:16px}.tm-editing .header{grid-column:1/-1;grid-row:auto;height:auto;flex-wrap:wrap}.tm-editing .panel-left,.tm-editing .panel-center,.tm-editing .panel-right{grid-row:2;position:relative!important;max-height:none!important;height:auto!important}.tm-editing .panel-bottom{grid-column:1/-1;grid-row:3;height:auto!important;max-height:none!important;overflow:visible}.tm-editing .bottom-split{display:flex;flex-wrap:wrap;height:auto!important}.tm-editing .bottom-pane{flex:1 1 280px;min-width:240px;height:auto!important;max-height:none!important}.tm-editing .resize-divider{display:none!important}.tm-editing .glass-panel{background:linear-gradient(135deg,#293338,#161e22);border:1px solid #536169;box-shadow:inset 0 1px #ffffff15,0 5px 15px #0004;backdrop-filter:none}.tm-editing .holographic:before,.tm-editing .glass-panel:before{display:none}.tm-editing .btn,.tm-editing .tile,.tm-editing select,.tm-editing input:not([type=checkbox]):not([type=color]){min-height:48px;touch-action:manipulation}.tm-editing .phones-container{overflow:auto!important;max-height:650px}.tm-editing .panel-center{min-width:0}.tm-editing .phone-wrapper{flex-shrink:0}
#tm-prepare{color:#edf3f3;background:linear-gradient(135deg,#2d383d,#161f22);border:1px solid #6b7d85;border-radius:18px;padding:26px;width:min(520px,calc(100% - 32px));max-height:90dvh;overflow:auto;margin:auto;box-shadow:0 30px 100px #000b}#tm-prepare::backdrop{background:#050a0dcc;backdrop-filter:blur(8px)}#tm-prepare header{display:flex;align-items:center;justify-content:space-between;gap:15px}#tm-prepare h2{font-size:23px}#tm-prepare p{font-size:13px;color:#b3c5cc;line-height:1.6;margin:18px 0}#tm-prepare label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#cddade}#tm-prepare input{width:100%}.tm-duration{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tm-duration input{font-size:28px!important}.tm-presets{display:flex;gap:10px;flex-wrap:wrap}#tm-prepare .tm-primary{width:100%}
@media(max-width:1100px){#tm-console{padding:16px}.tm-header{flex-wrap:wrap;gap:15px}.tm-header nav{order:3;width:100%}.tm-header nav button{flex:1}.tm-toolbar{align-items:flex-start}.tm-tools{justify-content:flex-end}.tm-card{padding:14px}.tm-card>header{flex-wrap:wrap}.tm-connection{max-width:none;width:100%;text-align:left}.tm-editing .admin-layout{grid-template-columns:170px minmax(0,1fr)!important}.tm-editing .panel-right{grid-column:1/-1;grid-row:3}.tm-editing .panel-bottom{grid-row:4}.tm-footer span{display:none}}
@media(max-width:700px){#tm-cards{grid-template-columns:1fr}.tm-toolbar{flex-direction:column}.tm-tools{justify-content:flex-start}.tm-header nav{display:grid;grid-template-columns:1fr 1fr}.tm-time{font-size:88px}.tm-footer{flex-wrap:wrap}.tm-footer button{width:100%}.tm-editing .admin-layout{display:flex!important;flex-direction:column}.tm-editing .panel-left{display:flex;flex-wrap:wrap;gap:8px}.tm-editing .panel-left h2{width:100%}.tm-editing .tile{flex:1 1 140px}.tm-editing #tm-editor-bar{flex-wrap:wrap}.tm-editing .bottom-pane{min-width:0;flex-basis:100%}}
.tm-ready #licenseModal>div{background:linear-gradient(135deg,#2d383d,#161f22)!important;color:#edf3f3!important;border:1px solid #728680;border-radius:18px!important;box-shadow:0 30px 100px #000b!important}.tm-ready #licenseModal h2,.tm-ready #licenseModal p{color:#edf3f3!important}.tm-ready #licenseKeyInput{background:#10181b!important;color:#fff!important;min-height:52px}.tm-ready #validateLicenseBtn{background:#52cda8!important;color:#062b21!important;min-height:48px}
@media(prefers-reduced-motion:reduce){.tm-ready *{scroll-behavior:auto!important;transition:none!important}}