
:root{--ink:#233d36;--muted:#77857e;--green:#205b4b;--dark:#123f35;--line:#e5e9e2;--paper:#f8f9f5;--white:#fff;--sage:#e8f0df;--accent:#d7e8ad;--shadow:0 4px 22px #143e3505}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--green)}a{color:var(--green);text-decoration:none}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1.4px;font-weight:550;line-height:1.2}h2{font-size:28px;letter-spacing:-.8px;font-weight:550;line-height:1.25}h3{font-size:17px;font-weight:600;letter-spacing:-.3px}small{font-size:11px}p{color:var(--muted)}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 22px 0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:32px;letter-spacing:-1.4px;color:var(--dark);font-weight:650}.brand-icon{display:grid;place-items:center;border-radius:14px;width:42px;height:44px;background:var(--dark);color:var(--accent);font:italic 43px Georgia;padding-bottom:8px}.brand-sub{display:block;font-size:8px;letter-spacing:1.4px;font-weight:600;margin-top:-7px}.workspace{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 10px;margin-top:33px}.workspace-avatar{background:#e5ebde;color:var(--green);border-radius:8px;width:32px;height:34px;display:grid;place-items:center;font-size:10px;font-weight:650}.workspace strong{font-size:12px}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px}.workspace-dot{width:6px;height:6px;background:#6a9569;border-radius:50%;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.7px;margin:29px 12px 12px;color:#96a198}nav{display:flex;flex-direction:column;gap:7px}nav a{padding:11px 13px;border-radius:8px;color:#75827a;font-size:12px;font-weight:550;display:flex;align-items:center;gap:13px}nav a>span{font-size:18px;width:20px;line-height:1;color:#8c9b8c}nav a.active{background:#edf3e7;color:var(--green)}nav a.active>span{color:var(--green)}nav b{font-size:10px;background:#dce8d2;padding:1px 6px;border-radius:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:25px 10px}.soft-orb{font-size:30px;color:#527c60;margin-bottom:8px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom p{font-size:11px;margin-top:5px;max-width:165px}.local-pill{display:inline-block;font-size:9px;color:#668260;background:#edf3e7;border-radius:6px;padding:4px 7px;margin-top:15px}.profile{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:19px 0}.profile>span,.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#efe9dc;font-size:11px;color:#746d5b}.profile strong{font-size:11px}.app-shell{margin-left:242px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 40px;background:#ffffffb3}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 13px;color:#b4bcb4}.breadcrumb strong{color:#56665c;font-weight:500}.top-actions{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.demo-badge{font-size:8px;letter-spacing:1.2px;border:1px solid #dfe7d8;border-radius:5px;padding:4px 7px;color:#789066}main{max-width:1500px;margin:0 auto;padding:36px 40px 25px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#87977e;font-weight:600;margin-bottom:10px}.page-heading p:not(.eyebrow){margin-top:10px;font-size:12px}.primary,.secondary,.light-button{border-radius:8px;padding:11px 17px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap}.primary{background:var(--green);color:white;box-shadow:0 3px 6px #123f350c}.primary:hover{background:#174c3e}.secondary{background:white;border:1px solid #dce3d6}.secondary:hover{background:#f2f6ed}.light-button{background:#e4efcf;color:#284c35}.text-button{display:flex;align-items:center;gap:12px;color:var(--green);font-size:11px;padding:8px 0;font-weight:600}.hero-grid{display:grid;grid-template-columns:1fr 292px;gap:20px;margin-bottom:22px}.hero-card{background:var(--dark);color:white;border-radius:14px;position:relative;overflow:hidden;min-height:295px;display:flex;align-items:center}.hero-copy{padding:31px 32px;position:relative;z-index:1;max-width:69%}.hero-label{color:#c0d4b6;font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:7px;margin-bottom:16px}.hero-label i{width:5px;height:5px;background:#cce1a8;border-radius:50%}.hero-card h2{font-size:27px;line-height:1.3;font-weight:450;letter-spacing:-.7px}.hero-card p{font-size:11px;color:#acc8b9;margin:13px 0 19px;max-width:285px;line-height:1.7}.hero-footnote{font-size:8px;color:#aac3b0;display:block;margin-top:13px}.voice-art{position:absolute;right:5px;top:0;width:39%;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at center,#39776080 0,transparent 67%)}.voice-center{width:117px;height:117px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#edf5d6,#aac89a 50%,#668c6c);box-shadow:inset -10px -12px 25px #385a4a40,0 0 50px #a3c18c30;display:grid;place-items:center;z-index:1}.wave{display:flex;gap:4px;align-items:center;height:42px}.wave i{width:4px;border-radius:5px;background:#365b44;height:13px}.wave i:nth-child(2n){height:26px}.wave i:nth-child(3n){height:39px}.wave i:nth-child(5){height:49px}.orbit{position:absolute;width:190px;height:190px;border:1px solid #d2eac318;border-radius:50%}.orbit-two{width:245px;height:245px;border-color:#d2eac30d}.art-label{position:absolute;top:75%;color:#cee0c4;font-size:10px;letter-spacing:.7px}.art-label i{font-style:normal;margin-left:4px;color:#cde1b0}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.card-kicker{font-size:9px;letter-spacing:1.6px;color:#8b9986;margin-bottom:10px}.setup-card{padding:24px 23px}.setup-card h3{font-size:18px;max-width:190px;margin-bottom:19px}.setup-step{display:flex;gap:11px;align-items:center;margin-bottom:16px;font-size:11px}.step-mark{border:1px solid #dce4d5;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;color:#9ca797;font-size:9px}.step-mark.done{background:#e9f0df;border-color:#e9f0df;color:#4c7353}.setup-step small{display:block;color:#9aa397;font-size:9px}.setup-card .text-button{margin-top:4px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 22px}.stat>span{font-size:11px;color:#7a877d;display:block}.stat strong{font-weight:500;font-size:32px;display:block;margin:7px 0;letter-spacing:-1px}.stat small{color:#9aa497;font-size:9px;display:block}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading p,.channels-card>p{font-size:11px;margin-top:5px}.section-heading h3{font-size:16px}.empty{padding:26px 10px;text-align:center;color:#94a08f}.empty-icon{margin:0 auto 12px;background:#f2f5ed;border:1px solid #e6eddf;color:#a2b298;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:24px}.empty strong{display:block;font-size:12px;font-weight:500;color:#7a8b73}.empty p{font-size:10px;margin-top:6px;max-width:260px;margin-inline:auto}.empty button{margin:10px auto 0}.channel{display:flex;gap:11px;align-items:center;padding:18px 0;border-bottom:1px solid #f0f2eb}.channel:last-child{border:0;padding-bottom:0}.channel-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid #e4eade;border-radius:9px;background:#f5f7f0;color:#6b8862;font-size:18px}.channel strong{font-size:11px;font-weight:550}.channel small{display:block;font-size:9px;color:#9aa496;margin-top:3px}.channel-tag{margin-left:auto;font-size:8px;color:#929f8a;background:#f2f5ed;padding:3px 5px;border-radius:4px;white-space:nowrap}.app-footer{margin:0 40px;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#a2ab9d;font-size:9px}.notice{background:#eef3e7;border:1px solid #e0e8d6;padding:13px 17px;border-radius:8px;font-size:12px;color:#6e7d62;margin-bottom:22px}.agenda-row{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.date-tile{background:#f0f4e9;border-radius:9px;padding:9px 13px;text-align:center;min-width:65px}.date-tile strong{font-size:20px;font-weight:500;display:block}.date-tile span{font-size:9px;color:#829076}.row-info{flex:1}.row-info strong{font-size:13px;font-weight:550}.row-info p{font-size:11px;margin-top:4px}.row-info small{font-size:10px;color:#98a18f}.row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.row-actions button{font-size:10px;padding:6px 9px;border:1px solid var(--line);border-radius:6px}.status{display:inline-block;font-size:9px;padding:4px 7px;border-radius:5px;background:#eef3e7;color:#70825e}.status.cancelled,.status.failed,.status.uncertain{background:#f8ece6;color:#a36852}.status.confirmed,.status.accepted{background:#e5f0e8;color:#447252}.status.rescheduled,.status.blocked{background:#f2efe5;color:#9b854c}.tickets-card{margin-top:20px}.tickets-card h3{margin-bottom:15px}.assistant-grid{display:grid;grid-template-columns:1fr 300px;gap:22px}.chat-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:570px}.chat-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:18px 23px}.sofia-avatar{display:grid;place-items:center;background:var(--dark);color:var(--accent);border-radius:50%;width:40px;height:40px;font-size:25px}.chat-header strong{font-size:13px}.chat-header small{display:block;color:#88967f;font-size:10px}.chat-header select{margin-left:auto;font-size:11px}.chat-log{padding:24px;min-height:290px;max-height:480px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:16px}.bubble{background:#f2f5ed;border-radius:0 12px 12px 12px;padding:14px 17px;font-size:12px;line-height:1.7;max-width:87%;white-space:pre-wrap;align-self:flex-start}.bubble.user{background:#265b4c;color:#fff;border-radius:12px 0 12px 12px;align-self:flex-end}.bubble small{display:block;font-size:9px;color:#8f9e85;margin-top:6px}.bubble audio{display:block;max-width:100%;margin-top:9px;height:34px}.bubble .text-button{margin-top:8px}.chat-chips{padding:0 24px 14px;display:flex;gap:7px;flex-wrap:wrap}.chat-chips button{border:1px solid var(--line);padding:7px 11px;font-size:10px;border-radius:20px;color:#7b8b70}.chat-input{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #e1e7d8;border-radius:10px;margin:0 20px}.chat-input input{border:0;padding:7px;background:none;min-width:0;flex:1;font-size:12px}.mic-button{width:29px;color:#9aaa92}.mic-button.recording{color:#b15e4b;animation:pulse 1s infinite}.send-button{background:var(--green);border-radius:7px;color:#fff;width:32px;height:32px;font-size:20px}.chat-footer{padding:12px 22px 17px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9aa68e}.chat-footer label{font-size:10px;display:flex;align-items:center;gap:4px;margin:0}.chat-footer input{margin:0;accent-color:var(--green)}.assistant-side{display:flex;flex-direction:column;gap:20px}.persona-card{text-align:center;background:#f2f5ea}.persona-orb{margin:2px auto 18px;font-size:48px;color:#587752;width:85px;height:85px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#edf5d7,#c2d6a9)}.persona-card p{font-size:12px;margin:10px 0 18px;line-height:1.8}.persona-card small{display:block;margin-top:13px;color:#8a987c;font-size:10px}.persona-card audio{width:100%;margin-top:12px;height:35px}.steps{padding-left:21px;font-size:12px;color:#77866a;line-height:2.2;margin:15px 0}.muted{font-size:11px;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.service-card{background:#eef3e5;border:1px solid #e1e8d7;border-radius:10px;padding:20px}.service-card>span{font-size:11px;color:#879874}.service-card h3{margin:9px 0;font-size:16px}.service-card strong{font-weight:500;font-size:22px}.service-card small{margin-left:13px;color:#8d997e}.knowledge-row{display:grid;grid-template-columns:190px 1fr 30px;gap:15px;padding:18px 0;border-top:1px solid var(--line);align-items:start}.knowledge-row textarea{min-height:87px;resize:vertical}.knowledge-row button{font-size:21px;color:#a4aa98;margin-top:7px}.connections-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.connection-title{display:flex;align-items:center;gap:12px;margin-bottom:21px}.connection-logo{width:42px;height:42px;display:grid;place-items:center;background:#f0f4e8;border-radius:11px;color:#668459;font-size:24px}.connection-title h3{font-size:16px}.connection-title p{font-size:11px;margin-top:2px}.connection-title>.status{margin-left:auto}.connection-card a{font-size:11px;display:inline-block;margin-top:14px}.connection-card label{margin-top:14px}.connection-card details{font-size:11px;margin-top:17px;color:#78876b}.connection-card code{font-size:10px;overflow-wrap:anywhere}.settings-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-footer label{margin:0}.call-card{margin-top:22px}.call-card p{font-size:12px;margin-top:5px}.call-card form{display:flex;align-items:end;gap:20px;margin-top:18px}.call-card form label{margin:0}.message-card{margin-bottom:15px}.message-top{display:flex;align-items:center;gap:12px}.message-top>.status{margin-left:auto}.message-top h3{font-size:14px}.message-top p{font-size:11px}.message-card pre{white-space:pre-wrap;font:12px/1.8 Segoe UI,Arial,sans-serif;color:#6b7b60;background:#f6f8f2;border-radius:8px;padding:17px;margin:17px 0 0}.message-card .error{margin-top:10px}input,select,textarea{border:1px solid #dfe5d8;background:#fff;border-radius:7px;padding:10px 12px;width:100%;color:var(--ink);font-size:12px}select{width:auto}input:focus,select:focus,textarea:focus{outline:2px solid #d4e3c6;border-color:#a6bb95}input::placeholder,textarea::placeholder{color:#a4ad9a}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#748266;margin-bottom:15px}label>select{width:100%}.switch-label{flex-direction:row;align-items:center;gap:9px}.switch-label input{width:14px;height:14px;accent-color:var(--green)}.hint{font-size:10px;line-height:1.8;color:#8e9a81;margin-top:9px}.field-label{font-size:11px;color:#748266;margin:7px 0 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}dialog{border:1px solid var(--line);border-radius:15px;padding:28px;width:min(600px,94vw);max-height:91vh;box-shadow:0 20px 100px #0b342431;color:var(--ink)}dialog::backdrop{background:#193c3455;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-heading h2{font-size:26px}.close-button{font-size:27px;color:#97a18d}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.slot-list{display:flex;flex-wrap:wrap;gap:7px;max-height:158px;overflow:auto;background:#f6f8f2;padding:12px;border-radius:8px;margin-bottom:18px;min-height:70px}.slot{padding:6px 10px;border:1px solid #dfe6d5;background:white;border-radius:6px;font-size:11px}.slot small{display:block;font-size:9px;color:#91a080}.slot.selected{background:var(--green);color:#fff;border-color:var(--green)}.slot.selected small{color:#c5d5b7}.error{color:#a95848;font-size:12px;line-height:1.6}.summary-card{background:#f2f6e9;border-radius:10px;padding:20px}.summary-line{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:8px 0;border-bottom:1px solid #e1e8d6}.summary-line span{color:#8c9a7b}.summary-line strong{font-weight:550;text-align:right}.summary-card p{font-size:11px;margin-top:15px}.success-mark{font-size:36px;color:#5b8252}.success-card{text-align:center;padding:25px 10px}.success-card p{margin-top:12px;font-size:12px}.success-card strong{display:block;font-size:18px;margin-top:12px}#toast{position:fixed;bottom:25px;left:calc(50% + 90px);transform:translateX(-50%);background:var(--dark);color:#edf4e1;padding:13px 22px;border-radius:10px;box-shadow:0 5px 25px #123f3520;z-index:50;font-size:12px;max-width:80vw}.page{animation:appear .2s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.3}}@media(min-width:1550px){.hero-card h2{font-size:34px}.hero-card{min-height:325px}.voice-center{width:140px;height:140px}}@media(max-width:1200px){.sidebar{width:212px;padding-inline:17px}.app-shell{margin-left:212px}main{padding:29px 26px}.topbar{padding:0 26px}.hero-grid{grid-template-columns:1fr 260px}.hero-copy{padding:25px;max-width:72%}.hero-card h2{font-size:23px}.voice-center{width:92px;height:92px}.voice-art{right:-12px;width:34%}.channel-tag{display:none}.stat{padding:16px}.stat small{font-size:8px}.assistant-grid{grid-template-columns:1fr 260px}.card{padding:20px}.chat-card{padding:0}}@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.hero-card{min-height:260px}.hero-copy{max-width:65%}.hero-card h2{font-size:28px}.hero-art{width:40%}.setup-card{display:none}.bottom-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.assistant-grid{grid-template-columns:1fr}.assistant-side{display:grid;grid-template-columns:1fr 1fr}.connections-grid{grid-template-columns:1fr}.service-grid{gap:10px}.service-card{padding:16px}.knowledge-row{grid-template-columns:1fr 28px}.knowledge-row textarea{grid-column:1}.knowledge-row button{grid-column:2;grid-row:1/3}.top-actions>#today-label{display:none}h1{font-size:30px}.call-card form{flex-direction:column;align-items:stretch}}@media(max-width:680px){.sidebar{position:relative;width:100%;padding:15px 17px 10px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:26px}.brand-icon{width:33px;height:35px;font-size:36px}.brand-sub{font-size:6px}.workspace,.nav-label,.sidebar-bottom,.profile{display:none}nav{flex-direction:row;overflow-x:auto;margin-top:14px;gap:6px}nav a{white-space:nowrap;font-size:10px;padding:8px 10px;gap:7px}nav a>span{font-size:13px;width:auto}nav b{display:none}.app-shell{margin:0}.topbar{height:48px;padding:0 18px}.top-actions{gap:10px}.avatar{display:none}main{padding:25px 17px}.page-heading{gap:12px;align-items:flex-start}.page-heading>.primary{font-size:10px;padding:10px}.page-heading h1{font-size:29px}.eyebrow{font-size:7px;letter-spacing:1px}.page-heading p:not(.eyebrow){font-size:11px;max-width:240px}.hero-copy{padding:24px 20px;max-width:75%}.hero-card h2{font-size:22px}.hero-card p{font-size:10px;max-width:205px}.hero-label{font-size:6px;letter-spacing:1px}.voice-art{width:30%;right:-7px}.voice-center{width:70px;height:70px}.wave{gap:3px;transform:scale(.7)}.orbit{width:125px;height:125px}.orbit-two{width:165px;height:165px}.hero-footnote{font-size:7px}.stats-grid{gap:10px}.stat{padding:16px}.stat small{font-size:9px}.bottom-grid{gap:15px}.app-footer{margin:0 17px;font-size:8px;gap:20px}.assistant-side{grid-template-columns:1fr}.chat-header{padding:16px}.chat-header select{max-width:130px}.chat-log{padding:17px}.chat-footer{flex-direction:column}.service-grid{grid-template-columns:1fr}.knowledge-row{gap:10px}.settings-footer{flex-direction:column;align-items:stretch}.agenda-row{flex-wrap:wrap;gap:12px}.row-actions{width:100%;justify-content:flex-end}.form-grid{gap:10px}.card{padding:19px}.chat-card{padding:0}.connection-title{gap:8px}.connection-title h3{font-size:14px}.connection-title p{font-size:10px}#toast{left:50%;max-width:90vw;width:max-content}.breadcrumb{font-size:10px}.hero-grid{margin-bottom:16px}.stats-grid{margin-bottom:16px}dialog{padding:22px}}

.live-voice-card{margin-bottom:24px;padding:28px;background:linear-gradient(125deg,#e7f1e9,#fafbf8);border:1px solid #ccded2}.call-intro{display:flex;gap:22px;align-items:center}.call-intro h2{font-size:30px;margin:4px 0 10px;letter-spacing:-1px}.call-intro p{max-width:660px}.call-orb{flex:0 0 78px;height:78px;display:grid;place-items:center;border-radius:50%;background:#d4e4d8;color:#225447;font-size:44px;transition:transform .3s,box-shadow .3s}.call-orb.connected{box-shadow:0 0 0 8px #dce9df}.call-orb.speaking{animation:brisa-breathe 1.1s ease-in-out infinite}.call-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.call-actions span{font-size:13px;color:#5c7168}.call-note{font-size:12px;color:#61736a;line-height:1.7;max-width:830px}#call-status{font-size:14px;font-weight:600;margin:18px 0 8px}.call-transcript{max-height:250px;overflow:auto;margin-top:18px;padding:10px 18px;border-radius:14px;background:#ffffffb8;font-size:14px;line-height:1.65}.call-transcript p{margin:8px 0}.call-actions [hidden]{display:none}@keyframes brisa-breathe{50%{transform:scale(1.06);box-shadow:0 0 0 14px #dce9df}}@media(max-width:600px){.live-voice-card{padding:20px}.call-intro{align-items:flex-start;gap:14px}.call-orb{flex-basis:52px;height:52px;font-size:30px}.call-intro h2{font-size:25px}.call-actions .primary,.call-actions .secondary{width:100%}}@media(prefers-reduced-motion:reduce){.call-orb.speaking{animation:none}}

/* WhatsApp preview: deliberately isolated from the approved live call. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wa-layout{display:grid;grid-template-columns:minmax(320px,540px) minmax(220px,1fr);gap:48px;align-items:center;max-width:1040px;margin:30px auto}.local-pill{font-size:11px;white-space:nowrap;border:1px solid #d6e1d2;border-radius:20px;padding:8px 13px;color:#698260;background:#f2f6ed}.wa-phone{background:#efece3;border-radius:22px;border:1px solid #d9dfd5;box-shadow:0 18px 50px #1e493212;overflow:hidden}.wa-header{display:flex;align-items:center;gap:12px;background:#214f43;color:white;padding:20px}.wa-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#d8e5c8;color:#315a43;font-family:Georgia,serif;font-size:26px}.wa-header strong{font-size:15px;font-weight:600}.wa-header small{display:block;font-size:11px;color:#cbdccf;margin-top:5px;max-width:330px}.wa-header button{margin-left:auto;color:#e4eee1;font-size:25px;width:34px;height:36px}.wa-log{height:450px;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;background-image:radial-gradient(#c5cabc50 .7px,transparent .7px);background-size:18px 18px;scroll-behavior:smooth}.wa-day{align-self:center;padding:5px 12px;background:#fffc;border-radius:6px;font-size:9px;color:#7e897a;letter-spacing:1px}.wa-notice{align-self:center;text-align:center;font-size:10px;line-height:1.7;background:#faf4de;color:#89846f;border-radius:8px;padding:8px 15px;max-width:350px;margin:0 5px 7px}.wa-bubble{max-width:87%;padding:12px 13px 7px;background:#fff;border-radius:2px 13px 13px 13px;box-shadow:0 1px 2px #34483112;color:#314838;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.wa-content{white-space:pre-wrap}.wa-time{display:block;text-align:right;color:#9aa592;font-size:9px;margin-top:3px}.wa-mine{align-self:flex-end;background:#daeacb;border-radius:13px 2px 13px 13px}.wa-compose{padding:14px;display:flex;align-items:end;gap:9px;background:#f5f6f1}.wa-compose textarea{resize:none;min-height:43px;max-height:100px;border:0;border-radius:18px;font-size:13px;padding:12px 16px}.wa-compose button{flex:0 0 43px;height:43px;border-radius:50%;background:#386b51;color:white;font-size:19px}.wa-compose button:disabled{opacity:.4;cursor:wait}.wa-guide{padding:10px 0}.wa-guide .eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.8}.wa-guide h2{font-size:30px;line-height:1.22;letter-spacing:-.7px;margin:13px 0 18px}.wa-guide>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#7c8c70;max-width:360px}.wa-settings{margin:25px 0;padding:19px 0;border-top:1px solid #dce4d4;border-bottom:1px solid #dce4d4}.wa-settings label{display:flex;flex-direction:row;align-items:center;color:#4f6b4c;font-size:12px;margin:0 0 5px}.wa-settings input{width:15px;height:15px;accent-color:#386b51}.wa-settings small{font-size:10px;color:#8b9880;margin-left:22px;display:block;line-height:1.8}.wa-try{display:flex;flex-direction:column;gap:8px}.wa-try>span{font-size:9px;letter-spacing:1.4px;color:#929e86;margin:0 0 4px}.wa-try button{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:10px 0;border-bottom:1px solid #e2e8da;font-size:12px;color:#55704e}.wa-try b{font-size:16px;font-weight:400;color:#8a9e7a}.wa-guide .wa-footnote{font-size:10px!important;line-height:1.7!important;margin:24px 0 12px}.wa-guide .text-button{font-size:11px}.wa-audio-bubble{width:310px;max-width:92%}.wa-note{display:flex;align-items:center;gap:10px;white-space:normal;padding:4px 0}.wa-play{flex:0 0 35px;height:35px;border-radius:50%;background:#dbe7d3;color:#547a4d;font-size:15px}.wa-note-middle{flex:1;min-width:0;position:relative}.wa-wave{display:flex;align-items:center;justify-content:space-between;gap:2px;height:32px}.wa-wave i{display:block;flex:1;background:#90aa7e;border-radius:2px;min-height:3px}.wa-note input{width:100%;height:14px;padding:0;border:0;accent-color:#4c7e5c;display:block;background:transparent}.wa-note-time{font-size:9px;color:#8d9c82;display:block;line-height:1.2;margin-top:3px}.wa-speed{font-size:10px;min-width:28px;border-radius:12px;padding:3px;background:#edf1e8;color:#6e8263}.wa-content details{white-space:normal;margin-top:8px;border-top:1px solid #e8ede3;padding-top:5px}.wa-content summary{font-size:10px;color:#7f9271;cursor:pointer}.wa-content details p{font-size:12px;white-space:pre-wrap;line-height:1.8;margin-top:10px;color:#556c4c}.wa-pending{display:block;font-size:10px;color:#8a9b7a;margin-bottom:8px}.wa-content audio{display:none}
@media(max-width:1100px){.wa-layout{gap:25px;grid-template-columns:minmax(300px,1fr) minmax(210px,.75fr)}.wa-guide h2{font-size:25px}}@media(max-width:850px){.wa-layout{grid-template-columns:1fr;max-width:540px;margin-top:20px}.wa-guide{padding:8px}.wa-log{height:430px}.wa-guide h2 br{display:none}.wa-guide>p:not(.eyebrow){max-width:none}}@media(max-width:680px){#whatsapp .page-heading{flex-wrap:wrap}.wa-layout{gap:24px}.wa-header{padding:15px}.wa-log{padding:14px;height:420px}.wa-phone{border-radius:16px}.wa-guide h2{font-size:27px}.wa-bubble{max-width:91%}}
@media(min-width:851px){.wa-layout{align-items:start}.wa-log{height:clamp(280px,calc(100dvh - 405px),430px)}}

.gallery-owner-layout{display:grid;grid-template-columns:minmax(270px,360px) 1fr;gap:24px;align-items:start}.gallery-form{display:flex;flex-direction:column;gap:15px;position:sticky;top:96px}.gallery-form>div p{font-size:11px;line-height:1.7;margin-top:8px}.gallery-form label{margin:0}.gallery-form label small{color:#929d8d}.gallery-form textarea{resize:vertical}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.gallery-filters button{border:1px solid #dce3d6;background:#fff;color:#6f7f70;border-radius:20px;padding:8px 14px;font-size:11px}.gallery-filters button.active{background:var(--green);border-color:var(--green);color:#fff}.gallery-owner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gallery-owner-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.gallery-owner-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#edf0e9}.gallery-owner-card>div{padding:14px}.gallery-owner-card span{display:block;font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#87977e;margin-bottom:6px}.gallery-owner-card h3{font-size:14px}.gallery-owner-card p{font-size:10px;line-height:1.55;margin-top:6px}.gallery-owner-card small{display:block;color:#87977e;line-height:1.5;margin-top:9px}.gallery-owner-grid>.empty{grid-column:1/-1}

.wa-gallery-results{width:92%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wa-gallery-card{overflow:hidden;border-radius:10px;background:#fff;border:1px solid #dde4da;box-shadow:0 1px 3px #34483112}.wa-gallery-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#edf0e9}.wa-gallery-card strong,.wa-gallery-card small{display:block;padding-inline:10px}.wa-gallery-card strong{font-size:11px;line-height:1.35;padding-top:9px}.wa-gallery-card small{font-size:9px;line-height:1.45;color:#7f8c7d;padding-top:4px;padding-bottom:10px}

@media(max-width:1100px){.gallery-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.gallery-owner-layout{grid-template-columns:1fr}.gallery-form{position:static}.gallery-owner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.gallery-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-gallery-results{width:100%}}

/* Audio entrante de la simulación y visor compartido de estilos. */
.wa-compose .wa-record{flex:0 0 43px;background:#fff;color:#52715f;border:1px solid #dce3d8;font-size:17px}.wa-compose .wa-record:hover{background:#e8efe5}.wa-compose .wa-record.recording{background:#b84f49;color:#fff;border-color:#b84f49;animation:wa-record-pulse 1.15s ease-in-out infinite}.wa-record-clock{min-height:43px;flex:1;align-items:center;gap:8px;padding:0 12px;color:#725d58;font-size:12px}.wa-record-clock[hidden]{display:none}.wa-record-clock i{width:8px;height:8px;border-radius:50%;background:#c6534d}.wa-record-clock b{font-variant-numeric:tabular-nums}.wa-record-clock small{margin-left:auto;color:#96827d;font-size:9px}.wa-compose.recording textarea,.wa-compose.recording #wa-send{display:none}@keyframes wa-record-pulse{50%{box-shadow:0 0 0 7px #b84f4920}}
.mic-icon{width:21px;height:21px;display:block;margin:auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wa-user-audio-bubble{width:min(84%,330px)}.wa-user-note{display:flex;align-items:center;gap:9px;min-width:230px}.wa-user-note-icon{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#b8d3a9;color:#37604b;font-size:11px}.wa-user-audio-bubble .wa-content audio{display:block;width:100%;height:35px;min-width:0}.wa-user-audio-bubble .wa-content details{border-top-color:#bfd7b3}.wa-user-audio-bubble .error{display:block;margin-top:8px;font-size:10px}
.style-image-button{display:block;position:relative;width:100%;padding:0;overflow:hidden;background:#edf0e9;text-align:left}.style-image-button img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .24s ease}.style-image-button span{position:absolute;right:9px;bottom:9px;margin:0!important;padding:5px 8px!important;border-radius:14px;background:#173f35dc;color:#fff!important;font-size:9px!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important}.style-image-button:hover img{transform:scale(1.025)}.style-image-button:focus-visible{outline:3px solid #d8e8ae;outline-offset:-4px}.gallery-owner-card>.style-image-button,.wa-gallery-card>.style-image-button{border-radius:0}
.style-viewer{width:min(1000px,92vw);max-width:none;padding:0;border:0;border-radius:18px;background:#173f35;color:#fff;box-shadow:0 30px 90px #0d251f66;overflow:hidden}.style-viewer::backdrop{background:#102d27c9;backdrop-filter:blur(6px)}.style-viewer[open]{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr)}.style-viewer-media{display:grid;place-items:center;background:#0d2a24;min-height:min(78vh,760px)}.style-viewer-media img{display:block;max-width:100%;max-height:82vh;width:100%;height:100%;object-fit:contain}.style-viewer-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:36px 30px}.style-viewer-copy .eyebrow{color:#b9d59f}.style-viewer-copy h2{font-size:27px;margin:7px 0 12px}.style-viewer-copy p:last-child{color:#c5d6cb;font-size:12px;line-height:1.75}.style-viewer-close{position:absolute;z-index:2;right:14px;top:14px;width:38px;height:38px;border-radius:50%;background:#fff;color:#264b3e;font-size:24px;box-shadow:0 3px 14px #0d251f36}.style-viewer-close:hover{background:#e7efdE}
@media(max-width:680px){.wa-user-audio-bubble{width:91%}.wa-user-note{min-width:0}.wa-record-clock small{display:none}.style-viewer{width:94vw}.style-viewer[open]{grid-template-columns:1fr}.style-viewer-media{min-height:0;height:68vh}.style-viewer-copy{padding:20px 22px}.style-viewer-copy h2{font-size:21px}.style-viewer-close{right:10px;top:10px}}

/* Mobile application shell: bottom navigation, safe touch targets and full-height work areas. */
@media(max-width:680px){
  html{background:var(--paper);overscroll-behavior-y:none}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom));font-size:15px}
  .sidebar{position:fixed;inset:auto 0 0 0;width:100%;z-index:80;padding:6px 7px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid #dce3d8;background:#fbfcf9f2;box-shadow:0 -8px 28px #123f3512;backdrop-filter:blur(14px)}
  .sidebar .brand,.sidebar .workspace,.sidebar .nav-label,.sidebar .sidebar-bottom{display:none}
  .sidebar nav{display:flex;flex-direction:row;gap:3px;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .sidebar nav::-webkit-scrollbar{display:none}
  .sidebar nav a{flex:0 0 72px;min-height:54px;padding:6px 5px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:1px;text-align:center;font-size:9px;line-height:1.15}
  .sidebar nav a>span{width:auto;font-size:19px;line-height:1.1}
  .sidebar nav a.active{background:#e8f0df;color:#17483d}
  .app-shell{margin:0;min-height:100dvh}
  .topbar{position:sticky;top:0;z-index:50;height:54px;padding:0 14px;background:#f8f9f5ee;backdrop-filter:blur(12px);border-bottom:1px solid #e4e9e1}
  .top-actions button{min-height:38px;padding:7px 10px}
  main{padding:18px 12px 24px;min-height:calc(100dvh - 54px)}
  .page-heading{margin-bottom:18px;flex-wrap:wrap}
  .page-heading>div{min-width:0;flex:1 1 210px}
  .page-heading>.primary,.page-heading>.secondary{min-height:44px}
  .card{border-radius:14px;padding:17px}
  button,a,input,select,textarea{touch-action:manipulation}
  button{min-height:44px}
  input,select,textarea{font-size:16px;min-height:44px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .stat{min-height:118px;padding:14px}
  .agenda-row{padding:14px 0;align-items:flex-start}
  .date-tile{flex:0 0 48px}
  .row-info{min-width:0;flex:1}
  .row-info strong,.row-info p,.row-info small{overflow-wrap:anywhere}
  .row-actions button{min-height:38px;padding:8px 11px}
  .live-voice-card{padding:19px 17px;margin-inline:-1px}
  .call-intro{gap:13px}
  .call-intro>div:last-child{min-width:0}
  .call-note{font-size:11px}
  .call-transcript{max-height:34dvh;padding:9px 12px}
  .chat-card{min-height:calc(100dvh - 150px);border-radius:14px}
  .chat-log{max-height:none;min-height:270px}
  .chat-input{margin:0 11px 2px;padding:8px 9px}
  .chat-input input{min-height:40px;font-size:16px}
  .mic-button,.send-button{min-width:42px;width:42px;height:42px}
  .wa-layout{max-width:none}
  .wa-phone{border-radius:14px;box-shadow:0 12px 34px #173d2f17}
  .wa-log{height:clamp(290px,calc(100dvh - 405px),440px);min-height:0;padding:13px}
  .wa-form{padding:9px}
  .wa-form textarea,.wa-form input{font-size:16px}
  .wa-record,.wa-send{min-width:44px;min-height:44px}
  .gallery-owner-grid{gap:9px}
  .gallery-owner-card{border-radius:12px}
  .gallery-owner-card button{min-height:0}
  dialog{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}
  .style-viewer{width:100vw}
  .style-viewer-media{height:62dvh}
  .form-grid{grid-template-columns:1fr}
  .dialog-footer{position:sticky;bottom:0;background:#fff;padding-bottom:env(safe-area-inset-bottom)}
  .dialog-footer button{flex:1}
  .app-footer{display:none}
}

.pairing-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--paper)}
.pairing-card{width:min(420px,100%);padding:34px 28px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px #123f3514}
.pairing-card h1{font-size:27px;margin:14px 0 10px}
.pairing-card p{font-size:14px}
.login-panel{display:grid;gap:18px;text-align:center;padding:8px}.login-panel>p{font-size:13px}.login-panel .primary{width:100%;min-height:48px}.login-panel .hint{margin:0}.google-login{display:flex;align-items:center;justify-content:center;text-decoration:none}
/* Owner tools: services and prices, agent and WhatsApp inbox, gallery editing */
.owner-actions{display:flex;align-items:center;gap:12px}.owner-actions small{color:#a7743a;font-size:11px}
.owner-service{border-top:1px solid var(--line);padding:16px 0;display:grid;gap:10px}.owner-service:first-child{border-top:0;padding-top:4px}
.owner-service-main{display:grid;grid-template-columns:minmax(160px,2fr) minmax(90px,1fr) minmax(90px,1fr) 34px;gap:12px;align-items:end}
.owner-service label,.owner-two label,.owner-gallery-edit label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}
.owner-service input,.owner-service textarea,.owner-two input,.owner-two textarea,.owner-staff-row input,.owner-gallery-edit input,.owner-gallery-edit select,.owner-gallery-edit textarea{border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px;color:var(--ink);background:#fff}
.owner-remove{width:34px;height:36px;border-radius:9px;border:1px solid var(--line);background:#fff;color:#a14b3c}
.owner-staff-picks,.owner-days{display:flex;flex-wrap:wrap;gap:7px}
.owner-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:6px 11px;font-size:12px;color:var(--ink);background:#fbfcf9;cursor:pointer}
.owner-chip input{accent-color:var(--green)}
.owner-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.owner-two .card{display:flex;flex-direction:column;gap:12px}
.owner-staff-row{display:flex;gap:8px;margin-bottom:8px}.owner-staff-row input{flex:1}
.owner-hours{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.owner-toggle{flex-direction:row!important;align-items:flex-start;gap:12px!important;padding:12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.owner-toggle input{margin-top:3px;width:17px;height:17px;accent-color:var(--green)}.owner-toggle span{display:flex;flex-direction:column;gap:3px}.owner-toggle strong{color:var(--ink);font-size:13px}.owner-toggle small{font-size:11px;line-height:1.5}
.wa-inbox-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.wa-inbox-row small{display:block;color:var(--muted);font-size:11px}
.owner-card-tools{display:flex;gap:12px;margin-top:8px}.owner-danger{color:#a14b3c!important}
.owner-gallery-edit{display:flex;flex-direction:column;gap:8px}
@media(max-width:850px){.owner-two{grid-template-columns:1fr}.owner-service-main{grid-template-columns:1fr 1fr}.owner-service-main label:first-child{grid-column:1/-1}.wa-inbox-row{grid-template-columns:36px 1fr}.wa-inbox-row .status,.wa-inbox-row button{grid-column:2}}
