.business-center { --bc-blue:var(--blue,#0868ef); --bc-line:var(--line,#dce8f8); --bc-muted:var(--muted,#6680aa); --bc-ink:var(--ink,#11336d); color:var(--bc-ink); font-size:14px; min-width:0; }
.business-center .bc-intro { margin-bottom:17px; align-items:center; }
.business-center .bc-intro h2 { font-size:25px !important; font-weight:700 !important; margin-bottom:6px; }
.business-center .bc-intro p { font-size:14px; color:var(--bc-muted); }
.business-center .bc-tabs { display:flex; flex-wrap:wrap; gap:9px 26px; border-bottom:1px solid var(--bc-line); margin-bottom:20px; }
.business-center .bc-tabs button { background:none; border:0; border-bottom:3px solid transparent; color:var(--bc-ink); padding:10px 2px 12px; font-size:15px; font-weight:600; }
.business-center .bc-tabs button.is-active { border-bottom-color:var(--bc-blue); color:var(--bc-blue); }
.business-center .bc-filters { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.business-center select,.business-center input { min-height:40px; border:1px solid var(--bc-line); border-radius:7px; background:var(--surface,#fff); color:var(--bc-ink); padding:8px 11px; max-width:100%; }
.business-center .bc-brand select { min-width:150px; }
.business-center .bc-range { display:flex; flex-wrap:wrap; gap:8px; }
.business-center .bc-range button { min-height:40px; padding:8px 18px; }
.business-center .bc-range button.is-active { background:var(--blue-soft,#edf5ff); border-color:var(--bc-blue); color:var(--bc-blue); }
.business-center .bc-updated { margin-left:auto; color:var(--bc-muted); font-size:12px; }
.business-center .bc-custom { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; padding-top:16px; }
.business-center .bc-custom label { display:grid; gap:6px; }
.business-center .bc-custom small { align-self:center; color:var(--bc-muted); }
.business-center .bc-scope-note { font-size:12px; color:var(--bc-muted); line-height:1.7; margin:10px 0 16px; }
.business-center .bc-message:empty { display:none; }
.business-center .bc-message,.business-center .bc-warning { color:var(--red,#d94a4a); padding:10px 0; line-height:1.7; }
.business-center .bc-stat-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) minmax(280px,1.7fr); border:1px solid var(--bc-line); border-radius:12px; background:var(--surface,#fff); margin-bottom:18px; padding:19px 0; align-items:start; }
.business-center .bc-stat-strip > button { background:none; border:0; border-right:1px solid var(--bc-line); padding:0 20px; text-align:left; color:var(--bc-ink); min-width:0; }
.business-center .bc-stat-strip > button:hover strong { text-decoration:underline; text-underline-offset:6px; }
.business-center .bc-stat-strip > button span { display:block; font-size:14px !important; font-weight:600 !important; }
.business-center .bc-stat-strip > button strong { display:block; font-size:32px !important; line-height:1.3; color:var(--bc-blue); font-weight:700 !important; margin:6px 0; font-variant-numeric:tabular-nums; }
.business-center .bc-stat-strip > button small { color:var(--bc-muted); font-size:12px; line-height:1.5; display:block; }
.business-center .bc-stat-strip > button small b { color:var(--bc-blue); font-weight:500; }
.business-center .bc-redemptions { min-width:0; padding:0 18px; }
.business-center .bc-redemptions h3 { font-size:14px !important; margin:0 0 8px; }
.business-center .bc-redemptions table { width:100%; min-width:0 !important; table-layout:fixed; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.business-center .bc-redemptions th,.business-center .bc-redemptions td { min-width:0 !important; padding:4px 3px !important; border:0; background:none; white-space:nowrap; text-align:right; font-size:12px !important; }
.business-center .bc-redemptions thead th { color:var(--bc-muted); font-weight:400 !important; }
.business-center .bc-redemptions th:first-child { text-align:left; width:36%; }
.business-center .bc-redemptions td { color:var(--bc-blue); font-weight:600; font-size:15px !important; }
.business-center .bc-day-link { display:flex; align-items:center; gap:8px; background:none; border:0; padding:0; color:var(--bc-ink); font-size:12px !important; font-weight:400 !important; }
.business-center .bc-day-link b { color:var(--bc-blue); font-size:15px; font-weight:600; }
.business-center .bc-day-link:hover { color:var(--bc-blue); text-decoration:underline; text-underline-offset:3px; }
.business-center .bc-day-link:focus-visible { outline:2px solid var(--bc-blue); outline-offset:3px; }
.business-center .bc-main-grid { display:grid; grid-template-columns:minmax(0,2.6fr) minmax(230px,1fr); gap:18px; align-items:start; }
.business-center .bc-panel { background:var(--surface,#fff); border:1px solid var(--bc-line); border-radius:11px; min-width:0; padding:20px; }
.business-center .bc-panel-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.business-center h3 { margin:0; font-size:18px !important; color:var(--bc-ink); font-weight:700 !important; }
.business-center .bc-panel-heading > span,.business-center .bc-panel-heading label { color:var(--bc-muted); font-size:12px; }
.business-center .bc-panel-heading label { display:flex; align-items:center; gap:7px; white-space:nowrap; flex-shrink:0; }
.business-center .bc-panel-heading select { min-height:34px; padding:5px 8px; font-size:12px; }
.business-center .bc-table { width:100%; border-collapse:collapse; font-size:14px; }
.business-center .bc-table th { font-weight:500; background:var(--blue-soft,#edf5ff); color:var(--bc-ink); white-space:nowrap; padding:13px 14px; }
.business-center .bc-table td { padding:15px 14px; border-top:1px solid var(--bc-line); vertical-align:middle; font-variant-numeric:tabular-nums; }
.business-center .bc-table small { display:block; font-size:12px; margin-top:5px; color:var(--bc-muted); }
.business-center .bc-table .is-selected td { background:var(--blue-soft,#edf5ff); }
.business-center .bc-table tfoot td { font-weight:600; }
.business-center .bc-comparison .bc-table { min-width:0 !important; table-layout:fixed; }
.business-center .bc-comparison .bc-table th,.business-center .bc-comparison .bc-table td { min-width:0 !important; padding:13px 8px; white-space:normal; overflow-wrap:anywhere; }
.business-center .bc-comparison .bc-table th:first-child { width:24%; }
.business-center .bc-comparison .bc-table th:last-child { width:17%; }
.business-center .bc-comparison .row-action { padding:4px 0; white-space:normal; }
.business-center .bc-consumption { font-weight:600; font-variant-numeric:tabular-nums; }
.business-center .bc-comparison th small { margin-top:4px; font-weight:400; }
.business-center .row-action { font-size:13px; white-space:nowrap; color:var(--bc-blue); }
.business-center .bc-panel-note { color:var(--bc-muted); font-size:12px; line-height:1.8; margin:16px 0 0; }
.business-center .bc-tag { padding:3px 6px; background:var(--blue-soft,#edf5ff); border-radius:4px; }
.business-center dl { margin:0; }
.business-center dl > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; }
.business-center dt { color:var(--bc-ink); }
.business-center dd { margin:0; color:var(--bc-blue); font-size:20px !important; font-weight:600 !important; font-variant-numeric:tabular-nums; }
.business-center .bc-detail-button { width:100%; margin:17px 0 12px; color:var(--bc-blue); border-color:var(--bc-blue); display:flex; justify-content:center; align-items:center; gap:8px; }
.business-center .bc-detail-links { border-top:1px solid var(--bc-line); }
.business-center .bc-detail-links button { display:flex; align-items:center; gap:12px; width:100%; border:0; background:none; padding:13px 0; color:var(--bc-ink); text-align:left; }
.business-center .bc-detail-links button > .ti:last-child { margin-left:auto; }
.business-center .bc-card-inventory dl > div { padding:12px 0; border-bottom:1px solid var(--bc-line); }
.business-center .bc-card-inventory > button { margin-top:16px; }
.business-center .bc-bars { display:grid; gap:18px; margin:25px 0 10px; }
.business-center .bc-bar-row { display:grid; grid-template-columns:85px minmax(0,1fr) 56px; align-items:center; gap:12px; }
.business-center .bc-bar-row b { font-weight:500; text-align:right; font-variant-numeric:tabular-nums; }
.business-center progress { width:100%; height:19px; border:0; appearance:none; background:var(--blue-soft,#edf5ff); border-radius:0; }
.business-center progress::-webkit-progress-bar { background:var(--blue-soft,#edf5ff); }
.business-center progress::-webkit-progress-value { background:var(--bc-blue); }
.business-center progress::-moz-progress-bar { background:var(--bc-blue); }
.business-center .bc-record-filters { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.business-center .bc-record-filters input { min-width:160px; flex:1; }
.business-center .bc-record-scope { font-size:12px; color:var(--bc-muted); line-height:1.7; margin:14px 0 18px; }
.business-center .bc-record-table th,.business-center .bc-record-table td { font-size:13px; padding:14px 12px; }
.business-center .bc-pagination { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:17px; }
.business-center .bc-pagination span { margin-right:auto; color:var(--bc-muted); font-size:12px; }
.business-center .bc-loading,.business-center .bc-empty { text-align:center; padding:32px 16px; color:var(--bc-muted); }
.business-center .bc-status { display:inline-block; padding:4px 7px; font-size:12px; white-space:nowrap; border-radius:4px; background:var(--blue-soft,#edf5ff); color:var(--bc-ink); }
.business-center .bc-status-ACTIVE,.business-center .bc-status-AVAILABLE { background:var(--green-soft,#eafaf4); color:#168153; }
.business-center .bc-status-EXPIRED,.business-center .bc-status-DISABLED { background:var(--red-soft,#fff1f2); color:#c42e2e; }
.business-center .bc-status-EXPIRING { color:#946308; background:#fff5de; }
.bc-dialog { width:min(760px,calc(100vw - 32px)); max-width:calc(100vw - 32px); }
.bc-dialog .modal-body { max-height:70vh; overflow:auto; }
.bc-dialog .bc-detail-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; margin:0 0 24px; }
.bc-dialog .bc-detail-fields dt { color:var(--muted,#6680aa); font-size:12px; margin-bottom:7px; }
.bc-dialog .bc-detail-fields dd { margin:0; font-size:14px; color:var(--ink,#11336d); overflow-wrap:anywhere; }
.bc-dialog table { width:100%; border-collapse:collapse; }
.bc-dialog th,.bc-dialog td { padding:12px; border-bottom:1px solid var(--line,#dce8f8); text-align:left; }
.bc-dialog .bc-methods p { line-height:1.8; margin:0 0 15px; font-size:14px; }
.bc-video-dialog { width:min(1200px,calc(100vw - 32px)); padding:0; }
.bc-video-dialog .modal-card { width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
.bc-video-dialog .modal-header { gap:16px; align-items:flex-start; }
.bc-video-heading { display:flex; align-items:center; flex-wrap:wrap; gap:14px 24px; min-width:0; }
.bc-video-heading h2 { margin:0; font-size:18px !important; font-weight:700 !important; }
.bc-video-summary { display:grid; gap:8px; font-size:13px; }
.bc-video-summary-day { display:flex; flex-wrap:wrap; gap:8px 16px; }
.bc-video-summary-day > span:first-child { color:var(--muted,#6680aa); }
.bc-video-summary b,.bc-video-rate-line b { color:var(--blue,#0868ef); font-variant-numeric:tabular-nums; }
.bc-video-dialog .modal-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,1.15fr) auto; }
.bc-channel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.bc-video-channels { min-width:0; }
.bc-channel-card { padding:10px 12px; border:1px solid var(--line,#dce8f8); border-radius:10px; background:#f7faff; font-size:12px; line-height:1.8; }
.bc-channel-card h3 { margin:0 0 4px; font-size:14px; color:var(--ink,#11336d); }
.bc-channel-card b { color:var(--blue,#0868ef); font-variant-numeric:tabular-nums; }
.bc-channel-note { margin:6px 0 0; font-size:11px; line-height:1.5; color:var(--muted,#6680aa); }
@media (max-width:900px) {
  .bc-video-dialog .modal-header { grid-template-columns:minmax(0,1fr) auto; }
  .bc-video-channels { grid-row:2; grid-column:1/-1; }
  .bc-video-dialog .modal-header > [data-close] { grid-row:1; grid-column:2; }
}
@media (max-width:480px) {
  .bc-channel-grid { gap:5px; }
  .bc-channel-card { padding:7px 5px; overflow-wrap:anywhere; }
}
.bc-video-dialog table { min-width:0; table-layout:fixed; margin-bottom:18px; }
.bc-video-dialog th:first-child { width:22%; }
.bc-video-dialog th,.bc-video-dialog td { white-space:normal; overflow-wrap:anywhere; vertical-align:top; }
.bc-video-count-line,.bc-video-rate-line { display:inline-block; width:50%; font-size:13px; line-height:1.9; }
.bc-video-count-line b { font-variant-numeric:tabular-nums; }
.bc-video-rate-line { color:var(--muted,#6680aa); }
.bc-video-dialog tfoot { background:var(--surface-soft,#f4f8ff); }
@media (max-width:520px) {
  .bc-video-dialog .modal-header,.bc-video-dialog .modal-body { padding:14px; }
  .bc-video-dialog th,.bc-video-dialog td { padding:10px 5px; }
  .bc-video-count-line,.bc-video-rate-line { width:100%; font-size:12px; }
  .bc-video-summary-day { gap:6px 10px; }
}
@media (min-width:1700px) { .business-center .bc-panel { padding:24px; } .business-center .bc-main-grid { grid-template-columns:minmax(0,2.9fr) minmax(280px,1fr); } }
@media (max-width:1450px) { .business-center .bc-stat-strip > button { padding:0 12px; } .business-center .bc-stat-strip > button strong { font-size:29px !important; } }
@media (max-width:1100px) { .business-center .bc-main-grid { grid-template-columns:minmax(0,1fr); } .business-center .bc-distribution { grid-row:3; } .business-center .bc-brand-detail dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; } .business-center .bc-updated { margin-left:0; } .business-center .bc-stat-strip { grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:18px; } .business-center .bc-stat-strip > button:nth-child(4) { border-right:0; } .business-center .bc-redemptions { grid-column:1 / -1; border-top:1px solid var(--bc-line); padding-top:16px; } .business-center .bc-redemptions table { max-width:480px; } }
@media (max-width:700px) { .business-center .bc-stat-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; } .business-center .bc-stat-strip > button:nth-child(2) { border-right:0; } .business-center .bc-stat-strip > button strong { font-size:27px !important; } .business-center .bc-panel { padding:15px; } .business-center .bc-tabs { gap:8px 17px; } .business-center .bc-tabs button { font-size:14px; } .business-center .bc-range button { padding:8px 12px; } .business-center .bc-brand-detail dl { grid-template-columns:1fr; } .business-center .bc-panel-heading label { flex-wrap:wrap; } .business-center .bc-record-filters > * { min-width:0; } .business-center .bc-record-filters input { flex-basis:100%; } .business-center .bc-bar-row { grid-template-columns:74px minmax(0,1fr) 48px; gap:8px; } .bc-dialog .bc-detail-fields { grid-template-columns:1fr; } }
.overview-grid > .pending-card:only-child { grid-column:1 / -1; }
@media (min-width:701px) and (max-width:1100px) {
  .business-center .bc-stat-strip { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .business-center .bc-stat-strip > button:nth-child(4) { border-right:1px solid var(--bc-line); }
  .business-center .bc-stat-strip > button:nth-child(5) { border-right:0; }
}
@media (max-width:700px) {
  .business-center .bc-stat-strip > button:nth-child(5) { grid-column:1 / -1; border-right:0; }
}