.sbad-slot {position:relative; width:100%; max-width:800px; aspect-ratio:40/9; min-height:0; margin:0 auto; box-sizing:border-box; overflow:hidden; background:#172b49; color:#fff; isolation:isolate;}
.sbad-slot * {box-sizing:border-box}
.sbad-slot-fallback {display:flex!important; flex-direction:column; justify-content:center; align-items:flex-start; gap:5px; width:100%; height:100%; padding:18px 24px; background:#172b49; color:#fff!important;text-decoration:none!important;}
.sbad-slot-fallback strong {font:800 clamp(17px,2vw,27px)/1.2 'Roboto Condensed',Roboto,sans-serif!important;color:#fff!important}
.sbad-slot-fallback small {color:#c5d1df!important;font:400 12px/1.4 Roboto,sans-serif!important}
.sbad-slot .sbad-ad-label{position:absolute;top:8px;right:9px;border:1px solid rgba(255,255,255,.7);color:#fff!important;background:rgba(0,10,25,.48);padding:2px 7px;font:600 10px/1.4 Roboto,sans-serif;}
.sbad-slot .sbad-cta{font:700 12px/1.4 Roboto,sans-serif!important;border:1px solid #cbd4e3;color:#fff!important;margin-top:7px;padding:5px 8px}
.sbad-slot-fallback:hover,.sbad-slot-fallback:focus-visible{background:#233e63}
.sbad-active-link{display:block;width:100%;height:100%;cursor:pointer}
.sbad-active-link img{width:100%;height:100%;display:block;object-fit:contain;background:#172b49}
.sbad-cabinet{max-width:1120px;color:#17263b;font-family:Roboto,Arial,sans-serif}
.sbad-cabinet *{box-sizing:border-box}
.sbad-balance,.sbad-card{padding:22px 24px;margin:0 0 18px;background:#fff;border:1px solid #d5dce5;border-radius:5px}
.sbad-cabinet h3{font:800 24px/1.2 'Roboto Condensed',Roboto,Arial,sans-serif;color:#172b49;margin:0 0 16px}
.sbad-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sbad-metrics>div{padding:16px;background:#f4f6fa;border-left:3px solid #172b49;display:flex;flex-direction:column;gap:8px}
.sbad-metrics small{font-size:13px;color:#64758a}
.sbad-metrics strong{font:800 clamp(21px,3vw,33px)/1.1 'Roboto Condensed',Roboto,Arial,sans-serif}
.sbad-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.sbad-tier{display:flex!important;gap:12px;align-items:flex-start;padding:14px;border:1px solid #cad5e2;cursor:pointer}
.sbad-tier:has(input:checked){border-color:#172b49;background:#f4f6fa}
.sbad-tier input{flex-shrink:0;margin-top:5px}
.sbad-tier span{display:flex;flex-direction:column;gap:6px}
.sbad-tier strong{font-size:22px}
.sbad-tier small{font-size:12px;color:#5b6876}
.sbad-button{background:#172b49!important;color:#fff!important;border:1px solid #172b49!important;border-radius:4px!important;padding:11px 22px!important;cursor:pointer;font:700 15px/1.3 Roboto,Arial,sans-serif!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.sbad-button:hover,.sbad-button:focus-visible{background:#29456d!important}
.sbad-banner-form{display:grid;gap:14px;max-width:790px}
.sbad-banner-form label:not(.sbad-consent){display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#172b49}
.sbad-banner-form input:not([type=checkbox]){font:400 15px/1.3 Roboto,Arial,sans-serif;border:1px solid #b6c2cf;padding:11px 12px;width:100%;max-width:100%;border-radius:3px;color:#171f29;background:#fff}
.sbad-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5}
.sbad-help{color:#5b6777;font-size:13px;line-height:1.55;margin-top:12px}
.sbad-preview{display:block;max-width:800px;width:100%;height:auto;aspect-ratio:40/9;object-fit:contain;background:#f4f6fa;border:1px solid #cbd3de}
.sbad-preview[hidden]{display:none}
.sbad-campaign-list{display:grid;gap:14px}
.sbad-campaign-item{border:1px solid #d8e0e9;padding:15px;display:flex;gap:20px;align-items:center}
.sbad-campaign-item img{width:320px;max-width:50%;aspect-ratio:40/9;object-fit:cover}
.sbad-campaign-item strong{font-weight:750}
.sbad-campaign-item p{font-size:14px;margin:7px 0}
.sbad-table{border-collapse:collapse;width:100%;font-size:14px}
.sbad-table th,.sbad-table td{padding:10px 8px;border-bottom:1px solid #d6dce6;text-align:left}
.sbad-notice,.sbad-error{padding:12px 16px;border-left:3px solid #237c44;background:#f0f8f2}
.sbad-error{border-color:#b52e2e;background:#fcf0f0}
.sbad-inline{display:inline-block;margin:2px}
@media(max-width:760px){.sbad-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sbad-tiers{grid-template-columns:1fr}.sbad-balance,.sbad-card{padding:15px}.sbad-campaign-item{display:block}.sbad-campaign-item img{max-width:100%;width:100%}}
@media(max-width:480px){.sbad-metrics{grid-template-columns:1fr}.sbad-slot-fallback{padding:9px 12px}.sbad-slot-fallback strong{font-size:17px!important}.sbad-slot .sbad-cta{display:none}}

/* 0.2.1: full-width ad in the two-column transfer directory */
.sbad-transfer-grid-wide{grid-column:1/-1!important;min-width:0;width:100%;display:block;align-self:stretch}
.sbad-transfer-grid-wide>.sbad-slot{width:100%;max-width:800px;margin:0 auto;aspect-ratio:40/9;height:auto}
/* Advertiser banner upload: responsive drag-and-drop, instructions and preview */
.sbad-banner-upload-field{min-width:0}
.sbad-banner-upload-field>h4{color:#172b49;font:700 14px/1.4 Roboto,Arial,sans-serif;margin:0 0 9px}
.sbad-upload{position:relative;max-width:800px;width:100%}
.sbad-upload-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;left:0;top:0;z-index:-1}
.sbad-dropzone{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:215px;padding:24px!important;border:2px dashed #95a6bc!important;border-radius:5px!important;cursor:pointer;background:#f4f6fa!important;text-align:center;color:#172b49!important;transition:background-color .15s,border-color .15s}
.sbad-dropzone:hover,.sbad-dropzone.is-dragover,.sbad-upload-native:focus-visible+.sbad-dropzone{border-color:#172b49!important;background:#eaf0f6!important;outline:0!important}
.sbad-dropzone strong{font:700 clamp(15px,2vw,20px)/1.35 Roboto,Arial,sans-serif!important;color:#172b49!important}
.sbad-upload-icon{display:flex;align-items:center;justify-content:center;color:#172b49}
.sbad-upload-button{display:inline-flex;padding:11px 20px;border-radius:3px;background:#172b49;color:#fff;font:700 13px/1.2 Roboto,Arial,sans-serif}
.sbad-banner-specs{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;margin:12px 0 0;padding:12px 14px;border:1px solid #d8e0e9;background:#fff;font:400 13px/1.45 Roboto,Arial,sans-serif;color:#536477}
.sbad-banner-specs strong{color:#172b49;font-weight:800}
.sbad-upload-preview{margin:14px 0 0;padding:14px;border:1px solid #cbd4df;background:#fff;border-radius:3px}
.sbad-upload-preview[hidden]{display:none!important}
.sbad-upload-preview>h4{font:800 16px/1.3 'Roboto Condensed',Roboto,Arial,sans-serif;color:#172b49;margin:0 0 10px}
.sbad-upload-preview>.sbad-preview{max-width:100%;width:800px;height:auto;aspect-ratio:40/9;object-fit:contain}
.sbad-upload-preview-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 0;color:#556779;font-size:13px;overflow-wrap:anywhere}
.sbad-upload-remove{border:1px solid #9baac0;background:#fff;color:#172b49;cursor:pointer;padding:7px 12px;border-radius:3px;font:700 13px/1.3 Roboto,Arial,sans-serif}
.sbad-upload-remove:hover{background:#f4f6fa}
.sbad-upload-message{font-size:13px;min-height:0;margin:8px 0 0;color:#24683b}
.sbad-upload-message.is-error{color:#a52e2e;font-weight:700}
@media(max-width:600px){.sbad-dropzone{min-height:190px;padding:18px!important}.sbad-banner-specs{flex-direction:column;align-items:flex-start}}

/* MediaIndex-style client report, rendered in the existing SB-Cabinet. */
.sbad-progress{display:flex;gap:22px;align-items:center;border-top:1px solid #d5dce5;margin-top:18px;padding-top:18px;flex-wrap:wrap}
.sbad-progress-ring{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:conic-gradient(#172b49 var(--sbad-percentage,0%),#e7edf3 0);position:relative}
.sbad-progress-ring:before{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:#fff}
.sbad-progress-ring span{position:relative;font:800 22px/1 'Roboto Condensed',Roboto,Arial,sans-serif;color:#172b49}
.sbad-progress strong{color:#172b49;font-size:15px}
.sbad-stat-nav{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.sbad-stat-filter{padding:8px 14px;border:1px solid #172b49;text-decoration:none!important;color:#172b49!important;border-radius:3px;font-weight:700}
.sbad-stat-filter:hover{background:#172b49;color:#fff!important}
.sbad-table-wrap{overflow-x:auto}
.sbad-consent a{color:#172b49!important;text-decoration:underline!important;text-underline-offset:2px}