:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1d302b;background:#f4f6f5;font-size:16px;font-synthesis:none;--green:#163e32;--lime:#ccf28a;--muted:#738078;--line:#e3e9e5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #78a953;outline-offset:3px}input,textarea,select{min-width:0;border:1px solid #dce4df;border-radius:9px;background:#fff;padding:12px;color:#20352b;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#588e6f;box-shadow:0 0 0 3px #79b89320}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);margin:0;flex-shrink:0}label{display:block;font-size:14px;font-weight:500;margin:0 0 8px}textarea{resize:vertical;line-height:1.6}p{line-height:1.6}h1,h2,p{margin-top:0}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.2;margin-bottom:12px;font-weight:600}h2{font-size:18px;font-weight:600;letter-spacing:-.4px;margin:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px}.topbar{height:86px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 4%}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1px;font-weight:650}.brand-mark{height:39px;width:39px;border-radius:12px;background:var(--green);color:var(--lime);display:inline-flex;align-items:center;justify-content:center;font-size:31px;font-weight:600;line-height:1}.brand-note{font-size:13px;letter-spacing:0;font-weight:400;color:var(--muted);border-left:1px solid var(--line);padding-left:17px;margin-left:10px}.top-actions{display:flex;align-items:center;gap:25px}.badge{background:#f0f3f1;padding:8px 12px;border-radius:20px;font-size:12px;color:#596d61}.badge.online{background:#e9f4dd;color:#345d25}.text-button{color:#5d6f65;background:none;font-size:14px}.page{max-width:1500px;margin:auto;padding:43px 4% 50px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.page-heading .eyebrow{color:var(--muted);margin-bottom:13px}.page-heading p{color:var(--muted);font-size:15px;margin-bottom:0}.accent{color:#86b953}.date-label{font-size:14px;color:#6c7c72}.work-grid{display:grid;grid-template-columns:minmax(245px,.85fr) minmax(350px,1.6fr) minmax(250px,.9fr);gap:22px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:23px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.card-heading h2{display:flex;align-items:center;gap:9px}.count{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-weight:500;letter-spacing:0}.icon-button{font-size:23px;width:32px;height:32px;display:grid;place-items:center;background:#f1f5f2;border-radius:8px;color:#3d5c4b}.selection-line{display:flex;justify-content:space-between;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding-bottom:18px;color:var(--muted);font-size:11px}.check-label{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;font-weight:400;line-height:1.5}.contacts-list{min-height:350px;max-height:630px;overflow:auto;margin:0 -7px}.contact-row{display:flex;align-items:center;gap:10px;padding:16px 7px;border-bottom:1px solid #f0f3f1}.contact-row:last-child{border-bottom:0}.avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#eff4ec;color:#5b7358;font-size:13px;font-weight:600}.contact-details{flex:1;min-width:0}.contact-name{display:block;font-size:14px;font-weight:550;overflow-wrap:anywhere}.contact-phone{display:block;font-size:12px;color:var(--muted);margin-top:4px}.edit-contact{font-size:17px;background:none;color:#829286;padding:6px}.contact-row:has(input:checked){background:#f6faf2}.empty{padding:43px 15px;text-align:center;color:var(--muted);font-size:14px;line-height:1.7}.empty-symbol{display:block;font-size:30px;margin-bottom:14px;color:#a0b6a5}.empty strong{display:block;color:#415549;font-size:15px;font-weight:500;margin-bottom:8px}.step-label{font-size:10px;letter-spacing:1px;color:#8b988e}.compose-card input+label{margin-top:19px}.label-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 8px}.label-row label{margin:0}.label-row>span:not(.eyebrow){font-size:11px;color:#8b968f}.variables{display:flex;gap:7px;align-items:center;margin:10px 0 22px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.variables button{background:#f0f5eb;color:#45663b;font-size:12px;padding:6px 9px;border-radius:5px}.preview-box{background:#f5f7f5;border:1px solid #edf0ec;border-radius:10px;padding:15px 16px;min-height:125px}.preview-box .label-row{margin:0 0 13px}.preview-box .eyebrow{font-size:9px;color:#839280}.preview-box select{width:auto;max-width:55%;font-size:12px;background:transparent;padding:3px 5px;border:0}.preview-box p{margin:0;font-size:14px;color:#46584c;white-space:pre-wrap;overflow-wrap:anywhere}.schedule-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0}.schedule-row input[type=datetime-local]{width:210px;font-size:13px;padding:8px}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:21px}.compose-footer>span{font-size:12px;color:var(--muted);max-width:48%;line-height:1.5}.primary{background:var(--green);color:#fff;border-radius:9px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:14px;font-weight:500;min-height:44px}.primary:hover{background:#245744}.primary span{color:var(--lime);font-size:20px}.connection-card{border-radius:16px;background:#173b30;color:white;padding:25px 23px}.connection-card>.eyebrow{color:#aac2b5;font-size:10px}.connection-card h2{font-size:20px;margin:17px 0}.connection-status{display:flex;align-items:center;gap:7px;font-size:12px;color:#d0ddd5}.dot{height:7px;width:7px;flex-shrink:0;background:#acbdb1;border-radius:50%}.connection-status.online .dot{background:var(--lime)}.connection-card p{font-size:14px;color:#c1d0c7;margin:24px 0 20px}.connect-button{padding:12px;background:var(--lime);color:#233c24;border-radius:8px;display:flex;justify-content:space-between;gap:7px;width:100%;font-size:13px;font-weight:600}.connection-card .connection-footnote{font-size:11px;line-height:1.7;color:#9db5a7;margin:20px 0 0}.info-note{display:flex;gap:11px;padding:23px 6px;color:#6d7f72}.note-number{display:grid;place-items:center;border:1px solid #b7c8b8;border-radius:50%;width:19px;height:19px;flex-shrink:0;font:italic 13px Georgia}.info-note strong{font-size:13px;font-weight:500;color:#475f4d}.info-note p{font-size:12px;line-height:1.75;margin:9px 0 0}#qr-wrap{background:white;padding:5px;border-radius:9px;margin-top:20px}#qr{width:100%;height:auto;display:block}.history-section{margin-top:38px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading>span{font-size:12px;color:var(--muted)}#history{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.history-empty{display:flex;align-items:center;gap:15px;padding:27px;color:var(--muted);font-size:14px}.history-empty strong{display:block;color:#4d6254;font-weight:500;margin-bottom:5px}.history-item{padding:18px 22px;border-bottom:1px solid var(--line)}.history-item:last-child{border-bottom:0}.history-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-summary strong{font-size:14px}.history-meta{font-size:12px;color:var(--muted);margin-top:6px}.history-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary,.danger{border:1px solid #dce5dd;background:white;border-radius:7px;padding:8px 12px;font-size:13px;color:#4f6756}.danger{color:#a84a3c;border-color:#ead7d2}.history-item details{margin-top:13px;font-size:13px}.history-item summary{cursor:pointer;color:#55725a}.message-row{padding:10px 0;display:grid;grid-template-columns:1fr 130px;gap:8px;border-bottom:1px solid #f0f3f1}.message-row:last-child{border:0}.message-row small{display:block;font-size:12px;color:#8b5a43;margin-top:4px}.message-body{color:var(--muted);font-size:12px;white-space:pre-wrap;margin-top:5px;overflow-wrap:anywhere}.message-status{text-align:right;font-size:12px;color:#64796a}.message-status.sent,.message-status.delivered,.message-status.read{color:#417c35}.message-status.failed,.message-status.unknown{color:#a05b37}.footer{border-top:1px solid var(--line);padding:23px 4%;display:flex;justify-content:space-between;font-size:11px;color:#8b998f;letter-spacing:.3px}.footer span:first-child{letter-spacing:2px;font-weight:600}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 90% 0,#dfeacf,transparent 65%)}.login-card{background:white;border:1px solid var(--line);border-radius:20px;padding:42px;max-width:430px;width:calc(100% - 32px)}.login-card .brand-mark{display:flex;margin-bottom:25px}.login-card>.eyebrow{color:var(--muted);font-size:10px}.login-card h1{margin-top:20px;font-size:35px}.login-card p{color:var(--muted);font-size:14px}.login-card label{margin-top:26px}.login-card .primary{width:100%;justify-content:space-between}.login-card small{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:22px}.error{color:#b34d3d!important;font-size:13px;min-height:0;margin:12px 0}.error:empty{display:none}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:470px;max-width:calc(100% - 24px);color:#243c2e;max-height:90vh;overflow:auto}dialog::backdrop{background:#142b2355;backdrop-filter:blur(3px)}dialog input+label,dialog textarea+label{margin-top:17px}dialog .consent{margin:20px 0;font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.dialog-actions .danger{margin-right:auto}.small-note{font-size:12px;line-height:1.6;color:var(--muted)}.confirm-preview{white-space:pre-wrap;background:#f3f6f1;padding:16px;border-radius:9px;font-size:14px;max-height:240px;overflow:auto;overflow-wrap:anywhere}#confirm-dialog h2{font-size:24px;margin:16px 0}#confirm-summary{font-size:14px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;color:white;background:#254636;box-shadow:0 8px 30px #15281920;border-radius:10px;z-index:10;font-size:14px;max-width:90vw}#toast.error-toast{background:#894634}[hidden]{display:none!important}@media(min-width:1600px){.page{padding-left:40px;padding-right:40px}}@media(max-width:1120px){.work-grid{grid-template-columns:minmax(235px,.8fr) minmax(350px,1.3fr)}.connection-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px}.connection-card{position:relative}.connection-card h2{margin-top:12px}.contacts-list{max-height:660px}#qr-wrap{max-width:250px}.date-label{display:none}}@media(max-width:700px){.topbar{height:72px;padding:0 20px}.brand-note{display:none}.top-actions{gap:10px}.badge{font-size:10px;padding:7px}.page{padding:28px 16px}.page-heading h1{font-size:28px}.page-heading p{font-size:14px}.work-grid{display:flex;flex-direction:column;gap:16px}.card,.connection-column{width:100%}.contacts-list{min-height:0;max-height:290px}.connection-column{display:block}.connection-card{padding:23px}.info-note{padding:20px 5px 0}.compose-card{padding:20px}.section-heading{align-items:start}.section-heading>span{max-width:120px;text-align:right;font-size:11px}.history-summary{align-items:start;flex-direction:column}.footer span:last-child{max-width:60%;text-align:right}.schedule-row{flex-wrap:wrap}.login-card{padding:30px}.login-card h1{font-size:31px}.message-row{grid-template-columns:1fr 100px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}.card{animation:appear .25s ease-out}@keyframes appear{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}}
.phone-toggle{background:transparent;color:#ccf28a;text-decoration:underline;text-underline-offset:4px;padding:16px 0 4px;font-size:14px;text-align:left}#phone-form{margin-top:16px}#phone-form label{color:#dbe7df;line-height:1.5}#phone-form input{margin-bottom:10px}#pairing-code-wrap{border-top:1px solid #476354;margin-top:22px;padding-top:22px}#pairing-code{display:block;font:600 27px ui-monospace,monospace;letter-spacing:3px;color:#ccf28a;margin-top:15px;overflow-wrap:anywhere}#pairing-code-wrap p{font-size:13px;margin:14px 0}
.unlink-button{width:100%;border:1px solid #89a394;background:transparent;color:#e7eee9;padding:12px;border-radius:8px;font-size:14px;margin-top:5px}.unlink-button:hover{background:#294d40}
.heading-actions{display:flex;align-items:center;gap:22px}.work-grid{grid-template-columns:minmax(240px,.85fr) minmax(390px,1.85fr) minmax(240px,.8fr)}.chat-card{padding:0;overflow:hidden;min-height:590px}.chat-empty{min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#829186}.chat-empty h2{font-size:22px;color:#506757;margin-bottom:14px}.chat-empty p{font-size:15px}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px;border-bottom:1px solid var(--line)}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header h2{font-size:20px}#chat-sync-status{margin:0;padding:9px 22px;background:#f8faf8;min-height:32px;font-size:12px}.chat-messages{height:440px;overflow:auto;padding:25px 22px;display:flex;flex-direction:column;gap:12px;background:#f3f6f2}.chat-bubble{max-width:85%;padding:12px 15px;border-radius:13px;box-shadow:0 1px 2px #213a2310;font-size:15px;flex-shrink:0}.outgoing{align-self:flex-end;background:#e1f0cf;border-bottom-right-radius:3px}.incoming{align-self:flex-start;background:white;border-bottom-left-radius:3px}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.bubble-meta{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:7px;font-size:11px;color:#72816a}.bubble-error{color:#a65b37;font-size:12px;margin-top:8px;line-height:1.5}.reply-form{padding:17px 20px 20px;border-top:1px solid var(--line)}.reply-form textarea{border:0;background:#f5f7f4;min-height:74px;max-height:200px}.reply-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.reply-actions>span{font-size:11px;color:var(--muted);max-width:60%}.open-chat{display:flex;align-items:center;gap:10px;min-width:0;flex:1;background:transparent;padding:0;text-align:left;color:inherit}.open-chat .contact-phone{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:160px}.active-contact{background:#eef5e5;border-radius:9px}.unread-count{background:#407748;color:white;font-size:11px;border-radius:20px;padding:3px 6px;min-width:20px;text-align:center}.media-label{font-size:13px;color:#608153;margin-bottom:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#bulk-dialog{width:min(1060px,calc(100vw - 30px));padding:28px;max-height:94vh}#bulk-dialog>.card-heading{margin-bottom:26px}#bulk-dialog>.card-heading h2{font-size:25px;margin-top:9px}.bulk-grid{display:grid;grid-template-columns:250px 1fr;gap:24px}.bulk-grid .compose-card{padding:0;border:0}.bulk-recipients>h2{margin-bottom:21px}#bulk-contacts{max-height:450px;overflow:auto}.inline-confirm{margin:24px 0;padding:22px;border:1px solid #b7cf9e;background:#f4f9ee;border-radius:12px}.inline-confirm h2{margin:10px 0}.inline-confirm .confirm-preview{background:white}.inline-confirm .eyebrow{font-size:11px}.contacts-card .contacts-list{max-height:600px;min-height:450px}.connection-column>.info-note{display:none}#bulk-dialog .history-section{margin-top:32px}#bulk-dialog .history-summary{align-items:start}#bulk-dialog .history-item{padding:16px}.page-heading .primary{white-space:nowrap}@media(max-width:1150px){.work-grid{grid-template-columns:250px 1fr}.connection-column{grid-column:1/-1;display:block}.connection-card{max-width:100%}.connection-footnote{max-width:450px}.contacts-card .contacts-list{min-height:420px}.heading-actions .date-label{display:none}}@media(max-width:700px){.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.page-heading h1{font-size:27px}.work-grid{display:flex}.contacts-card .contacts-list{min-height:0;max-height:260px}.chat-card{min-height:350px}.chat-empty{min-height:350px}.chat-messages{height:420px;padding:20px 13px}.chat-header{padding:18px 14px}.chat-header .secondary{font-size:11px;padding:8px}.chat-bubble{max-width:92%;font-size:14px}.reply-form{padding:13px}.reply-actions>span{font-size:10px}.bulk-grid{grid-template-columns:1fr;gap:25px}#bulk-dialog{padding:19px;max-height:95vh}#bulk-contacts{max-height:180px}.connection-column{width:100%}.open-chat .contact-phone{max-width:200px}}

.attachment-tools{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.attach-button{display:inline-flex!important;align-items:center;cursor:pointer;background:#edf3e7;color:#30573d;border-radius:7px;padding:9px 12px;margin:0!important;font-size:13px!important}.attachment-tools:focus-within .attach-button{outline:2px solid #709d64;outline-offset:2px}.attachment-preview{display:flex;align-items:center;gap:12px;padding:12px;margin:12px 0;background:#f1f6eb;border-radius:10px}.attachment-preview img,.attachment-preview video{width:110px;height:84px;object-fit:contain;background:#e5eddf;border-radius:6px}.attachment-preview>div{min-width:0;flex:1}.attachment-preview strong{display:block;overflow-wrap:anywhere;font-size:12px}.attachment-preview span{display:block;font-size:11px;color:#708466;margin-top:6px}.message-media{display:block;max-width:100%;width:320px;max-height:340px;object-fit:contain;border-radius:8px;margin-bottom:9px;background:#eaf0e5}.chat-bubble:has(.message-media){min-width:180px}#confirm-media .message-media{margin-top:12px}body:has(dialog[open]){overflow:hidden}@media(max-width:700px){.attachment-preview{flex-wrap:wrap}.attachment-preview img,.attachment-preview video{width:90px;height:68px}.message-media{width:250px}}