:root { --green:#155e3b; --green-dark:#0d4027; --mint:#e5f3e9; --paper:#f6f8f5; --white:#fff; --ink:#14261b; --muted:#6d7a71; --line:#dbe4dc; --warn:#fff7e8; --danger:#a6382c; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; min-height:100dvh; background:var(--paper); }
button,input,select { font:inherit; }
button { -webkit-tap-highlight-color:transparent; }
/* Author CSS such as .loading { display:flex } can otherwise override the
   browser's default [hidden] rule. Keep the sign-in gate and loader mutually
   exclusive on every browser, especially Chrome for Android. */
[hidden] { display:none !important; }
.gate { align-items:center; display:flex; justify-content:center; min-height:100dvh; padding:22px; }
.login-card { background:var(--white); border:1px solid var(--line); border-radius:26px; box-shadow:0 16px 44px #153d2211; max-width:420px; padding:32px 25px; text-align:center; width:100%; }
.leaf { align-items:center; background:var(--green); border-radius:21px; color:#fff; display:flex; font-size:29px; height:68px; justify-content:center; margin:0 auto 19px; width:68px; }
.eyebrow { color:#6b7b70; font-size:11px; font-weight:850; letter-spacing:1.5px; margin:0; text-transform:uppercase; }
.login-card h1 { font-size:29px; letter-spacing:-1.2px; margin:5px 0 9px; }
.login-card > p:not(.eyebrow):not(.error) { color:var(--muted); font-size:15px; line-height:1.48; margin:0 0 22px; }
.google-button { align-items:center; background:#fff; border:1px solid #d0dad2; border-radius:14px; color:var(--ink); cursor:pointer; display:flex; font-size:15px; font-weight:850; gap:12px; justify-content:center; min-height:55px; width:100%; }
.google-button span { align-items:center; border:1px solid #e2e7e3; border-radius:50%; color:#4285f4; display:flex; font-family:Arial,sans-serif; font-size:17px; font-weight:800; height:26px; justify-content:center; width:26px; }
.google-button:disabled { cursor:wait; opacity:.55; }
.classic-link { color:var(--green); display:inline-block; font-size:12px; font-weight:750; margin-top:17px; text-decoration:none; }
.error { background:#fff0ee; border-radius:10px; color:var(--danger); font-size:13px; line-height:1.38; margin:13px 0 0; padding:10px; }
.app { margin:0 auto; max-width:1440px; min-height:100dvh; padding:calc(18px + env(safe-area-inset-top)) 14px calc(91px + env(safe-area-inset-bottom)); }
.topbar { align-items:center; display:flex; gap:15px; justify-content:space-between; margin-bottom:18px; }
.topbar h1 { font-size:28px; letter-spacing:-1.2px; line-height:1.12; margin:4px 0 0; }
.top-actions { align-items:center; display:flex; gap:7px; }
.round-button { align-items:center; background:var(--white); border:1px solid var(--line); border-radius:50%; color:var(--green); cursor:pointer; display:flex; font-size:26px; height:46px; justify-content:center; line-height:1; width:46px; }
.text-button { background:transparent; border:0; color:var(--muted); cursor:pointer; font-size:12px; font-weight:800; padding:8px 3px; }
.metric-grid { display:grid; gap:8px; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:16px; }
.metric { background:var(--white); border:1px solid var(--line); border-radius:15px; min-height:87px; padding:13px 11px; }
.metric b { color:var(--green); display:block; font-size:24px; letter-spacing:-1px; line-height:1; }
.metric small { color:var(--muted); display:block; font-size:10px; font-weight:750; line-height:1.25; margin-top:8px; }
.data-note { background:var(--mint); border:1px solid #c2e0c9; border-radius:15px; color:#315b40; font-size:12px; font-weight:650; line-height:1.4; margin-bottom:18px; padding:12px 13px; }
.data-note.warn { background:var(--warn); border-color:#edd49e; color:#755516; }
.daily-check{background:var(--white);border:1px solid var(--line);border-radius:19px;margin:0 0 15px;padding:16px}.daily-check h2{font-size:19px;letter-spacing:-.65px;line-height:1.18;margin:4px 0 5px}.daily-check>div>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.42;margin:0}.daily-check.ready{background:#edf8ef;border-color:#c6e5cd}.daily-check.missing{background:#fff8e9;border-color:#ecd59e}.daily-dates{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:14px 0 12px}.daily-date{background:#ffffffa8;border:1px solid #d6e9da;border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-top:13px;padding:10px}.daily-dates span{background:#ffffffb5;border:1px solid #f0dfb6;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:10px}.daily-check small{color:#748078;font-size:9px;font-weight:850;letter-spacing:.65px}.daily-check b{color:var(--green-dark);font-size:13px}.daily-actions{display:grid;gap:8px;grid-template-columns:1.2fr 1fr;margin-top:10px}.primary-control,.secondary-control{border-radius:12px;cursor:pointer;font-size:12px;font-weight:850;min-height:44px;padding:0 9px}.primary-control{background:var(--green);border:0;color:#fff}.secondary-control{background:#fff;border:1px solid #d7b86d;color:#765515}.daily-help{color:#755516;font-size:11px!important;font-weight:750;line-height:1.4;margin:11px 0 0!important}.control-centre{background:var(--green);border-radius:20px;box-shadow:0 10px 25px #155e3b1c;margin:0 0 16px;padding:16px}.control-heading{align-items:center;display:flex;gap:10px;justify-content:space-between}.control-heading .eyebrow{color:#c2dfcb}.control-heading h2{color:#fff;font-size:20px;letter-spacing:-.65px;margin:4px 0 0}.control-heading>span{background:#ffffff24;border-radius:999px;color:#fff;font-size:11px;font-weight:850;padding:7px 10px}.generate-all{background:#fff;border:0;border-radius:13px;color:var(--green-dark);cursor:pointer;font-size:14px;font-weight:900;margin-top:15px;min-height:51px;width:100%}.workflow-buttons{display:grid;gap:7px;grid-template-columns:1fr 1fr;margin-top:8px}.workflow-buttons button{background:#ffffff1c;border:1px solid #ffffff0d;border-radius:11px;color:#fff;cursor:pointer;font-size:11px;font-weight:850;min-height:43px;padding:0 6px}.control-centre.disabled{background:#6a806f;box-shadow:none}.control-centre button:disabled{cursor:not-allowed;opacity:.48}.control-warning{color:#eef7ef;font-size:11px;font-weight:700;line-height:1.4;margin:11px 1px 0}.control-centre+.data-note{margin-top:0}
.section-title { align-items:end; display:flex; justify-content:space-between; margin:18px 1px 11px; }
.section-title h2 { font-size:21px; letter-spacing:-.7px; margin:3px 0 0; }
.section-title span { color:var(--green); font-size:12px; font-weight:850; }
.queue { display:grid; gap:10px; grid-template-columns:1fr; }
.card { background:var(--white); border:1px solid var(--line); border-radius:19px; padding:16px; }
.queue-card.sent { background:#f2f5f1; opacity:.76; }
.card-top { align-items:flex-start; display:flex; gap:10px; justify-content:space-between; }
.card h3 { font-size:18px; line-height:1.2; margin:0; }
.quality { align-items:center; background:var(--mint); border-radius:50%; color:var(--green-dark); display:flex; flex:0 0 auto; font-size:13px; font-weight:850; height:29px; justify-content:center; width:29px; }
.chip { background:#edf3ee; border-radius:7px; color:#607168; display:inline-block; font-size:11px; font-weight:750; margin:12px 0 8px; padding:5px 8px; }
.product-line { color:#405147; font-size:13px; line-height:1.42; margin:0; }
.category-line { color:#718078; font-size:11px; line-height:1.35; margin:5px 0 0; }
.message-toggle { background:none; border:0; border-top:1px solid var(--line); color:var(--green); cursor:pointer; display:block; font-size:13px; font-weight:850; margin-top:13px; padding:12px 0 0; text-align:left; width:100%; }
.message { border-left:3px solid #a9ddba; color:#3f5045; font-size:13px; line-height:1.48; margin:11px 0 2px; padding:3px 0 3px 10px; white-space:pre-wrap; }
.whatsapp { align-items:center; background:#168447; border:0; border-radius:13px; color:#fff; cursor:pointer; display:flex; font-size:15px; font-weight:850; gap:9px; justify-content:center; margin-top:14px; min-height:49px; width:100%; }
.whatsapp svg { fill:currentColor; height:21px; width:21px; }
.sent-row { align-items:center; background:#edf3ee; border-radius:12px; color:#587060; display:flex; font-size:13px; font-weight:800; justify-content:center; margin-top:14px; min-height:49px; }
.controls { display:grid; gap:8px; grid-template-columns:minmax(0,1fr) 116px; margin-bottom:9px; }
.search { align-items:center; background:var(--white); border:1px solid var(--line); border-radius:13px; color:var(--muted); display:flex; font-size:18px; gap:7px; padding:0 11px; }
.search input { background:transparent; border:0; color:var(--ink); font-size:14px; min-width:0; outline:0; padding:13px 0; width:100%; }
select { background:var(--white); border:1px solid var(--line); border-radius:13px; color:var(--ink); font-size:12px; font-weight:750; min-width:0; padding:10px 7px; }
.filter-row { display:flex; gap:7px; margin:10px 0 13px; overflow-x:auto; padding-bottom:2px; }
.filter-row button { background:var(--white); border:1px solid var(--line); border-radius:999px; color:var(--muted); cursor:pointer; flex:0 0 auto; font-size:12px; font-weight:800; padding:8px 11px; }
.filter-row button.active { background:var(--mint); border-color:#b2d9ba; color:var(--green-dark); }
.directory { display:grid; gap:10px; grid-template-columns:1fr; }
.directory-card { background:var(--white); border:1px solid var(--line); border-radius:17px; padding:15px; }
.directory-card h3 { font-size:17px; margin:0; }
.stat-row { display:grid; gap:5px; grid-template-columns:1.25fr 1fr 1fr; margin:12px 0 10px; }
.stat-row span { border-left:1px solid var(--line); color:var(--muted); display:flex; flex-direction:column; font-size:11px; gap:3px; padding-left:8px; }.stat-row span:first-child{border:0;padding-left:0}.stat-row b{color:var(--green-dark);font-size:14px}
.directory-card p { color:#405147; font-size:13px; line-height:1.4; margin:0 0 4px; }.directory-card small { color:var(--muted); font-size:11px; line-height:1.35; }
.tap-card { cursor:pointer; text-align:left; transition:transform .14s ease,box-shadow .14s ease; width:100%; }
.tap-card:active { transform:scale(.988); }
.card-actions { align-items:center; display:flex; flex:0 0 auto; gap:7px; }
.chat-circle { align-items:center; background:#168447; border:0; border-radius:50%; color:#fff; cursor:pointer; display:flex; height:29px; justify-content:center; padding:0; width:29px; }.chat-circle svg{fill:currentColor;height:16px;width:16px}.chat-circle.large{height:37px;width:37px}.chat-circle.large svg{height:21px;width:21px}
.category { background:var(--mint); border-radius:999px; color:var(--green-dark); font-size:11px; font-weight:800; max-width:54%; overflow:hidden; padding:6px 9px; text-overflow:ellipsis; white-space:nowrap; }
.empty { background:var(--white); border:1px dashed #becabe; border-radius:16px; color:var(--muted); font-size:14px; line-height:1.45; padding:31px 17px; text-align:center; }
.filter-card { background:var(--white); border:1px solid var(--line); border-radius:18px; margin-bottom:15px; padding:16px; }.filter-card h2{font-size:20px;letter-spacing:-.6px;margin:4px 0 13px}.date-controls{display:grid;gap:9px;grid-template-columns:1fr 1fr}.date-controls label{color:var(--muted);display:flex;flex-direction:column;font-size:11px;font-weight:800;gap:5px}.date-controls input{background:#f4f7f4;border:1px solid var(--line);border-radius:11px;color:var(--ink);font-size:12px;font-weight:750;min-height:42px;padding:6px}.apply-button{background:var(--green);border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:850;margin-top:12px;min-height:44px;padding:0 20px}
.back-button { background:transparent; border:0; color:var(--green); cursor:pointer; font-size:13px; font-weight:850; margin:0 0 10px; padding:4px 0; }
.detail-hero { background:var(--white); border:1px solid var(--line); border-radius:19px; padding:16px; }.detail-hero h2{font-size:23px;letter-spacing:-.8px;line-height:1.12;margin:5px 0}.detail-hero p{color:var(--muted);font-size:12px;margin:3px 0 0}.detail-stats{margin:17px 0 13px}.recommendation{background:var(--mint);border-radius:12px;color:#315b40!important;display:flex;flex-direction:column;font-size:12px!important;gap:4px;line-height:1.4;margin:0!important;padding:11px}.recommendation b{color:var(--green-dark);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.detail-section{margin:20px 0}.detail-section h3{font-size:18px;letter-spacing:-.4px;margin:0 0 9px}.mini-grid{display:grid;gap:8px;grid-template-columns:1fr}.mini-grid article{background:var(--white);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:3px;padding:12px}.mini-grid b{font-size:14px}.mini-grid span{color:var(--green-dark);font-size:12px;font-weight:800}.mini-grid small{color:var(--muted);font-size:11px}.timeline,.buyer-list{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.timeline-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:8px;grid-template-columns:82px minmax(0,1fr) auto;padding:11px}.timeline-row:last-child{border-bottom:0}.timeline-row>span,.timeline-row small{color:var(--muted);font-size:10px}.timeline-row div{display:flex;flex-direction:column;gap:2px;min-width:0}.timeline-row b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-row strong{color:var(--green-dark);font-size:12px}.buyer-row{align-items:center;background:var(--white);border:0;border-bottom:1px solid var(--line);cursor:pointer;display:flex;justify-content:space-between;padding:12px;text-align:left;width:100%}.buyer-row:last-child{border-bottom:0}.buyer-row span{display:flex;flex-direction:column;gap:3px;min-width:0}.buyer-row b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buyer-row small{color:var(--muted);font-size:10px}.buyer-row strong{color:var(--green-dark);font-size:12px;margin-left:12px}
.admin-store { background:var(--white); border:1px solid var(--line); border-radius:18px; margin-bottom:10px; padding:15px; }.admin-store h3{font-size:18px;margin:0}.admin-store p{color:var(--muted);font-size:12px;line-height:1.35;margin:5px 0}.admin-row{display:grid;gap:7px;grid-template-columns:repeat(3,1fr);margin-top:12px}.admin-row span{border-left:1px solid var(--line);color:var(--muted);display:flex;flex-direction:column;font-size:10px;gap:3px;padding-left:7px}.admin-row span:first-child{border:0;padding-left:0}.admin-row b{color:var(--green-dark);font-size:15px}.admin-wa{align-items:center;background:#168447;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:800;justify-content:center;margin-top:13px;min-height:40px;text-decoration:none}
.open-store{background:var(--mint);border:0;border-radius:10px;color:var(--green-dark);cursor:pointer;font-size:11px;font-weight:850;padding:8px 10px}
.bottom-nav { align-items:center; background:#fffffff2; border-top:1px solid var(--line); bottom:0; display:grid; grid-auto-columns:minmax(0,1fr); grid-auto-flow:column; left:0; padding:7px 10px calc(7px + env(safe-area-inset-bottom)); position:fixed; right:0; z-index:10; }.bottom-nav button{align-items:center;background:none;border:0;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:800;gap:3px;padding:4px}.bottom-nav button.active{color:var(--green)}.nav-icon{font-size:21px;line-height:1}
.loading { align-items:center; background:#102318ad; color:white; display:flex; flex-direction:column; font-size:14px; font-weight:800; gap:12px; inset:0; justify-content:center; position:fixed; z-index:50; }.loading span { border:3px solid #fff6; border-radius:50%; border-top-color:#fff; height:33px; width:33px; animation:spin .75s linear infinite; }@keyframes spin{to{transform:rotate(360deg)}}
.toast { background:#183223; border-radius:10px; bottom:82px; color:#fff; font-size:12px; font-weight:700; left:50%; max-width:calc(100% - 36px); opacity:0; padding:11px 14px; pointer-events:none; position:fixed; transform:translate(-50%,12px); transition:.2s; z-index:60; }.toast.show{opacity:1;transform:translate(-50%,0)}
/* Broadcast builder */
.filter-help{color:var(--muted);font-size:12px;line-height:1.42;margin:0 0 14px}.mini-label{color:var(--muted);font-size:11px;font-weight:850;margin:16px 0 6px;text-transform:uppercase;letter-spacing:.5px}.compact-row{margin:6px 0 0}.split-controls{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:13px}.split-controls label,.composer label{color:var(--muted);display:flex;flex-direction:column;font-size:11px;font-weight:800;gap:5px}.split-controls input,.composer input,.composer textarea{background:#f4f7f4;border:1px solid var(--line);border-radius:11px;color:var(--ink);font-size:13px;min-height:41px;outline:0;padding:9px}.mode-row{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 12px}.mode-row>span{color:var(--muted);font-size:11px;font-weight:850;margin-right:3px}.mode-row button{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;font-size:11px;font-weight:800;padding:8px 10px}.mode-row button.active{background:var(--mint);border-color:#b2d9ba;color:var(--green-dark)}.broadcast-search{margin:4px 0 8px}.selected-summary{color:var(--green-dark);font-size:11px;font-weight:800;margin:8px 0}.product-choice-list{border:1px solid var(--line);border-radius:13px;max-height:255px;overflow:auto}.product-choice-list button{align-items:center;background:#fff;border:0;border-bottom:1px solid var(--line);cursor:pointer;display:grid;gap:7px;grid-template-columns:24px minmax(0,1fr) auto;padding:10px;text-align:left;width:100%}.product-choice-list button:last-child{border-bottom:0}.product-choice-list button.selected{background:#f0f8f1}.product-choice-list button>span{align-items:center;background:#edf3ee;border-radius:50%;color:var(--green-dark);display:flex;font-size:12px;font-weight:900;height:20px;justify-content:center;width:20px}.product-choice-list b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-choice-list small{color:var(--muted);font-size:10px;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wide{width:100%}.apply-button:disabled{cursor:not-allowed;opacity:.45}.broadcast-audience{margin-top:22px}.audience-count{color:var(--muted);font-size:12px;margin:0 0 8px}.select-all{background:var(--mint);border:0;border-radius:10px;color:var(--green-dark);cursor:pointer;font-size:11px;font-weight:850;padding:8px 10px}.audience-list{border:1px solid var(--line);border-radius:16px;max-height:490px;overflow:auto}.audience-card{align-items:center;background:#fff;border:0;border-bottom:1px solid var(--line);cursor:pointer;display:grid;gap:9px;grid-template-columns:26px minmax(0,1fr) auto;padding:12px;text-align:left;width:100%}.audience-card:last-child{border-bottom:0}.audience-card.selected{background:#f1f8f2}.selection-mark{align-items:center;border:1px solid #a9b9ac;border-radius:7px;color:#fff;display:flex;font-size:13px;font-weight:900;height:22px;justify-content:center;width:22px}.audience-card.selected .selection-mark{background:var(--green);border-color:var(--green)}.audience-card>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.audience-card b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audience-card small,.audience-card em{color:var(--muted);font-size:10px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{background:#fff;border:1px solid var(--line);border-radius:17px;margin-top:15px;padding:15px}.composer h3{font-size:18px;margin:0 0 12px}.composer textarea{line-height:1.45;min-height:120px;resize:vertical}.composer label+label{margin-top:11px}.saved-campaigns{margin-top:25px}.campaign-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;margin-top:9px;padding:14px;text-align:left;width:100%}.campaign-card>span{display:flex;flex-direction:column;gap:4px;min-width:0}.campaign-card b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-card small{color:var(--muted);font-size:11px;line-height:1.35}.campaign-card em{color:var(--muted);font-size:10px;font-style:normal}.campaign-card strong{color:var(--green);font-size:12px;margin-left:12px;max-width:76px;text-align:right}.compact-empty{padding:18px}.previous-heading{font-size:17px;margin:24px 0 8px}.archive-button{background:#fff;border:1px solid var(--green);border-radius:11px;color:var(--green-dark);cursor:pointer;font-size:13px;font-weight:850;margin-top:15px;min-height:43px;padding:0 14px;width:100%}.archive-note{background:#edf3ee;border-radius:10px;color:#56705e!important;margin-top:14px!important;padding:10px}.recipient-meta{font-size:11px!important;line-height:1.35}.recipient-sent{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto;margin-top:14px}.recipient-sent span{background:#edf3ee;border-radius:12px;color:#587060;display:flex;font-size:12px;font-weight:800;justify-content:center;min-height:46px;padding:0 8px}.recipient-sent button{background:#168447;border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;font-weight:850;min-height:46px;padding:0 13px}
/* Branded sign-in loading screen. It replaces the login card as soon as
   Firebase returns the selected account, so the app never appears to go
   backwards to the login page while the private store data is loading. */
.startup{align-items:center;background:linear-gradient(145deg,#f4faf5,#e7f2e8);display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:90}.startup-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 16px 44px #153d2218;max-width:410px;padding:32px 25px;text-align:center;width:100%}.startup-leaf{align-items:center;background:var(--green);border-radius:20px;color:#fff;display:flex;font-size:27px;height:64px;justify-content:center;margin:0 auto 18px;width:64px}.startup-card h1{font-size:27px;letter-spacing:-1px;margin:5px 0 10px}.startup-card>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.45;margin:0 0 19px}.startup-track{background:#e5ece6;border-radius:999px;height:9px;overflow:hidden}.startup-track span{background:linear-gradient(90deg,#155e3b,#42a36d);border-radius:inherit;display:block;height:100%;transition:width .55s ease;width:6%}.startup-card small{color:var(--muted);display:block;font-size:11px;line-height:1.4;margin-top:15px}
@media (min-width:700px){.app{padding:28px 30px 85px}.metric-grid{grid-template-columns:repeat(4,1fr);max-width:680px}.queue,.directory{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{border:1px solid var(--line);border-radius:17px;bottom:18px;box-shadow:0 8px 25px #153d2218;left:50%;padding:7px 12px;right:auto;transform:translateX(-50%);width:min(540px,calc(100vw - 36px))}.controls{max-width:570px}.topbar h1{font-size:33px}.filter-card{max-width:720px}.broadcast-filter{max-width:760px}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero,.detail-section,.broadcast-audience,.saved-campaigns{max-width:720px}.audience-list{max-height:560px}}

/* Invoice drill-down inside the customer profile. */
.invoice-row{display:block;padding:0}.invoice-summary{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:grid;gap:8px;grid-template-columns:82px minmax(0,1fr) auto;padding:11px;text-align:left;width:100%}.invoice-summary:hover{background:var(--mint)}.invoice-summary small{display:block;margin-top:2px}.invoice-items{background:#fbfdfb;border-top:1px solid var(--line);padding:8px 12px}.invoice-items>div{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;flex-direction:row;justify-content:space-between;padding:9px 0}.invoice-items>div:last-child{border-bottom:0}.invoice-items p{color:var(--muted);font-size:11px}

.admin-upload{background:var(--green);border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:850;margin-top:13px;min-height:40px;padding:0 14px;width:100%}.admin-upload-note{color:var(--muted);display:block;font-size:10px;line-height:1.35;margin:7px 2px 0}