:root {
  color-scheme: light;
  --ink: #17211d;
  --muted: #64706a;
  --line: #dce2de;
  --surface: #ffffff;
  --canvas: #f5f7f5;
  --green: #197a50;
  --green-dark: #115b3b;
  --green-pale: #eaf4ee;
  --amber: #f5b83d;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
[hidden]{display:none!important}

* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--canvas); }
button, input, textarea, select { font: inherit; }
.mira-flight{position:fixed;right:14px;bottom:14px;width:220px;height:220px;z-index:30;pointer-events:none;overflow:hidden;opacity:.88;filter:drop-shadow(0 8px 14px rgba(23,33,29,.12))}.mira-flight lottie-player{width:100%;height:100%}.mira-login-brand{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:-5px 0 2px}.mira-login-brand strong{font-size:32px;line-height:1;letter-spacing:-.055em}.mira-login-brand span{color:var(--green);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mira-brand{gap:7px}.mira-brand-bird{display:block;width:96px;height:48px;flex:0 0 96px;pointer-events:none}.mira-brand span{display:flex;align-items:baseline;gap:5px}.mira-brand strong{font-size:21px;letter-spacing:-.045em}.mira-brand small{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.public-links{display:flex;justify-content:center;gap:13px;margin-top:8px}.public-links a{color:#557064;font-size:11px;font-weight:700}
@media(prefers-reduced-motion:reduce){.mira-flight,.mira-brand-bird{display:none}}
@media(max-width:580px){.mira-flight{right:8px;bottom:8px;width:150px;height:150px}}

.topbar {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 max(24px, calc((100vw - 1200px) / 2));
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.92);
}
.brand { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-size: 18px; letter-spacing: -.02em; }
.brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--green); color: white; font-weight: 800; }
.brand-logo { width: 38px; height: 38px; display: block; object-fit: contain; }
.login-logo { width: 82px; height: 82px; margin: 0 auto 12px; }
.environment { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; }
.environment span, .status-dot { width: 8px; height: 8px; border-radius: 50%; background: #21a468; box-shadow: 0 0 0 4px #e5f5ec; }

main { max-width: 1200px; margin: 0 auto; padding: 64px 24px 88px; }
.intro { max-width: 680px; margin-bottom: 36px; }
.eyebrow { margin: 0 0 10px; text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 800; color: var(--green); }
h1 { margin: 0; font-size: clamp(36px, 5vw, 56px); line-height: 1.03; letter-spacing: -.055em; }
.intro > p:last-child { color: var(--muted); font-size: 18px; line-height: 1.6; margin: 18px 0 0; }
.layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; align-items: start; }
.panel, .safety-card, .status-card { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 10px 35px rgba(27, 47, 37, .05); }
.panel { padding: clamp(24px, 4vw, 42px); }
.section-heading { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 26px; }
.section-heading > span { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 50%; color: var(--green); background: var(--green-pale); font-size: 11px; font-weight: 800; }
h2 { margin: 0; font-size: 20px; letter-spacing: -.025em; }
.section-heading p { margin: 5px 0 0; color: var(--muted); font-size: 14px; }
.fields { display: grid; gap: 18px; }
.two-columns { grid-template-columns: 1fr 1fr; }
label, legend { display: block; color: #3d4943; font-size: 13px; font-weight: 700; }
input, textarea, select { width: 100%; margin-top: 8px; border: 1px solid #cbd4cf; border-radius: 10px; padding: 13px 14px; color: var(--ink); background: #fff; outline: none; transition: border-color .2s, box-shadow .2s; }
input:focus, textarea:focus, select:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(25,122,80,.12); }
textarea { resize: vertical; line-height: 1.5; }
fieldset { border: 0; padding: 0; margin: 26px 0 0; }
.type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px; }
.type-card { position: relative; min-height: 116px; padding: 18px; border: 1px solid #d4dcd7; border-radius: 12px; cursor: pointer; background: #fff; }
.type-card:has(input:checked) { border-color: var(--green); background: var(--green-pale); box-shadow: inset 0 0 0 1px var(--green); }
.type-card input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.type-card span { display: block; color: var(--muted); font-size: 13px; line-height: 1.45; font-weight: 500; }
.type-card .type-title { color: var(--ink); font-size: 15px; font-weight: 800; margin-bottom: 6px; }
.divider { height: 1px; background: var(--line); margin: 36px 0; }
.form-actions { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 28px; }
.form-actions p { margin: 0; color: var(--muted); font-size: 12px; }
button { border: 0; border-radius: 10px; background: var(--green); color: white; padding: 14px 18px; font-weight: 800; cursor: pointer; }
button:hover { background: var(--green-dark); }
button:disabled { opacity: .58; cursor: wait; }
button.is-loading::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -2px; animation: button-spin .7s linear infinite; }
@keyframes button-spin { to { transform: rotate(360deg); } }
button span { margin-left: 10px; }
.message { display: none; border-radius: 10px; margin-top: 20px; padding: 13px 15px; font-size: 13px; }
.message.info { display: block; color: #31594a; background: #edf5f1; }
.message.success { display: block; color: #125b3c; background: #e6f5ec; }
.message.error { display: block; color: #842c28; background: #fdecea; }
aside { position: sticky; top: 24px; display: grid; gap: 14px; }
.safety-card { padding: 28px; background: var(--ink); color: white; border-color: var(--ink); }
.safety-card .lock { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; margin-bottom: 32px; color: var(--ink); background: var(--amber); font-weight: 900; }
.safety-card .eyebrow { color: #85d2a9; }
.safety-card h2 { font-size: 26px; }
.safety-card > p:not(.eyebrow) { color: #bdc7c2; font-size: 14px; line-height: 1.6; }
.safety-card ul { list-style: none; padding: 22px 0 0; margin: 22px 0 0; border-top: 1px solid #34403a; }
.safety-card li { display: flex; gap: 10px; align-items: center; margin: 13px 0; color: #d8dedb; font-size: 12px; }
.safety-card li span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #303c36; color: #95a39c; font-size: 10px; }
.status-card { display: flex; align-items: center; gap: 12px; padding: 18px; }
.status-card div { display: grid; gap: 3px; }

.budget-setup { display: grid; grid-template-columns: minmax(240px, 1fr) 220px auto; gap: 16px; align-items: end; margin-bottom: 18px; }
.budget-morning-summary { margin-bottom: 18px; }.budget-morning-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; }.budget-morning-head h2 { margin: 4px 0; }.budget-morning-head p:not(.eyebrow) { margin: 0; color: var(--muted); }.budget-morning-head label { width: 190px; }.budget-overview-counts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: 22px 0 14px; }.budget-overview-counts button { display: grid; gap: 4px; padding: 14px; color: var(--ink); text-align: left; background: #f4f7f5; border: 1px solid var(--line); }.budget-overview-counts button strong { font-size: 24px; }.budget-overview-counts button span { color: var(--muted); font-size: 10px; text-transform: uppercase; }.budget-overview-list { display: grid; gap: 10px; }.budget-overview-account { display: grid; grid-template-columns: minmax(180px, 1.4fr) repeat(3, minmax(110px, .8fr)) auto; align-items: center; gap: 14px; padding: 16px; border: 1px solid var(--line); border-left: 4px solid #7aa88a; border-radius: 12px; background: white; }.budget-overview-account.urgent { border-left-color: #ce3c32; }.budget-overview-account.needs_attention { border-left-color: #ec7b26; }.budget-overview-account.watch { border-left-color: #d2a514; }.budget-overview-account.not_checked,.budget-overview-account.error { border-left-color: #7a8580; }.budget-overview-account > div { display: grid; gap: 3px; }.budget-overview-account span,.budget-overview-account small { color: var(--muted); font-size: 11px; }.budget-overview-account em { width: max-content; padding: 5px 8px; border-radius: 999px; color: var(--green); background: var(--green-pale); font-size: 9px; font-style: normal; font-weight: 900; text-transform: uppercase; }.budget-overview-account.urgent em,.budget-overview-account.needs_attention em { color: #8c2d21; background: #fff0ed; }.budget-overview-account.watch em { color: #725600; background: #fff6d8; }.budget-overview-account.not_checked em,.budget-overview-account.error em { color: #43514b; background: #edf1ef; }
.budget-editor { margin: 18px 0; }
.budget-editor > div > p:not(.eyebrow), .special-projects .report-table-head p { color: var(--muted); }
.budget-fields { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; align-items: end; margin-top: 24px; }
.budget-fields .budget-emails { grid-column: span 3; }
.campaign-budget-suggestion { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; padding: 16px; border: 1px solid #cfe2d8; border-radius: 12px; background: #f3f8f5; }.campaign-budget-suggestion > div { display: grid; gap: 4px; }.campaign-budget-suggestion span,.campaign-budget-suggestion small { color: var(--muted); font-size: 11px; }.campaign-budget-suggestion strong { font-size: 17px; }.campaign-budget-suggestion .budget-suggestion-note { grid-column: 1 / -1; }
.budget-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 18px 0; }
.budget-daily-status { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }.budget-daily-status h2 { margin: 4px 0; }.budget-daily-status p:not(.eyebrow) { margin: 0; color: var(--muted); }.budget-check-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.budget-digest-actions { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 18px; border-color: #cfe5d9; background: linear-gradient(135deg, #fff 0%, #f2f9f5 100%); }.budget-digest-actions h2 { margin: 4px 0; }.budget-digest-actions p:not(.eyebrow) { margin: 0; color: var(--muted); max-width: 680px; }.budget-digest-actions button { flex: 0 0 auto; }
.whatsapp-digest-preview { margin-top: 16px; }.whatsapp-digest-preview h2 { margin: 4px 0; }.whatsapp-digest-preview p:not(.eyebrow) { color: var(--muted); }.whatsapp-digest-preview pre { margin: 18px 0; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #f5faf7; color: #17241d; font: 500 14px/1.55 Arial, sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; }
.whatsapp-preview-actions { justify-content: flex-start; }
.whatsapp-delivery-history { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }.whatsapp-delivery-history h3 { margin: 0 0 10px; }.whatsapp-delivery-row { display: grid; grid-template-columns: 1fr auto auto; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }.whatsapp-delivery-row span { color: var(--muted); }.whatsapp-delivery-row b { font-size: 12px; text-transform: uppercase; }.whatsapp-delivery-row b.failed { color: #b42318; }.whatsapp-delivery-row b.delivered,.whatsapp-delivery-row b.read { color: #087443; }
.pacing-card { display: grid; gap: 12px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: white; }
.budget-summary button.pacing-card { width: 100%; color: inherit; font: inherit; text-align: left; cursor: pointer; }.budget-summary button.pacing-card:hover { border-color: var(--green); transform: translateY(-1px); }.budget-summary button.pacing-card.selected { outline: 3px solid rgba(20, 126, 82, .18); border-color: var(--green); }
.pacing-card > div:first-child { display: flex; justify-content: space-between; gap: 10px; }
.pacing-card span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.pacing-card em, .special-project-list em { padding: 5px 8px; border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 800; background: var(--green-pale); color: var(--green); }
.pacing-card.urgent { border-color: #e69a8f; box-shadow: inset 4px 0 #c74737; }.pacing-card.urgent em, .special-project-list em.urgent { color: #8c2d21; background: #fff0ed; }
.pacing-card.watch { border-color: #e8c46c; box-shadow: inset 4px 0 #d5a21e; }.pacing-card.watch em, .special-project-list em.watch { color: #775900; background: #fff7d8; }
.pacing-card strong { font-size: 21px; }.pacing-card p, .pacing-card small { margin: 0; color: var(--muted); font-size: 12px; }
.pacing-track { height: 8px; overflow: hidden; border-radius: 999px; background: #e8eeea; }.pacing-track i { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.budget-warning { grid-column: 1 / -1; padding: 13px 16px; border-radius: 10px; color: #775900; background: #fff7d8; font-size: 12px; }
.special-project-list { display: grid; gap: 10px; margin: 22px 0; }.special-project-list article { display: flex; justify-content: space-between; gap: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; }.special-project-list article > div { display: grid; gap: 5px; }.special-project-list span { color: var(--muted); font-size: 11px; }
.campaign-pacing-panel { margin-bottom: 18px; }.campaign-pacing-list { display: grid; gap: 9px; margin-top: 18px; }.campaign-pacing-row { display: grid; grid-template-columns: minmax(240px, 2fr) repeat(3, minmax(125px, 1fr)) auto; align-items: center; gap: 16px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; }.campaign-pacing-row > div { display: grid; gap: 4px; }.campaign-pacing-row span { color: var(--muted); font-size: 11px; }.campaign-pacing-row b { font-size: 13px; }.campaign-pacing-row em { padding: 5px 8px; border-radius: 999px; background: var(--green-pale); color: var(--green); font-size: 10px; font-style: normal; font-weight: 800; white-space: nowrap; }.campaign-pacing-row.urgent { border-left: 4px solid #c74737; }.campaign-pacing-row.urgent em { background: #fff0ed; color: #8c2d21; }.campaign-pacing-row.watch { border-left: 4px solid #d5a21e; }.campaign-pacing-row.watch em { background: #fff7d8; color: #775900; }.campaign-pacing-row.not_checked em { background: #eef1ef; color: var(--muted); }
.campaign-pacing-status { min-width: 145px; }.campaign-status-badge { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }.campaign-status-badge button { width: 25px; height: 25px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: #fff; color: var(--muted); font-size: 14px; line-height: 1; }.campaign-status-badge button:hover { color: var(--green); border-color: var(--green); }.campaign-pacing-status select { width: 100%; padding: 7px 9px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--ink); font: inherit; font-size: 11px; font-weight: 800; }.campaign-pacing-status small { color: var(--muted); font-size: 9px; text-align: center; }
.campaign-pacing-row .campaign-pace-variance { display: block; margin-top: 1px; font-size: 10px; font-weight: 750; }.campaign-pacing-row .campaign-pace-variance.over { color: #8c2d21; }.campaign-pacing-row .campaign-pace-variance.under { color: #8a6000; }.campaign-pacing-row .campaign-pace-variance.even { color: var(--green); }
.campaign-pacing-calculation{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.campaign-pacing-calculation summary{width:max-content;cursor:pointer;color:var(--green);font-size:11px;font-weight:800}.campaign-pacing-calculation>p{margin:8px 0;color:var(--muted);font-size:10px}.campaign-calculation-table{display:grid;gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden}.campaign-calculation-head,.campaign-calculation-row{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(210px,1.15fr) minmax(110px,.7fr) minmax(155px,.9fr);align-items:center;gap:12px;padding:8px 10px}.campaign-calculation-head{background:var(--green-pale);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.campaign-calculation-row+.campaign-calculation-row{border-top:1px solid var(--line)}.campaign-calculation-row strong,.campaign-calculation-row b{font-size:10px}.campaign-calculation-row span{font-size:10px}.campaign-calculation-row small{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.campaign-stopped-adsets{display:grid;gap:7px;margin-top:10px;padding:10px;border:1px solid #ead69d;border-radius:9px;background:#fffbec}.campaign-stopped-adsets>strong{color:#775900;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.campaign-stopped-adsets>p{margin:0;color:var(--muted);font-size:9px}.campaign-stopped-adsets>div{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(180px,1fr) auto;align-items:center;gap:12px;padding-top:7px;border-top:1px solid #eadfbf;font-size:10px}.campaign-stopped-adsets span{display:grid;gap:2px}.campaign-stopped-adsets small{color:var(--muted)}.campaign-stopped-adsets em{color:#775900;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}
.pacing-filter-controls { display: flex; align-items: end; gap: 12px; }.pacing-filter-controls label { min-width: 140px; }.pacing-filter-controls select { margin-top: 7px; }
.special-project-form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: end; padding-top: 22px; border-top: 1px solid var(--line); }.project-campaigns { grid-column: 1 / -1; }.project-campaigns > #project-campaign-options { display: grid; gap: 7px; margin-top: 10px; max-height: 320px; overflow: auto; }.project-campaigns #project-campaign-options > label { display: grid; grid-template-columns: auto minmax(180px, 1fr) minmax(180px, 230px); align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; }.project-campaigns input { width: auto; margin: 0; }.project-campaigns small { display: block; color: var(--muted); font-weight: 500; }.project-campaign-filters { display: flex; gap: 12px; margin-top: 10px; }.project-campaign-filters label { width: min(220px, 100%); }.project-campaign-filters .project-campaign-search { width: min(360px, 100%); }.project-campaign-search input { width: 100%; }.campaign-intent-control { display: grid; grid-template-columns: 1fr; gap: 3px; }.campaign-intent-control select { min-height: 38px; padding: 7px 32px 7px 10px; }.campaign-intent-control em { color: var(--muted); font-size: 10px; font-style: normal; text-align: right; }
@media (max-width: 850px) { .budget-setup, .budget-fields, .budget-summary, .special-project-form, .budget-overview-counts,.campaign-budget-suggestion { grid-template-columns: 1fr; }.budget-fields .budget-emails { grid-column: auto; }.budget-morning-head { align-items: stretch; flex-direction: column; }.budget-morning-head label { width: 100%; }.budget-overview-account { grid-template-columns: 1fr 1fr; }.budget-overview-account > div:first-child,.budget-overview-account button { grid-column: 1 / -1; } }
@media (max-width: 850px) { .budget-digest-actions { align-items: stretch; flex-direction: column; }.budget-digest-actions button { width: 100%; } }
@media (max-width: 850px) { .campaign-pacing-row { grid-template-columns: 1fr 1fr; }.campaign-pacing-name,.campaign-pacing-row em { grid-column: 1 / -1; justify-self: start; } }
@media (max-width: 850px) { .campaign-calculation-head{display:none}.campaign-calculation-row{grid-template-columns:1fr 1fr}.campaign-calculation-row strong{grid-column:1/-1} }
@media (max-width: 850px) { .campaign-stopped-adsets>div{grid-template-columns:1fr}.campaign-stopped-adsets em{justify-self:start} }
@media (max-width: 850px) { .pacing-filter-controls { align-items: stretch; flex-direction: column; }.pacing-filter-controls label { width: 100%; } }
.status-card strong { font-size: 13px; }
.status-card small { color: var(--muted); font-size: 11px; }

.intake-intro { max-width: 760px; }
.intake-layout { display: grid; gap: 22px; }
.block-field { margin-top: 24px; }
.suggest-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 18px; }
.suggest-row p { color: var(--muted); font-size: 12px; margin: 0; }
.secondary-button, .text-button { background: var(--green-pale); color: var(--green-dark); }
.secondary-button:hover, .text-button:hover { background: #dceee4; }
.checklist-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
.checklist-header .section-heading { margin-bottom: 16px; }
.text-button { padding: 10px 13px; white-space: nowrap; }
.task-list { display: grid; gap: 10px; }
.task-row { position: relative; display: grid; grid-template-columns: 44px 150px 180px minmax(180px, 1fr) auto; gap: 12px; align-items: end; padding: 16px 48px 16px 12px; border: 1px solid var(--line); border-radius: 13px; background: #fafcfb; }
.task-number { align-self: center; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--green-pale); color: var(--green); font-size: 11px; font-weight: 800; }
.remove-task { position: absolute; right: 10px; top: 10px; width: 28px; height: 28px; padding: 0; background: transparent; color: #8b9690; font-size: 20px; }
.remove-task:hover { background: #f3e5e4; color: #9a332e; }
.availability { align-self: center; white-space: nowrap; border-radius: 999px; padding: 7px 9px; font-size: 10px; font-weight: 800; }
.availability.available { color: var(--green-dark); background: var(--green-pale); }
.availability.later { color: #745613; background: #fff2ce; }
.empty-state { display: grid; place-items: center; text-align: center; gap: 6px; min-height: 160px; border: 1px dashed #cbd4cf; border-radius: 13px; color: var(--muted); }
.empty-state[hidden] { display: none; }
.empty-state strong { color: var(--ink); }
.empty-state span { font-size: 13px; }
.access-panel { display: grid; grid-template-columns: 1fr minmax(240px, 330px) auto; gap: 24px; align-items: end; }
.access-panel p:not(.eyebrow) { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.access-panel .message { grid-column: 1 / -1; margin-top: 0; }
.signed-in-save { grid-template-columns: 1fr auto; }
.employee-menu { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; }
.employee-menu em { padding: 5px 8px; border-radius: 999px; color: var(--green-dark); background: var(--green-pale); font-size: 9px; font-style: normal; font-weight: 900; text-transform: uppercase; }
.main-nav { display: flex; align-self: stretch; gap: 4px; margin-left: auto; margin-right: 22px; }.main-nav button { width: auto; padding: 0 14px; border-radius: 0; color: var(--muted); background: transparent; border-bottom: 3px solid transparent; }.main-nav button:hover, .main-nav button.active { color: var(--green); background: transparent; border-color: var(--green); }
.logout-button { width: auto; padding: 8px 11px; background: #edf2ef; color: var(--ink); font-size: 11px; }
.login-screen { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top, #e4f0e8, var(--canvas) 48%); }
.login-screen[hidden], #app-shell[hidden] { display: none; }
.login-card { width: min(100%, 430px); display: grid; gap: 18px; padding: 42px; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: 0 24px 70px rgba(23,33,29,.12); }
.login-card h1 { font-size: 38px; }
.login-card > p:not(.eyebrow) { color: var(--muted); margin: -8px 0 4px; }
.login-card small { color: var(--muted); text-align: center; }
.login-mark { margin-bottom: 4px; }
.dashboard-hero { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 32px; }
.dashboard-hero h1 { margin-bottom: 12px; }
.dashboard-hero p:last-child { margin: 0; color: var(--muted); }
.summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 22px; }
.google-connection-card { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 22px; padding: 24px; }
.google-connection-card p:last-child { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.google-connection-card button { width: auto; white-space: nowrap; }
.ga4-assignment { display:grid; grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto; gap:12px; align-items:end; flex:1; }
.ga4-assignment label { display:grid; gap:6px; font-size:12px; font-weight:700; }
.ga4-assignment select { min-width:0; }
.clients-connections-panel { display:grid; gap:18px; }
.clients-connections-head { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.clients-connections-head h2 { margin:0 0 5px; }.clients-connections-head p { margin:0; color:var(--muted); }
.clients-connections-list { display:grid; gap:10px; }
.client-create-panel { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:18px; }.client-create-panel h2 { margin:0 0 5px; }.client-create-panel p { margin:0; color:var(--muted); }.client-create-panel form { display:grid; grid-template-columns:minmax(220px,1fr) auto; align-items:end; gap:10px; }.client-create-panel form label { display:grid; gap:6px; font-size:12px; font-weight:700; }.client-create-panel input { margin:0; }.client-create-panel button { width:auto; }
.admin-connections-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:18px; }.admin-connections-grid .google-connection-card { align-items:flex-start; flex-direction:column; margin:0; }.admin-connections-grid .google-connection-card button { margin-top:auto; }
.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.admin-settings-card{display:grid;align-content:start;gap:20px}.admin-settings-card h2{margin:4px 0}.admin-settings-card>div>p:last-child{margin:0;color:var(--muted)}.admin-form{display:grid;gap:13px}.admin-form>label{display:grid;gap:6px;font-size:12px;font-weight:800}.admin-form input,.admin-form select,.admin-form textarea{margin:0}.admin-form fieldset,.admin-user-row fieldset{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}.admin-form legend,.admin-user-row legend{padding:0 5px;font-size:11px;font-weight:900;text-transform:uppercase;color:var(--muted)}.admin-form fieldset label,.admin-user-row fieldset label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.admin-form fieldset input,.admin-user-row fieldset input{width:auto;margin:0}.admin-form-actions{display:flex;flex-wrap:wrap;gap:9px}.admin-form-actions button{width:auto}.admin-users-panel{display:grid;gap:18px}.admin-users-list{display:grid;gap:10px}.admin-user-row{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(150px,.7fr) minmax(330px,1.6fr) minmax(120px,.6fr) auto;align-items:end;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.admin-user-row>label{display:grid;gap:6px;font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase}.admin-user-row select{margin:0}.admin-user-row button{width:auto;white-space:nowrap}.admin-user-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.admin-user-actions .delete-user-button{background:#fff3f0;color:#a52b1f;border:1px solid #efc2bb}.admin-user-actions .delete-user-button:hover:not(:disabled){background:#ffe5df}.admin-user-identity{display:flex;align-items:center;gap:8px;align-self:center}.admin-user-identity span{padding:4px 7px;border-radius:999px;background:#e5f4eb;color:var(--green);font-size:10px;font-weight:900;text-transform:uppercase}
.client-connection-row { display:grid; grid-template-columns:minmax(170px,.8fr) minmax(210px,1fr) minmax(210px,1fr) minmax(210px,1fr) auto; gap:12px; align-items:end; padding:16px; border:1px solid var(--line); border-radius:13px; background:#fff; }
.client-connection-row > div,.client-connection-row label { display:grid; gap:6px; min-width:0; }
.client-connection-row small { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.client-connection-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.client-connection-row label { font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.client-connection-row select,.client-connection-row input[data-client-name-input] { min-width:0; }
.connection-warning { grid-column:1 / -1; padding:9px 11px; border-radius:8px; background:#fff4e5; color:#93370d; font-size:12px; font-weight:700; }
.account-count { padding: 9px 12px; border-radius: 999px; color: var(--green-dark); background: var(--green-pale); font-size: 12px; font-weight: 800; white-space: nowrap; }
.summary-card { display: grid; gap: 5px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.summary-card strong { font-size: 28px; }
.summary-card span { color: var(--muted); font-size: 12px; }
.plans-list { display: grid; gap: 12px; }
.campaign-list-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 16px; padding: 16px 18px; }.campaign-list-toolbar > div { display: grid; gap: 4px; }.campaign-list-toolbar span { color: var(--muted); font-size: 11px; }.campaign-list-toolbar label { width: 190px; }
.plan-card { padding: 0; overflow: hidden; }
.plan-toggle { width: 100%; display: grid; grid-template-columns: 1fr auto 24px; align-items: center; gap: 22px; text-align: left; padding: 22px; border-radius: 0; background: white; color: var(--ink); }
.plan-toggle:hover { background: #fafcfb; }
.plan-toggle > div:first-child { display: grid; gap: 4px; }
.plan-client { color: var(--green); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.plan-title { font-size: 17px; }
.plan-date { color: var(--muted); }
.plan-counts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.platform-count { padding: 7px 9px; border-radius: 999px; font-size: 10px; font-weight: 800; }
.platform-count.google { color: #245ba6; background: #eaf2ff; }.platform-count.meta { color: #7045a3; background: #f1eafa; }.platform-count.tiktok { color: #9b3e52; background: #fcebef; }
.toggle-icon { font-size: 22px; transition: transform .2s; }.plan-card.open .toggle-icon { transform: rotate(180deg); }
.plan-details { border-top: 1px solid var(--line); padding: 8px 22px 18px; background: #fafcfb; }
.saved-task { display: grid; grid-template-columns: 28px 1fr auto auto; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e5eae7; }
.saved-task:last-child { border-bottom: 0; }.saved-task > div { display: grid; gap: 3px; }.saved-task small { color: var(--muted); font-size: 10px; text-transform: capitalize; }
.saved-task.deployed { margin: 0 -12px; padding: 12px; border-radius: 10px; color: #77807b; background: #f1f3f2; opacity: .78; }
.saved-task.deployed .availability { color: #58615d; background: #dde2df; }
.saved-task.deployed .task-check { color: #69736e; background: #e0e5e2; border-color: #c4ccc8; }
.plan-controls { display: flex; justify-content: space-between; align-items: end; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); }.plan-controls label { width: 190px; }.plan-actions { display: flex; align-items: center; gap: 8px; }.deploy-done, .delete-plan { width: auto; padding: 10px 12px; font-size: 11px; }.deploy-done:disabled { opacity: .45; cursor: not-allowed; }.delete-plan { color: #8b2824; background: #fbe9e8; }.delete-plan:hover { color: white; background: #9d332e; }
.workflow-message { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 14px 0; padding: 14px 16px; border-radius: 12px; background: #e9f5ef; color: #145d3d; }.workflow-message.info { background: #eef3f0; color: var(--ink); }.workflow-message button { width: auto; flex: 0 0 auto; padding: 10px 14px; font-size: 11px; }
.task-check { width: 22px; height: 22px; border: 2px solid #cbd4cf; border-radius: 6px; }
.dashboard-empty { display: grid; justify-items: center; gap: 8px; padding: 60px 24px; color: var(--muted); text-align: center; }.dashboard-empty strong { color: var(--ink); font-size: 20px; }.dashboard-empty button { margin-top: 14px; }
.dashboard-empty[hidden], #dashboard-view[hidden], #intake-view[hidden] { display: none; }
.back-button { width: auto; margin-bottom: 24px; padding: 9px 12px; color: var(--ink); background: #e8eeea; }
.dashboard-message { display: block; }
.start-builder { width: auto; padding: 8px 10px; font-size: 10px; }
.builder-hero { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 28px; }.builder-hero p:last-child { color: var(--muted); }.progress-ring { padding: 12px 16px; border-radius: 999px; color: var(--green-dark); background: var(--green-pale); font-weight: 800; }
.builder-form, .builder-fields { display: grid; gap: 14px; }.builder-guide { display: grid; gap: 5px; color: var(--muted); font-size: 13px; }.builder-guide strong { color: var(--ink); }
.builder-field { padding: 22px; }.field-heading { display: flex; justify-content: space-between; gap: 20px; align-items: start; }.field-heading > div { display: grid; gap: 4px; }.field-heading small { color: var(--muted); }.ai-suggest-button { width: auto; padding: 8px 10px; background: #f0eafa; color: #69449a; font-size: 10px; }.ai-suggest-button:hover { background: #e6daf5; }
.field-state-row { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 10px; }.field-state-row label { width: min(100%, 260px); }.builder-save { display: flex; justify-content: space-between; align-items: center; gap: 22px; }.builder-save > div { display: grid; gap: 4px; }.builder-save span { color: var(--muted); font-size: 12px; }
#builder-view[hidden] { display: none; }
#reports-view[hidden], #report-content[hidden] { display: none; }
.reports-hero { align-items: center; }.report-logo { width: 86px; height: 86px; flex: 0 0 auto; object-fit: contain; }.report-filters { display: grid; grid-template-columns: minmax(260px,1fr) 180px 180px auto; gap: 14px; align-items: end; padding: 22px; margin-bottom: 18px; }.report-filters input,.report-filters select { margin-top: 7px; }.report-filters button { width: auto; white-space: nowrap; }.report-output-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 18px; padding:16px 18px; border:1px solid var(--line); border-radius:16px; background:#fff; }.report-output-bar div { display:grid; gap:3px; margin-right:auto; }.report-output-bar strong { font-size:15px; }.report-output-bar span { color:var(--muted); font-size:12px; }.report-output-bar label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; }.report-output-bar select { width:120px; margin:0; padding:9px 32px 9px 10px; }.report-output-bar button { width:auto; white-space:nowrap; }.report-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 22px 0; }.metric-card { display: grid; gap: 7px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: white; }.metric-card>span:first-child { color: var(--muted); font-size: 12px; }.metric-card strong { font-size: 25px; letter-spacing: -.03em; }.metric-change { width: fit-content; padding: 4px 7px; border-radius: 999px; font-size: 9px; font-weight: 800; }.metric-change.positive { color: #14613f; background: #e4f3ea; }.metric-change.negative { color: #8b332e; background: #fbe8e6; }.metric-change.neutral { color: var(--muted); background: #edf1ef; }.report-table-panel { padding: 24px; }.report-table-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }.report-table-head>span { color: var(--muted); font-size: 12px; }.report-table-wrap { overflow-x: auto; }.report-table { width: 100%; border-collapse: collapse; font-size: 12px; white-space: nowrap; }.report-table th { padding: 11px 12px; color: var(--muted); background: #f4f7f5; text-align: right; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }.report-table th:first-child,.report-table td:first-child { text-align: left; }.report-table td { padding: 14px 12px; border-bottom: 1px solid var(--line); text-align: right; }.report-table tfoot td { background: #eef5f1; border-top: 2px solid #cfe0d7; border-bottom: 0; font-weight: 800; }.campaign-status { padding: 5px 7px; border-radius: 999px; color: var(--muted); background: #edf1ef; font-size: 9px; font-weight: 800; text-transform: capitalize; }.campaign-status.enabled { color: #14613f; background: #e4f3ea; }.campaign-status.paused { color: #765712; background: #fff2ce; }.empty-report { padding: 36px!important; color: var(--muted); text-align: center!important; }.report-pagination { display: flex; justify-content: flex-end; align-items: center; gap: 18px; padding-top: 16px; color: var(--muted); font-size: 11px; }.report-controls { justify-content: flex-start; padding: 0 0 16px; border-bottom: 1px solid var(--line); }.report-controls #report-row-range { margin-left: auto; }.report-pagination label { display: flex; align-items: center; gap: 8px; }.report-pagination select { width: 88px; margin: 0; padding: 8px 32px 8px 10px; }.report-pagination #report-intent { width: 170px; }.report-pagination > div { display: flex; gap: 6px; }.report-pagination button { width: 34px; height: 34px; padding: 0; }.report-pagination button:disabled { opacity: .35; cursor: not-allowed; }
.meeting-sources { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
.file-picker input { padding: 10px; }.file-picker span, .helper-copy { display: block; margin-top: 7px; color: var(--muted); font-size: 11px; font-weight: 500; }
.wizard-steps { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 14px; }
.wizard-steps button { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 9px 11px; color: var(--muted); background: #e9eeeb; font-size: 11px; }
.wizard-steps button span { display: grid; place-items: center; width: 22px; height: 22px; margin: 0; border-radius: 50%; background: white; }
.wizard-steps button.active { color: white; background: var(--green); }.wizard-steps button.complete { color: var(--green-dark); background: var(--green-pale); }
.wizard-page { min-height: 490px; scroll-margin-top: 82px; }.wizard-header { max-width: 760px; margin-bottom: 30px; }.wizard-header h2 { font-size: 30px; }.wizard-header > p:last-child { margin: 10px 0 0; color: var(--muted); line-height: 1.55; }
.choice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.choice-card { min-height: 120px; display: grid; align-content: start; gap: 7px; padding: 18px; text-align: left; color: var(--ink); background: white; border: 1px solid var(--line); }.choice-card:hover, .choice-card.selected { color: var(--ink); background: var(--green-pale); border-color: var(--green); }.choice-card span { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.wizard-field-list { display: grid; gap: 18px; }.wizard-field { position: relative; display: block; }.wizard-field small { display: block; margin-top: 4px; color: var(--muted); font-weight: 500; }.ai-inline, .skip-inline { width: auto; margin: 8px 8px 0 0; padding: 8px 10px; font-size: 10px; }.ai-inline { color: #69449a; background: #f0eafa; }.skip-inline { color: var(--muted); background: #eef2ef; }
.wizard-actions { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 14px; }.wizard-actions > span { color: var(--muted); font-size: 11px; text-align: center; }.wizard-actions button { width: auto; }
.selected-summary, .name-preview, .default-note, .warning-card, .budget-total, .safety-review { display: grid; gap: 6px; padding: 20px; border-radius: 13px; background: #f3f6f4; }.selected-summary strong, .name-preview strong { font-size: 21px; }.selected-summary span, .name-preview small, .default-note span, .warning-card span, .budget-total small { color: var(--muted); font-size: 12px; line-height: 1.5; }.name-preview, .default-note, .warning-card { margin-top: 20px; }.warning-card { color: #694d10; background: #fff4d6; }
.signal-help { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 24px; }.signal-help section { padding: 20px; border: 1px solid var(--line); border-radius: 13px; }.signal-help h3 { margin: 0 0 7px; }.signal-help p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.budget-total { margin: 20px 0; }.budget-total strong { font-size: 32px; }.confirm-row { display: flex; align-items: center; gap: 10px; margin: 12px 0; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: white; }.confirm-row input { width: 18px; margin: 0; }
.review-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.review-stats div { display: grid; gap: 5px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; }.review-stats strong { font-size: 24px; }.review-stats span { color: var(--muted); font-size: 12px; }.safety-review { margin-top: 20px; background: var(--ink); color: white; }.safety-review ol { margin: 5px 0 0; padding-left: 20px; color: #d4ddd8; line-height: 1.8; font-size: 13px; }
.connected-setting { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 20px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #f7faf8; }.connected-setting > div { display: grid; gap: 4px; }.connected-setting small, .connected-setting span { color: var(--muted); font-size: 11px; }.connected-setting button { width: auto; padding: 9px 12px; }#feed-editor { margin-top: 12px; }#feed-editor[hidden] { display: none; }
.google-assets { width: min(100%, 720px); display: grid; gap: 12px; }.google-assets-status { display: grid; gap: 4px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }.google-assets-status span { color: var(--muted); font-size: 12px; }.google-asset-line { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; }.google-asset-line input { grid-column: 1 / -1; margin: 0; padding-right: 42px; }.google-asset-line small { justify-self: end; color: var(--muted); font-size: 10px; }.google-asset-line > button { position: absolute; right: 6px; top: 6px; width: 30px; height: 30px; padding: 0; color: var(--muted); background: transparent; font-size: 18px; }.google-asset-actions { display: flex; gap: 10px; margin-top: 6px; }.google-asset-actions button { width: auto; }
.asset-group-list { display: grid; gap: 16px; }.asset-group-card { display: grid; gap: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #fafcfb; }.asset-group-card-header { display: flex; justify-content: space-between; gap: 18px; }.asset-group-card-header > div { display: grid; gap: 5px; }.asset-group-card-header small { color: var(--green); font-weight: 800; text-transform: uppercase; }.asset-group-name-preview { font-size: 17px; }.remove-group { width: auto; padding: 8px 10px; color: #8b2824; background: #fbe9e8; font-size: 10px; }.edit-products, .add-group { width: fit-content; }.product-editor { padding: 16px; border-radius: 10px; background: white; }.product-editor[hidden] { display: none; }
.signal-section { display: grid; gap: 16px; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--line); }.signal-section > p { margin: 0; color: var(--muted); }.audience-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.audience-option { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: white; cursor: pointer; }.audience-option[hidden] { display: none; }.audience-option:has(input:checked) { border-color: var(--green); background: var(--green-pale); }.audience-option input { width: 18px; margin: 0; }.audience-option > span { display: grid; gap: 3px; }.audience-option small { color: var(--muted); font-weight: 500; }
.goal-groups { display: grid; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }.goal-table-head, .goal-row { display: grid; grid-template-columns: 24px 1.4fr 1fr .6fr; align-items: center; gap: 12px; padding: 14px 16px; }.goal-table-head { grid-template-columns: 24px 1.4fr 1fr .6fr; color: var(--muted); background: #f5f7f6; font-size: 10px; text-transform: uppercase; }.goal-table-head span:first-child { grid-column: 2; }.goal-row { border-top: 1px solid var(--line); background: white; cursor: pointer; }.goal-row:has(input:checked) { background: var(--green-pale); }.goal-row input { width: 17px; margin: 0; }.goal-row strong small { color: var(--muted); font-weight: 500; }.goal-row strong .suggested-badge { display: inline-block; margin-left: 5px; padding: 3px 6px; border-radius: 999px; background: #dff2e8; color: var(--green); font-size: 9px; font-weight: 800; text-transform: uppercase; }.goal-row details { position: relative; }.goal-row details small { display: block; margin-top: 5px; color: var(--muted); }
.prefixed-input { display: flex; align-items: stretch; overflow: hidden; border: 1px solid #b9c7c0; border-radius: 10px; background: #eef1ef; }.prefixed-input span { display: flex; align-items: center; padding: 0 14px; color: #78817d; font-weight: 800; white-space: nowrap; }.prefixed-input input { margin: 0; border: 0; border-left: 1px solid #cfd8d3; border-radius: 0; background: white; }.date-control { display: grid; grid-template-columns: 1fr 54px; gap: 8px; }.date-control input { margin: 0; }.date-control input[type="date"] { padding: 10px; color: transparent; }
.recommendation-card { display: grid; gap: 5px; padding: 16px; border-radius: 10px; background: #edf4ff; }.recommendation-card span { color: var(--muted); font-size: 12px; }.location-picker { display: grid; gap: 10px; margin-bottom: 20px; }.selected-tags { display: flex; flex-wrap: wrap; gap: 7px; }.selected-tags > span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; background: var(--green-pale); color: var(--green); font-size: 11px; font-weight: 800; }.selected-tags button { width: auto; padding: 0; color: inherit; background: transparent; font-size: 16px; }.location-results { display: grid; overflow: hidden; border-radius: 10px; }.location-results > button { display: flex; justify-content: space-between; width: 100%; padding: 12px 14px; border-radius: 0; border-bottom: 1px solid var(--line); background: white; color: var(--ink); text-align: left; }.location-results > button span { color: var(--muted); font-weight: 500; }
.media-section { display: grid; gap: 14px; margin-bottom: 24px; }.media-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.media-card { position: relative; display: grid; gap: 8px; min-height: 110px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: white; cursor: pointer; }.media-card:has(input:checked) { border-color: var(--green); background: var(--green-pale); }.media-card input { position: absolute; top: 8px; left: 8px; width: 18px; }.media-card img { width: 100%; height: 90px; object-fit: cover; border-radius: 6px; }.media-card strong { font-size: 11px; }.upload-card, .youtube-add { display: grid; gap: 6px; padding: 14px; border: 1px dashed #9eb0a7; border-radius: 10px; background: #fafcfb; }.empty-inline { color: var(--muted); }
.product-editor-head { display: grid; grid-template-columns: 220px 1fr; gap: 12px; }.product-values { display: grid; max-height: 320px; overflow: auto; border: 1px solid var(--line); }.product-values label { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 10px; padding: 11px; border-bottom: 1px solid var(--line); }.product-values input { width: 17px; margin: 0; }.product-values small { color: var(--muted); }.product-actions { display: flex; gap: 8px; }.product-actions button { width: auto; }
.review-issues { display: grid; overflow: hidden; border: 1px solid #efc0bc; border-radius: 12px; background: #fff8f7; }.review-issues header { display: grid; gap: 5px; padding: 18px; color: #8b2824; background: #fbe9e8; }.review-issues header span { font-size: 12px; }.review-issues > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 18px; border-top: 1px solid #efd8d5; }.review-issues > div span { font-size: 12px; }.review-issues button { width: auto; padding: 8px 10px; background: white; color: #8b2824; border: 1px solid #e8bdb9; font-size: 10px; }

.asset-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); }.asset-tabs button { width: auto; padding: 12px 16px; border-radius: 0; color: var(--muted); background: transparent; border-bottom: 3px solid transparent; }.asset-tabs button.active { color: var(--green); border-color: var(--green); }.media-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 18px; }.media-toolbar > div { display: grid; gap: 4px; }.media-toolbar span, .media-card small, .ratio-picker > span { color: var(--muted); font-size: 11px; }.media-toolbar input { width: min(100%, 320px); margin: 0; }.media-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }.media-card { align-content: start; min-height: 145px; }.media-card[hidden] { display: none; }.media-card img, .video-thumb { width: 100%; height: 96px; object-fit: cover; border-radius: 6px; }.video-thumb { display: grid; place-items: center; color: white; background: #26332d; font-size: 30px; }.media-card strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.ratio-picker { display: grid; gap: 8px; padding: 18px; border-radius: 12px; background: #f5f7f6; }.ratio-picker > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.ratio-picker label { display: grid; grid-template-columns: 20px 1fr; gap: 2px 8px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: white; }.ratio-picker input { grid-row: 1 / 3; width: 17px; margin: 0; }.ratio-picker small { color: var(--muted); }.selection-tray { display: flex; justify-content: space-between; padding: 14px 16px; border-radius: 10px; background: var(--green-pale); }.selection-tray span { color: var(--green-dark); font-size: 12px; }

.format-stat { display: grid; gap: 2px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: white; }.format-stat span { color: var(--green); font-weight: 900; }

.read-only-badge { padding: 10px 14px; border-radius: 999px; color: var(--green-dark); background: var(--green-pale); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.analysis-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 22px 0; }
.analysis-priorities{display:grid;gap:16px;margin-bottom:16px;padding:22px 24px}.analysis-priorities-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.analysis-priorities-head h2{margin:3px 0 0}.analysis-priorities-head p:last-child{margin:6px 0 0;color:var(--muted);font-size:12px}.analysis-priorities-head>strong{padding:7px 11px;border-radius:999px;background:#fff0ed;color:#8c2d21;font-size:11px;white-space:nowrap}.analysis-priority-list{display:grid;gap:8px}.analysis-priority-list article{display:grid;grid-template-columns:auto minmax(240px,1fr) minmax(120px,auto) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}.analysis-priority-list article>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--green-pale);color:var(--green);font-size:11px;font-weight:900}.analysis-priority-list article>div{display:grid;gap:3px}.analysis-priority-list small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.analysis-priority-list p{margin:0;color:var(--muted);font-size:11px}.analysis-priority-list button{width:auto;padding:8px 11px;font-size:10px}.analysis-priorities-clear{display:flex;align-items:center;gap:8px;padding:14px;border-radius:10px;background:var(--green-pale);color:var(--green)}
.analysis-count { display: grid; gap: 8px; width: 100%; padding: 18px; border: 1px solid var(--line); border-top: 4px solid #93a099; border-radius: 13px; color: var(--ink); background: white; text-align: left; cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s; }
.analysis-count span { color: var(--muted); font-size: 11px; font-weight: 800; }.analysis-count strong { font-size: 28px; }
.analysis-count.urgent { border-top-color: #bd3d35; }.analysis-count.attention { border-top-color: #de7c31; }.analysis-count.watch { border-top-color: #d0a62d; }.analysis-count.opportunity { border-top-color: var(--green); }
.analysis-count:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(27,47,37,.09); }.analysis-count.selected { background: var(--green-pale); box-shadow: inset 0 0 0 2px var(--green); }.analysis-count:focus-visible { outline: 3px solid rgba(16,128,79,.25); outline-offset: 2px; }
.analysis-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding: 22px 24px; }.analysis-toolbar p:last-child { margin: 7px 0 0; color: var(--muted); font-size: 12px; }.analysis-toolbar label { width: 190px; }
.analysis-findings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 16px 0; }
.analysis-finding { display: grid; align-content: start; gap: 12px; padding: 22px; border: 1px solid var(--line); border-left: 5px solid #93a099; border-radius: 14px; background: white; box-shadow: 0 8px 24px rgba(27,47,37,.04); }
.analysis-finding.urgent { border-left-color: #bd3d35; }.analysis-finding.attention { border-left-color: #de7c31; }.analysis-finding.watch { border-left-color: #d0a62d; }.analysis-finding.opportunity { border-left-color: var(--green); }
.analysis-finding header { display: flex; align-items: center; gap: 10px; }.analysis-finding header strong { font-size: 14px; }.finding-severity { padding: 5px 8px; border-radius: 999px; color: #5d4946; background: #f4ece8; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.analysis-finding h3 { margin: 2px 0 0; font-size: 20px; }.analysis-finding > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.analysis-campaign-title{display:flex;align-items:center;gap:9px}.analysis-campaign-title span{padding:4px 7px;border-radius:999px;background:var(--green-pale);color:var(--green);font-size:9px;font-weight:900;text-transform:uppercase}
.finding-diagnosis { display: grid; gap: 6px; padding: 12px 14px; border-radius: 10px; background: #edf7f1; color: #244d38; }.finding-diagnosis strong { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }.finding-diagnosis span, .finding-diagnosis li { font-size: 12px; line-height: 1.45; }.finding-diagnosis ul { margin: 0; padding-left: 18px; }
.employee-handoff { border: 1px solid var(--line); border-radius: 10px; background: #fff; }.employee-handoff summary { padding: 12px 14px; color: var(--green); font-size: 12px; font-weight: 900; cursor: pointer; }.employee-handoff ol { display: grid; gap: 14px; margin: 0; padding: 0 18px 16px 34px; }.employee-handoff li { padding-left: 3px; }.employee-handoff li strong, .employee-handoff li span { display: block; font-size: 11px; line-height: 1.45; }.employee-handoff li strong { margin-bottom: 4px; font-size: 12px; }.employee-handoff li b { color: var(--muted); }
.supporting-reports { border: 1px solid var(--line); border-radius: 10px; background: #f8faf9; }.supporting-reports summary { padding: 12px 14px; color: var(--green); font-size: 12px; font-weight: 900; cursor: pointer; }.supporting-report-list { display: grid; gap: 8px; padding: 0 10px 10px; }.supporting-report-list article { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }.supporting-report-list article div { display: grid; gap: 4px; }.supporting-report-list strong { font-size: 12px; }.supporting-report-list span, .supporting-report-list small { color: var(--muted); font-size: 10px; line-height: 1.45; }.supporting-report-list small b { color: var(--ink); }.supporting-report-list em { flex: 0 0 auto; padding: 5px 7px; border-radius: 999px; font-size: 8px; font-style: normal; font-weight: 900; text-transform: uppercase; }.supporting-report-list em.available { color: #08643e; background: #e6f4ec; }.supporting-report-list em.google { color: #665016; background: #f8f0d6; }
.supporting-report-list .report-evidence { margin: 3px 0; padding: 8px 9px; border-radius: 7px; color: #164d36; background: #edf7f1; font-size: 10px; line-height: 1.45; }
.recommended-action { display: grid; gap: 5px; padding: 14px; border-radius: 10px; background: #f3f6f4; }.recommended-action small { color: var(--green); font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }.recommended-action span { font-size: 12px; line-height: 1.5; }
.finding-analysis-summary { display: grid; grid-template-columns: 1fr; gap: 9px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }.finding-analysis-summary > small { color: var(--green); font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }.finding-analysis-summary > p { margin: 0; font-size: 12px; line-height: 1.55; }
.metric-calculation { display: grid; gap: 5px; padding: 10px 12px; border-radius: 9px; color: #28483a; background: #f0f6f3; font-size: 11px; line-height: 1.45; }.metric-calculation > strong { color: var(--green); text-transform: uppercase; letter-spacing: .04em; }.metric-calculation > span { display: block; }.metric-calculation details { margin-top: 3px; }.metric-calculation summary { cursor: pointer; font-weight: 800; }.metric-calculation details div { display: grid; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #d9e7df; }.metric-calculation details div > span { display: block; }
.conflicting-signals { display: grid; gap: 5px; padding: 12px; border: 1px solid #e2c980; border-radius: 10px; color: #554719; background: #fff9e9; font-size: 11px; line-height: 1.45; }.conflicting-signals > strong { color: #7a5e00; text-transform: uppercase; letter-spacing: .04em; }.conflicting-signals > p { margin: 3px 0 0; }
.analysis-decision-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 3px; }.recorded-decision { display: grid; gap: 3px; padding: 12px; border: 1px solid #b9dac8; border-radius: 10px; color: #24543d; background: #edf7f1; }.recorded-decision strong { font-size: 12px; }.recorded-decision span, .recorded-decision p { font-size: 10px; margin: 0; }.recorded-decision.urgent_review { border-color: #d85b4b; background: #fff0ed; color: #8c2d21; }.recorded-decision.action_recommended { border-color: #1d8358; box-shadow: inset 3px 0 #1d8358; }
.employee-action-point{display:grid;gap:13px;padding:16px;border:2px solid #168052;border-radius:12px;background:#f6fbf8;box-shadow:0 7px 20px rgba(18,94,61,.08)}.employee-action-point>div:first-child{display:grid;gap:5px}.employee-action-point small{color:var(--green);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.employee-action-point strong{font-size:16px}.employee-action-point p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.employee-action-point dl{display:grid;grid-template-columns:100px 145px 1fr;gap:10px;margin:0}.employee-action-point dl>div{display:grid;gap:3px;padding:10px;border-radius:8px;background:#fff}.employee-action-point dt{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.employee-action-point dd{margin:0;font-size:11px;font-weight:750;line-height:1.35}.employee-action-point>em{color:var(--muted);font-size:9px;font-style:normal}
.employee-action-steps,.employee-decision-rule{display:grid;gap:8px;padding:13px;border-radius:9px;background:#fff}.employee-action-steps ol{display:grid;gap:12px;margin:0;padding-left:20px}.employee-action-steps li{padding-left:3px}.employee-action-steps li strong,.employee-action-steps li span{display:block;font-size:11px;line-height:1.45}.employee-action-steps li strong{margin-bottom:4px;font-size:12px}.employee-action-steps li b{color:var(--muted)}.employee-decision-rule{border-left:4px solid var(--green)}.employee-decision-rule p{color:var(--ink);font-weight:700}
.employee-business-context{display:grid;gap:10px;padding:14px;border:1px solid #acd8c2;border-radius:10px;background:#eaf7f0}.employee-business-context>strong{font-size:14px;line-height:1.4}.employee-business-context label{display:grid;gap:5px;color:var(--ink);font-size:11px;font-weight:800}.employee-business-context select,.employee-business-context input,.employee-business-context textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;padding:10px}.employee-business-context textarea{resize:vertical;min-height:68px}.employee-business-context [data-business-context-guidance]{color:var(--green);font-weight:750}
.analysis-finding button { width: fit-content; padding: 9px 12px; font-size: 10px; }.analysis-ai-output { padding: 14px; border-radius: 10px; color: #553d75; background: #f3edfa; }.analysis-ai-output p { margin: 7px 0 0; white-space: pre-wrap; font-size: 12px; line-height: 1.55; }
.analysis-period-note { display: grid; gap: 4px; padding: 12px 14px; border-radius: 10px; background: #f3f6f4; }.analysis-period-note strong { color: var(--green); font-size: 11px; }.analysis-period-note span { color: var(--muted); font-size: 11px; }
.timeframe-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }.timeframe-badges strong { margin-right: 2px; font-size: 10px; text-transform: uppercase; }.timeframe-badges span { padding: 5px 8px; border-radius: 999px; color: #345747; background: #edf4f0; font-size: 9px; font-weight: 800; }
.specialist-decision { display: grid; gap: 5px; padding: 14px; border: 1px solid #cbded2; border-radius: 10px; background: #eef8f2; }.specialist-decision small { color: var(--green); font-weight: 900; text-transform: uppercase; }.specialist-decision strong { font-size: 14px; }.specialist-decision span { font-size: 12px; line-height: 1.5; }.specialist-decision.no_change_yet,.specialist-decision.monitor { border-color: #e1d29b; background: #fbf7e8; }
.proposed-change { display: grid; gap: 6px; padding: 16px; border: 2px solid var(--green); border-radius: 11px; background: #f4fbf7; }.proposed-change small { color: var(--green); font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }.proposed-change strong { font-size: 16px; }.proposed-change span { font-size: 12px; font-weight: 800; }.proposed-change p { margin: 3px 0; font-size: 12px; line-height: 1.5; }.proposed-change em { color: var(--muted); font-size: 10px; font-style: normal; }
.analysis-empty { grid-column: 1 / -1; display: grid; justify-items: center; gap: 7px; text-align: center; }.analysis-empty span,.analysis-scope p,.analysis-scope small { color: var(--muted); }.analysis-scope { margin-top: 16px; }.analysis-scope p { margin-bottom: 7px; }

@media (max-width: 860px) {
  .layout { grid-template-columns: 1fr; }
  aside { position: static; }
  .task-row { grid-template-columns: 40px 1fr 1fr; }
  .task-title-wrap { grid-column: 2 / -1; }
  .availability { grid-column: 2 / -1; justify-self: start; }
  .access-panel { grid-template-columns: 1fr; align-items: stretch; }
  .dashboard-hero { align-items: stretch; flex-direction: column; }.dashboard-hero button { width: 100%; }
  .summary-grid { grid-template-columns: 1fr; }
  .google-connection-card { align-items: stretch; flex-direction: column; }
  .choice-grid { grid-template-columns: 1fr 1fr; }.meeting-sources, .signal-help, .audience-options { grid-template-columns: 1fr; }.media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.media-toolbar { align-items: stretch; flex-direction: column; }.media-toolbar input { width: 100%; }.ratio-picker > div { grid-template-columns: 1fr; }.wizard-actions { grid-template-columns: 1fr 1fr; }.wizard-actions > span { grid-column: 1 / -1; grid-row: 1; }.goal-table-head { display: none; }.goal-row { grid-template-columns: 22px 1fr; }.goal-row > span, .goal-row details { grid-column: 2; }.product-editor-head { grid-template-columns: 1fr; }
  .plan-toggle { grid-template-columns: 1fr 22px; }.plan-counts { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }.toggle-icon { grid-column: 2; grid-row: 1; }
  .report-filters { grid-template-columns: 1fr 1fr; }.report-filters label:first-child { grid-column: 1 / -1; }.report-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .analysis-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }.analysis-findings { grid-template-columns: 1fr; }
  .analysis-priority-list article{grid-template-columns:auto 1fr}.analysis-priority-list article>div:nth-of-type(2),.analysis-priority-list article>button{grid-column:2}.employee-action-point dl{grid-template-columns:1fr}.analysis-priorities-head{align-items:flex-start}
}
@media (max-width: 580px) {
  .topbar { height: 62px; }
  .environment { display: none; }
  main { padding: 42px 16px 64px; }
  .two-columns, .type-grid { grid-template-columns: 1fr; }
  .form-actions { align-items: stretch; flex-direction: column; }
  button { width: 100%; }
  .suggest-row, .checklist-header { align-items: stretch; flex-direction: column; }
  .task-row { grid-template-columns: 34px 1fr; padding-right: 44px; }
  .task-row label, .task-title-wrap, .availability { grid-column: 2; }
  .choice-grid, .review-stats { grid-template-columns: 1fr; }.wizard-actions { grid-template-columns: 1fr; }.wizard-actions > span { grid-column: auto; }.wizard-actions button { width: 100%; }
  .topbar { flex-wrap: wrap; height: auto; padding-top: 10px; }.main-nav { order: 3; width: 100%; height: 46px; margin: 0; }.main-nav button { flex: 1; }.report-filters,.report-summary { grid-template-columns: 1fr; }.report-filters label:first-child { grid-column: auto; }.report-table-panel { padding: 16px; }.campaign-list-toolbar { align-items: stretch; flex-direction: column; }.campaign-list-toolbar label { width: 100%; }
  .analysis-summary { grid-template-columns: 1fr; }.analysis-toolbar { align-items: stretch; flex-direction: column; }.analysis-toolbar label { width: 100%; }
}
/* Demand Gen nested ad builder */
.dg-ad-list { display: grid; gap: 16px; margin-top: 20px; }
.dg-ad-card { border: 1px solid #d7e0da; border-radius: 16px; padding: 18px; background: #fbfcfb; }
.dg-ad-card textarea { min-height: 110px; }
.audience-card-grid,.checkbox-grid,.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}.dg-audience-card,.checkbox-grid label,.media-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:8px;flex-direction:column;background:#fff}.dg-audience-card:has(input:checked),.media-card:has(input:checked){border-color:var(--green);background:var(--mint)}.dg-text-assets,.dg-media,.dg-audience,.dg-products{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:14px}.dg-ad-card{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:16px}.media-card img{width:100%;height:110px;object-fit:cover;border-radius:8px}.video-thumb{display:grid;place-items:center;height:110px;background:#eef3ef;border-radius:8px;font-size:28px}.radio-row{display:flex;flex-direction:row;align-items:center;gap:10px;margin:14px 0}.location-picker{display:flex;flex-direction:column;gap:10px}.dg-audience input[type=search],.location-picker input{width:100%}
.product-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.product-mode-card{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.product-mode-card:has(input:checked){border-color:var(--green);background:var(--green-pale);box-shadow:inset 0 0 0 1px var(--green)}.product-mode-card input{width:auto;margin:3px 0 0;flex:0 0 auto}.product-mode-card span{display:grid;gap:5px}.product-mode-card strong{color:var(--ink);font-size:15px}.product-mode-card small{color:var(--muted);font-weight:500;line-height:1.45}@media(max-width:640px){.product-mode-grid{grid-template-columns:1fr}}
.location-picker>input{order:1}.location-picker>.location-results{order:2}.location-picker>.selected-tags{order:3;margin-top:2px}
.location-picker>strong{order:0;color:#3d4943;font-size:13px;font-weight:700}.fields.two-columns>.location-picker{margin-bottom:0;align-self:start}
.client-report-settings{grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px}.client-report-settings summary{color:var(--green);font-size:12px;font-weight:900;cursor:pointer}.client-report-settings>div{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px 16px;margin-top:13px}.client-report-settings>div>p{grid-column:1/-1;margin:0}.daily-event-settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.daily-event-settings>strong,.daily-event-settings>p{grid-column:1/-1}.daily-event-settings>p{margin:0}.client-report-settings fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:13px;border:1px solid var(--line);border-radius:10px}.client-report-settings legend{padding:0 6px;font-size:11px;font-weight:800}.client-report-settings fieldset label{display:flex;align-items:center;gap:7px;font-weight:600}.client-report-settings input[type=checkbox]{width:auto;margin:0}.report-filters{grid-template-columns:minmax(210px,1fr) minmax(170px,.75fr) 150px 145px 145px auto}@media(max-width:860px){.client-report-settings>div,.client-report-settings fieldset,.daily-event-settings{grid-template-columns:1fr}.client-report-settings>div>p,.daily-event-settings>strong,.daily-event-settings>p{grid-column:auto}}
.report-editor{display:grid;gap:16px;margin:18px 0;padding:24px}.report-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.report-editor-head h2{margin:4px 0}.report-editor-head p:last-child{margin:0;color:var(--muted)}.report-editor label{display:grid;gap:7px;font-weight:800}.report-editor label>span{color:var(--muted);font-weight:500}.report-editor textarea{margin:0;line-height:1.55;resize:vertical;font-weight:400}.report-editor-actions{display:flex;flex-wrap:wrap;gap:9px}.report-editor-actions button{width:auto}.draft-status{padding:7px 10px;border-radius:999px;color:#765712;background:#fff2ce;font-size:10px;font-weight:900;text-transform:uppercase}.draft-status.approved,.draft-status.finalized{color:#14613f;background:#e4f3ea}@media(max-width:860px){.admin-connections-grid{grid-template-columns:1fr}.client-create-panel{align-items:stretch;flex-direction:column}}
.strategic-email-composer{display:grid;gap:18px;margin:18px 0;padding:24px}.strategic-email-fields{display:grid;grid-template-columns:2fr 1fr;gap:14px}.strategic-email-fields label{display:grid;gap:7px;font-weight:800}.strategic-email-composer fieldset{padding:18px;border:1px solid var(--line);border-radius:14px}.strategic-email-composer fieldset>p{margin:4px 0 14px;color:var(--muted);font-size:12px}.strategic-evidence-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.strategic-evidence-option{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8faf9}.strategic-evidence-option input{width:auto;margin:2px 0}.strategic-evidence-option span{display:grid;gap:3px}.strategic-evidence-option small{color:var(--muted);font-weight:500}@media(max-width:760px){.strategic-email-fields,.strategic-evidence-options{grid-template-columns:1fr}}
.report-platform-sections{display:grid;gap:18px;margin:18px 0}.platform-report-section{padding:24px}.platform-report-section h2{margin:4px 0}.platform-report-section .report-table-head p:last-child{margin:5px 0 0;color:var(--muted)}.platform-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.platform-metrics .metric-card{padding:16px}.platform-metrics .metric-card strong{font-size:20px}
.report-date-shortcuts{display:grid;gap:7px}.report-date-shortcuts>span{font-size:12px;font-weight:800}.report-date-shortcuts>div{display:flex;gap:6px}.report-date-shortcuts button{padding:10px 12px;font-size:11px}
@media(max-width:980px){.report-output-bar{align-items:stretch;flex-wrap:wrap}.report-output-bar div{width:100%}.platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.report-output-bar label{justify-content:space-between;width:100%}.report-output-bar select{width:min(190px,60vw)}.report-output-bar button{width:100%}.platform-report-section{padding:16px}.platform-metrics{grid-template-columns:1fr}}
.dg-audience-card[hidden]{display:none}
.dg-media-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.dg-media-grid .media-card{min-height:0;padding:9px}.dg-media-grid .media-card img,.dg-media-grid .video-thumb,.dg-media-grid .image-thumb{height:74px}.image-thumb{display:grid;place-items:center;border-radius:7px;color:var(--muted);background:#eef3ef;font-size:10px;font-weight:800;text-align:center}.dg-media [data-dg-media-card][hidden]{display:none}.dg-media>.default-note{margin-top:16px}
.keyword-row{display:grid;grid-template-columns:minmax(0,1fr) 190px 42px;gap:10px;align-items:center;margin:10px 0}.keyword-row input,.keyword-row select{width:100%}@media(max-width:700px){.keyword-row{grid-template-columns:1fr}.keyword-row button{justify-self:end}}
@media(max-width:1100px){.admin-user-row{grid-template-columns:1fr 1fr}.admin-user-row fieldset{grid-column:1/-1}.admin-user-row button{justify-self:start}}@media(max-width:860px){.admin-settings-grid{grid-template-columns:1fr}.admin-user-row{grid-template-columns:1fr}.admin-user-row fieldset{grid-column:auto}}