:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#182230;background:#f3f5f8;--green:#126b56;--green2:#e8f5f0;--border:#e2e7ed}*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#102d27;color:#fff;padding:22px 14px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand small,.drawer-head small{display:block;color:#91a49f;margin-top:3px}.logo,.avatar{width:42px;height:42px;border-radius:12px;background:#d6a344;display:grid;place-items:center;font-weight:800;color:white}nav{display:grid;gap:7px}.nav{background:transparent;color:#c8d5d2;text-align:left}.nav.active,.nav:hover{background:#1f473e;color:white}button{border:0;border-radius:9px;padding:10px 14px;background:var(--green);color:white;font-weight:600;cursor:pointer}.secondary{background:#e8eeec;color:#23473f}.ghost{background:transparent;color:#5b6877}.wa-status{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:13px}.wa-status i{width:9px;height:9px;border-radius:50%;background:#f59e0b}.wa-status.connected i{background:#22c55e}.wa-status.disconnected i{background:#ef4444}main{min-width:0;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin:0;font-size:25px}header p{margin:5px 0;color:#75808f}.header-actions,.toolbar{display:flex;align-items:center;gap:10px}.search{background:white;border:1px solid var(--border);padding:9px 12px;border-radius:9px}.search input{border:0;outline:0;width:260px}.toolbar{margin:22px 0}.toolbar select,.toolbar label,.contact-tools select{border:1px solid var(--border);background:white;border-radius:8px;padding:9px;color:#44505f}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:15px;min-height:calc(100vh - 170px)}.column{min-width:280px;width:280px;background:#e9edf1;border-radius:12px;padding:11px}.column-head{display:flex;align-items:center;gap:8px;padding:5px 3px 13px;font-weight:700;font-size:13px;text-transform:uppercase}.dot{width:9px;height:9px;border-radius:50%}.count{margin-left:auto;background:#dbe1e7;border-radius:99px;padding:2px 7px}.cards{min-height:100px}.card{background:white;border:1px solid #e0e5e9;border-radius:10px;padding:12px;margin-bottom:9px;box-shadow:0 1px 2px #0000000b;cursor:pointer}.card:hover{border-color:#aebbb7;transform:translateY(-1px)}.card-top{display:flex;gap:9px;align-items:center}.card .avatar{width:34px;height:34px;border-radius:50%;font-size:12px;background:#dcebe6;color:#17604e}.grow{flex:1;min-width:0}.phone,.preview,.time{color:#76818e;font-size:12px}.preview{margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background:#17a673;border-radius:99px;color:#fff;font-size:11px;padding:3px 7px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:10px;border-radius:5px;padding:3px 6px;background:#eee;color:#334}.drawer{position:fixed;right:-560px;top:0;width:min(560px,100vw);height:100vh;background:white;z-index:5;box-shadow:-8px 0 30px #0002;display:flex;flex-direction:column;transition:.2s}.drawer.open{right:0}.drawer-head{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid var(--border)}.icon{background:transparent;color:#475569;font-size:25px;padding:5px}.contact-tools{display:flex;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border)}.tag-picker{display:flex;gap:4px;overflow-x:auto}.tag-picker label{white-space:nowrap;font-size:11px}.messages{flex:1;overflow-y:auto;padding:18px;background:#f2f0e9}.bubble{max-width:78%;padding:9px 11px;border-radius:10px;background:white;margin:7px 0;box-shadow:0 1px 1px #0001}.bubble.out{margin-left:auto;background:#d8f5df}.bubble time{display:block;text-align:right;color:#778;font-size:10px;margin-top:5px}.bubble img{max-width:100%;border-radius:7px}.tabs{display:flex;border-top:1px solid var(--border)}.tabs button{flex:1;background:white;color:#667;border-radius:0;border-bottom:3px solid transparent}.tabs button.active{color:var(--green);border-color:var(--green)}.composer{padding:12px}.composer textarea{width:100%;min-height:70px;border:1px solid var(--border);border-radius:8px;padding:10px;resize:vertical}.compose-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.attach input{display:none}.attach{cursor:pointer;font-size:21px}.quick-list{position:absolute;bottom:150px;background:white;border:1px solid var(--border);box-shadow:0 5px 20px #0002;border-radius:8px;display:none;max-width:430px}.quick-list.show{display:block}.quick-list button{display:block;width:100%;text-align:left;background:white;color:#234;border-radius:0}.hidden{display:none!important}#notes{max-height:160px;overflow:auto}.note{background:#fff8d8;padding:8px;margin:6px 0;border-radius:6px;font-size:13px}dialog{border:0;border-radius:12px;min-width:min(450px,90vw);box-shadow:0 20px 60px #0004}dialog::backdrop{background:#0006}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:center}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px}.field{display:grid;gap:5px;margin:12px 0}.field input,.field textarea{padding:10px;border:1px solid var(--border);border-radius:8px;font:inherit}.field textarea{min-height:76px;resize:vertical}.qr-overlay{position:fixed;inset:0;background:#0009;z-index:10;display:grid;place-items:center}.qr-overlay>div{background:white;padding:25px;border-radius:14px;text-align:center;max-width:390px}.qr-overlay img{width:280px;max-width:100%;display:block;margin:15px auto}.client-directory{overflow-x:auto;background:white;border-radius:10px}.directory-summary{padding:12px;border-bottom:1px solid var(--border);color:#5b6877}.client-table{width:100%;border-collapse:collapse;background:white}.client-table th,.client-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-table tbody tr{cursor:pointer}.client-table tbody tr:hover{background:#f2f7f5}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.panel{background:white;border:1px solid var(--border);border-radius:12px;padding:17px}.status-line{display:flex;justify-content:space-between;margin:8px 0}@media(max-width:800px){.app{grid-template-columns:64px 1fr}aside{padding:15px 8px}.brand>div:not(.logo),nav span,aside>.secondary{display:none}main{padding:14px}header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.search input{width:140px}.toolbar{overflow-x:auto}.column{min-width:260px;width:260px}.drawer{width:100%}}
.avatar{position:relative;overflow:hidden;flex:0 0 auto}.avatar img{display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.avatar.has-photo img{display:block}.avatar.has-photo span{visibility:hidden}.drawer-head .avatar{border-radius:50%}.client-person{display:flex;align-items:center;gap:10px}.client-person .avatar{width:36px;height:36px;border-radius:50%;font-size:11px;background:#dcebe6;color:#17604e}
.attachment-preview,.recording-preview{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 9px;border:1px dashed #9abbb1;border-radius:8px;background:#f1f8f5;color:#35554d;font-size:12px}.attachment-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.attachment-preview img{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid #c5dbd3}.attachment-preview button,.recording-preview button{padding:2px 7px;font-size:18px}.recording-preview audio{min-width:0;flex:1;height:32px}.record-button{padding:8px 10px}.recording-state{font-size:12px;color:#b45309;min-width:88px}.composer.dragging{background:#e9f8f2;outline:2px dashed #15916e;outline-offset:-5px}
.contact-finance{border-bottom:1px solid var(--border);background:#f8fbfa}.contact-finance summary{display:flex;justify-content:space-between;gap:10px;align-items:center;cursor:pointer;padding:9px 16px;color:#245247;font-size:13px;font-weight:700}.contact-finance summary b{font-size:11px;color:#15735c}.contact-finance[open] summary{border-bottom:1px solid var(--border)}.contact-charge-form{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:7px;padding:10px 16px}.contact-charge-form input{min-width:0;width:100%;padding:8px;border:1px solid var(--border);border-radius:7px;background:#fff}.contact-charge-form input[name="description"]{grid-column:span 2}.contact-charge-form button{padding:8px 10px;font-size:12px}.contact-charge-list{display:grid;gap:5px;padding:0 16px 10px}.contact-charge-list div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e5ece9;padding-top:5px;font-size:12px}.contact-charge-list small,.contact-charge-empty{color:#72807b;font-size:11px}.contact-charge-empty{margin:0;padding:0 16px 10px}@media(max-width:500px){.contact-charge-form{grid-template-columns:1fr 1fr}.contact-charge-form input[name="period"],.contact-charge-form input[name="description"],.contact-charge-form button{grid-column:span 2}}
.finance-page{display:grid;grid-template-columns:minmax(280px,420px) minmax(280px,1fr);gap:16px;margin-bottom:16px}.finance-form{display:grid;gap:9px}.finance-form input,.finance-form select,.finance-form textarea,.finance-charge select{width:100%;padding:9px;border:1px solid var(--border);border-radius:8px;background:#fff}.finance-form textarea{min-height:62px}.finance-board{display:flex;gap:13px;overflow:auto;padding-bottom:14px}.finance-column{min-width:245px;max-width:300px;flex:1;background:#e9eef3;border-top:4px solid var(--stage-color);border-radius:10px;padding:12px}.finance-column h3{font-size:14px;margin:0 0 10px;display:flex;align-items:center;gap:6px}.finance-charge{background:#fff;border-left:4px solid var(--stage-color);border-radius:8px;padding:10px;margin:8px 0;box-shadow:0 1px 3px #0f172a18}.finance-charge div{margin:5px 0;font-weight:600}.finance-charge small{display:block;color:#64748b;margin-bottom:8px}@media(max-width:800px){.finance-page{grid-template-columns:1fr}}
.contact-finance-body{padding-bottom:8px}.contact-finance-help{margin:9px 16px 0;color:#607069;font-size:11px}.contact-charge-form select{min-width:0;width:100%;padding:8px;border:1px solid var(--border);border-radius:7px;background:#fff}.contact-charge{display:flex;align-items:flex-start;gap:8px;border:1px solid #dce8e3;border-radius:8px;padding:8px;background:#fff;cursor:pointer}.contact-charge.is-paid{background:#f4faf6;border-color:#d7e9dc;cursor:default}.contact-charge span{display:grid;gap:2px;flex:1;min-width:0}.contact-charge small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-charge em{font-style:normal;font-size:10px;font-weight:700;color:#16815f;white-space:nowrap}.contact-charge.is-open em{color:#b45309}.contact-finance-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px 8px;font-size:12px;color:#536660}.contact-finance-actions button{padding:8px 10px;font-size:12px}.contact-finance-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:500px){.contact-finance-actions{align-items:stretch;flex-direction:column}.contact-finance-actions button{width:100%}}
.credit-settlement{margin:10px 16px 12px;padding:13px 14px!important;border:1px solid #86d7ad;border-left:5px solid #15965e;border-radius:10px;background:linear-gradient(110deg,#e6faec,#f8fffa);box-shadow:0 2px 8px #16815f18}.credit-settlement span{display:grid;gap:3px}.credit-settlement span b{font-size:16px;color:#087142}.credit-settlement small{font-size:11px;color:#356a51}.credit-settlement input{width:118px;padding:9px;border:1px solid #9ccfb0;border-radius:7px;background:#fff;font-weight:700;color:#075f39}.credit-settlement button{background:#087a49;box-shadow:0 2px 4px #075f3930}.credit-settlement button:hover{background:#05683d}@media(max-width:500px){.credit-settlement{margin-inline:10px}.credit-settlement input{width:100%}}
.contact-credit-history{display:grid;gap:5px;margin:0 16px 10px;padding:8px 10px;border:1px solid #d5e9df;border-radius:8px;background:#f5fbf7;color:#285446;font-size:11px}.contact-credit-history>div{display:flex;justify-content:space-between;gap:10px}.contact-credit-history strong{white-space:nowrap;color:#15735c}
.message-day{display:flex;align-items:center;gap:10px;margin:18px 0 10px;color:#64748b;font-size:11px;font-weight:800;justify-content:center}.message-day:before,.message-day:after{content:'';height:1px;background:#d9d8cf;flex:1}.message-day span{background:#e7e5dd;border-radius:12px;padding:4px 10px}.message-read{color:#1689d4;font-weight:800}.message-failed,.message-error{color:#c2410c;font-weight:700}.delete-requested{display:block;color:#64748b;font-size:10px;margin-top:4px}.contact-order{border-bottom:1px solid var(--border);background:#f8fbfa}.contact-order>summary{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 16px;cursor:pointer;color:#174e40;font-weight:800}.contact-order>summary::marker,.draft-item summary::marker,.draft-audit summary::marker,.draft-extra summary::marker,.draft-catalog summary::marker{display:none}.contact-order>summary button{padding:6px 10px;font-size:12px}.contact-order>p,.draft-hint{margin:0;padding:0 16px 10px;color:#607069;font-size:12px}.draft-items{display:grid;gap:6px;padding:0 16px 10px}.draft-item{border:1px solid #dce8e3;background:#fff;border-radius:8px}.draft-item summary{padding:8px 10px;display:flex;justify-content:space-between;gap:8px;cursor:pointer;font-size:12px}.draft-edit-form,.draft-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}.draft-edit-form{border-top:1px solid #edf1ef}.draft-edit-form input,.draft-form input{min-width:0;width:100%;padding:7px;border:1px solid var(--border);border-radius:6px;background:#fff;font:inherit;font-size:12px}.draft-edit-form button,.draft-form button{padding:7px 9px;font-size:12px}.draft-extra{grid-column:1/-1;border:1px solid #e3ece8;border-radius:7px;background:#fbfdfc;padding:7px}.draft-extra summary{cursor:pointer;color:#517065;font-size:11px;font-weight:700}.draft-extra[open]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.draft-extra[open] summary{grid-column:1/-1}.draft-actions{display:flex;gap:8px;padding:0 16px 10px}.draft-actions button{font-size:12px;padding:8px 10px}.draft-audit,.draft-catalog{margin:0 16px 10px;padding:8px 10px;border:1px solid #e2e7ed;border-radius:8px;color:#64748b;font-size:11px}.draft-audit summary,.draft-catalog summary{cursor:pointer;color:#376257;font-weight:700}.draft-audit div{padding-top:5px}.catalog-row{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid #edf2f0}.catalog-row span{flex:1;color:#435e55}.catalog-row button{font-size:11px;padding:4px 7px}@media(max-width:500px){.draft-form,.draft-edit-form{grid-template-columns:1fr 1fr}.draft-extra[open]{grid-template-columns:1fr}.draft-edit-form button,.draft-form button{grid-column:span 2}}
.catalog-section{padding-top:8px}.catalog-section+.catalog-section{margin-top:8px;border-top:1px solid #dce8e3}.catalog-section>b{display:block;color:#376257;font-size:11px}.draft-form,.draft-edit-form{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:720px){.draft-form,.draft-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-edit-form button,.draft-form button{grid-column:span 2}}
.draft-empty{padding:0 16px 12px}.draft-empty p{margin:0 0 8px;color:#607069;font-size:12px}.contact-order[open]>summary{background:#eff8f5;border-bottom:1px solid #dce8e3}.draft-item{box-shadow:0 1px 2px #0f172a0a}.draft-item-title{display:grid;gap:2px;color:#1f4b40}.draft-item-title small{color:#667d75;font-size:11px}.draft-item-menu{color:#477064;font-size:11px;font-weight:700}.draft-catalog{display:grid;gap:6px}.draft-catalog>b{color:#376257;font-size:12px}.draft-summary-modal{width:min(560px,92vw);padding:22px}.draft-summary-modal h2{font-size:20px;margin:0}.draft-summary-modal>p{margin:15px 0 8px;color:#425a52}.draft-summary-text{white-space:pre-wrap;max-height:300px;overflow:auto;margin:0;padding:13px;border:1px solid #dce8e3;border-radius:9px;background:#f8fbfa;color:#213b33;font:13px/1.5 Inter,Segoe UI,Arial,sans-serif}.draft-summary-modal .field{margin-bottom:0}.draft-summary-modal textarea{min-height:70px}.draft-summary-modal .modal-actions{flex-wrap:wrap}.draft-summary-modal .icon{color:#5c6b69}.contact-order[open]{max-height:min(54vh,560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.contact-order[open]>summary{position:sticky;top:0;z-index:3}.draft-extra[open]{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;overflow-y:auto;overscroll-behavior:contain}.draft-extra textarea{grid-column:1/-1;min-height:96px;max-height:190px;resize:vertical;line-height:1.4}@media(max-width:500px){.draft-actions{flex-wrap:wrap}.draft-summary-modal{padding:17px}.draft-summary-modal .modal-actions button{flex:1}}@media(max-width:720px){.contact-order[open]{max-height:50vh}.draft-extra[open]{grid-template-columns:1fr;max-height:240px}}
.order-ready{padding:10px 16px 12px}.order-ready-head,.order-ready-actions{display:flex;align-items:center;justify-content:space-between;gap:9px}.order-ready-head{font-weight:800;color:#174e40}.order-ready-head b{color:#15735c;font-size:12px}.order-ready p{margin:7px 0 0;padding:0;color:#607069;font-size:12px}.order-ready-actions{justify-content:flex-end;margin-top:9px}.order-ready a{display:inline-flex;align-items:center;text-decoration:none}
.order-finished{padding:7px 16px}.order-finished-row,.order-finished-row>div{display:flex;align-items:center;gap:8px}.order-finished-row{justify-content:space-between;color:#174e40}.order-finished-row small{margin-left:6px;color:#15735c;font-weight:700}.order-finished-row button,.order-finished-row a{padding:6px 9px;font-size:12px;white-space:nowrap;text-decoration:none}@media(max-width:560px){.order-finished-row{align-items:flex-start;gap:6px;flex-direction:column}.order-finished-row>div{width:100%;justify-content:flex-end}}

/* Conversa: prioriza a leitura das mensagens sem esconder nenhum dado. */
.drawer-head{padding:10px 16px}.drawer-head .avatar{width:38px;height:38px}.drawer-head .secondary{padding:7px 10px}.contact-tools{gap:8px;padding:7px 16px;align-items:center}.contact-tools select{padding:7px 9px}.contact-finance summary{padding:6px 16px}.order-finished{padding:5px 16px}.order-finished-row button,.order-finished-row a{padding:5px 8px}.messages{padding:12px 18px}.tabs button{padding:7px 10px}.composer{padding:7px 12px 9px}.composer textarea{min-height:52px;max-height:120px;padding:8px 10px}.compose-actions{gap:6px}.compose-actions button{padding:7px 10px}@media(max-width:560px){.drawer-head{padding:9px 12px}.contact-tools{padding:7px 12px}.contact-finance summary{padding:6px 12px}.order-finished{padding:5px 12px}.messages{padding:10px 12px}.composer{padding:7px 9px 8px}}
.order-ready{padding:5px 16px}.order-ready-head button{padding:5px 9px;font-size:12px}@media(max-width:560px){.order-ready{padding:5px 12px}}
.draft-extra textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:6px;background:#fff;font:inherit;font-size:12px}
.auth-overlay{position:fixed;inset:0;z-index:1000;background:#edf5f2;display:grid;place-items:center;padding:20px}.auth-overlay.hidden{display:none}.auth-card{width:min(420px,100%);display:grid;gap:14px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 18px 55px #153a2d24}.auth-card .logo{margin:auto}.auth-card h2,.auth-card p{margin:0;text-align:center}.auth-card label{display:grid;gap:6px;font-weight:700;color:#284b40}.auth-card input{width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;font:inherit}.auth-card .auth-error{min-height:20px;color:#b42318;font-weight:700}
.authorized-devices .status-line{align-items:center;gap:12px;border-top:1px solid var(--border);padding:10px 0}.authorized-devices .status-line span{display:grid;gap:3px}.authorized-devices small{color:#64748b}
#toast{display:none;position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:30;max-width:min(560px,calc(100vw - 32px));padding:11px 16px;border-radius:10px;box-shadow:0 8px 28px #0003;font-weight:600}#toast.ok,#toast.error{display:block}#toast.ok{background:#e7f8ef;color:#126b56;border:1px solid #9bd8bc}#toast.error{background:#fff0f0;color:#a42626;border:1px solid #efb0b0}