:root{color-scheme:light;--ink:#211d19;--muted:#746d65;--line:#e4ded4;--bg:#f6f4ef;--card:#fff;--gold:#b58a3b;--ok:#176346;--bad:#a52a2a;--warn:#85590f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--gs-font-arabic,Arial),Tahoma,sans-serif;font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:9px 14px;background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;gap:8px}button:hover,.button:hover{border-color:var(--gold)}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b58a3b;outline-offset:3px}.primary{background:#211d19;color:#fff;font-weight:700;border-color:#211d19}.subtle{background:transparent}.topbar{padding:14px max(20px,calc((100vw - 1220px)/2));background:#211d19;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand span{border-right:1px solid #655c50;padding-right:18px;font-size:13px;color:#ddd4c5}.topbar nav{display:flex;gap:22px;font-size:13px}.topbar nav a{text-decoration:none}main{max-width:1220px;margin:36px auto;padding:0 24px 56px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--gold);margin:0 0 8px;font-weight:700}h1{font-size:36px;line-height:1.4;margin:0}h2{font-size:22px;margin:0 0 8px;line-height:1.5}h3{font-size:17px;margin:0 0 8px}p{margin:0 0 12px}.page-heading p:not(.eyebrow){color:var(--muted);margin-top:8px}.channel{display:flex;align-items:flex-end;flex-direction:column;font-size:13px;gap:3px}.channel span[dir]{color:var(--muted)}.pill{display:inline-flex;border-radius:99px;background:#f1ede5;padding:3px 10px;font-size:12px;white-space:normal}.approved,.eligible{color:var(--ok);background:#e6f2eb}.pending{color:var(--warn);background:#fff1d2}.rejected,.opted_out,.do_not_contact{color:var(--bad);background:#fdeaea}.status{font-size:13px;color:var(--muted);min-height:24px}.notice{background:#f4efe3;border:1px solid #e5d5b6;border-radius:10px;padding:12px 14px;font-size:14px}.error{background:#fdeaea;border-color:#edc2c2;color:var(--bad)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.metrics article{border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 18px;display:flex;align-items:center;gap:12px}.metrics strong{font-size:24px}.metrics span{font-size:12px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:#ece7dd;padding:5px;margin-bottom:22px;gap:6px}.steps button{border:0;background:transparent;font-weight:700}.steps button[aria-current]{background:white;box-shadow:0 2px 8px #211d1910}.steps b{border:1px solid var(--line);border-radius:50%;width:27px;height:27px;display:flex;align-items:center;justify-content:center;font-weight:400}.steps button[aria-current] b{background:#211d19;color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:24px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.section-head p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.section-head button{flex-shrink:0}.head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.template-creator{border:1px solid #d9c8a8;background:#fcfaf5;border-radius:12px;padding:18px;margin:0 0 18px}.template-creator label{margin:12px 0}.form-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}.link-button{border:0;padding:0;margin:14px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 12px}.link-button legend{font-size:12px;color:var(--muted);margin-bottom:4px}.template-creator .link-button label{margin:0}.link-button small{grid-column:1/-1;margin-top:0}.quick-replies{border:0;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-replies legend{grid-column:1/-1;font-size:12px;color:var(--muted);margin-bottom:4px}.saved-list-cards{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.saved-list-cards button{min-height:38px;font-size:12px;background:#f8f6f1}.saved-list-cards button strong{font-size:12px}.saved-list-cards button span{color:var(--muted)}.list-builder{border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 18px;background:#fcfbf8}.section-head.compact{margin-bottom:12px;align-items:center}.section-head.compact h3{margin-bottom:2px}.audience-import{border-top:1px solid var(--line);padding-top:16px}.import-source-grid{display:grid;grid-template-columns:minmax(150px,.8fr) auto minmax(0,2fr);gap:12px;align-items:center}.compact-upload{min-height:110px;margin:0}.import-source-grid .or{color:var(--muted);font-size:12px}.import-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.import-preview{margin-top:14px;background:#f8f6f1;border-radius:10px;padding:12px}.import-preview .stats{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin-bottom:8px}.import-preview .stats strong{font-size:16px}.import-preview .sample{display:flex;gap:6px;flex-wrap:wrap;max-height:120px;overflow:auto}.import-preview .sample span{background:white;border:1px solid var(--line);border-radius:99px;padding:4px 8px;font-size:11px}.hidden{display:none!important}label{display:block;font-size:13px;font-weight:600}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{display:block;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);margin-top:5px}textarea{resize:vertical;min-height:120px}small,.hint{font-size:12px;color:var(--muted);font-weight:400}small{display:block;margin-top:5px}.search-label{margin-bottom:16px}.template-list{display:grid;gap:10px}.template-card{width:100%;display:block;text-align:right;padding:15px;border-radius:12px}.template-card[aria-pressed=true]{border:2px solid var(--gold);padding:14px;background:#fcfaf5}.template-card .template-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.template-card strong{font-size:15px}.template-card code{font-size:11px;display:block;direction:ltr;text-align:right;overflow-wrap:anywhere;color:var(--muted);margin-top:4px}.template-card p{font-size:13px;color:var(--muted);margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card .template-info{font-size:11px;color:var(--muted);margin-top:6px}.template-image-field{margin:12px 0}.field-label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.template-image-preview{display:flex;align-items:center;gap:12px;margin-top:10px}.template-image-preview img{width:132px;max-height:100px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#faf9f6}.template-choice{border:0;padding:0;margin:14px 0;display:grid;gap:8px}.template-choice legend{font-size:12px;color:var(--muted);margin-bottom:6px}.template-choice label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-weight:400}.template-choice label:has(input:checked){border-color:var(--gold);background:#fcfaf5}.template-choice strong{display:block;font-size:13px}.template-choice code{display:block;font-size:11px;color:var(--muted);direction:ltr;text-align:right;overflow-wrap:anywhere}#templateChangePreview{margin:12px 0}.retry-facts{margin:10px 0 14px;padding-inline-start:20px;font-size:14px;line-height:1.9}.retry-last{font-size:13px;background:#f8f6f1;border-radius:8px;padding:10px 12px}.media-editor{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.media-editor p{font-size:13px;color:var(--muted)}.upload{position:relative;background:#f6f2e9;border:1px dashed #bba475;width:100%;min-height:75px;cursor:pointer}.upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload:focus-within{outline:3px solid var(--gold);outline-offset:3px}details{font-size:13px;margin:14px 0}summary{cursor:pointer;min-height:38px;line-height:38px}details button{margin-top:10px}.step-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.step-footer span{font-size:12px;max-width:50%;color:var(--muted)}.preview-panel{position:sticky;top:20px}.preview-heading{display:flex;justify-content:space-between;font-size:13px;margin:0 4px 12px}.preview-heading span{font-size:11px;color:var(--muted)}.phone-preview{border:1px solid #cfcac1;border-radius:18px;background:#eee9e0;overflow:hidden;box-shadow:0 10px 30px #211d1908}.phone-top{background:#164e42;color:#fff;padding:13px 16px;font-size:14px;display:flex;justify-content:space-between}.phone-top span{font-size:11px;opacity:.7}.message-preview{padding:18px 12px;min-height:250px}.bubble{background:#fff;border-radius:12px 2px 12px 12px;box-shadow:0 1px 3px #0001;padding:11px;overflow:hidden;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.bubble img{width:100%;height:auto;max-height:240px;object-fit:contain;border-radius:7px;display:block;margin-bottom:10px;background:#faf9f6}.bubble .image-placeholder{padding:35px 12px;border-radius:7px;background:#f5f1e8;text-align:center;color:var(--muted);margin-bottom:10px;font-size:12px}.bubble-header{font-weight:700;white-space:pre-wrap;margin-bottom:8px}.bubble-body{white-space:pre-wrap}.bubble-footer{white-space:pre-wrap;font-size:11px;color:#8a8a8a;margin-top:12px}.bubble-buttons{border-top:1px solid #eee;margin-top:10px;padding-top:7px;display:grid;gap:6px}.bubble-buttons a,.bubble-buttons span{display:block;text-align:center;text-decoration:none;color:#217a9b;font-size:13px;min-height:38px;line-height:38px}.preview-panel>.hint{padding:12px 4px;overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);padding:24px 12px;font-size:14px}.audience-mode{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.audience-mode legend{font-size:12px;color:var(--muted);margin-bottom:10px}.audience-mode label{display:flex;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;align-items:flex-start;cursor:pointer}.audience-mode label:has(input:checked){border-color:var(--gold);background:#fcfaf5}input[type=radio],input[type=checkbox]{accent-color:#8a682f;width:20px;height:20px;flex-shrink:0;cursor:pointer}.audience-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:10px;align-items:end}.selection-bar{background:#f8f6f1;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px;font-size:13px}.selection-bar div{display:flex;gap:8px}.selection-bar button{font-size:11px;padding:5px 8px;min-height:38px}.contact-list{display:grid;gap:8px}.contact{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:13px}.contact:has(input:checked){background:#fcfaf5;border-color:#bba475}.contact input:disabled{cursor:not-allowed}.contact .identity{flex:1;min-width:0}.contact strong{font-size:13px;display:block;overflow-wrap:anywhere}.contact .number{font-size:12px;color:var(--muted);display:block;text-align:right}.contact .pill{font-size:11px}.selected-list{display:flex;flex-wrap:wrap;gap:8px;max-height:190px;overflow:auto}.selected-list button{font-size:11px;min-height:35px;background:#f5f1e7}.wide{width:100%;margin-top:12px}.review-summary{padding:16px;background:#f8f6f1;border-radius:10px;margin:20px 0;display:grid;gap:12px}.review-summary div{display:flex;justify-content:space-between;gap:20px;font-size:13px}.review-summary span{color:var(--muted)}.review-summary strong{overflow-wrap:anywhere;text-align:left}.campaign-section{margin-top:30px}.campaigns{display:grid;gap:12px}.campaign{border:1px solid var(--line);border-radius:12px;padding:18px}.campaign-head{display:flex;justify-content:space-between;gap:12px}.campaign h3{margin:0}.campaign p{font-size:12px;color:var(--muted);margin:4px 0}.campaign code{overflow-wrap:anywhere}.campaign-stats{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;margin:14px 0}.campaign-stats strong{font-size:17px;color:var(--ink)}.campaign-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:14px}.campaign-actions button{font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;max-width:640px;width:calc(100% - 32px);max-height:85vh;overflow:auto;padding:24px}dialog::backdrop{background:#211d1980}dialog .bubble{border:1px solid var(--line)}dialog .contact-list{margin-top:18px}#mediaState{min-height:22px;margin:8px 0}#campaignForm>label{margin:14px 0}#campaignForm>.notice{margin-top:18px}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.metrics article{display:block}.metrics span{display:block}}@media(max-width:760px){.form-grid,.quick-replies,.link-button,.import-source-grid{grid-template-columns:1fr}.import-source-grid .or{text-align:center}.head-actions{width:100%;justify-content:stretch}.head-actions button{flex:1}}@media(max-width:760px){main{padding:0 16px 36px;margin-top:24px}.topbar{padding:12px 16px}.brand span{display:none}.topbar nav{gap:14px;font-size:12px}h1{font-size:29px}.page-heading{display:block}.channel{margin-top:16px;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:5px 12px}.metrics{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.metrics article{padding:11px 14px;display:flex}.metrics strong{font-size:22px}.steps{gap:2px;padding:4px}.steps button{font-size:12px;padding:8px 4px;gap:5px}.steps b{width:22px;height:22px}.workspace{display:flex;flex-direction:column}.editor,.preview-panel{width:100%}.preview-panel{position:static;max-width:440px;align-self:center}.card{padding:18px;border-radius:13px}.section-head{gap:12px;margin-bottom:18px}.section-head button{font-size:11px;padding:7px 10px}.audience-mode{grid-template-columns:1fr}.audience-controls{grid-template-columns:1fr auto}.audience-controls label:first-child{grid-column:1 / -1}.selection-bar{align-items:flex-start;flex-direction:column}.contact{gap:8px;padding:11px}.contact .pill{max-width:90px;font-size:10px}.step-footer{gap:10px}.step-footer button{font-size:12px;padding:9px 12px}.step-footer span{max-width:45%}.preview-panel{margin-top:6px}.campaign-head{display:block}.campaign-head .pill{margin-top:8px}.campaign-actions .primary{width:100%}dialog{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.audience-manager-page{display:grid;gap:24px}.manager-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.manager-list-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}.manager-list-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.manager-member-list{display:grid;gap:8px}.manager-member{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:11px 12px}.manager-member>div{min-width:0}.manager-member strong,.manager-member span[dir=ltr]{display:block}.manager-member span[dir=ltr]{font-size:12px;color:var(--muted);margin-top:2px}.manager-member .pill{flex:0 0 auto}@media(max-width:760px){.manager-list-grid{grid-template-columns:1fr}.manager-member{align-items:flex-start}.manager-member .pill{max-width:110px;text-align:center}}

.smart-xlsx{margin-top:16px;border:1px solid #d9c8a8;background:#fcfaf5;border-radius:12px;padding:16px}
.sheet-picker{border:0;padding:0;margin:0 0 14px}
.sheet-picker legend{font-size:13px;font-weight:600;margin-bottom:6px}
.sheet-count{font-weight:400;font-size:12px;color:var(--muted);margin-inline-start:6px}
.sheet-list{display:flex;flex-wrap:wrap;gap:8px}
.sheet-option{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}
.sheet-option:has(input:checked){border-color:var(--gold);background:#fcfaf5}
.sheet-option small{margin:0}
.sheet-all{margin-bottom:8px;font-weight:700}
.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.smart-group-preview{margin-top:14px}
.smart-group-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.smart-group-summary span{background:#f8f6f1;border-radius:10px;padding:8px 10px;font-size:12px}
.smart-group-summary strong{font-size:16px}
.smart-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;max-height:420px;overflow:auto;padding:2px}
.smart-group-card{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px}
.smart-group-card input{margin-top:3px;flex:0 0 auto}
.smart-group-card strong{display:block;font-size:13px}
.smart-group-card small{display:block;color:var(--muted);margin-top:3px;line-height:1.45}
.smart-group-card .group-count{margin-inline-start:auto;font-weight:700;white-space:nowrap}
.mapping-detected{font-size:11px;color:var(--muted)}
@media(max-width:900px){.mapping-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mapping-grid{grid-template-columns:1fr}.smart-group-grid{grid-template-columns:1fr}}

.catalog-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.facet-label{display:block;font-size:13px;font-weight:600}
.facet-picker{margin:5px 0 0;font-size:14px}
.facet-picker>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;line-height:1.4;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;overflow-wrap:anywhere}
.facet-picker>summary::-webkit-details-marker{display:none}
.facet-picker>summary::after{content:'▾';color:var(--muted);flex-shrink:0}
.facet-picker[open]>summary{border-color:var(--gold)}
.facet-panel{border:1px solid var(--line);border-radius:9px;background:#fff;margin-top:6px;padding:8px;box-shadow:0 8px 24px #211d1914}
.facet-panel input[type=search]{margin:0 0 6px}
.facet-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 6px;border-radius:8px;font-weight:400;cursor:pointer}
.facet-option:hover{background:#f8f6f1}
.facet-option span{flex:1;overflow-wrap:anywhere}
.facet-option small{margin:0}
.facet-all{font-weight:700;border-bottom:1px solid var(--line);border-radius:0}
.facet-options{max-height:300px;overflow:auto}
.facet-done{width:100%;margin-top:6px}
.catalog-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.catalog-metrics article{border:1px solid var(--line);border-radius:10px;padding:12px;background:#f8f6f1}
.catalog-metrics strong{display:block;font-size:22px}
.catalog-metrics span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.catalog-save{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
#catalogPreview{margin-top:14px;max-height:420px;overflow:auto}
@media(max-width:900px){.catalog-filter-grid,.catalog-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.catalog-filter-grid,.catalog-metrics,.catalog-save{grid-template-columns:1fr}}

.group-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:14px;margin-bottom:10px}
.group-search label{margin:0}
.group-search input[type=search]{width:100%;min-height:46px}
.group-search-count{font-size:12px;color:var(--muted);white-space:nowrap;padding-bottom:12px}
@media(max-width:600px){.group-search{grid-template-columns:1fr}.group-search-count{padding-bottom:0}}

.saved-audience-picker{border-top:1px solid var(--line);padding-top:16px;margin-top:8px}
.saved-list-search{margin-bottom:10px}
.saved-list-picker-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.saved-list-picker-actions button{font-size:11px;min-height:38px}
.saved-list-multiselect{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;max-height:440px;overflow:auto;margin:0 0 14px}
.saved-list-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-weight:400}
.saved-list-card:has(input:checked){border-color:#b58a39;background:#fcfaf5}
.saved-list-card input{margin-top:2px}
.saved-list-card .saved-list-copy{flex:1;min-width:0}
.saved-list-card strong{display:block;font-size:13px;overflow-wrap:anywhere}
.saved-list-card small{display:block;margin-top:3px}
.saved-list-card .saved-list-count{font-size:12px;color:var(--muted);white-space:nowrap}
.saved-list-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.saved-list-metrics article{background:#f8f6f1;border:1px solid var(--line);border-radius:10px;padding:10px}
.saved-list-metrics strong{display:block;font-size:18px}
.saved-list-metrics span{display:block;font-size:11px;color:var(--muted);margin-top:2px}
@media(max-width:760px){.saved-list-multiselect{grid-template-columns:1fr}.saved-list-metrics{grid-template-columns:1fr 1fr}.saved-list-picker-actions button{flex:1}}
