/* Banner dashboard layout. Buttons, fonts, inputs and palette use the existing site design. */
.mbc-banners-dashboard {
 --mbl-line:var(--mbd-border,#d5dce5);--mbl-bg:var(--mbd-bg,#f3f6fa);
 --mbl-surface:var(--mbd-surface,#fff);--mbl-soft:var(--mbd-soft,#f3f6fa);
 --mbl-accent:var(--mbd-accent,#153a63);--mbl-muted:var(--mbd-muted,#53677d);
 --mbl-expiry:#287448;
 min-width:0;box-sizing:border-box;
}
.mbc-banners-dashboard * {box-sizing:border-box}
.mbd-site .mbc-banners-dashboard {--mbl-expiry:#8bc9a3}
:root[data-mb-theme="liget"] .mbc-banners-dashboard,:root[data-mb-theme="pulse"] .mbc-banners-dashboard {--mbl-expiry:#287448}
.mbc-banners-dashboard .mbc-countdown,.mbc-banners-dashboard .mbc-banner-expiry,.mbc-banners-dashboard .mbc-period-form input[name="period_end"] {color:var(--mbl-expiry);font-weight:600}
.mbc-banners-dashboard .mbc-view-header {padding-bottom:18px;border-bottom:1px solid var(--mbl-line)}
.mbc-banners-dashboard .mb-commerce-filters {align-items:end;margin:18px 0;gap:18px}
.mbc-banners-dashboard .mb-commerce-filters>label {flex:1 1 180px;max-width:390px;margin:0;min-width:0}
.mbc-banners-dashboard .mb-commerce-filters input,.mbc-banners-dashboard .mb-commerce-filters select {width:100%}
.mbc-banners-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:12px 16px;border:1px solid var(--mbl-line);border-radius:var(--mbd-radius,8px);background:var(--mbl-soft)}
.mbc-banners-dashboard .mbc-banners-toolbar>label {display:inline-flex;flex-direction:row;align-items:center;gap:9px;margin:0}
.mbc-banners-toolbar__actions {display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.mbc-banners-dashboard .mbc-banners-toolbar__actions .mb-button {margin:0}
.mbc-banners-dashboard .mbc-banners-message:empty {display:none}
.mbc-banners-message {padding:12px 0;margin:0}
.mbc-banners-columns {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px;align-items:start}
.mbc-banners-column {min-width:0;padding:14px;border:1px solid var(--mbl-line);border-radius:var(--mbd-radius,8px);background:var(--mbl-bg)}
.mbc-banners-column>header {padding-bottom:12px;border-bottom:1px solid var(--mbl-line);margin-bottom:14px}
.mbc-banners-column>header h3 {margin:0 0 10px}
.mbc-banners-dashboard .mbc-banners-column>header label {display:inline-flex;flex-direction:row;align-items:center;gap:9px;margin:0}
.mbc-banners-dashboard input[type="checkbox"] {flex:0 0 17px;align-self:auto;width:17px;height:17px;margin:2px 0 0;padding:0;cursor:pointer}
.mbc-banners-dashboard input[type="checkbox"]:disabled {cursor:default}
.mbc-banners-dashboard .mbc-banner-card {min-width:0;margin:0 0 14px;padding:14px;border:1px solid var(--mbl-line);border-radius:var(--mbd-radius,8px);background:var(--mbl-surface);overflow-wrap:anywhere}
.mbc-banner-card:last-child {margin-bottom:0}
.mbc-banner-card:has([data-mbc-banner-select]:checked) {border-color:var(--mbl-accent)}
.mbc-banners-dashboard .mbc-banner-card__heading label {display:flex;flex-direction:row;align-items:start;gap:10px;margin:0 0 12px}
.mbc-banner-card__overview {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:18px}
.mbc-banner-card__preview {width:100%;aspect-ratio:16/9;min-width:0;display:grid;place-items:center;background:var(--mbl-bg);border:1px solid var(--mbl-line);border-radius:4px;overflow:hidden}
.mbc-banner-card__image {display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.mbc-banner-card__placeholder {padding:16px;text-align:center;color:var(--mbl-muted)}
.mbc-banner-card__info {min-width:0}
.mbc-banner-card__facts {margin:0}
.mbc-banner-card__facts>div {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--mbl-line)}
.mbc-banner-card__facts>div:first-child {padding-top:0}
.mbc-banner-card__facts dt {color:var(--mbl-muted)}
.mbc-banner-card__facts dd {min-width:0;margin:0;overflow-wrap:anywhere}
.mbc-banner-card__state {display:inline-flex;align-items:baseline;gap:6px}
.mbc-banner-card__state:before {content:'';flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor}
.mbc-banner-card__state[data-banner-state="expiring"] {color:var(--mbl-accent)}
.mbc-banner-card__actions {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
.mbc-banners-dashboard .mbc-banner-card__actions .mb-button {margin:0;max-width:100%}
.mbc-banners-dashboard .mbc-banner-card__toggle {display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:0;margin:0;border:0;background:none;color:var(--mbl-accent);font:inherit;text-align:left;cursor:pointer}
.mbc-banner-card__toggle[aria-expanded="true"] span {transform:rotate(180deg)}
.mbc-banners-dashboard .mbc-banner-card__toggle[hidden] {display:none}
.mbc-banners-dashboard .mbc-banner-card__owner {margin:12px 0 0;padding-top:12px;border-top:1px solid var(--mbl-line);color:var(--mbl-muted)}
.mbc-banner-card__details {margin-top:12px}
.mbc-banners-ready .mbc-banner-card__details:not([open]) {margin:0}
.mbc-banners-ready .mbc-banner-card__details>summary {display:none}
.mbc-banner-card__details[open] {padding-top:14px;border-top:1px solid var(--mbl-line)}
.mbc-banner-card__details .mbc-placement {min-width:0;margin:0 0 16px;padding:14px;overflow-wrap:anywhere}
.mbc-banner-card__details .mbc-placement>h3 {margin-top:0}
.mbc-banner-card__details .mbc-placement:last-of-type {margin-bottom:0}
.mbc-banners-column__empty {padding:20px 0;margin:0;text-align:center;color:var(--mbl-muted)}
.mbc-banners-explanation {margin:16px 0 0;color:var(--mbl-muted)}
@media (max-width:1200px) {.mbc-banner-card__overview {grid-template-columns:minmax(0,1fr)}.mbc-banner-card__preview {max-width:480px}}
@media (max-width:760px) {.mbc-banners-columns {grid-template-columns:minmax(0,1fr)}.mbc-banners-toolbar__actions {width:100%;margin-left:0}.mbc-banners-toolbar__actions .mb-button {flex:1 1 160px}.mbc-banners-dashboard .mb-commerce-filters>label {max-width:none}}
@media (max-width:420px) {.mbc-banners-column {padding:10px}.mbc-banners-dashboard .mbc-banner-card {padding:12px}.mbc-banner-card__facts>div {grid-template-columns:minmax(0,1fr);gap:4px}}