/* Personalización discreta por organización; la marca RemateNube permanece independiente. */
.brand-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px}
.brand-settings .wide{grid-column:1/-1}.brand-settings label{display:block;font-size:12px;font-weight:650}
.brand-settings input[type=color]{width:100%;height:38px;background:#fff;border:1px solid #cad4dd;padding:3px;border-radius:3px;margin-top:6px}
.brand-preview{border:1px solid #dce3e9;background:#fff;padding:17px;display:flex;gap:18px;align-items:center}
.brand-preview .sample-logo{width:110px;height:75px;object-fit:contain;background:#f4f6f8;border:1px solid #e0e5e9}
.brand-preview .brand-placeholder{width:110px;height:75px;display:grid;place-items:center;background:#f4f6f8;border:1px solid #e0e5e9;color:#596775;font-size:11px}
.brand-preview h3{font-size:19px;margin:0 0 4px}
.brand-preview p{margin:0 0 9px;color:#687686;font-size:12px}
.brand-preview .sample-bars{display:flex;gap:6px}.brand-preview .sample-bars b{display:block;width:65px;height:7px}
.brand-note{font-size:11px;color:#647587;margin:9px 0}
.security-countdown{font-size:12px;color:#9f4b34;font-weight:650;min-height:15px}
.org-thumb{width:34px;height:34px;object-fit:contain;background:#f3f5f6;border:1px solid #e0e5e8;margin-right:9px;vertical-align:middle}
.security-alert-unread{background:#fff9f1}.security-alerts .data td{vertical-align:middle}
@media(max-width:680px){.brand-settings{grid-template-columns:1fr}.brand-settings .wide{grid-column:1}}

/* Formularios de identidad: campos alineados, legibles y sin anchos mínimos heredados. */
.brand-settings{width:100%;box-sizing:border-box}
.brand-settings .wide{min-width:0}
.brand-settings #brand-tagline{display:block;box-sizing:border-box;width:100%!important;max-width:none!important;min-height:38px;margin-top:6px}
.brand-settings .brand-preview{max-width:100%;box-sizing:border-box}
.brand-settings input[type=file]{max-width:100%;font-size:12px}

/* Vista previa de marca: refleja los tonos en botones y encabezados antes de guardar. */
.brand-preview{border-radius:10px;flex-wrap:wrap;gap:16px}
.brand-preview>div:last-child{flex:1;min-width:200px}
.brand-demo-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.brand-demo-controls span{border-radius:7px;padding:9px 12px;font-size:11px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;min-height:36px;color:#fff}
.brand-demo-primary{background:var(--tenant-primary,#236c73)}
.brand-demo-secondary{background:var(--tenant-secondary,#142636)}