/* M6: client surfaces and brand studio polish. */
.client-card{max-width:36rem;margin:var(--space-4) auto;background:var(--c-surface);border:1px solid var(--c-border);border-top:4px solid var(--c-brand,var(--dc-blue));border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);box-shadow:var(--shadow-2)}
.client-card-ok{border-top-color:#0b6b3a}
.client-card h1{font-size:1.5rem}
.client-card p,.client-card code{overflow-wrap:anywhere}
.client-drop{display:block;padding:var(--space-4);border:2px dashed var(--c-muted);border-radius:var(--radius-lg);background:#f6f8fb}
.client-drop input{display:block;width:100%;margin-top:var(--space-2)}
.client-submit{width:100%;min-height:var(--tap)}
@media (min-width:30.01rem){.client-card{padding:var(--space-8)}}
.brand-form fieldset{border:1px solid var(--c-border,#c9d1db);border-radius:.75rem;padding:1rem 1.25rem;background:#fff}
.brand-form legend{font-weight:700;padding:0 .5rem}
.color-row{grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem}
.color-row>label:first-child,.color-row>.guide{grid-column:1/-1}
.color-row input[data-hex]{font-family:ui-monospace,monospace;max-width:9rem}
.preset-dot{width:1.25rem;height:1.25rem}
.upload-surface{background:#f6f8fb;border-radius:.75rem}
.logo-current{padding:.5rem;background:#fff;border:1px solid #c9d1db;border-radius:.5rem}
.brand-previews{border-radius:.75rem;box-shadow:0 1px 3px rgba(1,20,59,.08)}
.pv-email,.pv-upload{border-radius:.75rem}
.pv-email-head{border-bottom:4px solid var(--pv-accent)}
@media (max-width:30rem){.color-row{grid-template-columns:1fr}}