#mediaBuyingRoot{--mb-line:var(--border-color,#d6e1ee);--mb-bg:var(--bg-card,#fff);--mb-text:var(--text-primary,#162339);--mb-muted:var(--text-secondary,#52647a);color:var(--mb-text);max-width:1400px;margin:auto;padding:24px;letter-spacing:0}
#mediaBuyingRoot *{box-sizing:border-box;min-width:0}
#mediaBuyingRoot h2{font-size:26px;margin:0 0 8px}#mediaBuyingRoot h3{font-size:18px;margin:0 0 16px}
#mediaBuyingRoot p{line-height:1.7;margin:8px 0}#mediaBuyingRoot small,.mb-muted{color:var(--mb-muted)}
.mb-heading,.mb-actions,.mb-request header,.mb-messages header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mb-heading{margin-bottom:24px}.mb-heading p{color:var(--mb-muted)}.mb-actions{justify-content:flex-start}
#mediaBuyingRoot button,#mediaBuyingRoot input,#mediaBuyingRoot select,#mediaBuyingRoot textarea{font:inherit;color:inherit;border:1px solid var(--mb-line);border-radius:6px;background:var(--mb-bg);max-width:100%}
#mediaBuyingRoot button{min-height:40px;padding:9px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;white-space:normal}
#mediaBuyingRoot button:hover{border-color:#089fc0}#mediaBuyingRoot button:disabled{opacity:.55;cursor:wait}
#mediaBuyingRoot .mb-primary{background:#087f9c;border-color:#087f9c;color:white}
#mediaBuyingRoot a{color:#0786a6;overflow-wrap:anywhere}#mediaBuyingRoot label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;line-height:1.6}
#mediaBuyingRoot input,#mediaBuyingRoot select{padding:10px 12px;min-height:44px;width:100%}#mediaBuyingRoot textarea{padding:12px;min-height:96px;width:100%;resize:vertical}
#mediaBuyingRoot :focus-visible{outline:2px solid #17b7d8;outline-offset:3px}
.mb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--mb-line);margin-bottom:24px;background:var(--mb-bg)}.mb-metrics>div{padding:20px;border-inline-end:1px solid var(--mb-line);display:flex;flex-direction:column;gap:10px}.mb-metrics>div:last-child{border-inline-end:0}.mb-metrics span{font-size:13px;color:var(--mb-muted)}.mb-metrics strong{font-size:23px;overflow-wrap:anywhere}.mb-metrics small{font-size:11px}
.mb-toolbar,.mb-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end}.mb-toolbar{grid-template-columns:minmax(200px,1fr) minmax(160px,260px);margin:24px 0}.mb-wide{grid-column:1/-1}.mb-section{padding:24px 0;border-bottom:1px solid var(--mb-line)}
.mb-campaigns{display:grid;gap:12px}.mb-campaigns article{display:grid;grid-template-columns:minmax(180px,1fr) 150px 190px auto;align-items:center;gap:20px;border:1px solid var(--mb-line);border-radius:8px;background:var(--mb-bg);padding:20px}.mb-campaigns h3{margin-bottom:4px!important}.mb-campaigns p,.mb-card-budget span{font-size:12px;color:var(--mb-muted)}.mb-card-budget{display:flex;flex-direction:column;gap:8px}
.mb-badge{font-size:12px!important;border:1px solid #b7dbe6;border-radius:5px;padding:6px 9px;display:inline-flex;align-self:flex-start;background:#ecf8fc;color:#07617b!important}.mb-live,.mb-approved{background:#e9faf1;color:#176841!important;border-color:#b8e3c8}.mb-paused,.mb-pending,.mb-changes_requested{background:#fff6dc;color:#825300!important;border-color:#ecd690}.mb-rejected{background:#fff0f2;color:#ad243b!important;border-color:#eeb7c1}
.mb-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--mb-line);padding-bottom:8px;scrollbar-width:thin}.mb-tabs button{white-space:nowrap!important;flex:none;border-color:transparent!important;border-radius:0!important}.mb-tabs button[aria-current=page]{border-bottom:3px solid #09a5c7!important;color:#0785a4!important;font-weight:800}
.mb-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0}.mb-facts dt{font-size:12px;color:var(--mb-muted)}.mb-facts dd{margin:10px 0 0;overflow-wrap:anywhere}.mb-alerts{list-style:none;padding:12px 16px;border-inline-start:3px solid #de9e21;background:rgba(222,158,33,.08);line-height:2;font-size:13px}.mb-alerts i{margin-inline-end:6px}
#mediaBuyingRoot fieldset{border:1px solid var(--mb-line);border-radius:6px;padding:20px}.mb-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mb-checks label{flex-direction:row!important;align-items:center}.mb-checks input{width:18px!important;height:18px;min-height:18px!important;accent-color:#0786a6}
.mb-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--mb-line);border-radius:6px;margin-top:16px}#mediaBuyingRoot table{width:100%;border-collapse:collapse;font-size:12px;min-width:740px;background:var(--mb-bg)}#mediaBuyingRoot th,#mediaBuyingRoot td{padding:12px;text-align:start;border-bottom:1px solid var(--mb-line);overflow-wrap:anywhere;max-width:240px}#mediaBuyingRoot th{font-weight:700;background:rgba(7,134,166,.05)}.mb-table-head{justify-content:space-between;margin-top:28px}
.mb-request{padding:20px 0;border-bottom:1px solid var(--mb-line)}.mb-request details{margin:16px 0}.mb-request summary{cursor:pointer;font-weight:700}.mb-review{margin-top:16px;display:grid;gap:12px}.mb-pre{white-space:pre-wrap;overflow-wrap:anywhere}.mb-messages article{padding:16px 0;border-bottom:1px solid var(--mb-line)}.mb-messages time{font-size:12px;color:var(--mb-muted)}.mb-history{padding-inline-start:22px}.mb-history li{padding:12px}.mb-history span{display:block;color:var(--mb-muted);font-size:12px;margin-top:6px}
.mb-empty{padding:48px 16px;text-align:center;color:var(--mb-muted)}.mb-error{border:1px solid #e69cac;background:rgba(210,50,75,.08);padding:16px;border-radius:6px;color:#b52c48}.mb-submetrics{margin-top:24px}
#mediaBuyingRoot [hidden]{display:none!important}
[data-theme=dark] #mediaBuyingRoot{--mb-bg:#152132;--mb-text:#eff5fc;--mb-muted:#bccada;--mb-line:#35465c;color-scheme:dark}[data-theme=dark] #mediaBuyingRoot a{color:#67d7ed}
@media(max-width:1000px){.mb-campaigns article{grid-template-columns:1fr auto}.mb-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#mediaBuyingRoot{padding:16px}#mediaBuyingRoot h2{font-size:22px}.mb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-metrics>div{padding:14px;border-bottom:1px solid var(--mb-line)}.mb-metrics strong{font-size:19px}.mb-form,.mb-toolbar,.mb-checks{grid-template-columns:1fr}.mb-campaigns article{grid-template-columns:1fr;gap:12px}.mb-tabs{margin-inline:-4px}.mb-facts{gap:16px}.mb-heading{align-items:flex-start}.mb-request header{align-items:flex-start}}

/* The desktop sidebar dock rule must not put the mobile drawer in document flow. */
@media (max-width: 768px) {
  #appWrapper > #sidebar { position: fixed; }
}

#mediaBuyingRoot .mb-detail-list{display:grid;gap:16px}#mediaBuyingRoot .mb-detail-row{border:1px solid var(--mb-line);border-radius:8px;padding:16px;min-width:0;overflow-wrap:anywhere}#mediaBuyingRoot .mb-detail-row>header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:16px}#mediaBuyingRoot .mb-detail-row>header>div:first-child{display:grid;gap:6px}#mediaBuyingRoot .mb-detail-share{display:flex;align-items:center;gap:8px}#mediaBuyingRoot .mb-detail-share input{width:18px;min-height:18px;flex:0 0 18px}

#mediaBuyingRoot .mb-campaigns article>.mb-actions{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--mb-line)}

#mediaBuyingRoot .mb-commercial { border-block:1px solid var(--mb-line); padding-block:16px; min-width:0; }
#mediaBuyingRoot .mb-commercial summary { cursor:pointer; font-weight:700; padding-block:6px; }
#mediaBuyingRoot .mb-commercial summary span { font-size:13px; font-weight:400; margin-inline-start:12px; }
#mediaBuyingRoot .mb-commercial>.mb-form { margin-top:18px; }

.mb-app-report{border:1px solid var(--mb-line,#d7e3ee);border-radius:8px;padding:20px;margin-block:16px;min-width:0;overflow-wrap:anywhere}
.mb-app-report header{display:flex;align-items:start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mb-app-report h3{font-size:18px;margin:0 0 8px;letter-spacing:0}
.mb-app-report header p,.mb-app-context{font-size:14px;line-height:1.8;margin-block:8px;color:inherit;opacity:.85}
.mb-app-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-block:20px}
.mb-app-metrics>div{min-width:0}
.mb-app-metrics dt{font-size:13px;line-height:1.7;opacity:.85}
.mb-app-metrics dd{margin:6px 0 0;font-size:18px;font-weight:700;line-height:1.6}
.mb-app-report summary{cursor:pointer;padding-block:8px;font-weight:700}
.mb-app-note{white-space:pre-wrap;line-height:1.8}
@media(max-width:900px){.mb-app-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.mb-app-report{padding:14px}.mb-app-metrics{gap:14px 10px}.mb-app-metrics dd{font-size:16px}}

#mediaBuyingRoot .mb-app-config[hidden]{display:none!important}
#mediaBuyingRoot .mb-app-config{min-width:0;margin:0}
#mediaBuyingRoot .mb-app-config>.mb-form{padding-top:16px}

.mb-today article{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--mb-line);padding:18px 0}.mb-today p{font-size:14px}.mb-today small{color:var(--mb-muted)}.mb-fold{border-block:1px solid var(--mb-line);padding-block:14px}.mb-fold>summary{cursor:pointer;font-weight:700;font-size:16px}.mb-fold>.mb-form{margin-top:18px}#mediaBuyingRoot [aria-invalid=true]{border-color:#d95064}#mediaBuyingRoot [data-mb-restore-draft]{justify-self:start}@media(max-width:600px){.mb-today article{align-items:flex-start;flex-direction:column}}

#mediaBuyingRoot .mb-checkline{flex-direction:row;align-items:center}#mediaBuyingRoot .mb-checkline input{width:18px;min-height:18px}.mb-requirement{border-bottom:1px solid var(--mb-line);padding:12px 0}.mb-subtabs{margin-top:12px;font-size:13px}.mb-requirement h4{margin:0 0 12px}

.mb-portal-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:26px;background:radial-gradient(circle at 12% 0,rgba(48,190,209,.12),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--surface,#fff) 96%,#6d42c5),color-mix(in srgb,var(--surface,#fff) 91%,#6d42c5));overflow:hidden}.mb-portal-intro h3{margin:10px 0 5px;font-size:22px}.mb-portal-intro p{max-width:720px;margin:0;line-height:1.8}.mb-portal-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mb-portal-steps span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border,#dce3eb);border-radius:999px;background:var(--surface,#fff);font-size:11px;font-weight:800}.mb-portal-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#6d42c5,#9a72ea);color:#fff}.mb-portal-steps>i{color:var(--text-muted,#64748b);font-size:11px}.mb-portal-campaigns article{position:relative;grid-template-columns:auto minmax(220px,1fr) auto minmax(180px,.55fr) auto;align-items:center}.mb-portal-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,rgba(109,66,197,.14),rgba(32,184,189,.14));color:#6d42c5;font-size:18px}.mb-portal-campaigns .mb-actions{grid-column:2/-1;margin-top:0}.cp-work>.cp-actions:first-child{justify-content:space-between;padding:16px 18px;border:1px solid var(--cp-line,#dce3eb);border-radius:14px;background:linear-gradient(135deg,var(--cp-card,#fff),var(--cp-card-2,#f8f8fb))}.cp-work>.cp-actions:first-child h3{margin:0}.cp-work>.cp-actions:first-child p{margin:3px 0 0}.cp-work .cp-item{transition:transform .2s,border-color .2s}.cp-work .cp-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cp-purple,#6b36c9) 35%,var(--cp-line,#dce3eb))}
@media(max-width:1050px){.mb-portal-intro{grid-template-columns:1fr}.mb-portal-campaigns article{grid-template-columns:auto minmax(0,1fr) auto}.mb-portal-campaigns .mb-card-budget{grid-column:2/-1}.mb-portal-campaigns .mb-actions{grid-column:1/-1}}
@media(max-width:680px){.mb-portal-campaigns article{grid-template-columns:auto 1fr}.mb-portal-campaigns article>.mb-badge{justify-self:start}.mb-portal-campaigns article>.mb-primary,.mb-portal-campaigns .mb-card-budget{grid-column:1/-1;width:100%}.mb-portal-steps>i{display:none}.mb-portal-steps{display:grid;grid-template-columns:1fr}.mb-portal-steps span{border-radius:12px}}
