:root{--forest:#173f33;--deep:#103329;--green:#377954;--lime:#e0efac;--paper:#f5f7f2;--white:#fff;--ink:#21372d;--muted:#6d7b70;--line:#dce5da;--red:#bd563d;--amber:#c28b28;--shadow:0 14px 40px rgba(24,59,39,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}a{color:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:27px;letter-spacing:-.04em;margin-bottom:5px}h2{font-size:16px;margin-bottom:0}h3{font-size:14px;margin-bottom:8px}.loading{padding:40px;color:var(--muted)}
.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--deep);color:#f0f5ee;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{padding:26px 22px 21px;border-bottom:1px solid #ffffff22}.brand img{width:115px;display:block;filter:drop-shadow(0 3px 5px #0002)}.brand strong{font:800 18px Manrope;display:block;margin-top:10px}.brand small{font-size:11px;color:#bbd3c4}.nav{padding:18px 10px;flex:1;overflow:auto}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#89ab97;padding:10px 14px}.nav button{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:10px;background:transparent;color:#d2e3d7;text-align:left;padding:11px 12px;margin:2px 0;font-weight:600;font-size:13px}.nav button:hover,.nav button.active{background:#ffffff20;color:#fff}.nav button.active{box-shadow:inset 3px 0 0 var(--lime)}.nav-icon{font-size:16px;width:19px;text-align:center}.side-foot{padding:17px 20px;border-top:1px solid #ffffff22}.side-foot img{width:30px;height:30px;object-fit:cover;border-radius:6px;vertical-align:middle;opacity:.58;margin-right:6px}.side-foot small{color:#b1c8b9;font-size:10px}.side-user{margin-top:14px;display:flex;gap:9px;align-items:center}.side-user b{font-size:12px}.side-user small{display:block;color:#bad1c1}.avatar{width:30px;height:30px;background:var(--lime);color:var(--deep);border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:11px}.main{min-width:0}.topbar{height:66px;padding:0 30px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar strong{font-size:13px}.topbar .right{display:flex;align-items:center;gap:10px}.topbar .right small{color:var(--muted)}.content{padding:30px;max-width:1680px;margin:auto}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.pagehead p{color:var(--muted);font-size:13px;margin:0}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--green);margin-bottom:8px}.actions,.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.btn{border:1px solid var(--line);background:var(--white);color:var(--forest);border-radius:9px;padding:9px 13px;font-weight:700;font-size:12px;line-height:1.2}.btn:hover{border-color:#96ad9b;background:#f8fbf5}.btn.primary{background:var(--forest);color:#fff;border-color:var(--forest)}.btn.primary:hover{background:#235c42}.btn.small{padding:6px 9px;font-size:11px}.btn.flat{border:0;background:transparent}.btn.danger{color:var(--red)}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.pad{padding:21px}.grid{display:grid;gap:16px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.section{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.hint{color:var(--muted);font-size:12px;line-height:1.5}.notice{padding:13px 16px;background:#eff5df;border:1px solid #d5e3b5;border-radius:11px;color:#3d5339;font-size:12px;margin-bottom:16px}.empty{padding:30px 18px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--ink);margin-bottom:5px}.pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;background:#eaf2e8;color:#327144;white-space:nowrap}.pill.red{background:#fbe9e4;color:#a63e2c}.pill.amber{background:#fff2dc;color:#8b6011}.pill.gray{background:#eef1ee;color:#67746a}.pill.blue{background:#e8f1f8;color:#3b6c8c}.field{width:100%;height:38px;border:1px solid #d5dfd2;border-radius:8px;background:#fff;color:var(--ink);padding:8px 10px;font-size:12px;outline:none}.field:focus{border-color:var(--green);box-shadow:0 0 0 3px #37795420}textarea.field{height:auto;min-height:80px;resize:vertical}.field-label{display:block;font-size:11px;font-weight:800;color:#536557;margin-bottom:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .wide{grid-column:1/-1}.form-grid label{min-width:0}.checkline{display:flex;align-items:center;gap:8px;font-size:12px}.checkline input{accent-color:var(--forest)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:12px 10px;border-bottom:1px solid #ecf0eb;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table td strong{display:block}.table td small{color:var(--muted);display:block;margin-top:2px}.link{border:0;background:none;color:var(--green);font-weight:800;font-size:11px;padding:3px}.link:hover{text-decoration:underline}.stat{padding:17px;min-height:130px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1px solid var(--line);width:100%;color:var(--ink)}.stat small{color:var(--muted);font-weight:700}.stat strong{font:800 29px Manrope;letter-spacing:-.05em}.stat span:last-child{font-size:11px;color:var(--green);font-weight:700}.stat:hover{border-color:#95b49a;transform:translateY(-1px)}.chart{height:130px;display:flex;align-items:flex-end;gap:10px;padding-top:12px}.bar-cell{flex:1;min-width:0;text-align:center}.bar-track{height:105px;background:#f1f5ee;border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.bar-track i{display:block;width:100%;background:linear-gradient(180deg,#8bb973,#27694c);border-radius:6px 6px 0 0;min-height:0}.bar-cell small{font-size:10px;color:var(--muted)}.bar-cell b{display:block;font-size:10px;margin-bottom:4px}.funnel-mini{display:grid;gap:9px;margin-top:18px}.funnel-mini button{display:grid;grid-template-columns:1fr 60px;gap:8px;align-items:center;border:0;background:none;text-align:left;font-size:11px;color:var(--ink);padding:0}.funnel-mini b{text-align:right}.progress{height:6px;background:#eef2eb;border-radius:9px;overflow:hidden;grid-column:1/-1}.progress i{display:block;height:100%;background:#88b477}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.filter{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 11px;color:var(--muted);font-size:11px;font-weight:700}.filter.active,.filter:hover{background:var(--forest);border-color:var(--forest);color:#fff}
.conversations{display:grid;grid-template-columns:280px minmax(320px,1fr) 320px;height:calc(100vh - 161px);min-height:580px;overflow:hidden}.conv-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.conv-filters{padding:14px;border-bottom:1px solid var(--line)}.conv-filters .field{margin:4px 0}.conv-items{overflow:auto;min-height:0}.conv-item{display:block;width:100%;padding:14px;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1eb;border-left:4px solid transparent}.conv-item:hover,.conv-item.active{background:#f3f8ed}.conv-item.urgent{border-left-color:var(--red)}.conv-item.high{border-left-color:var(--amber)}.conv-item strong{display:block;font-size:12px}.conv-item small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.conv-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.conv-main{display:flex;flex-direction:column;min-height:0}.chat-head{padding:16px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.chat-head strong{font-size:15px}.chat-head small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.chat-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.chat-body{flex:1;overflow:auto;padding:19px;background:#f7f9f4;display:flex;flex-direction:column;gap:11px}.bubble{max-width:76%;padding:10px 12px;background:#fff;border:1px solid #e1e9dc;border-radius:12px 12px 12px 3px;font-size:12px;white-space:pre-wrap;line-height:1.45}.bubble.out{margin-left:auto;background:#e0efd9;border-color:#c8dfbf;border-radius:12px 12px 3px 12px}.bubble.note{margin:auto;background:#fff8e7;border-color:#eedbad;color:#6f5626;max-width:90%}.bubble small{display:block;text-align:right;color:#7b8d7b;margin-top:5px;font-size:10px}.compose{padding:12px;border-top:1px solid var(--line);background:#fff}.compose textarea{min-height:64px;max-height:140px}.compose-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:7px}.client-panel{border-left:1px solid var(--line);padding:16px;overflow:auto}.client-panel .detail{padding:10px 0;border-bottom:1px solid #ecf0eb}.client-panel .detail small{display:block;color:var(--muted);font-size:10px}.client-panel .detail strong{font-size:12px}.copilot{background:#f0f6e9;border-radius:12px;padding:13px;margin-top:16px}.copilot p{font-size:12px;line-height:1.5}.queue-empty{grid-column:1/-1;display:grid;place-content:center;text-align:center;gap:9px;padding:50px}.queue-empty h2{font-size:19px}.queue-empty p{color:var(--muted);font-size:13px}
.kanban{display:flex;gap:13px;overflow-x:auto;padding-bottom:15px}.kan-col{background:#edf3e9;border:1px solid #dce8d9;border-radius:13px;min-width:236px;max-width:245px;flex:1;padding:12px;align-self:stretch}.kan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:7px;margin-bottom:13px;font-size:11px}.kan-head small{display:block;color:var(--muted)}.kan-card{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:9px;padding:12px;box-shadow:0 5px 14px #163e2910}.kan-card:hover{border-color:#96b59d}.kan-card strong{display:block;font-size:12px}.kan-card small{display:block;color:var(--muted);margin:5px 0}.kan-card footer{display:flex;justify-content:space-between;margin-top:9px;border-top:1px solid #edf0eb;padding-top:8px;font-size:11px}.kan-card footer b{color:var(--forest)}.row{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #eaf0e8;font-size:12px}.row:last-child{border:0}.row strong{display:block}.row small{color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#e9f1df 0%,#f5f7f2 48%,#f7efe3 100%)}.login-card{width:min(420px,100%);padding:31px}.login-card img{width:150px;display:block;margin-bottom:20px}.login-card h1{margin-bottom:10px}.login-card label{display:block;margin:15px 0}.login-card .btn{width:100%;padding:12px}.login-card p{font-size:12px;color:var(--muted);line-height:1.5}.modal-back{position:fixed;inset:0;background:#132e24a8;display:grid;place-items:center;z-index:10;padding:18px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;padding:22px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-head h2{font-size:18px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.select-row{display:flex;gap:8px;align-items:center}.select-row .field{flex:1}.subtabs{display:flex;gap:8px;margin:0 0 15px}.muted{color:var(--muted)}.priority-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:5px}.priority-dot.Urgente{background:var(--red)}.priority-dot.Alta{background:var(--amber)}#toast{position:fixed;bottom:22px;right:22px;z-index:20;max-width:360px}.toast{padding:12px 16px;margin-top:8px;border-radius:9px;color:#fff;background:var(--forest);box-shadow:var(--shadow);font-size:12px}.toast.error{background:#a94135}.mobile-menu{display:none}
@media(max-width:1220px){.conversations{grid-template-columns:250px minmax(300px,1fr)}.client-panel{display:none}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:5;transform:translateX(-100%);transition:transform .2s;width:244px}.sidebar.open{transform:none}.mobile-menu{display:inline-block}.topbar{padding:0 16px}.content{padding:18px}.pagehead{flex-direction:column}.two,.three,.four{grid-template-columns:1fr}.conversations{grid-template-columns:1fr;height:auto;min-height:0}.conv-list{height:270px;border-right:0;border-bottom:1px solid var(--line)}.conv-main{height:600px}.client-panel{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}

/* Operação diária: leitura rápida, foco visível e campos sempre acessíveis. */
.creator-mark{display:inline-grid;place-items:center;vertical-align:middle;width:26px;height:26px;overflow:hidden;border-radius:7px;background:#06130e;margin-right:7px;opacity:.78}
.creator-mark img{width:39px;height:39px;max-width:none;object-fit:cover}
.login-credit{display:flex;align-items:center;color:var(--muted);font-size:10px;margin-top:16px}
.login-credit .creator-mark{width:22px;height:22px}
.login-credit .creator-mark img{width:34px;height:34px}
.conversations{height:calc(100dvh - 172px);min-height:480px}
.conv-list,.conv-main{min-height:0}
.conv-item{min-height:88px}
.conv-item-footer{gap:5px;justify-content:flex-start;flex-wrap:wrap}
.conv-owner{font-size:10px;padding-top:4px}
.chat-body{min-height:0}
.compose{flex:none;position:relative;z-index:1}
.compose-hint{font-size:10px;color:var(--muted);margin-top:4px}
.editable-detail{display:flex;align-items:center;justify-content:space-between;gap:8px}
.editable-detail>div{min-width:0}
.inline-edit{display:grid;gap:8px}
.inline-edit .actions{justify-content:flex-start}
.bar-cell{border:0;background:none;padding:0;cursor:pointer;color:inherit;font:inherit;border-radius:6px}
.bar-cell:hover .bar-track{background:#e4eddd}
.bar-track{width:100%}
.btn,.filter,.link,.conv-item,.bar-cell,.funnel-mini button{min-height:32px}
.btn.small{min-height:32px}
.link{padding:6px}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #a4d642;outline-offset:2px}
@media(max-width:780px){.conversations{height:auto;min-height:0}.conv-main{height:min(650px,78dvh);min-height:440px}.compose-foot{flex-wrap:wrap}}
.rebuy-preview{margin-top:14px;max-height:320px;overflow:auto}
.preview-summary{font-size:11px;font-weight:800;color:var(--forest);padding:9px 0}
.preview-recipient{border:1px solid var(--line);background:#f9fbf8;border-radius:9px;padding:11px;margin-bottom:8px}
.preview-recipient strong{font-size:11px}
.preview-recipient small{display:block;color:var(--muted);margin-top:2px}
.preview-recipient p{font-size:11px;line-height:1.5;white-space:pre-wrap;margin:8px 0 0}
.preview-skipped{display:grid;gap:5px;margin-top:12px;padding:11px;border:1px solid #efdfd4;border-radius:9px;background:#fff8f4;font-size:11px;color:#855942}
.preview-skipped strong{color:#704a36}
.quote-calc{display:grid;gap:4px;margin-top:14px;padding:13px;border:1px solid #dce8d8;border-radius:9px;background:#f4f9f2}
.quote-calc strong{color:var(--forest)}
.quote-calc small{color:var(--muted)}
.drawer-toggle,.drawer-close{display:none}
@media(max-width:1220px){
  .drawer-toggle{display:inline-flex}
  .client-panel.open{display:block;position:fixed;top:66px;right:0;bottom:0;width:min(350px,100vw);z-index:9;background:#fff;box-shadow:-18px 0 45px #09201935}
.client-panel.open .drawer-close{display:inline-flex}
}
.chart-empty{background:#f5f8f3;border-radius:10px;color:#617465;font-size:12px;line-height:1.5;padding:12px;margin:12px 0 0}.work-queue{margin:18px 0}.work-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0}.work-row>div{flex:1;min-width:0}.work-row strong,.work-row small{display:block}.work-row strong{font-size:13px}.work-row small{font-size:11px;color:var(--muted);line-height:1.45;margin-top:3px}.work-mark{width:5px;height:34px;border-radius:6px;background:#6da97b;flex:none}.work-mark.Urgente{background:#d35444}.work-mark.Alta{background:#dd913f}.chat-next{padding:10px 14px;background:#f3f8ef;border-bottom:1px solid #d9e8d6;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px}.chat-next small{display:block;color:#5f7664;margin-top:3px}.rebuy-counts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.rebuy-counts span{background:#f4f8f2;border:1px solid #e0e9da;border-radius:9px;padding:10px 13px;font-size:11px;color:#506353}.rebuy-counts strong{font-size:16px;color:#27523b}.quote-review{display:grid;gap:9px;margin:12px 0}.quote-review>div{padding:11px;border:1px solid var(--line);border-radius:9px}.quote-review small{display:block;color:var(--muted);margin-bottom:4px}.quote-review strong{font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}:where(button,a,input,select,textarea):focus-visible{outline:3px solid #9fc747;outline-offset:2px}
@media(max-width:780px){.conversations{height:min(690px,calc(100dvh - 160px));display:flex;flex-direction:column}.conv-list{height:150px;flex:none}.conv-items{display:flex;overflow-x:auto;overflow-y:hidden}.conv-item{min-width:190px;max-width:230px}.conv-main{flex:1;height:auto;min-height:0}.chat-body{min-height:0}.compose{flex:none}.compose textarea{max-height:90px}.chat-head{flex-wrap:wrap;padding:9px}.chat-actions{width:100%;justify-content:flex-start}.chat-next{padding:7px 9px}.compose-foot{flex-wrap:wrap}.quote-table,.quote-table tbody,.quote-table tr,.rebuy-table,.rebuy-table tbody,.rebuy-table tr{display:block;width:100%}.quote-table thead,.rebuy-table thead{display:none}.quote-table tr,.rebuy-table tr{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:10px;background:#fff}.quote-table td,.rebuy-table td{display:flex;justify-content:space-between;gap:12px;text-align:right;border:0;padding:6px 2px;white-space:normal!important}.quote-table td:before,.rebuy-table td:before{font-size:10px;font-weight:700;color:var(--muted);text-align:left}.quote-table td:nth-child(1):before{content:'Orçamento'}.quote-table td:nth-child(2):before{content:'Cliente'}.quote-table td:nth-child(3):before{content:'Kit'}.quote-table td:nth-child(4):before{content:'Quantidade'}.quote-table td:nth-child(5):before{content:'Valor unitário'}.quote-table td:nth-child(6):before{content:'Total'}.quote-table td:nth-child(7):before{content:'Status'}.quote-table td:nth-child(8):before{content:'Ações'}.rebuy-table td:nth-child(1):before{content:'Selecionar'}.rebuy-table td:nth-child(2):before{content:'Cliente'}.rebuy-table td:nth-child(3):before{content:'Próxima Ceia'}.rebuy-table td:nth-child(4):before{content:'Kits'}.rebuy-table td:nth-child(5):before{content:'Valor'}.rebuy-table td:nth-child(6):before{content:'Atendente'}.rebuy-table td:nth-child(7):before{content:'Situação'}.quote-table td.actions{justify-content:flex-end;flex-wrap:wrap}.work-row .btn,.compose .btn{min-height:40px}.rebuy-counts span{flex:1 1 130px}}
.template-card .template-body{white-space:pre-wrap;font-size:13px;line-height:1.6;margin:15px 0;color:#253b31}
.template-files{display:grid;gap:8px;margin:14px 0}
.template-file,.template-actions,.compose-template,.compose-files{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.template-file{justify-content:space-between;background:#f6f9f5;border-radius:10px;padding:8px 10px;font-size:12px}
.template-file a{color:#244d35;text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.template-file small{color:#697c70}
.template-actions{border-top:1px solid #e5ebe5;padding-top:13px;margin-top:12px}
.upload-label{cursor:pointer}
.compose-template{font-size:12px;color:#2f6746;justify-content:space-between}
.compose-files{margin:6px 0}
.compose-file{background:#eaf3eb;border:1px solid #cbdcce;border-radius:18px;padding:5px 9px;font-size:12px}
.compose-file button{border:0;background:transparent;color:#376548;cursor:pointer;font-size:16px;margin-left:3px}
 .whatsapp-pairing{display:flex;gap:24px;align-items:center;margin-top:24px;padding:20px;border:1px solid #dce7e0;border-radius:14px;background:#f7faf8}
 .whatsapp-pairing img{width:220px;height:220px;object-fit:contain;flex-shrink:0;background:white;border:10px solid white;border-radius:12px}
 .whatsapp-pairing ol{padding-left:20px;line-height:1.8;font-size:14px;margin:12px 0}
 @media(max-width:1100px){.whatsapp-pairing{flex-direction:column;align-items:flex-start}}
