/* Panda and Zhimiao visual variants. No layout, auth, or recording-state changes. */
.brand-view[data-brand="xm"]{--sage:#b87920;--brand-ink:#50371e;--brand-muted:#8d7e69;--brand-accent:#ad701b;--brand-accent-light:#d9a348;--brand-tint:#fff3d7;--brand-soft:#fffaf0;--brand-border:#eadbbd;--brand-focus:#cfaa69;--brand-hover:#fff8e9;--brand-shadow:#ba8d3821;--brand-top:radial-gradient(ellipse at 65% 0,#ffe8a6ad,transparent 48%),linear-gradient(105deg,#fffdf6,#fff6dd 50%,#fffdf7);--brand-bg:radial-gradient(ellipse at 65% 0,#fff4db70,transparent 42%),#fffdf6}
.brand-view[data-brand="zm"]{--sage:#3978b5;--brand-ink:#304d70;--brand-muted:#7b8da3;--brand-accent:#3576b6;--brand-accent-light:#6a9ed0;--brand-tint:#e7f2ff;--brand-soft:#f6faff;--brand-border:#cfdfef;--brand-focus:#8eb9df;--brand-hover:#f0f7ff;--brand-shadow:#5686bc20;--brand-top:radial-gradient(ellipse at 75% 0,#d9f1e599,transparent 44%),linear-gradient(105deg,#f8fcff,#eaf5ff 50%,#fafffd);--brand-bg:radial-gradient(ellipse at 65% 0,#edf7ff80,transparent 42%),#fcfdff}
.brand-view:is([data-brand="xm"],[data-brand="zm"]){color:var(--brand-ink);background:var(--brand-bg)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .store-top{background:var(--brand-top);border-color:var(--brand-border)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .store-top .home-system-brand{color:var(--brand-ink)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .home-system-icon{color:var(--brand-accent);background:linear-gradient(135deg,var(--brand-soft),var(--brand-tint));box-shadow:inset 0 1px #fff,0 3px 9px var(--brand-shadow)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .store-brand-back{color:var(--brand-accent);border-color:var(--brand-border)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .store-top button{color:var(--brand-accent);border-color:var(--brand-border);background:#fff}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .bname{background:linear-gradient(110deg,var(--brand-soft),var(--brand-tint))}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .bname .store-brand-art{background-color:var(--brand-tint)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .bname b{color:var(--brand-ink)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .bname small{color:var(--brand-muted)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .store-title h2{color:var(--brand-ink)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .store.active{background:linear-gradient(100deg,var(--brand-tint),var(--brand-soft));box-shadow:inset 4px 0 var(--brand-accent-light);color:var(--brand-accent)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .city>summary{color:var(--brand-ink)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .store{color:var(--brand-muted)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .store:hover{background:var(--brand-hover)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .city>summary:hover{background:var(--brand-hover)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .search{border-color:var(--brand-border);box-shadow:0 4px 14px var(--brand-shadow)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .search:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-tint)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .theme-bar{border-color:var(--brand-border)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .theme-bar button{color:var(--brand-muted);border-color:var(--brand-border);box-shadow:0 3px 10px var(--brand-shadow);background:#fff}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .theme-bar button.active{color:#fff;background:linear-gradient(150deg,var(--brand-accent-light),var(--brand-accent));border-color:var(--brand-accent);box-shadow:inset 0 1px #ffffff60,0 4px 10px var(--brand-shadow)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .theme-bar button:hover{border-color:var(--brand-accent-light)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .theme-more{color:var(--brand-muted);border-color:var(--brand-border);box-shadow:0 3px 10px var(--brand-shadow);background:#fff}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .theme-more:has(option:checked:not([value=""])){background:var(--brand-tint);color:var(--brand-accent);border-color:var(--brand-accent-light)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .cal-card{border-color:var(--brand-soft);box-shadow:0 9px 30px var(--brand-shadow)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .day-card{border-color:var(--brand-soft);box-shadow:0 9px 30px var(--brand-shadow)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .icon-btn{color:var(--brand-accent);border-color:var(--brand-border)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .back-today{color:var(--brand-accent);background:linear-gradient(145deg,#fff,var(--brand-soft));border-color:var(--brand-border);box-shadow:0 3px 7px var(--brand-shadow)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .c small{color:var(--brand-muted)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .c.selected{color:#fff;background:linear-gradient(145deg,var(--brand-accent-light),var(--brand-accent));border-color:var(--brand-accent-light);box-shadow:0 5px 10px var(--brand-shadow)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .c.selected small{color:#fff}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .c.today:not(.selected){background:var(--brand-soft);border-color:var(--brand-border)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .c:hover:not(.selected){background:var(--brand-hover);border-color:var(--brand-border)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .c:not(.is-empty)::after{background:var(--brand-accent)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .c.selected:not(.is-empty)::after{background:#fff}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .cal-footer i{background:var(--brand-accent)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .cal-summary b{color:var(--brand-accent)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .day-head{border-color:var(--brand-border)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .day-count{color:var(--brand-muted)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .day-empty b{color:var(--brand-ink)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .day-empty{color:var(--brand-muted)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .day-empty button{color:var(--brand-accent);border-color:var(--brand-accent-light);background:linear-gradient(145deg,#fff,var(--brand-soft));box-shadow:0 3px 10px var(--brand-shadow)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .sess-row{border-color:var(--brand-border)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .sess-row:hover{background:var(--brand-soft);border-color:var(--brand-accent-light)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .session-art{background:linear-gradient(135deg,var(--brand-tint),var(--brand-soft));color:var(--brand-accent-light)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .session-art small{color:var(--brand-muted)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .th{color:var(--brand-ink)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .go{color:#fff;background:linear-gradient(150deg,var(--brand-accent-light),var(--brand-accent));border-color:var(--brand-accent);box-shadow:0 4px 10px var(--brand-shadow)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) button:focus-visible{outline-color:var(--brand-focus)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) a:focus-visible{outline-color:var(--brand-focus)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) summary:focus-visible{outline-color:var(--brand-focus)}
.brand-view:is([data-brand="xm"],[data-brand="zm"]) .theme-more:focus-visible{outline-color:var(--brand-focus)}