:root{--ink:#182c36;--muted:#667c85;--line:#e1e9eb;--paper:#fff;--bg:#f1f5f5;--teal:#087f79;--teal-dark:#05635e;--teal-tint:#eaf7f3;--blue-tint:#edf3f8;--error:#a5323e;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-synthesis:none;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #65b4cf;outline-offset:3px}button{border:0}a{color:var(--teal);text-decoration:none}p,h1,h2,h3{margin:0}h1{font-size:34px;letter-spacing:-.04em;line-height:1.4;font-weight:750}h2{font-size:19px;font-weight:700}h3{font-size:18px}small{font-size:12px}strong{font-weight:650}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:42px;height:42px;flex-shrink:0}.brand strong{font-size:17px;display:block;line-height:1.5}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.025em}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--line);background:#fff;gap:12px}.top-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.status{font-size:12px;color:#687d87;background:#f1f4f5;border-radius:99px;padding:6px 11px;display:inline-flex;align-items:center;white-space:nowrap;gap:7px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#83959c}.status.online{color:var(--teal);background:var(--teal-tint)}.status.online:before{background:var(--teal)}.status.busy{color:#846422;background:#faf3e5}.status.busy:before{background:#b28537}.primary,.secondary,.danger{border-radius:10px;min-height:46px;padding:10px 20px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:6px}.primary{background:var(--teal);color:#fff}.primary:hover{background:var(--teal-dark)}.secondary{background:#edf3f4;color:var(--ink);border:1px solid #dde8eb}.secondary:hover{background:#e2eeee}.danger{background:#f8e9eb;color:var(--error)}.danger:hover{background:#f1dadd}.small{font-size:13px;min-height:36px;padding:7px 13px}.text-button{color:var(--muted);background:transparent;padding:6px;font-size:12px}.text-button:hover{color:var(--teal)}.icon-button{color:var(--muted);background:transparent;font-size:23px;padding:4px 10px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--teal);display:block;line-height:1.5}.pill{font-size:11px;padding:5px 10px;color:var(--teal);background:var(--teal-tint);border-radius:6px;margin-left:auto}.muted{color:var(--muted);font-size:12px}.network-banner{padding:11px 26px;background:#fff0dd;color:#795c2c;font-size:13px;line-height:1.7}.customer-body{padding:24px}.customer-app{max-width:1070px;margin:0 auto;background:#fff;border:1px solid #dce6e8;box-shadow:0 18px 65px #182c360a;border-radius:22px;overflow:hidden}.customer-content{padding:24px 32px 0}.welcome-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.welcome-heading h1{font-size:29px;margin-top:6px}.welcome-heading p{color:var(--muted);font-size:14px;margin-top:5px}.secure-note{font-size:11px;color:var(--muted);align-self:flex-end;margin-bottom:4px}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-card{min-height:112px;padding:21px 22px;border-radius:16px;display:flex;align-items:center;gap:15px;text-align:left;position:relative}.voice-card{background:var(--teal);color:#fff}.voice-card:hover{background:var(--teal-dark)}.capture-card{background:#edf3f7;color:#2d4659;border:1px solid #e0e9f0}.capture-card:hover{background:#e2ecf3}.action-symbol{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;font-size:30px;background:#ffffff23;flex-shrink:0;line-height:1}.capture-symbol{background:#dbe7f0;font-size:29px}.action-card strong{font-size:20px;display:block;font-weight:700;letter-spacing:.015em}.action-card small{font-size:11px;display:block;margin-top:5px;opacity:.86}.card-arrow{margin-left:auto;font-size:19px;opacity:.65;align-self:flex-start}.action-caption{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:9px 4px 20px;font-size:11px;color:var(--muted)}.chat-card{border:1px solid var(--line);border-radius:16px;overflow:hidden}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 19px;border-bottom:1px solid #e8eef0;font-size:13px}.chat-heading span{font-size:11px;color:var(--muted)}.messages{padding:20px 18px;min-height:200px;height:270px;overflow:auto;scroll-behavior:smooth;overscroll-behavior:contain;background:#fbfdfd}.welcome-message{max-width:94%;padding:2px 0 9px}.system-badge{font-size:10px;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;display:block}.welcome-message p{font-size:13px;line-height:1.9;color:#475d67}.quick-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.quick-options button,.reply-options button{background:#fff;border:1px solid #d7e4e6;border-radius:7px;color:#435f67;padding:7px 10px;font-size:12px}.quick-options button:hover,.reply-options button:hover{border-color:var(--teal);color:var(--teal)}.message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 17px;gap:3px}.message.mine{align-items:flex-end}.message-meta{font-size:10px;color:#82939a;padding:0 2px}.bubble{max-width:82%;background:#fff;border:1px solid var(--line);border-radius:12px 12px 12px 3px;padding:11px 14px;white-space:pre-wrap;word-break:break-word;font-size:14px}.mine .bubble{background:var(--teal-tint);border-color:#d4eae4;border-radius:12px 12px 3px 12px;color:#254f49}.message.system{align-items:center;margin:10px 0}.message.system .bubble{font-size:11px;color:var(--muted);background:transparent;border:0;padding:3px;max-width:100%;text-align:center}.message img{display:block;max-width:300px;max-height:230px;border-radius:8px;cursor:zoom-in;object-fit:contain}.message audio{width:260px;max-width:100%;height:40px}.reply-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.send-state{font-size:10px;color:#759183}.composer{padding:11px 16px 10px;border-top:1px solid var(--line);background:#fff}.composer-tools{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin:0 0 9px}.tool-button{font-size:12px;color:#4b6872;padding:4px 0;background:transparent}.tool-button:hover{color:var(--teal)}.input-row{display:flex;gap:9px;align-items:flex-end}.input-row textarea{background:#f5f8f8;border:1px solid #e2eaec;border-radius:10px;padding:11px 13px;resize:none;flex:1;min-width:0;line-height:1.5;font-size:13px;min-height:45px;max-height:130px;color:var(--ink)}.input-row .primary{min-width:79px;min-height:43px;font-size:13px}.composer-note{font-size:10px;color:#85959c;margin-top:8px}.customer-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b9ba1;padding:13px 0}.customer-footer .text-button{font-size:10px}.call-bar{background:#e9f8f2;border:1px solid #cfeade;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:15px;flex-shrink:0}.call-dot{width:9px;height:9px;background:#21a474;border-radius:50%;box-shadow:0 0 0 5px #21a47415}.call-bar div{flex:1}.call-bar strong{display:block;font-size:14px}.call-bar small{display:block;color:var(--muted);font-size:11px}.call-bar #callTimer{font-size:12px;color:var(--teal)}.minimized-card{max-width:500px;text-align:center;padding:40px;background:#fff;border-radius:18px;margin:14vh auto}.minimized-card img{width:65px;margin-bottom:20px}.minimized-card p{color:var(--muted);margin:12px 0 22px}.minimized-card .muted{margin-top:20px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:1000;background:#16303af2;color:#fff;padding:12px 20px;border-radius:10px;max-width:min(600px,92vw);font-size:13px;box-shadow:0 8px 30px #18303a20;white-space:pre-wrap}.modal-backdrop{position:fixed;inset:0;background:#122c3a69;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.modal{width:620px;max-width:100%;max-height:93vh;overflow:auto;border-radius:18px;background:#fff;padding:25px;box-shadow:0 20px 90px #10252c22}.modal h2{font-size:22px;line-height:1.5;margin-bottom:8px}.modal p{font-size:13px;color:var(--muted);margin-bottom:16px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.modal .close-modal{font-size:24px;color:#70828c;background:transparent;padding:0 4px}.modal-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.image-preview{display:block;width:auto;max-width:100%;max-height:54vh;margin:0 auto;border:1px solid var(--line);border-radius:8px;touch-action:none;cursor:crosshair}.crop-hint{font-size:11px!important;margin:10px 0!important}.image-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.image-tools button{font-size:12px;min-height:34px;padding:5px 11px}.recording-state{text-align:center;background:#edf6f4;border-radius:12px;padding:24px;margin-top:16px}.recording-state strong{font-size:28px;display:block;color:var(--teal);margin-bottom:10px}.recording-state audio{max-width:100%;margin-top:12px}.pair-qr{display:block;width:230px;height:230px;max-width:100%;margin:14px auto;background:#fff;image-rendering:pixelated}.pair-code{font-size:34px;letter-spacing:.25em;text-align:center;color:var(--teal);font-weight:750;padding:12px 20px;border-radius:10px;background:#edf7f3;margin:15px 0}.pair-status{text-align:center;padding:10px;font-size:13px;color:var(--muted)}.pair-approve{width:100%;margin-top:12px}.audio-resume{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--teal);color:#fff;padding:12px 20px;border-radius:99px;z-index:800}.landing-body{padding:40px 20px}.landing{max-width:940px;margin:0 auto}.landing>.brand{border-bottom:1px solid #dbe5e8;padding-bottom:26px;margin-bottom:45px}.landing>h1{font-size:56px;line-height:1.2;margin:13px 0 20px;letter-spacing:-.065em}.landing>.lead{color:var(--muted);font-size:17px;margin-bottom:30px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.entry-card{display:block;padding:26px;background:#fff;border-radius:18px;border:1px solid #dde6e8;color:var(--ink)}.entry-card:hover{border-color:#6aa39e}.entry-number{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.15em}.entry-card h2{font-size:25px;margin:7px 0 10px}.entry-card p{font-size:13px;color:var(--muted);margin-bottom:20px;max-width:330px;line-height:1.9}.entry-card strong{color:var(--teal);font-size:14px}.customer-entry{background:var(--teal);border-color:var(--teal);color:#fff}.customer-entry p,.customer-entry .entry-number{color:#c5e1db}.customer-entry strong{color:#fff}.notice{margin-top:25px;padding:20px 24px;background:#e8eff1;border-radius:14px}.notice strong{font-size:14px}.notice p{font-size:12px;color:#546b75;margin-top:7px;line-height:1.9}.landing footer{text-align:center;font-size:11px;color:#758a94;padding:25px 0}.login-card{width:450px;max-width:calc(100vw - 40px);margin:10vh auto 5vh;border:1px solid var(--line);background:#fff;border-radius:22px;padding:36px}.login-icon{width:58px;height:58px;display:block;margin-bottom:25px}.login-card h1{font-size:28px;margin-top:8px;margin-bottom:12px}.login-card p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:24px}.login-card label{font-size:12px;display:block;color:#526d77;margin-bottom:7px}.login-card input{width:100%;padding:12px;border:1px solid #d9e4e7;border-radius:9px;margin-bottom:15px;color:var(--ink)}.login-card form>.primary{width:100%}.login-card>small{font-size:10px;color:#82949b}.login-card .error-text{color:var(--error);font-size:12px;margin:12px 0}.merchant-body{height:100dvh}.merchant-app{height:100dvh;display:flex;flex-direction:column;max-width:1600px;margin:auto;background:#fff}.merchant-top{height:78px;flex-shrink:0;padding:15px 26px}.merchant-layout{display:flex;flex:1;min-height:0}.room-sidebar{width:306px;flex-shrink:0;background:#f7fafa;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-heading{padding:26px 22px 14px;display:flex;justify-content:space-between;align-items:center}.sidebar-heading h2{font-size:20px;margin-top:4px}.sidebar-heading h2 span{font-size:12px;color:var(--teal);background:#e1efeb;border-radius:7px;padding:3px 7px;vertical-align:middle;margin-left:5px}.search-input{margin:0 20px 16px;padding:10px 12px;border:1px solid #dde6e8;background:#fff;border-radius:8px;font-size:12px;min-width:0}.filter-tabs{display:flex;gap:6px;padding:0 20px 14px;border-bottom:1px solid var(--line)}.filter-tabs button{padding:5px 10px;background:transparent;color:var(--muted);font-size:11px;border-radius:6px}.filter-tabs button.active{background:#e2efeb;color:var(--teal)}.room-list{overflow:auto;flex:1;padding:8px}.room-item{display:block;width:100%;text-align:left;background:transparent;padding:16px 14px;border-radius:10px;color:var(--ink);border:1px solid transparent;margin-bottom:4px}.room-item.active{background:#fff;border-color:#c9ddd9;box-shadow:0 3px 8px #143c3a04}.room-item:hover{background:#fff}.room-item-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.room-item strong{font-size:14px}.room-item time{font-size:10px;color:#8a9ba1}.room-item p{font-size:11px;color:#71868f;margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-tag{font-size:9px;padding:2px 6px;border-radius:4px;color:var(--teal);background:#e5f1ed;margin-top:8px;display:inline-block}.room-tag.waiting{background:#eef1fa;color:#586e9a}.sidebar-foot{font-size:10px;padding:15px 22px;color:#82949c;border-top:1px solid var(--line)}.agent-chat-area{flex:1;min-width:0;display:flex;flex-direction:column}.no-selection{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;background:#fff;text-align:center;padding:25px}.large-symbol{font-size:43px;background:#edf6f3;color:var(--teal);width:100px;height:100px;border-radius:30px;display:grid;place-items:center;margin-bottom:24px}.no-selection h2{font-size:24px;margin-bottom:12px}.no-selection p{color:#7c9199;font-size:14px;line-height:1.9}.no-selection small{color:#95a4aa;font-size:11px;margin-top:24px}.selected-chat{display:flex;flex-direction:column;flex:1;min-height:0}.agent-chat-heading{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);background:#fff;min-height:88px}.agent-chat-heading h2{font-size:17px}.agent-chat-heading small{font-size:11px;color:var(--muted)}.heading-tools{display:flex;align-items:center;gap:7px;margin-left:auto}.agent-chat-area .messages{flex:1;min-height:80px;height:auto;padding:25px}.agent-chat-area .composer{padding:12px 24px 14px}.reply-templates{padding:10px 24px;background:#f8fbfb;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reply-templates span{font-size:10px;color:var(--muted)}.reply-templates button{font-size:11px;color:#4f7277;border:1px solid #dce7e9;background:#fff;padding:5px 9px;border-radius:6px}.agent-chat-area .call-bar{margin:12px 20px 0}.incoming-panel{position:fixed;top:22px;left:50%;transform:translateX(-50%);width:600px;max-width:calc(100vw - 24px);padding:20px;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #b1d8cb;box-shadow:0 20px 70px #102f3850;border-radius:18px;z-index:600}.incoming-panel div{flex:1}.incoming-panel small{font-size:11px;color:var(--teal)}.incoming-panel h3{margin:3px 0}.incoming-panel p{font-size:10px;color:var(--muted)}.incoming-icon{width:45px;height:45px;background:var(--teal-tint);color:var(--teal);border-radius:15px;display:grid;place-items:center;font-size:28px}.empty-small{text-align:center;font-size:12px;color:#8699a1;padding:42px 15px;line-height:2}.mobile-only{display:none}.full-image{display:block;max-width:100%;max-height:72vh;margin:auto}.privacy-content p{line-height:1.9}.privacy-content strong{color:var(--ink)}
@media(max-width:850px){.secure-note{display:none}.customer-body{padding:14px}.customer-content{padding:22px 22px 0}.topbar{padding:17px 22px}.action-card{padding:18px 16px;gap:10px}.action-card strong{font-size:18px}.action-card small{font-size:10px}.action-symbol{width:40px;height:43px;font-size:27px}.room-sidebar{width:264px}.merchant-top{padding:14px 20px}.merchant-top .top-actions{gap:8px}.agent-chat-heading{padding:16px 18px}.heading-tools .text-button{font-size:10px}}
@media(max-width:620px){body{font-size:14px}.customer-body{padding:0;background:#fff}.customer-app{border:0;border-radius:0;box-shadow:none;min-height:100dvh}.topbar{height:76px;padding:12px 16px;gap:8px}.brand{gap:9px}.brand img{width:36px;height:36px}.brand strong{font-size:14px}.brand small{font-size:9px}.top-actions{gap:4px;flex-direction:column;align-items:flex-end}.status{font-size:10px;padding:3px 8px}.top-actions .text-button{font-size:10px;padding:2px}.customer-content{padding:20px 16px 0}.welcome-heading{margin-bottom:18px}.welcome-heading h1{font-size:25px;margin-top:6px}.welcome-heading p{font-size:12px}.eyebrow{font-size:10px}.primary-actions{grid-template-columns:1fr;gap:10px}.action-card{min-height:88px;padding:17px 18px;gap:13px;border-radius:13px}.action-card strong{font-size:20px}.action-card small{font-size:11px}.action-symbol{width:44px;height:44px}.action-caption{grid-template-columns:1fr;padding:10px 2px 15px;font-size:9px;gap:2px}.action-caption span:first-child{display:none}.messages{height:270px;min-height:200px;padding:16px 13px}.chat-heading{padding:12px 13px;font-size:12px}.chat-heading span{font-size:9px}.welcome-message{max-width:100%}.welcome-message p{font-size:12px}.quick-options{gap:6px}.quick-options button{font-size:11px;padding:7px 9px}.composer{padding:9px 12px}.composer-tools{gap:13px}.tool-button{font-size:11px}.composer-note{font-size:9px}.input-row textarea{font-size:12px;padding:10px;min-height:41px}.input-row .primary{min-width:62px;min-height:40px;padding:9px 13px}.customer-footer{font-size:8px;padding:11px 0}.customer-footer .text-button{font-size:9px}.bubble{max-width:94%;font-size:13px}.message img{max-width:230px}.message audio{width:220px}.call-bar{gap:9px;padding:10px;flex-wrap:wrap}.call-bar strong{font-size:12px}.call-bar small{font-size:10px}.call-bar .small{font-size:11px;min-height:32px;padding:5px 8px}.call-bar #callTimer{font-size:10px}.modal-backdrop{padding:12px}.modal{padding:21px 18px;max-height:92dvh}.modal h2{font-size:20px}.modal p{font-size:12px}.modal-actions{gap:7px}.modal-actions button{font-size:12px;min-height:40px;padding:9px 12px}.landing-body{padding:24px 17px}.landing>.brand{margin-bottom:34px;padding-bottom:22px}.landing>.brand small{font-size:8px}.landing>h1{font-size:43px}.landing>.lead{font-size:14px}.entry-grid{grid-template-columns:1fr;gap:12px}.entry-card{padding:22px}.entry-card h2{font-size:23px}.entry-card p{margin-bottom:12px}.notice{padding:18px;margin-top:18px}.landing footer{font-size:9px}.login-card{margin:7vh auto 4vh;padding:29px 24px;width:100%;max-width:calc(100vw - 30px)}.merchant-top{height:78px;padding:13px 15px}.merchant-top .top-actions{flex-direction:row;gap:7px;align-items:center}.merchant-top .brand small{max-width:118px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.merchant-top .top-actions .primary{font-size:11px;padding:7px 9px;min-height:33px}.merchant-top #agentStatus{display:none}.merchant-top #logoutBtn{font-size:10px}.room-sidebar{width:100%;border-right:0}.merchant-layout .agent-chat-area{display:none}.merchant-layout.room-open .room-sidebar{display:none}.merchant-layout.room-open .agent-chat-area{display:flex}.sidebar-heading{padding:20px 20px 12px}.room-item{padding:17px 16px}.room-item strong{font-size:15px}.room-item p{font-size:12px}.sidebar-foot{font-size:10px}.mobile-only{display:block}.agent-chat-heading{padding:12px 13px;gap:9px;min-height:74px}.agent-chat-heading h2{font-size:14px}.agent-chat-heading small{font-size:9px}.heading-tools{gap:4px}.heading-tools .small{font-size:10px;padding:6px 8px;min-height:30px}.agent-chat-area .messages{padding:18px 13px}.agent-chat-area .composer{padding:10px 12px}.reply-templates{padding:9px 13px;gap:6px}.reply-templates span{display:none}.reply-templates button{font-size:10px;padding:5px 7px}.incoming-panel{top:12px;padding:17px;gap:12px;flex-wrap:wrap}.incoming-panel .incoming-icon{width:42px;height:42px}.incoming-panel>div{min-width:190px}.incoming-panel button{flex:1;font-size:13px;min-height:42px}.incoming-panel h3{font-size:17px}.minimized-card{margin:15vh 20px;padding:30px 20px}.minimized-card h2{font-size:20px}}
/* v0.2: large, explicit phone handoff and visible reminder controls. */
.capture-preference{padding:0 0 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.check-line{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.check-line input{width:18px;height:18px;accent-color:var(--teal);margin:0}.capture-preference>span{font-size:12px;color:var(--muted)}.phone-handoff{background:#edf7f5;border:1px solid #c9e5dc;border-radius:13px;padding:17px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 18px}.phone-handoff strong{font-size:18px}.phone-handoff p{font-size:13px;color:#536e74;margin-top:4px}.phone-actions{display:flex;gap:9px;flex-shrink:0}.phone-actions button{font-size:14px;min-height:46px;padding:10px 15px}.mobile-voice{padding:16px;background:#edf7f5;border-radius:12px;margin-bottom:16px}.mobile-voice strong{font-size:18px}.mobile-voice p{font-size:13px;margin:8px 0;color:var(--muted)}.mobile-voice>.primary{width:100%;min-height:52px;font-size:19px}.reminder-strip{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.reminder-strip strong{font-size:13px}.reminder-strip small{display:block;font-size:11px;color:var(--muted);max-width:560px}.reminder-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.reminder-controls button{font-size:11px;min-height:32px;padding:5px 10px}.reminder-controls .check-line{font-size:11px}.sidebar-foot .reminder-controls{margin:10px 0}.message-notice{position:fixed;right:20px;bottom:24px;z-index:700;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 32px);width:460px;padding:18px 20px;background:#fff;border:2px solid #8dcabc;border-radius:16px;box-shadow:0 12px 50px #153b3c28}.message-notice strong{font-size:16px}.message-notice p{font-size:13px;color:var(--muted);word-break:break-word;margin-top:4px}.message-notice>div{flex:1;min-width:0}.message-notice button{flex-shrink:0}.phone-step{font-size:15px!important;line-height:2!important}.mobile-customer #phoneHandoff{display:none}.mobile-customer .phone-only-hide{display:none}.mobile-customer #recordBtn{font-size:14px}.reminder-strip .check-line input{width:16px;height:16px}
@media(max-width:850px){.phone-handoff{flex-direction:column;align-items:stretch}.phone-actions button{flex:1}.reminder-strip{align-items:stretch;flex-direction:column}}
@media(max-width:620px){.phone-handoff strong{font-size:17px}.phone-actions{flex-wrap:wrap}.phone-actions button{font-size:15px;min-height:49px}.phone-handoff p{font-size:13px}.capture-preference>span{font-size:11px}.message-notice{right:12px;bottom:14px;padding:14px;width:calc(100vw - 24px);gap:10px}.message-notice strong{font-size:14px}.message-notice p{font-size:12px}.message-notice button{font-size:12px}.composer-note{font-size:11px;line-height:1.8}.composer-tools{flex-wrap:wrap;gap:10px}.tool-button{font-size:13px}.mobile-customer #capturePreference{display:none}}

/* v0.3: fixed store entry, merchant phone access, and consent-based voice queue. */
.merchant-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 24px;border-bottom:1px solid var(--line);background:#f8fbfb;flex-shrink:0}.merchant-tools span{font-size:11px;color:var(--muted);margin-left:auto}.merchant-tools button{font-size:13px}.queue-panel{margin:8px 10px;padding:13px;border:1px solid #b5d9d0;border-radius:12px;background:#eef7f4;max-height:290px;overflow:auto;flex-shrink:0}.queue-heading{font-size:16px}.queue-heading span{background:#087f79;color:white;padding:1px 7px;border-radius:12px}.queue-panel>p{font-size:12px;line-height:1.7;color:#53766e;margin:8px 0}.queue-item{padding:12px 0;border-top:1px solid #cbe2dc}.queue-item>strong,.queue-item>small{display:block}.queue-item>small{font-size:11px;color:var(--muted);margin:4px 0}.queue-item-actions{display:flex;gap:8px;align-items:center;justify-content:space-between}.queue-item-actions button{font-size:11px}.queue-status{padding:17px 20px;border:1px solid #acd1c6;border-radius:12px;background:#eef8f3;margin:10px 0}.queue-status strong{font-size:18px}.queue-status p{font-size:13px;line-height:1.8;color:#476f66;margin:7px 0}.entry-lead{font-size:16px!important;line-height:1.8!important}.entry-badge{font-size:12px;background:#eef7f4;border:1px solid #bfdfd4;color:#1b7564;padding:6px 10px;border-radius:7px;display:inline-block;margin:10px 0}.entry-url{font-family:ui-monospace,monospace;font-size:13px;padding:12px;background:#f3f6f6;border-radius:7px;overflow-wrap:anywhere}.entry-placeholder{min-height:165px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;line-height:2;font-size:16px;color:#638179;border:2px dashed #b5d2ca;border-radius:12px;margin:18px 0;background:#f5f9f8}.entry-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.store-qr{display:block;width:240px;height:240px;max-width:100%;image-rendering:pixelated;margin:18px auto}.entry-footnote{font-size:12px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.entry-modal .check-line{margin:14px 0;align-items:flex-start;line-height:1.8}.entry-modal .check-line input{flex-shrink:0;margin-top:4px}
@media(max-width:620px){.merchant-tools{padding:9px 13px;gap:8px}.merchant-tools span{margin:0;width:100%;font-size:10px}.merchant-tools button{flex:1;min-height:40px;font-size:12px}.queue-panel{max-height:245px}.queue-status{padding:15px}.queue-status strong{font-size:16px}.entry-buttons{grid-template-columns:1fr}.queue-item-actions button{font-size:12px}.merchant-app{min-height:100vh}}