/* Shared UI primitives. Loaded after feature layouts; no brand rules in feature files. */
html[data-panel-theme] *{scrollbar-width:thin;scrollbar-color:var(--ui-control-border) transparent}
html[data-panel-theme] .ui-attention-row{border-top:0}
html[data-panel-theme] .side-logo{width:100%;min-width:0}
@media(min-width:801px) and (max-width:1100px){html[data-panel-theme] .side .side-logo{width:100%;height:60px;min-height:60px;padding:0}}
html[data-ui-loading] :is(.ly-mobile-header,.ly-mobile-bottom){visibility:hidden}
.ui-extra-procedures{margin:16px 0;padding:0 16px;border:1px solid var(--ui-border);border-radius:var(--radius-control)}
.ui-client-details{margin:16px 0;border-top:1px solid var(--ui-border)}
.ui-attention-row[data-tone=warn]>svg{color:var(--ui-warning)}.ui-attention-row[data-tone=danger]>svg{color:var(--ui-error)}.ui-attention-row[data-tone=info]>svg{color:var(--ui-info)}
.ui-tutorial-steps{padding-left:24px;margin:24px 0}.ui-tutorial-steps li{padding:0 0 16px 8px}
html[data-panel-theme] summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:500}
html[data-panel-theme] .panel-head button{min-height:44px;padding:8px;color:var(--ui-action);border-radius:8px}
html[data-product-auth] :is(.site-header,.card){background:var(--ui-surface);border-color:var(--ui-border);box-shadow:var(--shadow-sm)}
html[data-product-auth] .site-header img{width:136px;height:auto}
html[data-product-auth] h1{font:600 30px/1.25 var(--font-ui);letter-spacing:-.03em}
html[data-product-auth] .auth-shell{max-width:560px;padding:48px 16px}
html[data-product-auth] .auth-shell .card{padding:32px;border-radius:var(--radius-card)}
html[data-product-auth] .auth-shell .eyebrow{display:none}
html[data-product-auth] label{display:grid;gap:8px;font:500 14px/1.5 var(--font-ui)}
html[data-product-auth] .auth-shell a{color:var(--ui-action)}
html[data-panel-theme],html[data-product-auth]{scrollbar-width:thin;scrollbar-color:var(--ui-control-border) transparent}
html[data-panel-theme] body,html[data-product-auth] body{background:var(--ui-page);color:var(--ui-text);font:16px/1.5 var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility}
html[data-panel-theme] ::selection{background:var(--brand-soft);color:#241D21}
html[data-panel-theme] :is(button,input,select,textarea){font-family:var(--font-ui);caret-color:var(--ui-action)}
html[data-panel-theme] :is(h1,h2,h3,h4){font-family:var(--font-ui);font-weight:600;line-height:1.25;letter-spacing:-.025em}
html[data-panel-theme] :is(.screen-head h1,.evo h1){font-size:32px;line-height:1.25;margin:0 0 8px}
html[data-panel-theme] :is(.panel-head h2,.evo h2,.ai-brief h3){font:600 22px/1.35 var(--font-ui);letter-spacing:-.02em;margin:0}
html[data-panel-theme] :is(.service-card h3,.evo h3,.modal-head h2){font:600 20px/1.35 var(--font-ui)}
html[data-panel-theme] :is(.muted,.screen-head p,.evo p,.evo small,.card small,.profile small){color:var(--ui-muted)}
html[data-panel-theme] :is(.evo,.evo p){font-family:var(--font-ui);font-size:16px;line-height:1.5}
html[data-panel-theme] :is(.eyebrow,.screen-head .eyebrow){display:none}
html[data-panel-theme] :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
html[data-panel-theme] :is(.btn,.icon-btn,.top-icon-btn,.close,.ui-icon-button),html[data-product-auth] .btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--ui-control-border);border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-text);font:500 14px/1.4 var(--font-ui);text-decoration:none;box-shadow:none;transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast);cursor:pointer;filter:none;
}
html[data-panel-theme] :is(.btn-primary,.evo .btn-primary),html[data-product-auth] .btn-primary{background:var(--ui-action);border-color:var(--ui-action);color:var(--ui-on-action);font-weight:600}
html[data-panel-theme] :is(.btn-primary,.evo .btn-primary):hover,html[data-product-auth] .btn-primary:hover{background:var(--ui-action-hover);border-color:var(--ui-action-hover)}
html[data-panel-theme] :is(.btn-primary,.evo .btn-primary):active{background:var(--ui-action-pressed)}
html[data-panel-theme] :is(.btn,.icon-btn,.top-icon-btn,.ui-icon-button):not(.btn-primary):not(.btn-danger):hover{background:var(--ui-subtle);border-color:var(--ui-action)}
html[data-panel-theme] :is(.btn-ghost,.ui-icon-button){background:transparent;border-color:transparent}
html[data-panel-theme] .btn-danger{background:var(--ui-error-bg);color:var(--ui-error);border-color:var(--ui-error)}
html[data-panel-theme] .btn-success{background:var(--ui-success);color:var(--ui-surface);border-color:var(--ui-success)}
html[data-panel-theme] :is(.btn-secondary,.btn-outline){background:var(--ui-surface);color:var(--ui-text)}
html[data-panel-theme] :is(button,.btn):disabled{background:var(--ui-disabled);color:var(--ui-disabled-text);border-color:transparent;cursor:not-allowed;opacity:1;filter:none}
html[data-panel-theme] button[aria-busy=true]{cursor:progress}
.ui-button-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .8s linear infinite}
@keyframes ui-spin{to{transform:rotate(360deg)}}
html[data-panel-theme] :is(.icon-btn,.top-icon-btn,.close,.ui-icon-button){width:44px;min-width:44px;height:44px;padding:10px}
html[data-panel-theme] :is(.input,.select,.textarea,.evo input,.evo select,.evo textarea),html[data-product-auth] :is(.input,.select){width:100%;min-height:48px;padding:12px 14px;font:400 16px/1.5 var(--font-ui);border:1px solid var(--ui-control-border);border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-text);box-shadow:none}
html[data-panel-theme] :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:1}
html[data-panel-theme] :is(input,textarea,select):hover{border-color:var(--ui-action)}
html[data-panel-theme] :is(input,textarea,select)[aria-invalid=true]{border-color:var(--ui-error);outline-color:var(--ui-error)}
html[data-panel-theme] :is(input,textarea,select):disabled{background:var(--ui-subtle);color:var(--ui-muted);cursor:not-allowed}
html[data-panel-theme] input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;accent-color:var(--ui-action);flex:none}
html[data-panel-theme] :is(label,.label){font-size:14px;font-weight:500}
html[data-panel-theme] .field{gap:8px}.ui-helper{display:block;font-size:13px;color:var(--ui-muted);margin-top:8px}
html[data-panel-theme] :is(.card,.evo-card,.ops-card,.service-card,.client-card,.team-card,.branch-card,.mapping-card,.stat,.kpi,.evo-metric,.insight-card){background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius-card);box-shadow:none;color:var(--ui-text)}
html[data-panel-theme] :is(.panel,.evo-card){padding:24px}
html[data-panel-theme] :is(.evo-card,.card) .evo-card{padding:16px 0;border:0;border-radius:0;box-shadow:none;background:transparent}
html[data-panel-theme] :is(.evo-metric b,.stat b,.kpi b,.ops-card b,.big-money b){font:600 28px/1.25 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.025em}
html[data-panel-theme] .evo-metric{padding:20px;min-width:0}.evo-metric span{font-size:14px}.evo-metric small{font-size:13px;line-height:1.5;margin-top:8px}.evo-metric b{overflow-wrap:anywhere}
html[data-panel-theme] :is(.evo-grid,.grid2){gap:24px}.evo-head{margin-bottom:24px}.evo-head p{margin:8px 0 0}.evo-actions{gap:8px}.evo-row{gap:16px;padding:16px 0}.evo-row .grow{min-width:120px}.evo-row small{font-size:13px}
html[data-panel-theme] :is(.status,.evo-badge,.chip){display:inline-flex;align-items:center;gap:6px;width:fit-content;border-radius:6px;padding:4px 8px;font:500 12px/1.5 var(--font-ui);background:var(--ui-neutral-bg);color:var(--ui-neutral)}
html[data-panel-theme] :is(.status.ok,.evo-badge.ok){background:var(--ui-success-bg);color:var(--ui-success)}
html[data-panel-theme] :is(.status.warn,.evo-badge.warn){background:var(--ui-warning-bg);color:var(--ui-warning)}
html[data-panel-theme] :is(.status.bad,.evo-badge.danger){background:var(--ui-error-bg);color:var(--ui-error)}
html[data-panel-theme] .evo-badge.orange{background:var(--ui-risk-bg);color:var(--ui-risk)}
html[data-panel-theme] .evo-badge.info{background:var(--ui-info-bg);color:var(--ui-info)}
.evo-badge svg,.status svg{width:14px;height:14px;flex:none}
html[data-panel-theme] :is(.notice,.evo-notice,.mini-summary,.context-tabs,.mapping-summary){background:var(--ui-subtle);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--radius-control);padding:16px}
html[data-panel-theme] :is(.error,.evo-error){color:var(--ui-error);font-size:14px}
html[data-panel-theme] :is(.evo-empty,.empty){padding:32px 16px;color:var(--ui-muted);font-size:15px}
html[data-panel-theme] :is(.evo-tabs,.context-tabs,.finance-tabs,.segmented){display:flex;gap:8px;overflow-x:auto;background:transparent;padding:4px 2px 8px;scrollbar-width:thin;border:0;border-radius:0}
html[data-panel-theme] :is(.evo-tabs,.context-tabs,.finance-tabs,.segmented) button{min-height:44px;padding:10px 16px;border:1px solid var(--ui-border);border-radius:var(--radius-control);white-space:nowrap;background:var(--ui-surface);color:var(--ui-muted);font-size:14px}
html[data-panel-theme] :is(.evo-tabs [aria-pressed=true],.evo-tabs [aria-selected=true],.context-tabs .active,.finance-tabs .active,.segmented .active){background:var(--ui-selection);color:var(--ui-action);border-color:var(--ui-action);font-weight:600}
html[data-panel-theme] :is(.evo-table th,.evo-table td){padding:16px 12px;font-size:14px;font-variant-numeric:tabular-nums}.evo-table th{background:var(--ui-subtle);font-weight:500}
html[data-panel-theme] .modal-bg{background:#18141880;backdrop-filter:blur(2px)}
html[data-panel-theme] .modal{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--radius-modal);box-shadow:var(--shadow-lg)}
html[data-panel-theme] .modal-head{border-color:var(--ui-border);gap:16px}html[data-panel-theme] .modal-head h2{margin:0;font-size:24px}
html[data-panel-theme] #toast{background:var(--ui-text);color:var(--ui-surface);border-radius:12px;padding:14px 20px;font-size:14px;max-width:min(480px,calc(100vw - 32px));box-shadow:var(--shadow-md)}
html[data-panel-theme] .screen{padding:32px;max-width:1440px;margin-inline:auto;min-width:0}
html[data-panel-theme] .app-shell{display:grid;grid-template-columns:248px minmax(0,1fr)}
html[data-panel-theme] .side{display:flex;flex-direction:column;width:248px;padding:24px 16px;background:var(--ui-surface);border-right:1px solid var(--ui-border);scrollbar-width:thin;scrollbar-gutter:stable}
html[data-panel-theme] .side-logo{height:96px;min-height:96px;padding:12px 20px;margin:0 0 24px;background:transparent!important;border:0;border-radius:0;display:grid;place-items:center}
.side-logo .official-logo-img{width:144px;max-width:144px;height:auto;max-height:80px;object-fit:contain}.brand-logo-dark{display:none}.brand-logo-light{display:block}
html[data-panel-theme=dark] .brand-logo-light{display:none}html[data-panel-theme=dark] .brand-logo-dark{display:block}
html[data-panel-theme] .nav-label{font:500 11px/1.5 var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ui-muted);padding:8px 12px;margin:24px 0 4px}
html[data-panel-theme] .nav-btn{display:flex;gap:12px;align-items:center;min-height:44px;padding:12px;border:0;border-radius:12px;background:transparent;color:var(--ui-muted);font:500 14px/1.4 var(--font-ui);text-align:left;box-shadow:none;transition:background var(--motion-fast)}
.nav-btn i{display:grid;place-items:center;width:20px;height:20px;flex:none}.nav-btn svg{width:20px;height:20px}.nav-btn span{min-width:0}
html[data-panel-theme] .nav-btn:hover{background:var(--ui-subtle);color:var(--ui-text)}html[data-panel-theme] .nav-btn.active{background:var(--ui-selection);color:var(--ui-action);font-weight:600}
html[data-panel-theme] .profile{display:flex;align-items:center;gap:12px;padding:16px 8px;width:100%;border:0;border-top:1px solid var(--ui-border);background:transparent;color:var(--ui-text);text-align:left}.side-bottom{margin-top:32px}
html[data-panel-theme] :is(.avatar,.mini-avatar,.evo-avatar){background:var(--ui-selection);color:var(--ui-action);border:0}.avatar,.mini-avatar{flex:none}
html[data-panel-theme] .top{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px;padding:0 32px;background:var(--ui-surface);border-bottom:1px solid var(--ui-border)}
.top strong{font:600 16px/1.4 var(--font-ui)}.top small{font-size:13px;color:var(--ui-muted)}.top-actions{display:flex;gap:8px;align-items:center}.top-actions .ui-icon-button{position:relative}
.ui-profile-initials{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ui-selection);color:var(--ui-action);font-size:12px;font-weight:600}
.top-alert-count{position:absolute;right:0;top:0;display:grid;place-items:center;min-width:16px;height:16px;border-radius:8px;background:var(--ui-action);color:var(--ui-on-action);font:600 10px var(--font-ui)}.top-alert-count[hidden]{display:none}
.ui-profile-menu{display:grid;gap:8px}.ui-profile-menu .btn{justify-content:flex-start}.ui-profile-menu .ui-profile-name{padding:0 0 16px;border-bottom:1px solid var(--ui-border);margin-bottom:8px}.ui-profile-name strong,.ui-profile-name small{display:block}.ui-profile-name small{color:var(--ui-muted);font-size:13px;margin-top:4px}
.ui-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ui-quick-grid .btn{justify-content:flex-start;text-align:left;min-height:64px}
.ui-attention-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--ui-border)}.ui-attention-row:last-child{border:0}.ui-attention-row>svg{color:var(--ui-action)}.ui-attention-row strong,.ui-attention-row small{display:block}.ui-attention-row strong{font-size:15px;font-weight:500}.ui-attention-row small{font-size:13px;color:var(--ui-muted);margin-top:4px}
.ui-home-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.ui-home-grid>.evo-card{margin:0}.ui-home-more{margin-top:24px}
.ui-appointment{display:grid;grid-template-columns:52px 36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:20px 0;border-bottom:1px solid var(--ui-border)}.ui-appointment:last-child{border:0}.ui-appointment time{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.ui-appointment .avatar{width:36px;height:36px;display:grid;place-items:center;font-size:12px;border-radius:50%}.ui-appointment strong{font-size:15px;display:block;font-weight:500}.ui-appointment small{display:block;font-size:13px;color:var(--ui-muted);margin:4px 0 8px}.ui-appointment .evo-badge{font-size:11px}
.ui-finance-details{margin-top:24px}.ui-skeleton{height:16px;border-radius:6px;background:var(--ui-border);margin-bottom:12px}.ui-skeleton.large{height:64px}.ui-loading{padding:32px;max-width:1100px}.ui-loading-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.ui-loading-row>div{height:116px;border-radius:16px;background:var(--ui-subtle)}
html[data-ui-loading] .app-shell{visibility:hidden}html:not([data-ui-loading]) .ui-loading{display:none}.ui-loading{position:absolute;inset:100px 24px auto 272px}.demo-strip{background:var(--ui-subtle);color:var(--ui-muted);padding:8px 16px;font-size:12px;line-height:1.5;border-bottom:1px solid var(--ui-border)}
html[data-panel-theme] .ly-mobile-header,html[data-panel-theme] .ly-mobile-bottom{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);backdrop-filter:none}
html[data-panel-theme] .ly-mobile-bottom{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0}.ly-mobile-bottom button{font:500 11px/1.3 var(--font-ui);min-height:56px;gap:4px}.ly-mobile-bottom button svg{width:20px;height:20px}
html[data-panel-theme] .ly-mobile-bottom button[aria-current=page]{background:var(--ui-selection);color:var(--ui-action)}
html[data-panel-theme] #lyMobileNav nav{background:var(--ui-surface);color:var(--ui-text)}.ly-menu-heading .drawer-brand-dark{display:none}.ly-menu-heading .drawer-brand-light{display:block}html[data-panel-theme=dark] .ly-menu-heading .drawer-brand-light{display:none}html[data-panel-theme=dark] .ly-menu-heading .drawer-brand-dark{display:block}
html[data-panel-theme] .ly-menu-heading{display:grid;grid-template-columns:1fr 44px;gap:16px;padding:24px 16px;border-bottom:1px solid var(--ui-border)}.ly-menu-heading img{grid-column:1;grid-row:1;width:128px;height:auto;max-height:80px;object-fit:contain}.ly-menu-heading strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ly-menu-heading button{grid-column:2;grid-row:1;color:var(--ui-text);background:transparent}
html[data-panel-theme] .ly-menu-links h3{font:500 11px/1.5 var(--font-ui);letter-spacing:.08em;color:var(--ui-muted);margin:24px 12px 8px}.ly-menu-links button{font:500 14px/1.5 var(--font-ui);min-height:44px;color:var(--ui-text)}.ly-menu-links button[aria-current=page]{background:var(--ui-selection);color:var(--ui-action)}
.ui-auth-logo{width:180px;height:auto}.ui-current-mode{font-size:12px;color:var(--ui-muted);font-weight:400}.ui-help-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
@media(min-width:801px) and (max-width:1100px){html[data-panel-theme] .app-shell{grid-template-columns:88px minmax(0,1fr)}html[data-panel-theme] .side{display:flex;width:88px;padding:20px 12px}.side .nav-btn{justify-content:center}.side .nav-btn span,.side .nav-label,.side .profile>div:not(.avatar),.side [data-directory-nav]{display:none!important}.side .side-logo{padding:0;height:60px;min-height:60px}.side-logo .official-logo-img{width:52px;height:40px;object-fit:contain}.side .nav-btn:focus-visible:after,.side .nav-btn:hover:after{content:attr(aria-label);position:absolute;left:76px;background:var(--ui-text);color:var(--ui-surface);padding:8px 12px;border-radius:8px;z-index:30}.ui-home-grid{grid-template-columns:1fr}.ui-loading{left:112px}html[data-panel-theme] .top{padding:0 24px}}
@media(max-width:800px){html[data-panel-theme] body{padding-top:calc(64px + env(safe-area-inset-top));padding-bottom:calc(72px + env(safe-area-inset-bottom))}html[data-panel-theme] .app-shell{display:block}html[data-panel-theme] .side,html[data-panel-theme] .top{display:none}html[data-panel-theme] .screen{padding:24px 16px 32px}html[data-panel-theme] .ly-mobile-header{display:grid;grid-template-columns:44px minmax(0,1fr) 96px;gap:8px;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;border-bottom:1px solid var(--ui-border)}.ly-mobile-header #lyMenuToggle{grid-column:1;grid-row:1;width:44px;height:44px;margin:0;padding:10px;background:transparent;color:var(--ui-text);border:0}.ly-mobile-title{grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.4 var(--font-ui)}.ly-mobile-tools{grid-column:3;grid-row:1;display:flex;gap:8px;align-items:center;margin:0}.ly-mobile-tools .top-icon-btn{position:relative}.ly-mobile-header #lyMenuToggle span{display:none}.ui-home-grid{grid-template-columns:1fr}.ui-appointment{grid-template-columns:44px minmax(0,1fr) 44px}.ui-appointment>.avatar{display:none}.ui-appointment .ui-icon-button{padding:10px}.ui-attention-row{gap:12px;grid-template-columns:20px minmax(0,1fr)}.ui-attention-row .btn{grid-column:2;justify-self:start}.ui-home-more{margin-top:24px}html[data-panel-theme] :is(.screen-head h1,.evo h1){font-size:26px}html[data-panel-theme] :is(.panel,.evo-card){padding:16px}html[data-panel-theme] .evo-metric{padding:16px}html[data-panel-theme] .evo-metric b{font-size:24px}.evo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evo-head{gap:16px}.evo-head>.evo-actions{width:auto}.evo-head>.evo-actions .btn{flex:none}.ui-quick-grid{grid-template-columns:1fr}.ui-loading{inset:120px 16px auto;padding:0}.ui-loading-row{grid-template-columns:1fr 1fr}.demo-strip{font-size:11px;padding:8px 16px}.evo-tabs{max-width:100%}.evo-grid{grid-template-columns:1fr}html[data-panel-theme] .modal-head h2{font-size:22px}html[data-panel-theme] #toast{bottom:calc(84px + env(safe-area-inset-bottom))}.ui-finance-details{margin-top:16px}}
/* Legacy operational surfaces inherit the selected palette, including dark. */
html[data-panel-theme] :is(.toggle-line,.template-card,.tier-box,.price-box,.timeline,.client-block,.client-actions,.active-check,.ops-card,.list-row,.permission-tags span,.notice,.sync-pill,.catalog-tab,.segmented,.date-chip){background:var(--ui-subtle);color:var(--ui-text);border-color:var(--ui-border)}
html[data-panel-theme] :is(.toggle-line,.template-card,.tier-box,.price-box,.notice) :is(strong,label,p){color:inherit}
html[data-panel-theme] .template-card p{color:var(--ui-muted)}
html[data-panel-theme] .toggle-line{min-height:48px;cursor:pointer}
html[data-panel-theme] .toggle-line:has(input:checked){background:var(--ui-selection);border-color:var(--ui-action)}
html[data-panel-theme] :is(.toggle-line,.active-check) input{accent-color:var(--ui-action)}
html[data-panel-theme] .finance-tabs button{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-control-border)}
html[data-panel-theme] .finance-tabs button.active{background:var(--ui-action);color:var(--ui-on-action)}
html[data-panel-theme] .warning-callout{background:var(--ui-warning-bg);color:var(--ui-warning);border-color:currentColor}
html[data-panel-theme] .theme-option{background:var(--ui-surface);color:var(--ui-text)}
.theme-option[data-theme-option=dark] .theme-preview{background:#181418;border-color:#51444D}
.theme-option[data-theme-option=dark] .theme-preview em{background:#302830;border-color:#51444D;border-top-color:var(--preview-accent)}
.ui-studio-welcome{display:flex;align-items:center;gap:20px;min-width:0}
.ui-studio-welcome>div{min-width:0}.ui-studio-welcome h1{overflow-wrap:anywhere}
.ui-studio-mark{display:grid;place-items:center;flex:none;width:88px;height:88px;padding:10px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);color:var(--ui-action);font-size:26px;font-weight:600;overflow:hidden}
.ui-studio-mark img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:6px}
.ui-profile-name .ui-studio-mark{margin-bottom:16px}
@media(max-width:800px){html[data-panel-theme] .ly-mobile-header{grid-template-columns:44px minmax(0,1fr) 148px}.ly-mobile-tools{gap:8px}.ui-studio-welcome{align-items:flex-start;gap:12px}.ui-studio-mark{width:64px;height:64px;padding:6px;font-size:22px}.ui-studio-welcome h1{font-size:24px!important}.ui-studio-welcome .muted{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:800px){.ly-mobile-tools [data-theme-trigger]>span{display:flex;align-items:center;justify-content:center}}