.brand-wordmark { display:flex; flex-direction:column; min-width:0; line-height:1.1; }
.brand-wordmark strong { font-size:23px; font-weight:800; letter-spacing:-1.1px; }
.brand-wordmark small { display:block; margin-top:6px; font-size:8px; font-weight:500; letter-spacing:1.15px; color:var(--text-muted); text-transform:uppercase; }
.store-logo-settings { margin-bottom:22px; padding:24px; }
.store-logo-heading { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; }
.store-logo-heading h2 { font-size:16px; margin:0 0 8px; }
.store-logo-heading p { font-size:10px; color:var(--text-secondary); line-height:1.8; margin:0; }
.store-logo-list { margin-top:18px; }
.store-logo-row { display:flex; align-items:center; gap:14px; padding:15px 0; border-top:1px solid var(--line); }
.store-logo-preview { width:56px; height:56px; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:var(--green); border:1px solid var(--line); background:var(--surface-soft); border-radius:12px; overflow:hidden; }
.store-logo-preview .lucide { width:23px; height:23px; }
.store-logo-preview img { width:100%; height:100%; object-fit:contain; padding:5px; background:white; }
.store-logo-info { display:flex; flex:1; flex-direction:column; gap:5px; min-width:0; }
.store-logo-info strong { font-size:11px; }
.store-logo-info small,.store-logo-status { font-size:9px; color:var(--text-muted); line-height:1.7; }
.store-logo-status.error-text { color:var(--danger,#b94444); }
.store-logo-upload { position:relative; cursor:pointer; overflow:hidden; flex-shrink:0; }
.store-logo-upload input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.store-logo-upload:focus-within { outline:2px solid var(--green); outline-offset:3px; }
.store-logo-row.uploading .store-logo-upload { opacity:.5; }
[data-store-logo] img { width:100%; height:100%; object-fit:contain; border-radius:inherit; background:white; }
.store-item [data-store-logo]:has(img) { width:25px; height:25px; border-radius:6px; background:var(--surface); }
.store-tab-icon[data-store-logo]:has(img) { padding:3px; }
.store-logo-preview[data-store-logo] img { padding:5px; }
@media(max-width:640px) { .store-logo-settings { padding:18px; } .store-logo-row { flex-wrap:wrap; gap:10px; } .store-logo-info { flex-basis:calc(100% - 68px); } .store-logo-upload { margin-inline-start:66px; } .store-logo-heading { flex-wrap:wrap; } }
