/* Brand profiles share the dashboard surfaces while editing stays in a focused dialog. */
body.dashboard-page #branding .brand-profiles-layout{display:block}
body.dashboard-page #branding .brand-profile-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;align-items:stretch}
body.dashboard-page #branding .brand-profile-item{display:flex;min-height:222px;height:100%;box-sizing:border-box;flex-direction:column;border-radius:15px;background:var(--dash-charcoal,#202020);box-shadow:none;transform:none}
body.dashboard-page #branding .brand-profile-item:before,
body.dashboard-page #branding .brand-profile-main>div:first-child:before{content:none;display:none}
body.dashboard-page #branding .brand-profile-main{gap:14px;padding:16px}
body.dashboard-page #branding .brand-profile-main{flex:1;min-height:0}
body.dashboard-page #branding .brand-profile-identity{display:flex;align-items:center;gap:12px;min-width:0}
body.dashboard-page #branding .brand-profile-identity>div:last-child{min-width:0}
body.dashboard-page #branding .brand-profile-item h3,
body.dashboard-page #branding .brand-profile-identity p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.dashboard-page #branding .brand-profile-item h3{font-size:14px}
body.dashboard-page #branding .brand-profile-description{min-height:20px;color:#aaa6af;font-size:11px}
body.dashboard-page #branding .brand-profile-card-logo{display:grid;flex:none;place-items:center;width:68px;height:68px;padding:8px;border:1px solid #45414b;border-radius:13px;box-sizing:border-box;overflow:hidden}
body.dashboard-page #branding .brand-profile-card-logo img{width:100%;height:100%;object-fit:contain}
body.dashboard-page #branding .brand-logo-fallback{font-size:17px;font-weight:800}
body.dashboard-page #branding [data-logo-surface=dark]{background:#111821;color:#fff}
body.dashboard-page #branding [data-logo-surface=light]{background:#f7f8fb;color:#222a36}
body.dashboard-page #branding .brand-profile-toggle{margin-top:auto!important}
body.dashboard-page #branding .brand-profile-actions{justify-content:flex-end}

body.dashboard-page #branding .brand-profile-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-width:none;max-height:min(90dvh,900px);margin:auto;padding:0;border:1px solid #514c59;border-radius:18px;background:#202024;color:#f6f3f9;box-shadow:0 28px 90px #000b;overflow:hidden}
body.dashboard-page #branding .brand-profile-dialog::backdrop{background:#08080bba;backdrop-filter:blur(4px)}
body.dashboard-page #branding .brand-profile-dialog .brand-profile-editor{display:flex;flex-direction:column;max-height:min(90dvh,900px);border:0;border-radius:0;box-shadow:none;background:#202024}
body.dashboard-page #branding .brand-profile-editor>header{flex:none;padding:17px 22px;background:#202024}
body.dashboard-page #branding .brand-profile-editor>header button{width:36px;height:36px;padding:0;font-size:17px!important}
body.dashboard-page #branding .brand-profile-fields{min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:18px;padding:20px 22px}
body.dashboard-page #branding .brand-profile-editor>footer{flex:none;min-height:68px;padding:12px 22px;background:#202024}
body.dashboard-page #branding .brand-visual-identity{display:grid;grid-template-columns:1fr;gap:12px;padding:15px}
body.dashboard-page #branding .brand-visual-heading{display:grid;gap:4px}
body.dashboard-page #branding .brand-visual-heading strong{font-size:12px}
body.dashboard-page #branding .brand-logo-surfaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.dashboard-page #branding .brand-logo-surface{display:grid!important;justify-items:center;gap:8px!important;margin:0!important;padding:10px;border:1px solid #48434f;border-radius:12px;color:#d9d5de;font-size:11px;text-align:center}
body.dashboard-page #branding .brand-logo-surface:focus-within{outline:2px solid #b99af1;outline-offset:2px}
body.dashboard-page #branding .brand-logo-surface .brand-logo-preview{display:grid;place-items:center;box-sizing:border-box;width:100%;height:92px;padding:12px;border:0!important;border-radius:10px;background:transparent!important;color:inherit;font-size:11px}
body.dashboard-page #branding .brand-logo-surface .brand-logo-preview img{width:100%;height:100%;padding:0;object-fit:contain}
body.dashboard-page #branding .brand-logo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
body.dashboard-page #branding .brand-logo-actions small{margin-inline-start:auto}
body.dashboard-page #branding .brand-logo-file:focus-within{outline:2px solid #b99af1;outline-offset:2px}
body.dashboard-page #branding .brand-logo-actions [hidden]{display:none!important}
@media(max-width:560px){
  body.dashboard-page #branding .brand-profile-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
  body.dashboard-page #branding .brand-profile-dialog .brand-profile-editor{height:100dvh;max-height:100dvh}
  body.dashboard-page #branding .brand-profile-editor>header{padding:13px 16px}
  body.dashboard-page #branding .brand-profile-fields{padding:16px}
  body.dashboard-page #branding .brand-profile-editor>footer{padding:12px 16px}
  body.dashboard-page #branding .brand-logo-surface .brand-logo-preview{height:76px}
}
html[data-podly-theme=light] body.dashboard-page #branding .brand-profile-dialog{background:#fff;color:#24313a;border-color:#d5dce2;box-shadow:0 28px 90px #25323b55}
html[data-podly-theme=light] body.dashboard-page #branding .brand-profile-dialog .brand-profile-editor{background:#fff;color:#24313a}
html[data-podly-theme=light] body.dashboard-page #branding .brand-profile-dialog :is(.brand-profile-fields,.brand-visual-heading strong,.brand-logo-surface){color:#24313a}
html[data-podly-theme=light] body.dashboard-page #branding .brand-logo-surface{border-color:#c9d1d9}
html[data-podly-theme=light] body.dashboard-page #branding .brand-profile-dialog .brand-logo-surface[data-logo-surface=dark],
html[data-podly-theme=light] body.dashboard-page #branding .brand-profile-dialog .brand-logo-surface[data-logo-surface=dark] .brand-logo-preview{color:#fff}
html[data-podly-theme=light] body.dashboard-page #branding .brand-profile-dialog .brand-logo-surface[data-logo-surface=light]{color:#222a36}
html[data-podly-theme=light] body.dashboard-page #branding .brand-profile-dialog .brand-profile-fields :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){background:#fff!important;border-color:#cbd4dc!important;color:#24313a!important}
html[data-podly-theme=light] body.dashboard-page #branding .brand-profile-dialog .brand-profile-fields :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea):focus{background:#fff!important;border-color:#5283a0!important;box-shadow:0 0 0 3px #5283a026!important}
html[data-podly-theme=light] body.dashboard-page #branding .brand-profile-dialog :is(.brand-logo-file,.brand-logo-actions button,.brand-profile-editor header>button){background:#f0f3f5!important;border-color:#cbd4dc!important;color:#24313a!important}

body.dashboard-page #branding .brand-logo-surface .brand-logo-actions{justify-content:center;margin-top:auto}
body.dashboard-page #branding .brand-logo-surface .brand-logo-actions button{min-width:44px}

.video-studio-modal [data-logo-variant-control][hidden]{display:none!important}
body.dashboard-page #branding .brand-logo-surface[data-logo-surface=light]{color:#222a36!important}
body.dashboard-page #branding .brand-logo-surface[data-logo-surface=dark]{color:#f6f3f9!important}
body.dashboard-page #branding .brand-logo-surface[data-logo-surface=light] .brand-logo-preview{color:#424d5b!important}