.supplier-logo {display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;overflow:hidden;background:linear-gradient(140deg,#e9e3f3,#d6ebef);color:#45575f;font-size:18px;font-weight:650}
.supplier-logo img,.supplier-logo-preview img {display:block;width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}
.supplier-company-heading {display:flex;align-items:center;gap:15px;min-width:0}
.supplier-company-heading>div {min-width:0}
.supplier-logo-editor {display:flex;align-items:center;gap:20px;padding:18px;border-radius:20px;background:var(--surface)}
.supplier-logo-preview {display:grid;place-items:center;flex:none;width:92px;height:92px;border-radius:20px;overflow:hidden;background:#e3ecec;color:#465d63;font-size:17px}
.supplier-logo-editor-copy {display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 15px;min-width:0}
.supplier-logo-editor-copy>strong,.supplier-logo-editor-copy>small {flex-basis:100%;font-size:14px;line-height:1.5}
.supplier-logo-editor-copy>strong {font-size:16px}
.supplier-logo-upload {display:inline-flex;align-items:center;position:relative;min-height:42px;padding:9px 13px;border-radius:999px;background:#e2edf0;color:#314b57;font-size:14px;font-weight:600;cursor:pointer}
.supplier-logo-upload input {position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;clip-path:inset(50%)}
.supplier-logo-upload:focus-within {outline:2px solid var(--focus);outline-offset:3px}
.supplier-logo-editor-copy>small {color:var(--muted)}
.supplier-logo-editor [data-logo-error] {width:100%;font-size:14px;color:#af4a42;margin:0}
.supplier-logo-editor [data-logo-error]:empty {display:none}
.supplier-logo-editor [data-logo-remove] {font-size:14px;min-height:42px}
.supplier-logo-editor [data-logo-remove][hidden] {display:none}
html[data-theme="dark"] .supplier-logo {background:linear-gradient(130deg,#3c354e,#294650);color:#e3edf1}
html[data-theme="dark"] .supplier-logo-editor {background:#212a28}
html[data-theme="dark"] .supplier-logo-upload {background:#344a53;color:#e1f0f5}
@media(max-width:500px) {.supplier-logo-editor {align-items:flex-start;gap:12px;padding:14px}.supplier-logo-preview {width:64px;height:64px}.supplier-logo {width:48px;height:48px}.supplier-company-heading {gap:12px}}