:root{--canvas: #f2f4f8;--surface: #ffffff;--surface-sunken: #f1f4f8;--rail: #f9fafc;--ink: #0f1829;--ink-soft: #475569;--ink-mute: #8a97a7;--ink-faint: #c2cad4;--line: #e9edf2;--line-soft: #f1f4f8;--line-strong: #dce2ea;--brand: #6366f1;--brand-ink: #4f46e5;--brand-wash: #eef0fe;--paw: linear-gradient(120deg, #6366f1 0%, #8b5cf6 42%, #ec4899 100%);--ok: #0ea371;--ok-wash: #e6f6ef;--warn: #d98211;--warn-wash: #fbf1e2;--bad: #e23f52;--bad-wash: #fcebed;--shadow-sm: 0 1px 2px rgba(15, 24, 41, .05);--shadow-md: 0 6px 20px rgba(15, 24, 41, .08);--shadow-lg: 0 18px 50px rgba(15, 24, 41, .16);--r-sm: 9px;--r-md: 13px;--r-lg: 18px;--r-pill: 999px;--font: "Plus Jakarta Sans", -apple-system, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font-family:inherit}.num{font-variant-numeric:tabular-nums}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink)}.app{position:relative;display:grid;grid-template-columns:248px 1fr;height:100vh;overflow:hidden}.app:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--paw);z-index:10}.sidebar{display:flex;flex-direction:column;background:var(--rail);border-right:1px solid var(--line);padding:20px 14px 14px}.sb-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.sb-brand img{height:30px;width:auto}.sb-nav{display:flex;flex-direction:column;gap:3px;flex:1}.sb-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;border-radius:var(--r-sm);font-size:14.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:background .12s ease,color .12s ease}.sb-item:hover{background:#ffffff8c;color:var(--ink)}.sb-item.active{background:#fff;color:var(--brand-ink);box-shadow:var(--shadow-md)}.sb-item.active .sb-ico{filter:saturate(1.2)}.sb-item.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--paw)}.sb-ico{font-size:17px;line-height:1;width:20px;text-align:center}.sb-foot{margin-top:10px;padding:12px;border-top:1px solid var(--line)}.sb-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-soft);width:100%;background:transparent;border:none;cursor:pointer;padding:2px}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-wash)}.dot.off{background:var(--ink-faint)}.sb-copy{margin-top:10px;font-size:11px;color:var(--ink-mute);padding:0 2px}.content{overflow:hidden;height:100vh;background:var(--canvas)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:none;border-radius:var(--r-sm);background:var(--brand);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:filter .12s ease}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-soft);font-size:13.5px;font-weight:600;cursor:pointer}.btn-ghost:hover{background:#f3f5f9;color:var(--ink)}.iconbtn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);color:var(--ink-soft);cursor:pointer;font-size:16px}.iconbtn:hover{background:#f3f5f9;color:var(--ink)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12.5px;font-weight:600;color:var(--ink-soft)}.input,.field input,.field select,.field textarea{width:100%;padding:10px 12px;background:var(--surface-sunken);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-size:14px;color:var(--ink);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash);background:var(--surface)}.field textarea{resize:vertical;min-height:64px}.avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:var(--brand-ink);background:var(--brand-wash);flex:none}.avatar.sm{width:32px;height:32px;font-size:13px}.avatar.lg{width:56px;height:56px;font-size:20px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-size:12px;font-weight:600}.chip.ok{background:var(--ok-wash);color:var(--ok)}.chip.warn{background:var(--warn-wash);color:var(--warn)}.chip.bad{background:var(--bad-wash);color:var(--bad)}.view{height:100vh;display:flex;flex-direction:column}.view-head{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--line);background:var(--surface)}.view-head h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.view-head .sub{font-size:13px;color:var(--ink-mute);margin-top:2px}.view-body{flex:1;overflow:hidden}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink-mute);text-align:center;padding:40px}.empty .big{font-size:30px;width:78px;height:78px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#e9ebfe,#f6e9f6 55%,#fde7ef);box-shadow:var(--shadow-sm)}.conversas{display:grid;grid-template-columns:330px 1fr 300px;height:100%}.cv-list{border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.cv-search{padding:14px 16px;border-bottom:1px solid var(--line-soft)}.cv-scroll{overflow-y:auto;flex:1}.cv-item{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 16px;border:none;background:transparent;cursor:pointer;border-left:3px solid transparent}.cv-item:hover{background:var(--surface-sunken)}.cv-item.active{background:var(--brand-wash);border-left-color:transparent}.cv-item.active:before{content:""}.cv-item.active{position:relative}.cv-item.active:after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--paw);border-radius:0 3px 3px 0}.cv-main{min-width:0;flex:1}.cv-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cv-name{font-weight:600;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-time{font-size:11.5px;color:var(--ink-mute);flex:none}.cv-prev{font-size:13px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.cv-thread{display:flex;flex-direction:column;height:100%;background:transparent;overflow:hidden}.cv-thread-head{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--line)}.cv-thread-head .cv-name{font-size:15px}.cv-thread-head .phone{font-size:12.5px;color:var(--ink-mute)}.cv-msgs{flex:1;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:72%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.45;box-shadow:var(--shadow-sm)}.bubble.in{align-self:flex-start;background:var(--surface);border-bottom-left-radius:5px;color:var(--ink)}.bubble.out{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:5px}.bubble .t{font-size:10.5px;margin-top:3px;opacity:.65;text-align:right}.cv-compose{display:flex;gap:10px;align-items:center;padding:14px 18px;background:var(--surface);border-top:1px solid var(--line)}.cv-compose input{flex:1;padding:11px 15px;border:1px solid var(--line-strong);background:var(--surface-sunken);border-radius:var(--r-pill);font-size:14px;outline:none}.cv-compose input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.send{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:var(--paw);color:#fff;font-size:17px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.cv-ctx{border-left:1px solid var(--line);background:var(--surface);padding:24px 20px;overflow-y:auto}.cv-ctx-id{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--line-soft)}.cv-ctx-id .cv-name{font-size:16px}.cv-ctx-id .phone{font-size:13px;color:var(--ink-mute)}.cv-ctx-sec{padding:18px 0;border-bottom:1px solid var(--line-soft)}.cv-ctx-sec:last-child{border-bottom:none}.cv-ctx-sec .eyebrow{margin-bottom:12px;display:block}.appt-mini{display:flex;gap:10px;align-items:flex-start;padding:9px 0}.appt-mini .when{font-size:12px;font-weight:700;color:var(--brand-ink);white-space:nowrap}.appt-mini .what{font-size:13px;color:var(--ink)}.ctx-note{width:100%;min-height:70px}.contatos{display:grid;grid-template-columns:1fr;height:100%}.ct-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:100%}.ct-list{overflow-y:auto;padding:20px 28px}.ct-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 14px;margin-bottom:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .12s ease}.ct-row:hover{border-color:var(--line-strong)}.ct-row.active{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.ct-row .cv-name{font-size:15px}.ct-row .phone{font-size:13px;color:var(--ink-mute)}.ct-row .meta{margin-left:auto;font-size:12px;color:var(--ink-mute);text-align:right}.ct-detail{border-left:1px solid var(--line);background:var(--surface);padding:26px 22px;overflow-y:auto}.cal{display:flex;flex-direction:column;height:100%}.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid var(--line);background:var(--surface)}.cal-navgrp{display:flex;align-items:center;gap:12px}.cal-week{font-size:15px;font-weight:700;min-width:180px;text-transform:capitalize}.cal-grid-wrap{flex:1;overflow-y:auto;background:var(--canvas)}.cal-grid{display:grid;grid-template-columns:60px repeat(7,1fr)}.cal-colhead{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:60px repeat(7,1fr);grid-column:1 / -1;background:var(--canvas);border-bottom:1px solid var(--line)}.cal-dayhead{padding:10px 6px;text-align:center;border-left:1px solid var(--line-soft)}.cal-dayhead .dow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-mute)}.cal-dayhead .dnum{font-size:17px;font-weight:700;margin-top:2px}.cal-dayhead.today .dnum{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--paw)}.cal-body{display:grid;grid-template-columns:60px repeat(7,1fr);position:relative}.cal-hours{display:flex;flex-direction:column}.cal-hour{height:52px;font-size:11px;color:var(--ink-mute);text-align:right;padding-right:8px;transform:translateY(-6px)}.cal-daycol{border-left:1px solid var(--line-soft);position:relative}.cal-slot{height:52px;border-bottom:1px solid var(--line-soft)}.cal-event{position:absolute;left:4px;right:4px;border-radius:7px;padding:3px 7px;font-size:11.5px;line-height:1.35;overflow:hidden;cursor:pointer;border-left:3px solid var(--brand);background:var(--brand-wash);color:var(--brand-ink);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center}.cal-event.pendente{border-left-color:var(--warn);background:var(--warn-wash);color:var(--warn)}.cal-event.cancelado{border-left-color:var(--bad);background:var(--bad-wash);color:var(--bad);text-decoration:line-through}.cal-event .et{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seg{display:inline-flex;background:var(--surface-sunken);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:2px}.seg button{border:none;background:transparent;padding:6px 14px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--ink-soft);cursor:pointer}.seg button.on{background:var(--surface);color:var(--brand-ink);box-shadow:var(--shadow-sm)}.cal-month{flex:1;display:flex;flex-direction:column;background:var(--surface)}.cal-mweek{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line)}.cal-mweek div{padding:9px 10px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute);text-align:right}.cal-mgrid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr}.cal-mcell{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:6px 7px;min-height:0;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:3px}.cal-mcell:hover{background:var(--surface-sunken)}.cal-mcell.other{background:#fafbfc}.cal-mcell.other .mdn{color:var(--ink-faint)}.mdn{font-size:13px;font-weight:600;color:var(--ink-soft);text-align:right}.mdn.today{align-self:flex-end;width:24px;height:24px;border-radius:50%;color:#fff;background:var(--paw);display:inline-flex;align-items:center;justify-content:center}.cal-chip{font-size:11px;font-weight:600;padding:2px 7px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--brand-wash);color:var(--brand-ink);border-left:2px solid var(--brand)}.cal-chip.pendente{background:var(--warn-wash);color:var(--warn);border-left-color:var(--warn)}.cal-chip.cancelado{background:var(--bad-wash);color:var(--bad);border-left-color:var(--bad)}.cal-more{font-size:11px;color:var(--ink-mute);font-weight:600;padding-left:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f182961;display:flex;align-items:flex-start;justify-content:center;padding:7vh 16px;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:460px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:17px;font-weight:700}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.modal-foot{padding:16px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.err{color:var(--bad);font-size:13px}.connect{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px}.connect .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:30px;max-width:420px;width:100%;text-align:center}.connect h2{margin:0 0 8px;font-size:20px}.connect p{color:var(--ink-soft);font-size:14px;margin:0 0 18px}.qr{width:240px;height:240px;border-radius:var(--r-md);border:1px solid var(--line);margin:0 auto;display:block}.qr.loading{display:flex;align-items:center;justify-content:center;color:var(--ink-mute);background:var(--surface-sunken)}.hint{font-size:13px;color:var(--ink-mute);margin-top:12px}