.brand-workspace {display:grid;gap:22px;max-width:1280px;margin:auto}
.brand-header {display:flex;gap:24px;justify-content:space-between;align-items:start}
.brand-header h2 {margin:0 0 8px}
.brand-header p,.brand-card p {color:#596579}
.brand-header label {min-width:250px}
.brand-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.brand-workspace label,.brand-editor label {display:grid;gap:7px;font-weight:600}
.brand-workspace input,.brand-workspace select {width:100%;min-height:42px;padding:8px;border:1px solid #d7dce3;border-radius:8px;background:white;color:#233044}
.brand-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.brand-card {padding:20px;overflow-wrap:anywhere}
.brand-card h4 {margin:10px 0}
.brand-card strong {display:block;color:#bb470c;margin:10px 0}
.brand-file-icon {font-size:36px;color:#f37435}
.brand-actions {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.brand-upload,.brand-signature {padding:24px}
.brand-upload summary {cursor:pointer;font-weight:700}
.brand-signature-preview {background:white;padding:24px;margin:20px 0;border:1px solid #e5e7eb;overflow:auto}
.brand-editor {width:min(680px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #d7dce3;border-radius:16px;padding:24px}
.brand-editor::backdrop {background:#15233599}
.brand-editor canvas {display:block;max-width:100%;max-height:45vh;object-fit:contain;margin:12px auto}
.brand-editor button {margin:6px}
#brand-notice:not(:empty) {padding:12px;background:#fff2e9;border-radius:8px}
@media(max-width:680px){.brand-header{display:grid}.brand-fields{grid-template-columns:1fr}.brand-grid{grid-template-columns:1fr}.brand-upload,.brand-signature{padding:16px}.brand-signature-preview{padding:12px}}

.brand-file-icon img {display:block;width:100%;height:180px;object-fit:contain;background:#f4f5f7;border-radius:10px}

#brand-notice:empty {display:none}
.brand-signature-document {width:620px;transform-origin:top left}

.identity-dialog {width:min(560px,calc(100vw - 32px));max-height:90vh;overflow:auto}
.identity-dialog form {display:grid;gap:16px}
.identity-dialog form h3,.identity-dialog form p {margin:0}
.identity-dialog label {display:grid;gap:8px;font-weight:600}
.identity-dialog input:not([type=checkbox]),.identity-dialog select {width:100%;min-height:44px;padding:10px 12px;border:1px solid #d7dce3;border-radius:8px;background:#fff;color:#233044;box-sizing:border-box;font:inherit}
.identity-dialog label:has(input[type=checkbox]) {display:flex;align-items:flex-start;font-weight:400}
.identity-dialog [data-error]:empty {display:none}