/* Brand-specific layout; typography, header and controls reuse the creator surface. */
.brand-preview {--grad:var(--brand)}
.bp-center .bp-source-nav {display:none!important}
.bp-center .bp-primary-nav {display:flex; gap:26px; align-self:stretch; min-width:0; overflow-x:auto; flex:1}
.bp-primary-nav a {position:relative; display:flex; align-items:center; flex:none; color:#4b5665; font-size:14px; padding:12px 0}
.bp-primary-nav a.active {color:var(--brand); font-weight:600}
.bp-primary-nav a.active::after {content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--brand)}
.bp-center .ws-header-inner {flex-wrap:nowrap; gap:20px}
.bp-center .bp-support {margin-top:20px; border-top:1px solid var(--line); padding-top:18px}
.bp-center #brand-notifications .notification-icon {width:36px; height:36px; padding:8px; border:0; border-radius:6px; background:transparent}
.bp-center #brand-notifications .notification-icon img {width:20px; height:20px; opacity:.72}
.bp-center #brand-notifications .cp-notifications-muted img {opacity:.5}
.bp-center #brand-notifications .notification-icon:hover {background:#f3f5f7}
.bp-center #brand-notifications .notification-enable {display:none!important}
.bp-center .ws-main {max-width:1560px}
.bp-center .ws-tab>h2, .bp-center #campaign-query-title, .bp-center #campaign-form-title {font-size:25px; font-weight:600; line-height:1.4}
.bp-center .bp-page-actions {display:flex; align-items:center; justify-content:space-between; gap:16px; margin:-8px 0 22px}
.bp-center .bp-page-actions p {margin:0}
.bp-center #overview-cards, .bp-center #account-detail {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin-bottom:26px}
.bp-center #account-detail {padding:0; background:none; border:0}
.bp-center .data-card {padding:21px; min-width:0}
.bp-center .dc-value {font-size:26px; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
.bp-dashboard-grid {display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:28px; align-items:start}
.bp-dashboard-grid>* {min-width:0}
.bp-band {padding:0 0 24px; margin-bottom:26px; border-bottom:1px solid var(--line)}
.bp-dashboard-side {border-left:1px solid var(--line); padding-left:24px; width:100%}
.bp-section-head {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px}
.bp-section-head h3 {margin:0; font-size:16px; font-weight:600}
.bp-section-head a {font-size:12px; color:var(--brand)}
.bp-todos {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.bp-todos a {padding:20px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--muted); font-size:13px; min-width:0}
.bp-todos a:hover {border-color:#dba89f}
.bp-todos strong {display:block; margin-top:12px; font-size:28px; color:var(--text); font-weight:600}
.bp-resource {display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); color:var(--text); font-size:14px}
.bp-resource .cp-icon {opacity:.65}
.bp-resource:hover {color:var(--brand)}
.bp-center .bp-empty {padding:45px 16px; color:var(--muted); text-align:center; font-size:14px}
.bp-center .bp-band:last-child {margin-bottom:0}
.bp-center #bp-company-summary>strong {display:block; font-size:16px; overflow-wrap:anywhere}
.bp-center #bp-company-summary p {font-size:13px; color:var(--muted); margin:12px 0}
.bp-center #bp-company-summary .form-err {color:var(--red)}
.bp-center .brand-row-actions a {color:var(--brand)}
.bp-center .panel {padding:22px; border-radius:6px; box-shadow:none}
.bp-center .panel .panel {padding:16px 0; border:0; border-radius:0; background:none}
.bp-center .brand-query {padding:22px; background:#fff; border-radius:6px}
.bp-center .brand-results-bar {padding:12px 0}
.bp-center .brand-table {background:#fff; border-radius:0; font-size:14px}
.bp-center .brand-table th {background:#fafbfc; padding:14px 16px; color:#697483; font-size:12px; font-weight:500}
.bp-center .brand-table td {padding:19px 16px; line-height:1.6}
.bp-center .brand-table td small {font-size:12px}
.bp-center .brand-table tbody tr:hover {background:#fdfdfd}
.bp-center .brand-table-scroll, .bp-center .bp-table-scroll {max-width:100%; overflow-x:auto; border:1px solid var(--line); border-radius:6px}
.bp-table-scroll table {min-width:650px; width:100%; border-collapse:collapse}
.bp-center #campaign-list {overflow-x:auto; border:1px solid var(--line); border-radius:6px}
.bp-center #campaign-list .brand-table {min-width:950px}
.bp-center #delivery-detail {padding:0; background:none; min-height:0}
.bp-center #brand-detail-summary {background:none}
.bp-center .detail-head {padding:0 0 18px; background:none}
.bp-center .brand-detail-tabs {border-radius:0}
.bp-center .form label {font-size:14px}
.bp-center #cert-form {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px}
.bp-center #cert-form>p, .bp-center .bp-profile-actions {grid-column:1/-1}
.bp-profile-actions, .bp-filter-actions {display:flex; gap:10px; flex-wrap:wrap}
.bp-center #cert-err[data-kind=success] {color:var(--green)}
.bp-center .brand-showcase-option {display:flex; align-items:flex-start; gap:10px; line-height:1.7}
.bp-center .brand-showcase-option input {width:18px; height:18px; margin:3px 0 0; flex:none}
.bp-center .brand-showcase-actions {display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin-top:18px}
.bp-settings-tools {margin-bottom:20px}
.bp-center .bp-finance-filters {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:20px 0}
.bp-finance-filters label {display:grid; align-content:start; gap:7px; font-size:13px; color:var(--muted); min-width:0}
.bp-finance-filters input, .bp-finance-filters select {width:100%}
.bp-filter-actions {align-items:end; grid-column:1/-1}
.bp-finance-filters .form-err {grid-column:1/-1; margin:0}
.bp-center #brand-ledger-detail .brand-table {min-width:900px}
.bp-center .message-notification-dialog, .bp-center .crcc-modal-box {border-radius:8px}
.bp-join .join-wrap {max-width:1150px}
.bp-join .bp-join-grid {display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:32px; align-items:start}
.bp-join .join-card {width:100%; max-width:none; margin:0; padding-top:0; background:#fff}
.bp-join-progress {display:flex; flex-wrap:wrap; gap:20px; padding:24px 0; margin-bottom:24px; border-bottom:1px solid var(--line); font-size:13px; color:var(--muted)}
.bp-join-progress strong {color:var(--brand)}
.bp-join-guide {padding:25px 0; width:100%}
.bp-join-logo {width:60px; height:60px; object-fit:contain; margin-bottom:14px}
.bp-join-guide h2 {font-size:20px; margin:0 0 12px}
.bp-join-guide p {font-size:14px; color:var(--muted); line-height:1.8}
.bp-join-guide ol {padding-left:20px; margin:26px 0}
.bp-join-guide li {padding-left:6px; margin-bottom:22px; font-size:14px; color:var(--muted)}
.bp-join-guide strong, .bp-join-guide span {display:block}
.bp-join-guide strong {color:var(--text); margin-bottom:5px}
.bp-join-guide a {color:var(--brand); font-size:14px}
@media(max-width:1390px) {
  .bp-dashboard-grid {grid-template-columns:minmax(0,1fr) 250px; gap:22px}
  .bp-center .dc-value {font-size:23px}
  .bp-center .data-card {padding:18px}
}
@media(max-width:1100px) {
  .bp-dashboard-grid {grid-template-columns:minmax(0,1fr)}
  .bp-dashboard-side {border-left:0; border-top:1px solid var(--line); padding:24px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px}
  .bp-center #campaign-list .brand-table th:last-child, .bp-center #campaign-list .brand-table td:last-child {position:sticky; right:0; background:#fff; box-shadow:-4px 0 8px #24314008; min-width:115px}
  .bp-center .brand-query-main {grid-template-columns:repeat(2,minmax(0,1fr))}
  .bp-center #campaign-list .brand-table {display:table; width:100%}
  .bp-center #campaign-list .brand-table thead {display:table-header-group}
  .bp-center #campaign-list .brand-table tbody {display:table-row-group}
  .bp-center #campaign-list .brand-table tr {display:table-row; padding:0}
  .bp-center #campaign-list .brand-table th, .bp-center #campaign-list .brand-table td {display:table-cell; padding:16px; border-bottom:1px solid var(--line)}
  .bp-center #campaign-list .brand-table td::before {display:none}
}
@media(max-width:800px) {
  .bp-join .bp-join-grid {grid-template-columns:minmax(0,1fr)}
  .bp-join-guide {border-top:1px solid var(--line)}
}
@media(max-width:639px) {
  .bp-center .ws-header-inner {gap:12px}
  .bp-center .bp-primary-nav {gap:22px}
  .bp-primary-nav a {font-size:13px; min-height:48px}
  .bp-center .bp-page-actions {align-items:flex-start; margin:0 0 20px}
  .bp-center .bp-page-actions p {font-size:12px}
  .bp-center .bp-page-actions .btn {flex:none}
  .bp-center #overview-cards, .bp-center #account-detail {grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:24px}
  .bp-center .data-card {padding:16px 12px}
  .bp-center .dc-value {font-size:22px}
  .bp-center .dc-label {font-size:12px}
  .bp-todos {gap:8px}
  .bp-todos a {padding:14px 10px; font-size:12px}
  .bp-todos strong {font-size:26px}
  .bp-dashboard-side {display:block}
  .bp-center #cert-form, .bp-center .bp-finance-filters, .bp-center .brand-query-main, .bp-center .brand-query-extra {grid-template-columns:minmax(0,1fr)}
  .bp-center .panel, .bp-center .brand-query {padding:18px 14px}
  .bp-center .brand-query-actions {justify-content:flex-start}
  .bp-center #brand-notifications .notification-icon {width:34px; height:36px; padding:8px 7px}
  .bp-center .cp-workspace-footer {flex-wrap:wrap; font-size:12px}
  .bp-join .join-wrap {padding:24px 14px 40px}
  .bp-join .join-card {padding:0 18px 22px}
  .bp-join .jf-row {display:flex; gap:10px}
  .bp-join .jf-row>input {flex:1; min-width:0; width:0}
}