.settings-branding-preview{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}
.settings-branding-preview-image{display:block;width:180px;max-width:42%;height:64px;object-fit:contain;background:#fff;border-radius:8px;padding:6px}
.settings-branding-icon-preview{display:grid;justify-items:center;gap:4px;margin-left:auto}
.settings-branding-icon-preview-image{display:block;width:52px;height:52px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px}
.settings-branding-preview p{margin:5px 0 0}
.settings-branding-card .field input[type=color]{width:100%;min-height:48px;height:48px;padding:4px;cursor:pointer;background:var(--surface)}
.settings-branding-card .field input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.settings-branding-card .field input[type=color]::-webkit-color-swatch{border:1px solid var(--line);border-radius:8px}
.settings-branding-card .field input[type=color]:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-secondary) 28%,transparent);outline-offset:2px}
.btn-primary:hover{background:var(--brand-primary-dark,#1b4f8a)}
.btn-soft{background:var(--brand-soft,var(--mint));color:var(--brand-primary,var(--brand))}
.settings-branding-card .field input[type=file]::file-selector-button{background:var(--brand-soft,var(--mint));color:var(--brand-primary,var(--brand))}
.settings-branding-card .field input[type=file]::file-selector-button:hover{background:var(--brand-primary,var(--brand));border-color:var(--brand-primary,var(--brand))}
.settings-branding-card .field input[type=file]{height:44px;min-height:44px;padding:5px 8px;color:var(--muted);cursor:pointer}
.settings-branding-card .field input[type=file]::file-selector-button{margin-right:10px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--mint);color:var(--brand);font:inherit;font-weight:800;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.settings-branding-card .field input[type=file]::file-selector-button:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.settings-branding-card .field input[type=file]:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-2) 28%,transparent);outline-offset:2px}
@media (max-width:800px){.settings-branding-preview{align-items:flex-start;flex-direction:column}.settings-branding-preview-image{width:min(240px,100%);max-width:100%}.settings-branding-icon-preview{margin-left:0;display:flex;align-items:center}}