/* Shared local / remote display controls. */
.display-heading{display:flex;justify-content:space-between;align-items:start;gap:28px;margin-bottom:22px}.display-heading>label{width:min(390px,100%);display:grid;gap:8px}.display-heading small{color:var(--muted,#a9a3b5);font-size:12px;line-height:1.5}.display-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.display-card{background:#211b2d;border:1px solid #493b59;border-radius:16px;overflow:hidden}.display-card-body{padding:16px}.display-switch{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0!important}.display-switch strong{font-size:16px}.display-switch input{appearance:none;width:44px!important;height:25px;min-width:44px;margin:0;background:#61586c;border:0;border-radius:20px;cursor:pointer;position:relative;transition:background .2s}.display-switch input:after{content:'';position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .2s}.display-switch input:checked{background:#a2d635}.display-switch input:checked:after{transform:translateX(19px)}.display-switch input:focus-visible{outline:3px solid #c4a0ff;outline-offset:3px}.display-card-body p{font-size:12px;line-height:1.6;min-height:38px}.display-size{display:grid!important;grid-template-columns:1fr auto;gap:5px;font-size:12px}.display-size input{grid-column:1/-1;width:100%}.display-mini{aspect-ratio:2.6;background:linear-gradient(135deg,#c9fae3,#79bbcc);position:relative;overflow:hidden;border-bottom:1px solid #493b59}.display-mini:before{content:'';position:absolute;inset:10% 9% 16% 12%;background:#3a285c;border:3px solid #fff;border-radius:6px;opacity:.8}.display-mini span{position:absolute;font-family:'Trebuchet MS',sans-serif;font-weight:900;opacity:.14}.display-mini .mini-logo{left:5%;top:16%;color:#fff;background:#7800b5;border:2px solid #fff;border-radius:8px;font-size:24px;line-height:1;padding:3px;opacity:.8}.mini-clock{right:5%;bottom:13%;color:#fff;text-shadow:1px 2px #f62792;font-size:23px}.mini-weather{right:4%;top:9%;background:#7800b5;color:#fff;padding:3px 6px;border-radius:7px;border:2px solid #fff;font-size:13px}.mini-text{bottom:4%;left:3%;right:3%;background:#7800b5;color:#fff;border-top:2px solid #ffe15c;font-size:10px;padding:3px}.mini-music{bottom:26%;left:15%;background:#7800b5;color:#ffe15c;padding:4px 8px;border-left:4px solid #f62792;font-size:18px;display:flex;gap:7px}.mini-music i{font-size:8px;line-height:1.4;color:#fff;font-style:normal}.display-mini-clock .mini-clock,.display-mini-weather .mini-weather,.display-mini-text .mini-text,.display-mini-music .mini-music{opacity:1}.display-mini-background{background:repeating-linear-gradient(120deg,transparent 0 20px,#fff7 21px 22px),linear-gradient(130deg,#cdfbe6,#99d7e3,#dad2f1)}.display-mini-background:before{opacity:.25}.display-mini-background .mini-logo{opacity:.25}@media(max-width:760px){.display-heading{display:block}.display-heading>label{margin-top:20px}.display-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.display-cards{grid-template-columns:1fr}}
.weather-capitals{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 22px}.weather-capitals label{border:1px solid #514161;background:#241b31;border-radius:10px;padding:10px 14px;margin:0!important;font-size:13px}.weather-selected{font-weight:800;font-size:16px}
.mascot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:20px 0}.mascot-card{border:1px solid #4c3c60;border-radius:14px;padding:12px;background:#211a2c}.mascot-card.disabled .mascot-thumbnail{opacity:.35}.mascot-thumbnail{height:185px;display:grid;place-items:center;background:repeating-conic-gradient(#dfede7 0% 25%,#cbdedb 0% 50%) 50%/18px 18px;border-radius:9px;padding:10px;overflow:hidden}.mascot-thumbnail img{height:100%;width:100%;object-fit:contain}.mascot-card>label{margin:12px 0!important;font-size:13px}.mascot-card-actions{display:flex;align-items:center;gap:5px}.mascot-card-actions button{padding:6px 10px;font-size:12px}.mascot-card-actions small{margin-left:auto;font-size:10px;color:#c6b9d3}.mascot-upload{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mascot-upload small{font-size:12px;color:#b6adbf}
/* Keep configuration focused on one section, with a persistent local sub-menu. */
[data-settings-hidden]{display:none!important}.settings-shell{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;align-items:start;margin-top:22px}.settings-nav{display:flex;flex-direction:column;gap:7px;order:0;position:sticky;top:var(--settings-nav-top,145px);max-height:calc(100dvh - var(--settings-nav-top,145px) - var(--settings-nav-bottom,90px));overflow-y:auto;padding:4px}.settings-nav button{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:13px 12px;background:#251d32;border:1px solid #473654;border-radius:11px;color:#d7cce2;font-size:13px;font-weight:650;cursor:pointer}.settings-nav button>span:first-child{width:20px;text-align:center;color:#cc99ff;font-size:18px;flex-shrink:0}.settings-nav button[aria-current="page"]{background:linear-gradient(120deg,#7400b5,#4f1c77);border-color:#d192ff;color:#fff;box-shadow:inset 3px 0 #ffb500}.settings-nav button:focus-visible{outline:3px solid #ffcb42;outline-offset:2px}.settings-content{min-width:0;order:1}.settings-content>.settings-extra{margin-top:0;border-top:0;padding-top:0}.settings-content>.panel{margin-bottom:0}.settings-content .settings-basic{min-height:220px}.settings-content .display-heading{flex-wrap:wrap}.settings-content .mascot-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media(max-width:760px){.settings-shell{grid-template-columns:1fr;gap:18px}.settings-nav{position:sticky;top:var(--settings-nav-top,145px);z-index:5;display:flex;flex-direction:row;max-width:100%;overflow:auto;background:#17111feF;padding:9px 3px;max-height:none}.settings-nav button{width:auto;min-width:max-content;padding:10px}.settings-nav button[aria-current="page"]{box-shadow:inset 0 -3px #ffb500}}

/* Shared continuity graphic controls, also used inside a central client workspace. */
.continuity-graphics{margin-top:32px;padding-top:28px;border-top:1px solid #493958}
.graphics-heading h3{margin:5px 0 10px;font-size:25px}.graphics-heading p{max-width:800px;line-height:1.6}
.graphics-preview-bar{display:grid;grid-template-columns:1fr minmax(280px,420px);align-items:center;gap:24px;padding:22px;background:#241b31;border:1px solid #4a375a;border-radius:16px;margin:22px 0}
.graphics-preview-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.graphics-preview-tabs button{font-size:13px;padding:10px 14px;border:1px solid #554265;background:#332440;color:#ddcfe8;border-radius:10px;cursor:pointer}.graphics-preview-tabs button[aria-selected=true]{background:#7400b5;color:white;border-color:#e1b1ff;box-shadow:inset 0 -3px #ffbe37}
.graphics-preview{aspect-ratio:16/9;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#d1f9e4,#a6dfdd);border:2px solid #665174;border-radius:12px;font-family:'Trebuchet MS',sans-serif}.graphics-preview.has-motion{background:repeating-linear-gradient(120deg,transparent 0 25px,#ffffff50 26px 27px),linear-gradient(120deg,#d1f9e4,#a6dfdd)}
.graphics-preview-content{position:absolute;inset:0;background:linear-gradient(135deg,#33284b,#574271);display:grid;place-items:center;transition:inset .3s;color:#d8c5ef;font-size:18px;font-weight:800}.graphics-preview.has-frame .graphics-preview-content{inset:5% 3% 9% 12%;border:2px solid white;border-radius:6px}.graphics-preview.is-reserve .graphics-preview-content{background:transparent;color:#225261}
.graphics-preview-logo{position:absolute;left:2%;top:13%;width:27%;filter:drop-shadow(0 2px white)}.graphics-preview-mascot{position:absolute;left:3%;bottom:15%;height:48%;filter:drop-shadow(0 2px 1px #3333)}.graphics-preview-weather{position:absolute;right:3%;top:6%;background:#7900b3;border:2px solid white;border-radius:9px;color:#ffdb40;padding:5px 8px;font-size:18px;font-weight:900}.graphics-preview-clock{position:absolute;right:4%;bottom:16%;font-size:22px;font-weight:900;color:white;text-shadow:1px 2px #f62792;z-index:2}.graphics-preview-ribbon{position:absolute;left:3%;right:3%;bottom:5%;display:flex;gap:4px}.graphics-preview-ribbon span{background:#7400b5;color:#fff;border-bottom:2px solid #ffcb32;padding:5px 8px;font-size:10px;font-weight:800;flex:1;white-space:nowrap}.graphics-preview-music{position:absolute;left:30%;bottom:26%;display:flex;gap:8px;align-items:center;padding:6px 9px;background:#7b00b5;color:#ffdc39;border:2px solid #fff;border-radius:7px;font-size:21px}.graphics-preview-music span{font-size:8px;color:white;line-height:1.5}
.graphics-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.graphics-card{min-width:0;background:#251b31;border:1px solid #4f3c60;border-radius:16px;padding:18px}.graphics-card-title{display:flex;align-items:center;gap:10px}.graphics-card-title h4{margin:0;font-size:16px;flex:1}.graphics-icon{width:37px;height:37px;display:grid;place-items:center;background:#7500b6;border:1px solid #bb71e1;border-radius:11px;color:#ffdb58;font-weight:900;font-size:23px}.graphics-card>p{font-size:12px;line-height:1.6;min-height:38px}.graphics-card fieldset{border:0;margin:14px 0 0;padding:0;min-width:0}.graphics-card legend{font-size:11px;font-weight:750;color:#c2b2d0;margin-bottom:9px}.graphics-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.graphics-choice{position:relative;margin:0!important;display:block!important;cursor:pointer}.graphics-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.graphics-choice span{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 5px;background:#18131f;border:1px solid #4c3d58;border-radius:9px;font-size:12px;font-weight:750;color:#9d91aa;transition:background .15s,border-color .15s}.graphics-choice i{font-style:normal;font-size:15px}.graphics-choice input:checked+span{background:#4c2a71;border-color:#b982ed;color:white;box-shadow:inset 0 -2px #a86ae0}.graphics-choice-youtube input:checked+span{background:#6d253d;border-color:#fa769c;box-shadow:inset 0 -2px #ed4c81}.graphics-choice-video input:checked+span{background:#204d56;border-color:#6acbd6;box-shadow:inset 0 -2px #4bb2bd}.graphics-choice-separator input:checked+span{background:#69501f;border-color:#f5c553;box-shadow:inset 0 -2px #e6b632}.graphics-choice input:focus-visible+span{outline:3px solid white;outline-offset:2px}.graphics-choice input:disabled+span{opacity:.45;cursor:default}.graphics-card>small{display:block;font-size:11px;line-height:1.6;color:#ddc58e;min-height:1em;margin-top:12px}.graphics-off .graphics-icon{filter:grayscale(.8);opacity:.55}.graphics-exclusive{font-size:13px!important;color:#ffdb58!important;min-height:0!important;margin:18px 0 0}.graphics-compatibility{background:#5b3d17;padding:14px;border:1px solid #d0a14a;border-radius:10px}
@media(max-width:1000px){.graphics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.graphics-preview-bar{grid-template-columns:1fr 360px}}
@media(max-width:700px){.graphics-preview-bar{grid-template-columns:1fr}.graphics-preview{width:100%;max-width:420px}.graphics-cards{grid-template-columns:1fr}.graphics-card>p{min-height:0}}

.client-group-settings{min-width:0}.client-group-settings select{width:100%}.group-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.group-actions button{font-size:11px;padding:8px 11px}.client-group-settings .footnote{margin-top:9px}.client-group-settings dialog label{display:grid;gap:8px}

.startup-options{display:grid;gap:1rem;margin:1rem 0}.startup-option{display:flex;align-items:flex-start;gap:.8rem;background:#251d32;border:1px solid #514161;border-radius:14px;padding:1rem}.startup-option input{width:1.4rem;height:1.4rem;flex-shrink:0;accent-color:#7900be;margin:.15rem 0}.startup-option span{display:grid;gap:.4rem}.startup-option strong{font-size:16px;line-height:1.4;color:#f7f1ff}.startup-option small{font-size:13px;line-height:1.5;color:#c4b8d0}