:root{--ink:#17211d;--muted:#7e8984;--line:#e8ece9;--paper:#fff;--wash:#f7f8f6;--green:#1c9b65;--green-dark:#147c50;--mint:#eaf7f0;--orange:#d28a39;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:24px 15px 0;display:flex;flex-direction:column;z-index:2}.brand{height:35px;display:flex;align-items:center;gap:8px;color:var(--ink);font:800 19px var(--display);letter-spacing:-1px;text-decoration:none;padding:0 7px}.brand-mark{width:26px;height:26px;border-radius:8px;background:var(--green);color:white;display:grid;place-items:center;font:800 19px var(--display)}.brand-light{font-weight:500;color:#6d7973}.pro{font:700 8px var(--font);letter-spacing:.7px;color:#197b51;background:#e7f5ed;border-radius:4px;padding:3px 5px;margin-left:1px}.workspace{height:57px;margin:30px 0 27px;padding:0 8px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px}.workspace-icon,.chat-avatar{display:grid;place-items:center;background:#e9f4ee;color:#25865b;font-weight:700;width:32px;height:32px;border-radius:8px}.workspace b,.workspace small,.profile b,.profile small{display:block}.workspace b,.profile b{font-size:11px;font-weight:600}.workspace small,.profile small{font-size:10px;color:var(--muted);margin-top:3px}.chevron{margin-left:auto;color:#9da8a2;font-size:17px}.nav-label{font-size:9px;letter-spacing:1px;font-weight:700;color:#a1aaa5;padding:0 9px 10px}.sidebar nav{display:grid;gap:3px}.nav-item{height:38px;padding:0 10px;display:flex;gap:12px;align-items:center;text-decoration:none;color:#64716a;font-size:12px;font-weight:500;border-radius:7px}.nav-item>span:first-child{font-size:16px;width:17px;text-align:center;color:#7f8a84}.nav-item.active{color:#19794f;background:#eaf6ef;font-weight:600}.nav-item.active>span:first-child{color:#1d9962}.nav-count{margin-left:auto;font-size:10px;color:#268259;background:#d8eee1;border-radius:5px;padding:3px 7px}.sidebar-bottom{margin-top:auto}.help-card{background:#f6f8f6;border:1px solid #edf0ed;border-radius:9px;padding:13px 12px;margin:0 1px 17px}.help-icon{color:#da9b4d;margin-right:6px}.help-card b{font-size:11px}.help-card p{color:#7c8781;font-size:10px;line-height:1.5;margin:8px 0}.help-card a{color:#25875a;text-decoration:none;font-size:10px;font-weight:600}.help-card a span{margin-left:4px}.settings{padding-left:8px;width:100%;margin-bottom:8px;border:0;background:none}.profile{height:66px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 5px}.avatar{background:#dfd2c2;color:#765c43;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}.main{margin-left:238px;min-height:100vh}.topbar{height:59px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px}.breadcrumbs{font-size:11px;color:#929d97}.breadcrumbs span{padding:0 9px;color:#c0c8c3}.breadcrumbs b{color:#39463f;font-weight:600}.top-actions{display:flex;align-items:center;gap:20px}.saved{font-size:10px;color:#88938d}.saved i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#44b67e;margin-right:6px;vertical-align:1px}.icon-button{position:relative;border:0;background:transparent;font-size:17px;color:#7e8983}.notification-dot{position:absolute;right:1px;top:2px;width:5px;height:5px;background:#e68c56;border:1px solid white;border-radius:50%}.mini{width:26px;height:26px}.page-wrap{max-width:1220px;margin:0 auto;padding:31px 42px 50px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#8a9890;margin-bottom:9px}.page-heading .eyebrow{color:#38936a}.page-heading h1{font:700 26px var(--display);letter-spacing:-.8px;margin:0}.page-heading p{font-size:12px;color:#7d8982;margin:7px 0 0}.button{height:36px;border-radius:7px;padding:0 13px;font-size:11px;font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;gap:10px;justify-content:center}.button-quiet{background:white;border-color:var(--line);color:#536159}.button-quiet span{font-size:9px;color:#9da7a2;border:1px solid var(--line);border-radius:3px;padding:2px 4px}.button-primary{background:var(--green);color:white;box-shadow:0 2px 4px #137f4e22}.button-primary:hover{background:var(--green-dark)}.stepper{display:flex;align-items:center;gap:10px;max-width:590px;margin:29px auto 25px}.step{display:flex;align-items:center;gap:8px;color:#9ba59f;font-size:10px;white-space:nowrap}.step>span{width:20px;height:20px;border-radius:50%;border:1px solid #dce2de;display:grid;place-items:center;font-size:9px}.step.complete{color:#4a6756}.step.complete>span{background:#e5f4eb;border-color:#e5f4eb;color:#24955f}.step.current{color:#277d53;font-weight:600}.step.current>span{border-color:#42a374;color:#278858;background:#f0faf4}.step-line{height:1px;background:#e3e8e4;flex:1}.content-grid{display:grid;grid-template-columns:minmax(470px,1.63fr) minmax(280px,.83fr);gap:23px;align-items:start}.builder{display:grid;gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 21px 17px;box-shadow:0 1px 2px #15231a04}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel-title{display:flex;gap:11px}.number{font:700 9px var(--display);color:#5e9a77;padding-top:3px;letter-spacing:.5px}.panel-title h2{margin:0;font:700 14px var(--display);letter-spacing:-.2px}.panel-title p{font-size:10px;color:#8a958e;margin:4px 0 0}.text-button{border:0;background:transparent;color:#498e68;font-size:10px;font-weight:600;padding:3px}.text-button:disabled{color:#c4cbc7;cursor:default}.dropzone{height:69px;border:1px dashed #d5e0d9;border-radius:7px;background:#fbfdfb;display:flex;align-items:center;padding:0 13px;gap:11px;cursor:pointer}.upload-icon{width:30px;height:30px;background:#edf7f0;border-radius:7px;display:grid;place-items:center;color:#39986a;font-size:16px}.dropzone b{font-size:10px;color:#405148}.inline-link{padding:0;border:0;background:none;color:#248658;font-size:10px;font-weight:700;text-decoration:underline}.dropzone small{display:block;color:#9aa49e;font-size:9px;margin-top:5px}.dropzone code,.consent-note code{background:#eff3f0;padding:2px 4px;border-radius:3px;color:#68776e;font-size:9px}.csv-tag{margin-left:auto;align-self:flex-start;margin-top:13px;color:#a3ada7;font-size:8px;letter-spacing:.6px;border:1px solid #e4e9e5;padding:3px 5px;border-radius:4px}.or-divider{display:flex;align-items:center;gap:10px;color:#a2aaa5;font-size:9px;margin:12px 0}.or-divider:before,.or-divider:after{content:"";height:1px;background:#eef1ef;flex:1}.manual-entry{display:flex;gap:9px;align-items:flex-end}.manual-entry textarea{resize:vertical;min-height:49px;max-height:96px;flex:1;border:1px solid var(--line);border-radius:6px;padding:9px;font-size:10px;line-height:1.5;color:#47554d;outline:none}.manual-entry textarea:focus,input:focus,.message-panel textarea:focus{border-color:#8fc7a7;box-shadow:0 0 0 3px #2da66c12}.manual-entry textarea::placeholder{color:#aab3ae}.button-outline{height:34px;border-color:#dfe7e1;background:#fff;color:#347b55;white-space:nowrap;font-size:10px}.contact-summary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef1ef;padding:13px 0 8px;margin-top:15px}.contact-summary b{font-size:10px;font-weight:600}.contact-summary span{font-size:9px;color:#9aa49e;margin-left:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:440px}th{font-size:8px;letter-spacing:.75px;color:#9ba59f;font-weight:700;padding:7px 8px;border-bottom:1px solid #eff2ef}td{font-size:10px;padding:9px 8px;border-bottom:1px solid #f1f3f1;color:#4c5b52}td:first-child{font-weight:600;color:#35443a}.empty-row td{text-align:center;padding:17px;color:#a5aea9;font-weight:400}.consent-badge{color:#248958;background:#e9f6ee;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:600}.consent-badge.no{color:#b57b37;background:#fbf2e7}.remove-contact{border:0;color:#aab4ae;background:transparent;font-size:15px;padding:0 4px}.remove-contact:hover{color:#d36e59}.consent-note{display:flex;gap:8px;color:#929e96;font-size:9px;line-height:1.5;margin-top:12px}.consent-note>span:first-child{color:#75a888}.message-panel{padding-bottom:19px}.field{margin-top:15px}.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.field-label label{font-size:10px;font-weight:600;color:#445148}.field-label>span{font-size:8px;letter-spacing:.65px;color:#a4ada7}.field input,.cta-input{width:100%;height:35px;border:1px solid var(--line);border-radius:6px;background:white;padding:0 10px;font-size:10px;color:#4a594f;outline:none}.message-panel textarea{resize:vertical;width:100%;min-height:130px;border:1px solid var(--line);border-radius:6px;padding:10px;font-size:10px;line-height:1.65;color:#4a594f;outline:none}.field-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.field-footer span,.field-hint{font-size:9px;color:#98a29c}.field-footer code{font-size:9px;background:#eff3f0;padding:2px 4px;border-radius:3px;color:#66776c}.field-footer .text-button{font-size:9px;color:#97a29b}.cta-input{display:flex;align-items:center;gap:8px;padding:0 9px}.cta-input>span:first-child{font-size:14px;color:#64a27d}.cta-input input{border:0;box-shadow:none!important;height:32px;padding:0;flex:1}.cta-count{font-size:8px;color:#a2aca5;white-space:nowrap}.field-hint{display:block;margin-top:6px}.send-note{display:flex;gap:9px;background:#f4faf6;padding:11px;border-radius:6px;margin-top:17px}.note-icon{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#dff0e5;color:#258d5b;font-size:10px}.send-note b{font-size:9px;color:#486253}.send-note p{font-size:9px;line-height:1.45;color:#86948b;margin:3px 0 0}.bottom-actions{display:flex;justify-content:space-between;margin-top:2px}.preview-column{position:sticky;top:18px;background:#f1f3f0;border:1px solid #e8ece8;border-radius:10px;padding:15px 16px 14px}.preview-heading{display:flex;justify-content:space-between;color:#9aa59e;font-size:8px;letter-spacing:1px;font-weight:700;padding:0 2px 12px}.device-switch{border:0;background:transparent;color:#78847c;font-size:15px}.phone-shell{margin:0 auto;width:232px;height:375px;border:6px solid #26312b;border-radius:29px;background:#fff;padding:0;box-shadow:0 7px 20px #28332c12;overflow:hidden;position:relative}.phone-screen{height:100%;background:#ece9e0;display:flex;flex-direction:column}.phone-status{height:23px;background:#f9f8f5;display:flex;justify-content:space-between;padding:5px 12px 0;font-size:8px;font-weight:700;color:#465249}.chat-head{height:47px;background:#f9f8f5;display:flex;align-items:center;gap:7px;padding:0 9px;border-bottom:1px solid #e8e7e0}.back-arrow{font:22px Arial;color:#34996b}.chat-avatar{width:27px;height:27px;border-radius:50%;font-size:10px}.chat-head b{display:block;font-size:9px;font-weight:600;color:#37463d}.chat-head small{display:block;font-size:7px;color:#839087;margin-top:2px}.chat-menu{margin-left:auto;font-size:17px;color:#6b786f}.chat-content{flex:1;padding:13px 8px;position:relative;background-color:#ece9e0;background-image:radial-gradient(#d9d6cd 0.55px,transparent 0.55px);background-size:8px 8px}.date-chip{width:max-content;margin:0 auto 12px;color:#70776d;background:#f9f8f2;border-radius:5px;padding:3px 7px;font-size:7px;font-weight:700;box-shadow:0 1px 1px #00000008}.bubble{position:relative;background:#fff;border-radius:3px 9px 9px 9px;padding:9px 8px 4px;width:95%;box-shadow:0 1px 1px #0000000a;color:#37453b;font-size:8px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}.preview-cta{width:calc(100% + 16px);margin:9px -8px 0;border:0;border-top:1px solid #e8eee9;background:white;color:#268958;padding:7px 4px;font-size:8px;font-weight:600}.preview-cta span{padding-left:3px}.bubble-time{text-align:right;font-size:7px;color:#9aa39d;margin-top:4px}.bubble-time span{color:#52a3c6;margin-left:3px}.privacy-hint{font-size:6px;color:#858880;text-align:center;margin-top:12px}.composer{height:39px;background:#f9f8f5;display:flex;align-items:center;gap:8px;padding:0 7px;color:#929b93;font-size:11px}.composer div{background:#fff;border-radius:16px;height:26px;display:flex;align-items:center;flex:1;padding-left:10px;font-size:8px;color:#aab1aa}.composer button{border:0;color:#fff;background:#3d9b6d;border-radius:50%;width:23px;height:23px;font-size:11px}.preview-meta{display:flex;align-items:center;justify-content:space-between;margin:13px 0 12px}.preview-meta>div{display:flex;gap:8px;align-items:center}.meta-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#e3eee6;color:#53866a;font-size:14px}.preview-meta b,.preview-meta small{display:block}.preview-meta b{font-size:9px;color:#58665d}.preview-meta small{font-size:8px;color:#9ca69f;margin-top:3px}.preview-meta select{max-width:100px;border:0;background:transparent;color:#6f7a73;font-size:8px;outline:0}.quality-card{background:#fff;border:1px solid #e8ece8;border-radius:7px;padding:11px 12px}.quality-card>div:first-child{display:flex;align-items:center;gap:6px}.quality-card>div:first-child>span:first-child{color:#d99a4b}.quality-card b{font-size:9px;color:#4d5a51}.quality-status{margin-left:auto;color:#29875b;background:#e9f6ed;border-radius:4px;padding:3px 5px;font-size:8px}.quality-card p{font-size:8px;line-height:1.45;color:#929c95;margin:8px 0}.quality-bar{display:flex;gap:3px}.quality-bar i{height:3px;border-radius:4px;background:#65b784;flex:1}.quality-bar i:last-child{background:#e7eee8}.quality-card>small{display:block;color:#849189;font-size:8px;margin-top:6px}.compliance{display:flex;gap:7px;padding:10px 2px 0;color:#94a098}.compliance>span{font-size:10px}.compliance p{font-size:8px;line-height:1.45;margin:0}.compliance a{color:#498a65;text-decoration:underline}.modal-backdrop{position:fixed;inset:0;z-index:5;background:#14231bc4;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.review-modal{width:min(410px,100%);background:white;border-radius:13px;padding:29px 30px 23px;text-align:center;position:relative;box-shadow:0 24px 70px #08150e40}.modal-close{position:absolute;right:13px;top:11px;background:none;border:0;font-size:22px;color:#98a39b}.modal-symbol{width:39px;height:39px;border-radius:12px;background:#e8f6ed;color:#28915d;display:grid;place-items:center;font-size:17px;margin:0 auto 15px}.review-modal .eyebrow{color:#399568}.review-modal h2{font:700 19px var(--display);letter-spacing:-.5px;margin:0}.modal-copy{font-size:11px;color:#87928b;line-height:1.5;margin:8px 0 18px}.review-stats{display:flex;text-align:left;border:1px solid #e8ede9;border-radius:8px;padding:13px 14px;margin-bottom:13px}.review-stats>div{width:50%}.review-stats>div+div{border-left:1px solid #e8ede9;padding-left:14px}.review-stats span,.review-stats b{display:block}.review-stats span{font-size:8px;letter-spacing:.7px;color:#98a39c}.review-stats b{font-size:13px;margin-top:7px}.review-warning{background:#fbf4e9;color:#936d39;font-size:10px;line-height:1.5;text-align:left;padding:9px 10px;border-radius:6px;margin-bottom:12px}.modal-action{width:100%;height:39px}.modal-footnote{display:block;font-size:9px;color:#9ba59e;margin-top:10px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);background:#203128;color:white;border-radius:7px;padding:11px 15px;font-size:11px;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:8}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.sidebar{width:205px}.main{margin-left:205px}.page-wrap{padding-left:27px;padding-right:27px}.content-grid{grid-template-columns:minmax(410px,1fr) 280px;gap:15px}.phone-shell{transform:scale(.92);transform-origin:top center;margin-bottom:-30px}}@media(max-width:850px){.sidebar{width:61px;padding:20px 9px}.brand{padding:0;justify-content:center}.brand>span:not(.brand-mark){display:none}.workspace{justify-content:center;padding:0;margin:24px 0}.workspace>span:not(.workspace-icon){display:none}.nav-label,.nav-item:not(.active),.nav-item.active{font-size:0;justify-content:center;padding:0}.nav-item>span:first-child{font-size:18px}.nav-count,.sidebar-bottom{display:none}.main{margin-left:61px}.topbar{padding:0 20px}.page-wrap{padding:24px 20px}.content-grid{grid-template-columns:1fr}.preview-column{position:static;max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.preview-heading{grid-column:1/-1}.phone-shell{grid-row:span 3}.preview-meta,.quality-card,.compliance{align-self:start}.phone-shell{transform:none;margin-bottom:0}}@media(max-width:580px){.sidebar{display:none}.main{margin:0}.topbar{height:50px;padding:0 14px}.breadcrumbs{font-size:9px}.breadcrumbs span{padding:0 4px}.saved{display:none}.top-actions{gap:10px}.page-wrap{padding:22px 13px}.page-heading h1{font-size:23px}.page-heading p{max-width:250px;line-height:1.5}.page-heading>.button{padding:0 8px}.stepper{margin:24px 0 18px;gap:6px}.step{gap:5px;font-size:8px}.step>span{width:17px;height:17px}.step-line{min-width:8px}.content-grid{gap:14px}.panel{padding:16px 13px}.panel-head{margin-bottom:13px}.panel-title{gap:8px}.panel-title p{max-width:230px;line-height:1.4}.manual-entry{align-items:stretch;flex-direction:column}.manual-entry .button{align-self:flex-end}.contact-summary{align-items:flex-start}.contact-summary span{display:block;margin:4px 0 0}.preview-column{display:block}.phone-shell{transform:scale(.96);transform-origin:top center;margin-bottom:-15px}.preview-meta,.quality-card,.compliance{max-width:360px;margin-left:auto;margin-right:auto}.bottom-actions .button{font-size:10px;padding:0 9px}}
:root{--dummy:0}
.media-field input[type="file"]{display:block;width:100%;padding:10px;border:1px dashed #cfdcd3;border-radius:7px;background:#fbfdfb;color:#58665d;font-size:11px}.image-attachment-preview{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px;border:1px solid var(--line);border-radius:7px}.image-attachment-preview[hidden],.preview-media[hidden]{display:none}.image-attachment-preview img{width:48px;height:48px;object-fit:cover;border-radius:5px}.image-attachment-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;color:#5d6962}.preview-media{display:block;max-width:100%;max-height:190px;object-fit:contain;border-radius:6px;margin-top:8px}

/* Theme switch and message footer */
.theme-toggle{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:10px;font-weight:600}
.theme-toggle span:first-child{font-size:15px;line-height:1}
.preview-media{margin:0 0 8px;max-height:190px}
.preview-footer{border-top:1px solid #e8eee9;margin:7px -8px 0;padding:7px 8px 2px;color:#718078;font-size:7px;line-height:1.4}
html[data-theme="dark"]{color-scheme:dark;--ink:#e7eee9;--muted:#a5b1aa;--line:#303b34;--paper:#1b241e;--wash:#111813;--mint:#1c3225}
html[data-theme="dark"] body{background:var(--wash);color:var(--ink)}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .quality-card,html[data-theme="dark"] .review-modal,html[data-theme="dark"] .admin-card,html[data-theme="dark"] .admin-stat,html[data-theme="dark"] .table-wrap{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .workspace,html[data-theme="dark"] .image-attachment-preview,html[data-theme="dark"] .review-stats{border-color:var(--line)}
html[data-theme="dark"] .help-card,html[data-theme="dark"] .dropzone,html[data-theme="dark"] .media-field input[type="file"],html[data-theme="dark"] .manual-entry textarea,html[data-theme="dark"] input:not([type="file"]),html[data-theme="dark"] textarea,html[data-theme="dark"] select,html[data-theme="dark"] .button-quiet,html[data-theme="dark"] .button-outline{background:#202b24;color:var(--ink);border-color:#3a473f}
html[data-theme="dark"] .nav-item{color:#b2beb6}html[data-theme="dark"] .nav-item.active{background:#20392a;color:#72d39b}html[data-theme="dark"] .nav-item.active>span:first-child{color:#72d39b}
html[data-theme="dark"] .breadcrumbs,html[data-theme="dark"] .page-heading p,html[data-theme="dark"] .panel-title p,html[data-theme="dark"] .field-hint,html[data-theme="dark"] .help-card p,html[data-theme="dark"] .quality-card p,html[data-theme="dark"] .consent-note,html[data-theme="dark"] .saved,html[data-theme="dark"] .profile small,html[data-theme="dark"] .workspace small{color:#a5b1aa}
html[data-theme="dark"] .panel-title h2,html[data-theme="dark"] .page-heading h1,html[data-theme="dark"] .workspace b,html[data-theme="dark"] .profile b,html[data-theme="dark"] .quality-card b{color:#e7eee9}
html[data-theme="dark"] .nav-item.active,html[data-theme="dark"] .pro,html[data-theme="dark"] .nav-count,html[data-theme="dark"] .quality-status{background:#20392a;color:#72d39b}
html[data-theme="dark"] table th,html[data-theme="dark"] table td,html[data-theme="dark"] .contact-summary,html[data-theme="dark"] .profile{border-color:var(--line)}
html[data-theme="dark"] .theme-toggle{background:#202b24;color:#e7eee9;border-color:#3a473f}
html[data-theme="dark"] .field-footer code,html[data-theme="dark"] .dropzone code,html[data-theme="dark"] .consent-note code{background:#2b3930;color:#c1d0c6}
html[data-theme="dark"] .preview-column{background:#202a23;border-color:var(--line)}
html[data-theme="dark"] .send-note{background:#20392a}html[data-theme="dark"] .send-note b,html[data-theme="dark"] .send-note p{color:#c1d0c6}
html[data-theme="dark"] .table-scroll th,html[data-theme="dark"] .table-scroll td{border-color:#303b34;color:#cbd7cf}
html[data-theme="dark"] .message-panel textarea{background:#202b24;color:#e7eee9;border-color:#3a473f}
html[data-theme="dark"] .field-footer span,html[data-theme="dark"] .field-hint,html[data-theme="dark"] .image-attachment-preview span{color:#a5b1aa}
.dashboard-page,.analytics-page{display:grid;gap:18px}.dashboard-heading{margin-bottom:2px}.dashboard-stats,.dashboard-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-admin-stats[hidden]{display:none}.dashboard-stat{min-height:106px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 17px;box-shadow:0 1px 2px #15231a04}.dashboard-stat>span,.dashboard-stat>b,.dashboard-stat>small{display:block}.dashboard-stat>span{font-size:9px;letter-spacing:.8px;color:#85928a;font-weight:700}.dashboard-stat>b{font:700 25px var(--display);letter-spacing:-.7px;margin-top:12px;color:#25372b}.dashboard-stat>small{font-size:9px;color:#98a39c;margin-top:5px}.balance-stat>b{color:var(--green-dark)}.dashboard-history{min-width:0}.dashboard-history .panel-head{align-items:center}.dashboard-history .row-action{white-space:nowrap}.activity-table-wrap{overflow-x:auto}.activity-table{min-width:620px}.activity-table th,.activity-table td{padding:11px 10px}.activity-table td:nth-child(2){font-weight:600}.activity-status{display:inline-flex;align-items:center;border-radius:5px;padding:4px 7px;font-size:9px;background:#e9f6ee;color:#248958}.activity-status.failed{background:#fff0ec;color:#b34f3d}.activity-status.pending{background:#fbf2e7;color:#a87735}.activity-status.credit{background:#edf3ff;color:#5275ad}.activity-status.neutral{background:#f0f2f0;color:#68756d}.activity-credit.negative{color:#b34f3d}.activity-credit.positive{color:#248958}.activity-error{color:#b34f3d;padding:15px 10px;font-size:10px}.analytics-page .dashboard-history{margin-top:0}
html[data-theme="dark"] .dashboard-stat{background:var(--paper);border-color:var(--line)}html[data-theme="dark"] .dashboard-stat>b{color:var(--ink)}html[data-theme="dark"] .balance-stat>b{color:#72d39b}html[data-theme="dark"] .dashboard-stat>small{color:#a5b1aa}html[data-theme="dark"] .activity-table th,html[data-theme="dark"] .activity-table td{border-color:#303b34;color:#cbd7cf}html[data-theme="dark"] .activity-status{background:#20392a;color:#72d39b}html[data-theme="dark"] .activity-status.failed{background:#452c29;color:#f2a08d}html[data-theme="dark"] .activity-status.pending{background:#433724;color:#e5bd79}html[data-theme="dark"] .activity-status.credit{background:#263448;color:#9dbce8}html[data-theme="dark"] .activity-status.neutral{background:#303a34;color:#cbd7cf}
@media(max-width:850px){.dashboard-stats,.dashboard-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.dashboard-stats,.dashboard-admin-stats{gap:8px}.dashboard-stat{min-height:96px;padding:13px 12px}.dashboard-stat>b{font-size:21px}.dashboard-history .panel-head{align-items:flex-start;gap:8px}.dashboard-history .row-action{font-size:9px}}
.contact-tools,.activity-tools{display:flex;align-items:center;gap:9px;margin:0 0 10px}.contact-tools .history-search,.activity-tools .history-search{flex:1;max-width:460px}.contact-tools select,.activity-tools select{height:36px;max-width:180px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 9px;color:#536159;font-size:10px;outline:none}.profile-checklist{margin-top:12px;border:1px solid #e8eee9;background:#fbfdfb;border-radius:7px;padding:10px 12px;color:#617168}.profile-checklist summary{cursor:pointer;font-size:10px;font-weight:700;color:#397b55}.profile-checklist ol{margin:9px 0 6px;padding-left:19px;font-size:9px;line-height:1.7}.profile-checklist p{margin:6px 0 0;font-size:9px;line-height:1.5;color:#7f8d84}.contact-tools select:focus,.activity-tools select:focus{border-color:#8fc7a7;box-shadow:0 0 0 3px #2da66c12}html[data-theme="dark"] .contact-tools select,html[data-theme="dark"] .activity-tools select{background:#202b24;border-color:#3a473f;color:#e7eee9}html[data-theme="dark"] .profile-checklist{background:#202a23;border-color:#3a473f;color:#c1d0c6}html[data-theme="dark"] .profile-checklist summary{color:#72d39b}html[data-theme="dark"] .profile-checklist p{color:#a5b1aa}
@media(max-width:580px){.contact-tools,.activity-tools{align-items:stretch;flex-direction:column}.contact-tools .history-search,.activity-tools .history-search{max-width:none;width:100%}.contact-tools select,.activity-tools select{max-width:none;width:100%}}
.format-toolbar{display:flex;align-items:center;gap:5px;margin:0 0 6px}.format-toolbar button{min-width:29px;height:26px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#536159;font:inherit;font-size:10px;cursor:pointer}.format-toolbar button:hover{border-color:#91cba8;color:#278657}.message-panel .field-footer:first-of-type{align-items:flex-start}.message-panel .field-footer:first-of-type>span{max-width:78%;line-height:1.45}
.template-inline-control{display:flex;align-items:center;gap:5px;margin-left:auto;color:#77847b;font-size:9px;font-weight:500;white-space:nowrap}.template-inline-control select{height:27px;max-width:150px;padding:0 7px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font-size:9px}.view-message-button{height:27px!important;white-space:nowrap}.preview-column .phone-shell{height:430px}.preview-column .chat-content{overflow:auto}.preview-column .bubble{max-height:280px;overflow:auto}.preview-column .preview-buttons{display:grid}.message-preview-backdrop{z-index:7}.message-preview-modal{position:relative;width:min(420px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:25px 25px 20px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #08150e40;text-align:center}.message-preview-modal h2{font:700 17px var(--display);letter-spacing:-.4px;margin:0 25px 17px}.message-preview-modal .phone-shell{width:270px;height:min(610px,calc(100vh - 150px));min-height:400px}.message-preview-modal .chat-content{overflow:auto}.message-preview-modal .bubble{max-height:none}.message-preview-modal .preview-buttons{display:grid}.message-preview-modal .preview-footer{font-size:8px}

.contacts-table{min-width:600px}

/* Shared campaign templates */
.template-picker-column{display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}.template-picker-help,.template-picker-note{margin:0;color:#7e8984;font-size:10px;line-height:1.6}.template-select-label{font-size:10px;font-weight:700;color:#65736a}.template-picker-column select{width:100%;height:40px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:0 10px}.template-picker-list,.template-library-list{display:grid;gap:10px}.template-choice,.template-library-item{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.template-choice b,.template-library-item b{font-size:12px}.template-choice p,.template-library-item p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;margin:6px 0;color:var(--muted);font-size:10px;line-height:1.5}.template-choice small,.template-library-item small{color:var(--muted);font-size:9px}.template-choice .button,.template-library-item .button{justify-self:start}.template-picker-note{padding-top:10px;border-top:1px solid var(--line)}.templates-page{display:grid;gap:18px}.templates-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.template-admin-card,.template-library-card{padding:18px}.template-form{display:grid;gap:12px;margin-top:16px}.template-form>label{display:grid;gap:5px;font-size:10px;font-weight:600;color:#65736a}.template-form input,.template-form textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;background:var(--paper);color:var(--ink);resize:vertical}.template-form .field-label{margin:2px 0 -7px}.template-form .field-label label{font-size:10px;font-weight:700}.template-form .field-label span{font-size:9px;color:var(--muted)}.template-button-row{grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 22px}.template-form>.button-primary{justify-self:start}.template-count{display:grid;place-items:center;min-width:25px;height:25px;border-radius:7px;background:var(--mint);color:var(--green-dark);font-size:10px;font-weight:700}.template-library-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.template-library-item>div{grid-column:1/-1}.template-library-item .template-delete{grid-column:1}.template-library-item .button{grid-column:2;grid-row:2}.empty-template-note{margin:0;padding:14px;border:1px dashed var(--line);border-radius:7px;color:var(--muted);font-size:10px;line-height:1.5}html[data-theme="dark"] .template-picker-column select,html[data-theme="dark"] .template-form input,html[data-theme="dark"] .template-form textarea{background:var(--paper);border-color:var(--line);color:var(--ink)}html[data-theme="dark"] .template-choice,html[data-theme="dark"] .template-library-item{border-color:var(--line)}
@media(max-width:1100px){.templates-layout{grid-template-columns:1fr}}
@media(max-width:650px){.template-button-row{grid-template-columns:20px 1fr 22px}.template-button-row label{grid-column:2}.template-button-row .remove-cta-button{grid-column:3;grid-row:1}.template-library-item{grid-template-columns:1fr}.template-library-item>div,.template-library-item .template-delete,.template-library-item .button{grid-column:1;grid-row:auto}}
#templatesPanel[hidden],#templateAdminCard[hidden]{display:none}
button:disabled{cursor:not-allowed;opacity:.55}

/* Color themes: Dark stays classic; Futuristic, Ocean, and Violet add distinct accents. */
html[data-theme="dark"][data-skin="futuristic"]{--ink:#e5fbff;--muted:#9bbdcb;--line:#164459;--paper:#0b1b29;--wash:#06111c;--mint:#10343e;--green:#28e5d0;--green-dark:#11b8a9}
html[data-theme="dark"][data-skin="ocean"]{--ink:#e7f5ff;--muted:#a3bacb;--line:#244760;--paper:#102235;--wash:#091522;--mint:#173a50;--green:#55b8f3;--green-dark:#318bd0}
html[data-theme="dark"][data-skin="violet"]{--ink:#f3edff;--muted:#b8abc9;--line:#46345e;--paper:#21182e;--wash:#130e1d;--mint:#38264e;--green:#bd8cff;--green-dark:#9865db}
html[data-theme="dark"][data-skin="futuristic"] .sidebar,html[data-theme="dark"][data-skin="futuristic"] .topbar{background:linear-gradient(115deg,#091724,#0b1b29 62%,#102737)}
html[data-theme="dark"][data-skin="futuristic"] .panel,html[data-theme="dark"][data-skin="futuristic"] .admin-card,html[data-theme="dark"][data-skin="futuristic"] .quality-card{box-shadow:0 0 0 1px #28e5d01c,0 12px 34px #020a1260}
html[data-theme="dark"][data-skin="futuristic"] .button-primary{background:linear-gradient(110deg,#17b9bb,#2ae4c9);color:#06151e;box-shadow:0 0 18px #24e5d02e}
html[data-theme="dark"][data-skin="ocean"] .button-primary{background:linear-gradient(110deg,#318bd0,#55b8f3);color:#071522}
html[data-theme="dark"][data-skin="violet"] .button-primary{background:linear-gradient(110deg,#9560dc,#c18cff);color:#180f24}
html[data-theme="dark"][data-skin="futuristic"] .nav-item.active,html[data-theme="dark"][data-skin="ocean"] .nav-item.active,html[data-theme="dark"][data-skin="violet"] .nav-item.active{background:var(--mint);color:var(--green)}
html[data-theme="dark"][data-skin="futuristic"] .nav-item.active>span:first-child,html[data-theme="dark"][data-skin="ocean"] .nav-item.active>span:first-child,html[data-theme="dark"][data-skin="violet"] .nav-item.active>span:first-child{color:var(--green)}
html[data-theme="dark"][data-skin="futuristic"] .number,html[data-theme="dark"][data-skin="ocean"] .number,html[data-theme="dark"][data-skin="violet"] .number,html[data-theme="dark"][data-skin="futuristic"] .text-button,html[data-theme="dark"][data-skin="ocean"] .text-button,html[data-theme="dark"][data-skin="violet"] .text-button{color:var(--green)}
html[data-theme="dark"][data-skin="futuristic"] .accessibility-select,html[data-theme="dark"][data-skin="ocean"] .accessibility-select,html[data-theme="dark"][data-skin="violet"] .accessibility-select{background:var(--paper);border-color:var(--line);color:var(--ink)}