@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Sora:wght@400;500;600&display=swap";:root{--bg-bottom: #0b1f2a;--ink: #f4f7f8;--muted: #a7bcc6;--accent: #2f9e9e;--card: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .12);--danger: #ff8f8f;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Sora", "Avenir Next", "Segoe UI", sans-serif;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 12% 18%,rgba(47,158,158,.28),transparent 42%),radial-gradient(circle at 88% 0%,rgba(255,196,120,.16),transparent 36%),linear-gradient(160deg,#102531 0%,var(--bg-bottom) 58%,#07141c 100%);min-height:100%}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}.dashboard{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.hero{margin-bottom:1.75rem;animation:rise .7s ease both}.brand{margin:0 0 .35rem;font-size:clamp(2rem,5vw,3.4rem);font-family:var(--font-display);letter-spacing:-.03em;color:#dff7f4}.hero h1{margin:0;font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:500}.subtitle{margin:.55rem 0 0;color:var(--muted);max-width:38rem}.whatsapp-connect{margin:0 0 1.5rem;padding:1rem 0 .25rem;border-top:1px solid var(--line);animation:fade .8s ease both}.whatsapp-connect-header h2{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.35rem}.waha-status,.gate-hint,.connected-badge{margin:.35rem 0 .85rem;color:var(--muted)}.qr-panel{margin:1rem 0;max-width:16rem}.qr-image{display:block;width:100%;border-radius:.75rem;background:#fff;padding:.5rem}.board-toolbar{display:flex;gap:.75rem;margin:0 0 1rem}.primary-button,.secondary-button,.ghost-button{font:inherit;cursor:pointer;border-radius:.65rem;padding:.55rem .95rem;border:1px solid var(--line);color:var(--ink);background:transparent}.primary-button{background:#2f9e9e47;border-color:#2f9e9e8c}.secondary-button{background:#ffffff0f}.ghost-button{background:transparent}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.pipeline h2,.panel h2{margin:0 0 .85rem;font-family:var(--font-display);font-size:1.35rem}.pipeline-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;overflow-x:auto;padding-bottom:.35rem}.pipeline-column{min-width:11rem;border-top:2px solid var(--accent);padding-top:.65rem}.pipeline-column h3{margin:0 0 .65rem;font-size:.95rem;font-weight:600}.pipeline-cards,.card-list{display:grid;gap:.65rem}.card{background:var(--card);border:1px solid var(--line);border-radius:.85rem;padding:.85rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rise .55s ease both}.card h3,.card h4{margin:0 0 .35rem;font-size:1rem}.card p{margin:.2rem 0;font-size:.9rem}.move-label{display:grid;gap:.35rem;margin-top:.65rem;font-size:.8rem;color:var(--muted)}.move-label select,.person-form input,.person-form select,.person-form textarea{width:100%;font:inherit;color:var(--ink);background:#00000040;border:1px solid var(--line);border-radius:.55rem;padding:.45rem .55rem}.muted,.empty{color:var(--muted)}.badge{display:inline-block;color:#d7fffb;font-size:.8rem}.panels{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.75rem}.relationship-radar,.detected-tasks,.attention-inbox,.reviews-panel{margin-top:1.75rem}.reviews-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.85rem}.reviews-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:.85rem 0 1rem}.reviews-tabs .active{border-color:#2f9e9eb3}.reviews-preferences-form{margin:.75rem 0 1rem}.reviews-run{margin-top:.5rem}.reviews-sections{display:grid;gap:.85rem;margin:1rem 0}.reviews-section h4{margin:0 0 .35rem;font-size:1.05rem}.reviews-section ul{margin:.35rem 0 0;padding-left:1.1rem}.attention-followup-note{margin:0 0 .85rem;max-width:42rem}.attention-needs-review{border-color:#ff8f8f73}.attention-review-badge{margin:.35rem 0 .65rem;color:var(--danger);font-weight:500}.attention-correct-form,.detected-task-edit{margin-top:.85rem}.relationship-radar .sensitive-note{margin:0 0 .85rem;max-width:40rem}.candidate-panel{margin:0 0 1.25rem}.candidate-panel h3{margin:0 0 .35rem;font-size:1.05rem}.candidate-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.75rem}.radar-form{margin-top:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c12b8;display:grid;place-items:center;padding:1rem;z-index:20}.modal{width:min(32rem,100%);background:linear-gradient(180deg,#143040,#0d2230);border:1px solid var(--line);border-radius:1rem;padding:1rem 1.1rem 1.2rem;animation:rise .35s ease both}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem}.modal-header h2{margin:0;font-family:var(--font-display);font-size:1.35rem}.person-form{display:grid;gap:.85rem}.person-form label{display:grid;gap:.35rem;font-size:.9rem}.phone-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.65rem}.error{color:var(--danger);font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.app-shell{display:grid;grid-template-columns:15.5rem minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh;width:100%;overflow-x:hidden}.app-topbar{display:none;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--line);background:#00000047}.topbar-brand{font-family:var(--font-display);font-size:1.15rem;color:#dff7f4;text-decoration:none}.menu-toggle{font:inherit;cursor:pointer;border-radius:.65rem;padding:.5rem .85rem;border:1px solid var(--line);color:var(--ink);background:#ffffff0f}.nav-backdrop{display:none}.app-sidebar{grid-row:1 / -1;padding:1.5rem 1rem;border-right:1px solid var(--line);background:#00000038;min-height:100vh}.sidebar-brand{margin:0;font-family:var(--font-display);font-size:1.25rem;color:#dff7f4}.sidebar-tagline{margin:.25rem 0 1.25rem;color:var(--muted);font-size:.82rem}.app-nav{display:grid;gap:.35rem}.nav-item{font:inherit;text-align:left;text-decoration:none;display:flex;align-items:center;gap:.65rem;cursor:pointer;border-radius:.65rem;padding:.55rem .75rem;border:1px solid transparent;color:var(--ink);background:transparent}.nav-item:hover{background:#ffffff0d}.nav-item:focus-visible,.menu-toggle:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.overview-card:focus-visible,.topbar-brand:focus-visible{outline:2px solid rgba(47,158,158,.85);outline-offset:2px}.nav-item.active{background:#2f9e9e47;border-color:#2f9e9e8c}.nav-icon{width:1.25rem;text-align:center;color:#9fd9d4;flex-shrink:0}.nav-label{min-width:0}.not-found-page{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:3rem 0;display:grid;gap:1rem;justify-items:start}.unread-contact-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.create-card-result{display:grid;gap:.85rem}a.primary-button,a.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.app-main{min-width:0;grid-column:2;grid-row:1 / -1}.page-frame,.dashboard,.whatsapp-page{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:1.75rem 0 3rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-header-actions{display:flex;gap:.65rem;flex-wrap:wrap}.page-header h1{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem)}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}.status-chip{background:var(--card);border:1px solid var(--line);border-radius:.85rem;padding:.85rem .95rem}.status-label{margin:0;color:var(--muted);font-size:.82rem}.status-value{margin:.35rem 0 0;font-size:1.15rem;font-weight:600}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1.5rem}.overview-card{display:grid;gap:.45rem;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:.9rem;padding:1rem 1.05rem;transition:border-color .2s ease,background .2s ease}.overview-card:hover{border-color:#2f9e9e8c;background:#2f9e9e1a}.overview-card h2{margin:0;font-family:var(--font-display);font-size:1.2rem}.overview-card p{margin:0;color:var(--muted);font-size:.92rem}.overview-meta{margin-top:.35rem;color:#9fd9d4;font-size:.85rem}.dashboard-review-preview{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--line)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.settings-card{display:grid;gap:.75rem;justify-items:start}.settings-card h2{margin:0;font-family:var(--font-display);font-size:1.25rem}.unread-contact-list{display:grid;gap:.85rem}.unread-contact-header h3{margin:0 0 .25rem}.unread-message-list{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.65rem}.unread-message-body{margin:0}.unread-message-media{margin:0 0 .45rem}.unread-message-media audio{display:block;width:min(100%,22rem)}.unread-message-image{display:block;max-width:min(100%,20rem);max-height:16rem;border-radius:.6rem;object-fit:contain;background:#0003}.unread-transcription,.unread-suggestion{margin-top:.55rem;padding-top:.45rem;border-top:1px solid var(--line)}.unread-suggestion h4{margin:0 0 .25rem;font-size:.95rem}.unread-transcription-text,.unread-suggestion-text{margin:.25rem 0 0}.unread-message-selected{outline:1px solid var(--accent);border-radius:.55rem;padding:.55rem;background:#2f9e9e14}.unread-message-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.response-copilot-panel{margin-top:1.25rem;padding:1rem 1.1rem 1.2rem;border:1px solid var(--line);border-radius:.85rem;background:#ffffff0a;animation:rise .45s ease both}.response-copilot-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.response-copilot-header h2{margin:0 0 .2rem;font-family:var(--font-display);font-size:1.35rem}.response-copilot-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin:.75rem 0}.response-copilot-controls label{display:grid;gap:.3rem;min-width:min(100%,16rem)}.response-copilot-controls select,.response-copilot-editor{width:100%;border:1px solid var(--line);border-radius:.5rem;background:#00000040;color:var(--ink);padding:.55rem .65rem;font:inherit}.response-copilot-context{margin:.35rem 0 .75rem;color:var(--muted);font-size:.92rem}.response-copilot-list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.response-copilot-item{padding-top:.75rem;border-top:1px solid var(--line)}.response-copilot-item-header{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.4rem}.response-copilot-item-header h3{margin:0;font-size:1rem}.response-copilot-draft{margin:0 0 .55rem;white-space:pre-wrap}.response-copilot-actions{display:flex;flex-wrap:wrap;gap:.45rem}@media (max-width: 900px){.pipeline-columns{grid-auto-flow:column;grid-template-columns:repeat(4,minmax(12rem,1fr))}.panels,.overview-grid,.settings-grid,.status-strip{grid-template-columns:1fr}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-row{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.app-topbar{display:flex}.app-sidebar{position:fixed;top:0;left:0;z-index:30;width:min(18rem,86vw);min-height:100vh;border-right:1px solid var(--line);border-bottom:none;transform:translate(-105%);transition:transform .2s ease;background:#0b1f2a}.app-sidebar.is-open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#040c128c;cursor:pointer}.app-main{grid-column:1;grid-row:auto}.app-nav{grid-auto-flow:row}.page-header{flex-direction:column}}@media (max-width: 560px){.status-strip{grid-template-columns:1fr}}
