/* Presentation layer only. Both palettes share the existing account controls. */
:root{--cloud-bg:#25324a;--cloud-nav:#202b41;--cloud-surface:#303e57;--cloud-subtle:#29364d;--cloud-input:#222f45;--cloud-ink:#edf2ff;--cloud-muted:#afbdd5;--cloud-line:#d4e1ff16;--cloud-accent:#b5a1ff;--cloud-green:#71dfbb;--cloud-gold:#eac187;--cloud-rose:#f0a0b4;--cloud-hero:linear-gradient(115deg,#7966bc45,#527cbc22);--cloud-shadow:0 10px 35px #11203712}
html[data-cloud-theme=light]{--cloud-bg:#edf2f9;--cloud-nav:#ffffff;--cloud-surface:#ffffff;--cloud-subtle:#f3f5fb;--cloud-input:#f4f6fb;--cloud-ink:#26344e;--cloud-muted:#61728e;--cloud-line:#283d5814;--cloud-accent:#785ac4;--cloud-green:#168366;--cloud-gold:#a56d22;--cloud-rose:#bc4368;--cloud-hero:linear-gradient(115deg,#e3dff5,#dcebf5);--cloud-shadow:0 8px 30px #263d6510}
html[data-cloud-theme] .shell{background:var(--cloud-bg);color:var(--cloud-ink);font-size:14px;--muted:var(--cloud-muted);--line:var(--cloud-line);--surface:var(--cloud-surface);--accent:var(--cloud-accent)}
html[data-cloud-theme] .shell>aside{width:248px;background:var(--cloud-nav);border-right:1px solid var(--cloud-line);padding:26px 16px}
html[data-cloud-theme] .shell>main{margin-left:248px;background:var(--cloud-bg);min-width:0}
html[data-cloud-theme] .shell>main>header{background:var(--cloud-bg);border-color:var(--cloud-line);height:64px;padding:0 28px;color:var(--cloud-muted);font-size:12px}
html[data-cloud-theme] .shell>main>article{padding:24px 28px;max-width:none}
html[data-cloud-theme] .shell .brand{color:var(--cloud-ink);font-size:24px;letter-spacing:-.5px}
html[data-cloud-theme] .shell .brand-mark{background:linear-gradient(135deg,#9c84ed,#697ee4);border:0;color:#fff;border-radius:12px;box-shadow:0 5px 18px #756be733}
html[data-cloud-theme] .shell .brand small{color:var(--cloud-muted);letter-spacing:1.7px}
html[data-cloud-theme] .shell aside nav{border-color:var(--cloud-line);padding-top:17px}
html[data-cloud-theme] .shell aside nav a{color:var(--cloud-muted);border:0;border-radius:10px;font-size:13px;padding:13px 12px}
html[data-cloud-theme] .shell aside nav a:hover,html[data-cloud-theme] .shell aside nav a.active{color:var(--cloud-accent);background:color-mix(in srgb,var(--cloud-accent) 12%,transparent)}
html[data-cloud-theme] .header-actions{display:flex;align-items:center;gap:16px}
html[data-cloud-theme] .theme-toggle{display:flex;align-items:center;gap:7px;background:var(--cloud-surface);color:var(--cloud-ink);border:0;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:500}
html[data-cloud-theme] .theme-toggle .ui-icon{width:16px;height:16px;color:var(--cloud-accent)}
html[data-cloud-theme] .shell :is(h1,h2,h3,h4,strong){color:var(--cloud-ink)}
html[data-cloud-theme] .shell h1{font-size:26px;letter-spacing:-.65px}
html[data-cloud-theme] .shell :is(.muted,.hint,.eyebrow,.empty,.page-footer,.session-summary,.aside-note,.form-note){color:var(--cloud-muted)}
html[data-cloud-theme] .shell .eyebrow{color:var(--cloud-accent);font-size:10px}
html[data-cloud-theme] .shell button,html[data-cloud-theme] .account-manager button{border-radius:10px;font-size:12px}
html[data-cloud-theme] .shell button:not(.account-select):not(.text-button):not(.subtle):not(.stop-button):not(.theme-toggle):not(.close-account):not(.resource-priority):not(.monster-exclude):not(.explore-tile),html[data-cloud-theme] .account-manager .manager-toolbar>button{background:linear-gradient(110deg,#9380eb,#697fe8);color:#fff;border:0}
html[data-cloud-theme] .shell button:disabled{opacity:.5}
html[data-cloud-theme] .shell :is(input,select,textarea),html[data-cloud-theme] .account-manager :is(input,select,textarea){color:var(--cloud-ink);background:var(--cloud-input);border:1px solid var(--cloud-line);border-radius:9px;min-height:39px;padding:9px 12px;font-size:13px}
html[data-cloud-theme] .shell input::placeholder,html[data-cloud-theme] .account-manager input::placeholder{color:var(--cloud-muted)}
html[data-cloud-theme] .shell :is(.subtle,.text-button){background:var(--cloud-subtle);border:0;color:var(--cloud-accent)}
html[data-cloud-theme] .shell .text-button{background:none}
html[data-cloud-theme] .shell .stop-button{background:color-mix(in srgb,var(--cloud-rose) 9%,transparent);border:0;color:var(--cloud-rose)}
html[data-cloud-theme] .shell .card{background:var(--cloud-surface);border:0;border-radius:16px;box-shadow:var(--cloud-shadow)}
html[data-cloud-theme] .shell .account-list.card{background:transparent;border:0;box-shadow:none;left:14px;width:220px;top:116px;bottom:178px;border-radius:0}
html[data-cloud-theme] .shell .account-list h2{color:var(--cloud-muted);font-size:12px}
html[data-cloud-theme] .shell .count-badge{background:var(--cloud-subtle);color:var(--cloud-muted)}
html[data-cloud-theme] .shell .account-list .search{background:var(--cloud-input);color:var(--cloud-ink);border-color:var(--cloud-line);font-size:12px}
html[data-cloud-theme] .shell .account-select{background:transparent;border:0;border-radius:12px;padding:14px 12px;color:var(--cloud-ink)}
html[data-cloud-theme] .shell .account-select.selected{background:color-mix(in srgb,var(--cloud-accent) 13%,var(--cloud-nav));box-shadow:inset 3px 0 var(--cloud-accent)}
html[data-cloud-theme] .shell .account-select:hover{background:color-mix(in srgb,var(--cloud-accent) 9%,var(--cloud-nav))}
html[data-cloud-theme] .shell .account-select strong{color:var(--cloud-ink);font-size:13px}
html[data-cloud-theme] .shell .account-select small{color:var(--cloud-muted);font-size:11px}
html[data-cloud-theme] .shell .close-account{background:none!important;border:0;color:var(--cloud-muted)!important}
html[data-cloud-theme] .shell .character-avatar{background:linear-gradient(145deg,#a998ed30,#6dc8d121);border:0!important;box-shadow:none}
html[data-cloud-theme] .shell .account-workspace.card{background:transparent;border:0;box-shadow:none;overflow:visible}
html[data-cloud-theme] .shell .workspace-heading{background:var(--cloud-hero);border:0;border-radius:18px;box-shadow:none;grid-template-columns:minmax(250px,.85fr) minmax(360px,2fr) auto;padding:26px;gap:24px;min-height:200px}
html[data-cloud-theme] .shell .workspace-heading:before,html[data-cloud-theme] .shell .workspace-heading:after{display:none}
html[data-cloud-theme] .shell .workspace-heading .character-avatar.large{background:linear-gradient(150deg,#b6a1ed30,#6dc8d120);border:0!important;box-shadow:none;height:132px!important;width:100px!important;min-width:100px!important}
html[data-cloud-theme] .shell .workspace-heading .character-avatar.large img{transform:translateY(10px) scale(1.65)!important;transform-origin:50% 0!important;object-position:center top!important}
html[data-cloud-theme] .shell .workspace-heading .account-identity h2{color:var(--cloud-ink);text-shadow:none;font-size:27px}
html[data-cloud-theme] .shell .workspace-heading .account-identity .muted{color:var(--cloud-muted)}
html[data-cloud-theme] .shell .hero-level,html[data-cloud-theme] .shell .hero-level strong{color:var(--cloud-gold)}
html[data-cloud-theme] .shell .character-meta{color:var(--cloud-muted);border-color:var(--cloud-line);font-size:12px}
html[data-cloud-theme] .shell .character-meta .ui-icon{color:var(--cloud-accent)}
html[data-cloud-theme] .shell .hero-stat{--meter:var(--cloud-green)}
html[data-cloud-theme] .shell .hero-stat.pods{--meter:var(--cloud-gold)}
html[data-cloud-theme] .shell .hero-stat-label strong{color:var(--cloud-ink)}
html[data-cloud-theme] .shell .hero-stat-label small,html[data-cloud-theme] .shell .hero-xp-detail{color:var(--cloud-muted)}
html[data-cloud-theme] .shell .xp-caption,html[data-cloud-theme] .shell .xp-caption strong,html[data-cloud-theme] .shell .hero-xp-detail>span:last-child{color:var(--cloud-accent)}
html[data-cloud-theme] .shell .character-xp-progress{border:0;box-shadow:none;background:color-mix(in srgb,var(--cloud-muted) 18%,transparent)}
html[data-cloud-theme] .shell progress::-webkit-progress-bar{background:color-mix(in srgb,var(--cloud-muted) 18%,transparent)}
html[data-cloud-theme] .shell .workspace-tabs{background:transparent;border-bottom:1px solid var(--cloud-line);padding:0;gap:24px;margin:14px 0 0;flex-wrap:wrap}
html[data-cloud-theme] .shell .workspace-tabs button{background:none!important;color:var(--cloud-muted)!important;border-radius:0;font-size:12px;padding:14px 0;border-bottom:2px solid transparent}
html[data-cloud-theme] .shell .workspace-tabs button.selected{color:var(--cloud-accent)!important;border-color:var(--cloud-accent)}
html[data-cloud-theme] .shell .workspace-body{padding:26px 0;background:transparent}
html[data-cloud-theme] .shell .console-desk{grid-template-columns:minmax(0,1fr) 260px;gap:28px}
html[data-cloud-theme] .shell .activity-console{background:transparent;border:0;border-radius:0;box-shadow:none}
html[data-cloud-theme] .shell :is(.console-title,.console-tools,.console-footer){background:none;border-color:var(--cloud-line);color:var(--cloud-muted);padding-left:0;padding-right:0}
html[data-cloud-theme] .shell .console-title{padding-top:0}
html[data-cloud-theme] .shell .console-title h3{font-size:16px;color:var(--cloud-ink)}
html[data-cloud-theme] .shell .console-title span,html[data-cloud-theme] .shell .console-line time{color:var(--cloud-muted)}
html[data-cloud-theme] .shell .console-filters button{background:none!important;border:0;color:var(--cloud-muted)!important;border-radius:7px}
html[data-cloud-theme] .shell .console-filters button.selected{background:color-mix(in srgb,var(--cloud-accent) 13%,transparent)!important;color:var(--cloud-accent)!important}
html[data-cloud-theme] .shell .console-lines{background:transparent;font-family:inherit;scrollbar-color:var(--cloud-muted) transparent;padding:0;height:410px}
html[data-cloud-theme] .shell .console-line{border-color:var(--cloud-line);font-size:12px;padding:13px 4px;gap:13px}
html[data-cloud-theme] .shell .log-message{color:var(--cloud-ink)}
html[data-cloud-theme] .shell .log-level{color:var(--cloud-muted);font-size:9px;min-width:65px}
html[data-cloud-theme] .shell .console-line.success :is(.log-message,.log-level){color:var(--cloud-green)}
html[data-cloud-theme] .shell .console-line.warning :is(.log-message,.log-level){color:var(--cloud-gold)}
html[data-cloud-theme] .shell .console-line.error :is(.log-message,.log-level){color:var(--cloud-rose)}
html[data-cloud-theme] .shell .console-line:hover{background:color-mix(in srgb,var(--cloud-accent) 4%,transparent)}
html[data-cloud-theme] .shell .compact-commands{border:0;border-left:1px solid var(--cloud-line);border-radius:0;box-shadow:none;background:transparent;padding:0 0 0 26px}
html[data-cloud-theme] .shell .activity-bar{border:0;color:var(--cloud-muted)}
html[data-cloud-theme] .shell .activity-bar strong{color:var(--cloud-ink)}
html[data-cloud-theme] .shell .exploration-shortcut{background:color-mix(in srgb,var(--cloud-accent) 10%,transparent)!important;color:var(--cloud-accent)!important;border:0;border-radius:11px}
html[data-cloud-theme=light] .shell .activity-console{background:var(--cloud-surface);padding:20px;border-radius:16px;box-shadow:var(--cloud-shadow)}
html[data-cloud-theme=light] .shell .compact-commands{background:linear-gradient(145deg,#e4def8,#e8eefc);padding:20px;border:0;border-radius:16px}
html[data-cloud-theme=light] .shell .compact-commands>.actions>button:first-child{background:linear-gradient(110deg,#ed9b79,#df7598)!important}
html[data-cloud-theme] .shell :is(.inventory-panel,.inventory-table,.character-metrics>div,.map-panel,.command-panel,.recent-panel,.selection-help,.managed-account,.explore-callout,.explore-summary,.exploration-draft .explore-summary,.exploration-draft .explore-tile,.device-card){background:var(--cloud-surface);color:var(--cloud-ink);border-color:var(--cloud-line);box-shadow:none}
html[data-cloud-theme] .shell :is(.panel-title,.inventory-toolbar,.inventory-tabs,.stream-strip,.map-caption){background:var(--cloud-subtle);color:var(--cloud-muted);border-color:var(--cloud-line)}
html[data-cloud-theme] .shell :is(.explore-fields label,.explore-zone-list,.explore-check,.explore-heading p,.explore-summary dt,.explore-summary p,.resource-choice small,.monster-choice small,.explore-tile){color:var(--cloud-muted)}
html[data-cloud-theme] .shell .explore-pills button{background:var(--cloud-subtle)!important;color:var(--cloud-muted)!important;border:0}
html[data-cloud-theme] .shell .explore-pills button.active{background:color-mix(in srgb,var(--cloud-accent) 15%,var(--cloud-bg))!important;color:var(--cloud-accent)!important}
html[data-cloud-theme] .shell .explore-intent button{background:var(--cloud-surface)!important;color:var(--cloud-ink)!important;border-color:var(--cloud-line)}
html[data-cloud-theme] .shell .explore-intent button.active{background:color-mix(in srgb,var(--cloud-accent) 14%,var(--cloud-surface))!important;color:var(--cloud-accent)!important}
html[data-cloud-theme] .shell .explore-tile.chosen{background:color-mix(in srgb,var(--cloud-green) 10%,var(--cloud-surface))!important;border-color:var(--cloud-green)!important;color:var(--cloud-ink)!important}
html[data-cloud-theme] .shell .explore-tile.blocked{background:color-mix(in srgb,var(--cloud-rose) 10%,var(--cloud-surface))!important;border-color:var(--cloud-rose)!important;color:var(--cloud-ink)!important}
html[data-cloud-theme] .shell .resource-priority{background:var(--cloud-subtle);color:var(--cloud-muted);border-color:var(--cloud-line)}
html[data-cloud-theme] .shell .resource-priority.active{color:var(--cloud-gold);border-color:var(--cloud-gold);background:color-mix(in srgb,var(--cloud-gold) 10%,var(--cloud-bg))}
html[data-cloud-theme] .shell :is(.server-choice,.server-choice:nth-child(2n)){background:var(--cloud-surface)!important;color:var(--cloud-ink)!important;border:1px solid var(--cloud-line)!important;box-shadow:none}
html[data-cloud-theme] .shell :is(.live-badge,.system-state){background:color-mix(in srgb,var(--cloud-green) 8%,transparent);color:var(--cloud-green);border:0}
html[data-cloud-theme] .account-manager{background:var(--cloud-surface);color:var(--cloud-ink);border:1px solid var(--cloud-line);border-radius:20px}
html[data-cloud-theme] .account-manager :is(.manager-heading,.manager-footer,.manager-toolbar,.managed-account,.add-account,.account-editor,.manager-body .card){background:var(--cloud-subtle);border-color:var(--cloud-line);color:var(--cloud-ink);box-shadow:none}
html[data-cloud-theme] .account-manager :is(.muted,.hint,.eyebrow,.managed-name small,.manager-toolbar,.manager-footer){color:var(--cloud-muted)}
html[data-cloud-theme] .account-manager :is(h2,h3,strong){color:var(--cloud-ink)}
html[data-cloud-theme] .account-manager :is(.subtle,.text-button,.modal-close){background:var(--cloud-input);color:var(--cloud-accent);border:0}
html[data-cloud-theme] .account-manager .managed-status.online{color:var(--cloud-green);background:color-mix(in srgb,var(--cloud-green) 8%,transparent)}
html[data-cloud-theme] .shell table{color:var(--cloud-ink)}
html[data-cloud-theme] .shell :is(th,td){border-color:var(--cloud-line)}
html[data-cloud-theme] .shell :is(.error,.notice.warning){background:color-mix(in srgb,var(--cloud-rose) 10%,var(--cloud-bg));color:var(--cloud-rose);border-color:var(--cloud-line)}
@media(max-width:1250px){html[data-cloud-theme] .shell .workspace-heading{grid-template-columns:1fr auto;gap:20px}html[data-cloud-theme] .shell .persistent-character-info{grid-column:1/-1;grid-row:2}html[data-cloud-theme] .shell .workspace-heading>.actions{grid-column:2;grid-row:1}}
@media(max-width:950px){html[data-cloud-theme] .shell .console-desk{grid-template-columns:1fr;gap:24px}html[data-cloud-theme] .shell .compact-commands{border:0;padding:0}html[data-cloud-theme=light] .shell .compact-commands{padding:20px}}
@media(max-width:760px){html[data-cloud-theme] .shell>aside{width:auto;position:relative;padding:16px;border-right:0;border-bottom:1px solid var(--cloud-line)}html[data-cloud-theme] .shell>main{margin-left:0}html[data-cloud-theme] .shell>aside nav{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;padding-top:12px}html[data-cloud-theme] .shell>aside .aside-note{display:none}html[data-cloud-theme] .shell>main>header{height:auto;min-height:54px;padding:12px 16px;gap:12px;flex-wrap:wrap}html[data-cloud-theme] .shell>main>header>span{display:none}html[data-cloud-theme] .header-actions{width:100%;justify-content:space-between}html[data-cloud-theme] .shell>main>article{padding:20px 16px}html[data-cloud-theme] .shell .account-list.card{position:relative;left:auto;top:auto;bottom:auto;width:100%;margin-bottom:20px;overflow:visible}html[data-cloud-theme] .shell .account-list-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}html[data-cloud-theme] .shell .workspace-heading{padding:22px 18px}html[data-cloud-theme] .shell .workspace-tabs{gap:16px}html[data-cloud-theme] .shell .console-line{flex-wrap:wrap;gap:7px}html[data-cloud-theme] .shell .console-lines{height:360px}html[data-cloud-theme] .shell .account-select.selected{background:color-mix(in srgb,var(--cloud-accent) 14%,var(--cloud-bg))}}
@media(max-width:540px){html[data-cloud-theme] .shell .workspace-heading .character-avatar.large{width:78px!important;min-width:78px!important;height:106px!important}html[data-cloud-theme] .shell .workspace-heading .account-identity{gap:12px}html[data-cloud-theme] .shell .workspace-heading .account-identity h2{font-size:24px}html[data-cloud-theme] .shell .persistent-character-info{grid-template-columns:1fr;gap:20px}html[data-cloud-theme] .shell .banner-meters{grid-template-columns:1fr 1fr;gap:14px}html[data-cloud-theme] .shell .workspace-heading .stop-button{padding:8px;font-size:11px}html[data-cloud-theme] .shell .hero-stat-label{gap:5px}html[data-cloud-theme] .shell .console-footer{flex-wrap:wrap}html[data-cloud-theme] .account-manager .managed-account{background:var(--cloud-subtle)}}
html[data-cloud-theme] .shell .brand>span:last-child{color:var(--cloud-ink)}
html[data-cloud-theme] .shell .server-copy small{color:var(--cloud-muted)}
html[data-cloud-theme] .shell .server-symbol{background:color-mix(in srgb,var(--cloud-accent) 8%,transparent);border:0;color:var(--cloud-accent)}
html[data-cloud-theme] .shell .feature-icon{background:color-mix(in srgb,var(--cloud-accent) 12%,var(--cloud-bg));color:var(--cloud-accent);border:0}
html[data-cloud-theme] .shell .workspace-heading>.actions{grid-column:3}
html[data-cloud-theme] .shell .console-empty,html[data-cloud-theme] .shell .console-empty small{color:var(--cloud-muted)}
@media(max-width:1250px){html[data-cloud-theme] .shell .workspace-heading>.actions{grid-column:2}}
html[data-cloud-theme] .shell .explore-modes>button{background:var(--cloud-surface)!important;color:var(--cloud-ink)!important;border:1px solid var(--cloud-line)!important;box-shadow:none}
html[data-cloud-theme] .shell .explore-modes>button.chosen.green{background:color-mix(in srgb,var(--cloud-green) 14%,var(--cloud-surface))!important;border-color:var(--cloud-green)!important;color:var(--cloud-green)!important}
html[data-cloud-theme] .shell .explore-modes>button.chosen.amber{background:color-mix(in srgb,var(--cloud-gold) 14%,var(--cloud-surface))!important;border-color:var(--cloud-gold)!important;color:var(--cloud-gold)!important}
html[data-cloud-theme] .shell :is(.explore-modes small,.explore-eyebrow,.explore-step>h4 small,.explore-summary dd,.explore-summary label,.explore-hdv ol,.explore-hdv li,.explore-callout small,.explore-callout p){color:var(--cloud-muted)}
html[data-cloud-theme] .shell .draft-badge{background:color-mix(in srgb,var(--cloud-accent) 10%,transparent);color:var(--cloud-accent);border:0}
html[data-cloud-theme] .shell .explore-step{border-color:var(--cloud-line)}
html[data-cloud-theme] .shell .explore-step>h4>span{background:color-mix(in srgb,var(--cloud-accent) 12%,transparent);color:var(--cloud-accent)}
html[data-cloud-theme] .shell :is(.explore-pills,.explore-summary) button.active{color:var(--cloud-accent)!important}
html[data-cloud-theme] .shell .compact-commands .activity-bar>div:last-child{color:var(--cloud-green);white-space:nowrap}
html[data-cloud-theme] .shell .priority-summary{color:var(--cloud-gold)!important}
/* Geometry is shared between light and dark; only the palette changes. */
html[data-cloud-theme] .shell .activity-console{background:var(--cloud-surface);padding:20px;border:0;border-radius:16px;box-shadow:var(--cloud-shadow)}
html[data-cloud-theme] .shell .compact-commands{background:var(--cloud-surface);padding:20px;border:0;border-radius:16px;box-shadow:var(--cloud-shadow)}
html[data-cloud-theme=light] .shell .compact-commands{background:linear-gradient(145deg,#e4def8,#e8eefc)}
html[data-cloud-theme=dark] .shell .compact-commands{background:linear-gradient(145deg,#383e59,#303e57)}
html[data-cloud-theme] .shell .compact-commands .activity-bar{background:transparent}
html[data-cloud-theme] .activity-template-picker{display:flex;flex-direction:column;gap:8px;margin:8px 0 18px;color:var(--cloud-muted);font-size:12px}
html[data-cloud-theme] .activity-template-picker select{width:100%;min-width:0}
html[data-cloud-theme] .activity-template-editor{margin:18px 0;padding-bottom:18px;border-bottom:1px solid var(--cloud-line)}
html[data-cloud-theme] .activity-template-editor select{width:100%;margin:6px 0 10px}
html[data-cloud-theme] .activity-template-editor .actions{display:flex;gap:8px}