/* Shared public identity and theme controls; colors/typography come from application tokens. */
.public-brand-identity{display:flex;gap:12px;align-items:center;min-width:0}.public-brand-identity>span{display:grid;gap:3px;min-width:0}.public-brand-identity strong{overflow-wrap:anywhere}.public-brand-identity small{color:var(--muted)}
.public-brand-logo{width:60px;height:60px;object-fit:contain;flex:none}.public-theme-control{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.public-theme-control select{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:8px;border-radius:8px;min-height:44px}
.public-auth-brand{flex-wrap:wrap;justify-content:space-between;gap:12px}.public-auth-brand .public-brand-identity{flex:1 1 180px}
.shop-empty-state{text-align:center;padding:clamp(24px,5vw,48px)}.shop-empty-state p{color:var(--muted);line-height:1.6}.shop-empty-state h2{margin:0 0 12px}
:where(.shop-shell,.public-auth-page) :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:650px){.public-brand-logo{width:48px;height:48px}.public-theme-control{width:100%;justify-content:flex-end}}