/* v0.11.7 — Branding & Company Settings */
.brand-mark-logo{padding:5px;background:#fff;overflow:hidden}
.brand-mark-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:7px}
.settings-stack{display:grid;gap:18px;padding-bottom:92px}
.branding-settings-card{overflow:visible}
.branding-preview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:16px;margin:4px 0 20px}
.branding-preview-panel{border:1px solid #e4eaf3;border-radius:18px;padding:20px;background:linear-gradient(145deg,#f9fbff,#fff);display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:170px}
.branding-preview-panel strong{font-size:16px;color:#0f172a}.branding-preview-panel small{color:#718096}
.branding-preview-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a9ab3}
.branding-logo-preview{height:66px;max-width:260px;display:flex;align-items:center;margin:4px 0 5px}
.branding-logo-preview img{max-height:66px;max-width:260px;object-fit:contain;display:block}
.branding-fallback-mark,.favicon-preview{display:grid;place-items:center;background:#2468e8;color:#fff;font-weight:800;border-radius:13px}
.branding-fallback-mark{width:58px;height:58px;font-size:16px}
.favicon-preview{width:58px;height:58px;margin:4px 0 5px;overflow:hidden}.favicon-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.favicon-preview span{font-size:13px}
.branding-upload-grid input[type=file]{padding:10px;background:#fbfcff}
.field small{display:block;margin-top:6px;color:#8090a8;font-size:11px;line-height:1.45}
.branding-remove-row{display:flex;gap:24px;flex-wrap:wrap;padding:14px 0 2px;border-top:1px solid #edf1f7}
.settings-save-bar{position:sticky;bottom:16px;z-index:12;background:rgba(15,23,42,.96);color:#fff;border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 16px 38px rgba(15,23,42,.24);backdrop-filter:blur(12px)}
.settings-save-bar div{display:flex;flex-direction:column;gap:2px}.settings-save-bar span{font-size:12px;color:#b8c4d8}.settings-save-bar .btn{white-space:nowrap}
.auth-company-logo{width:min(290px,75%);height:92px;display:flex;align-items:center;margin-bottom:26px}.auth-company-logo img{max-width:100%;max-height:92px;object-fit:contain;display:block}
.mobile-brand-logo{width:38px;height:38px;border-radius:10px;background:#fff;padding:3px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.mobile-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:800px){.branding-preview-grid{grid-template-columns:1fr}.settings-save-bar{bottom:8px;align-items:flex-start;flex-direction:column}.settings-save-bar .btn{width:100%}}

/* v0.11.7.1 — clearer branding + workspace timezone */
.crm-brand{min-height:58px}
.crm-sidebar-logo{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;min-width:0}
.crm-sidebar-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;image-rendering:auto}
.crm-brand-wordmark{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;align-items:center!important;padding-top:14px!important;padding-bottom:14px!important}
.crm-brand-wordmark .crm-sidebar-logo{width:100%;max-width:188px;height:var(--brand-logo-height,44px);background:transparent;border-radius:0;padding:0}
.crm-brand-wordmark .brand-copy{display:none!important}
.crm-brand-compact .crm-sidebar-logo{width:48px;height:48px;min-width:48px;background:#fff;border-radius:12px;padding:4px;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 6px 18px rgba(0,0,0,.15)}
.crm-brand-compact .crm-sidebar-logo img{width:100%;height:100%}

.branding-logo-preview.preview-wordmark{width:min(100%,360px);max-width:360px;height:var(--brand-logo-height,44px);min-height:44px}
.branding-logo-preview.preview-wordmark img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.branding-logo-preview.preview-compact{width:76px;height:76px;max-width:76px;padding:7px;border:1px solid #e5eaf2;border-radius:16px;background:#fff}
.branding-logo-preview.preview-compact img{width:100%;height:100%;object-fit:contain}
.branding-upload-grid select,.timezone-settings-card select{width:100%}
.timezone-settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:18px;align-items:stretch}
.timezone-live-card{border:1px solid #e3e9f3;border-radius:16px;background:#f8fbff;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.timezone-live-card span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8291aa}
.timezone-live-card strong{font-size:18px;color:#0f172a}.timezone-live-card small{color:#65758e}
.topbar .timezone{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-company-logo{width:min(360px,82%);height:112px;margin-bottom:24px}
.auth-company-logo img{max-width:100%;max-height:112px;width:auto;height:auto;object-fit:contain;image-rendering:auto}

@media(max-width:800px){
  .timezone-settings-grid{grid-template-columns:1fr}
  .crm-brand-wordmark .crm-sidebar-logo{max-width:172px}
}