:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172a30;background:#f3f4ee;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}.monitor{max-width:780px;margin:auto;padding:28px 24px 155px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:#4c6666;margin:0 0 8px}h1{font-size:32px;letter-spacing:-.04em;line-height:1.1;margin:0}h2{font-size:17px;letter-spacing:-.02em;margin:0}.quiet{border:1px solid #cbd3ce;border-radius:30px;background:transparent;color:#4c6264;padding:8px 13px;font-size:12px}.connection{display:flex;gap:9px;align-items:center;background:#e3e9e4;border:1px solid #d1dcd4;border-radius:10px;padding:11px 14px;font-size:13px;margin-bottom:17px}.dot{width:8px;height:8px;border-radius:50%;background:#8a9695;flex-shrink:0}.connection.live .dot{background:#20845b;box-shadow:0 0 0 4px #20845b15}.connection.warn{background:#fff0dc;border-color:#e8ceb0;color:#7e4b16}.connection.warn .dot{background:#cc831e}.call-card{border:1px solid #d8ddd4;background:#fffef9;border-radius:16px;padding:20px;margin-bottom:26px}.call-card>label{display:block;font-size:10px;letter-spacing:.12em;font-weight:750;color:#6f8380;margin-bottom:10px}select{width:100%;border:0;border-bottom:1px solid #e1e5dc;background:transparent;color:#172a30;font-size:17px;font-weight:600;padding:8px 24px 13px 0;border-radius:0;overflow:hidden;text-overflow:ellipsis}.call-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;color:#657b78;font-size:13px;font-variant-numeric:tabular-nums}.badge{background:#e8ede7;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:650;text-transform:capitalize}.badge.active{background:#d6f0e1;color:#136341}.objective{font-size:14px;line-height:1.55;margin:15px 0 0;color:#536b69;overflow-wrap:anywhere}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.follow{font-size:12px;color:#637a77;display:flex;align-items:center;gap:5px}.follow input{accent-color:#227652;width:16px;height:16px}.caption-note{font-size:11px;line-height:1.5;color:#778984;margin:9px 0 23px}.turn{margin-bottom:19px;max-width:94%;padding:14px 16px;border-radius:3px 14px 14px 14px;background:#fffef9;border:1px solid #d8ddd4;overflow-wrap:anywhere}.turn.assistant{margin-left:auto;background:#e3ece7;border-color:#d2dfd6;border-radius:14px 3px 14px 14px}.speaker{display:flex;justify-content:space-between;gap:16px;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#66817a;margin-bottom:7px}.speaker time{font-size:10px;font-weight:450;letter-spacing:0;color:#7a8c85}.words{font-size:16px;line-height:1.6;white-space:pre-wrap}.empty{text-align:center;color:#84938d;font-size:14px;padding:45px 15px}.controls{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(780px,100%);padding:12px 24px calc(18px + env(safe-area-inset-bottom));background:#f3f4eef2;backdrop-filter:blur(12px);border-top:1px solid #d5ddd2}.controls p{font-size:11px;line-height:1.4;color:#6f7f79;margin:0 0 9px;text-align:center}.hangup{display:block;width:100%;border:0;border-radius:13px;padding:16px;background:#b83d35;color:#fff;font-size:16px;font-weight:650;min-height:54px}.hangup:enabled:hover{background:#a52b25}.login{max-width:460px;margin:12vh auto;padding:26px}.login h1{font-size:36px;margin-bottom:22px}.login p{line-height:1.6;color:#647974}.login label{display:block;margin-top:30px;font-size:13px}.login input{display:block;width:100%;padding:14px;margin:8px 0 14px;border:1px solid #c7d4ca;border-radius:9px;background:#fffef9}.primary{padding:14px;width:100%;border:0;border-radius:9px;background:#234e43;color:white;font-weight:600}.muted{font-size:12px}.error{color:#b13c35!important;font-size:13px}@media(max-width:480px){.monitor{padding:22px 18px 165px}h1{font-size:29px}.call-card{padding:16px}.controls{padding-left:18px;padding-right:18px}.turn{max-width:96%}.words{font-size:16px}.login{margin-top:8vh}}
:root .header-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:160px}.pairing{padding:20px;background:#fffef9;border:1px solid #c9d9cd;border-radius:12px;margin-bottom:18px;font-size:13px}.pairing code{font-size:21px;letter-spacing:.04em;font-weight:600}.pairing p{line-height:1.5;color:#637a77} [hidden]{display:none!important}
.inbox{border:1px solid #cdd9ce;border-radius:16px;padding:18px;background:#f9fbf4;margin:0 0 20px}.inbox summary{cursor:pointer;font-weight:700;font-size:16px}.inbox summary .badge{margin-left:8px;white-space:nowrap}.message-card{padding:16px;background:#fffef9;border:1px solid #d8ddd4;border-radius:12px;margin-top:14px;overflow-wrap:anywhere}.message-card.new{border-left:4px solid #287453}.message-card h3{font-size:16px;margin:0}.message-card .caption-note{margin:8px 0}.message-body{white-space:pre-wrap;font-size:15px;line-height:1.6;margin:10px 0 14px}.message-quality{font-size:11px;color:#6b765e;line-height:1.5}.message-actions{display:flex;gap:8px;flex-wrap:wrap}#olderMessages{margin-top:14px}
.inbox audio{display:block;width:100%;max-width:100%;margin:10px 0 18px}
#systemPromptsOutput summary{overflow-wrap:anywhere}#systemPromptsOutput details{min-width:0;margin-top:16px}
/* Focused pages retain unsaved forms while keeping mobile controls within reach. */
.monitor{padding-bottom:110px}.app-nav{display:flex;gap:6px;position:sticky;top:0;background:#f3f4eef5;padding:10px 0;z-index:20;margin:0 0 20px;backdrop-filter:blur(10px)}
.app-nav button{flex:1;min-width:0;min-height:46px;border:1px solid #cad8cd;border-radius:12px;background:transparent;color:#345a50;font:inherit;font-size:14px;cursor:pointer}
.app-nav button[aria-selected=true]{background:#234e43;color:white;border-color:#234e43}.app-nav button[data-pending]:not([data-pending=""])::after{content:attr(data-pending);display:inline-block;background:#b83d35;color:#fff;padding:1px 5px;border-radius:9px;margin-left:4px;font-size:10px}
.page-view{min-width:0}.page-view .inbox>h2:first-child{margin-top:0}.page-view .inbox:has(>summary):open>summary{margin-bottom:16px}
.page-view .editor-field select{max-width:100%;min-height:44px}.caller-entry>details{margin-top:16px}.caller-entry>details>summary{font-size:14px}
.controls{display:flex;align-items:center;gap:14px;z-index:30;border-radius:12px 12px 0 0}.call-controls-meta{flex:1;min-width:0}.call-controls-meta strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls .call-controls-meta p{margin:4px 0 0;text-align:left;font-size:11px}.controls .hangup{width:auto;min-width:130px;min-height:46px;padding:12px;font-size:14px}.has-active-call .monitor{padding-bottom:180px}
.approval-card{border-left:4px solid #bd7834}.approval-card button{min-height:46px}.page-view textarea,.page-view input,.page-view select{font-size:16px}#ruleWarnings{color:#965b23}#ruleInstructions,#ruleJson{min-height:160px}#liveUpdateForm{border-bottom:1px solid #d8ddd4;padding-bottom:16px;margin-bottom:20px}
@media(max-width:600px){.monitor{padding:18px 14px 100px}.monitor header{margin-bottom:12px}.monitor h1{font-size:28px}.connection{font-size:12px;padding:10px 12px;margin-bottom:16px}.inbox{padding:15px;border-radius:13px;margin-bottom:16px}.settings-grid{grid-template-columns:1fr;margin:14px 0;gap:12px}.editor-field{margin:14px 0}.message-actions{gap:8px}.message-actions>button{flex:1;min-width:125px}.app-nav{position:fixed;top:auto;bottom:0;left:0;right:0;padding:7px 7px calc(8px + env(safe-area-inset-bottom));margin:0;border-top:1px solid #cdd9ce;gap:4px;z-index:50}.app-nav button{font-size:12px;min-height:44px;border-radius:10px;border-color:transparent}.controls{bottom:calc(60px + env(safe-area-inset-bottom));padding:9px 14px;width:100%;gap:10px}.controls .hangup{min-width:118px}.has-active-call .monitor{padding-bottom:175px}.page-view .editor-card{padding:12px}.page-view .instruction-preview{font-size:11px}.page-view .conversation .words{font-size:16px}}
.header-actions a.quiet{text-decoration:none;text-align:center}.login .pairing-login{margin-top:26px;border-top:1px solid #cbd3ce;padding-top:20px}.pairing-login summary{cursor:pointer;font-size:14px}.login .success{background:#e3ece7;border:1px solid #bad5c6;border-radius:9px;padding:14px;color:#234e43}.login input[readonly]{color:#536b69;background:#e9ede6}.login input:focus-visible,.login button:focus-visible,.login a:focus-visible,.login summary:focus-visible{outline:3px solid #629b85;outline-offset:3px}
.caller-entry{padding:14px 0;border-bottom:1px solid #d8ddd4;overflow-wrap:anywhere}.caller-entry .caption-note{margin:5px 0 10px}.language-edit{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.language-edit label{font-size:12px}.language-edit input{width:100px;padding:8px;border:1px solid #c7d4ca;border-radius:6px;background:#fffef9}

.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.settings-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}.settings-grid select{font-size:16px;min-height:44px}.settings-grid textarea{width:100%;max-width:100%;padding:10px;border:1px solid #c7d4ca;border-radius:8px;background:#fffef9;color:inherit;font:inherit;resize:vertical}.check-setting{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:14px}.check-setting input{width:20px;height:20px;accent-color:#227652}.upload-label{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:13px}.upload-label input{max-width:100%;font-size:13px}.settings-grid+button,.message-actions button{min-height:44px}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #629b85;outline-offset:3px}#noticeDraft{margin-top:14px}#voiceBackendState,#recordingSettingsState,#noticeState{overflow-wrap:anywhere}
.editor-field{display:flex;flex-direction:column;gap:7px;margin:18px 0;font-size:13px;min-width:0}.editor-field textarea,.editor-field input,.settings-grid input{width:100%;padding:11px;border:1px solid #c7d4ca;border-radius:8px;background:#fffef9;color:inherit;font:inherit;min-width:0}.editor-field textarea{resize:vertical;line-height:1.5}.editor-card{padding:16px;margin:16px 0;border:1px solid #d0dbd1;border-radius:12px;background:#fffef9}.editor-card h3{margin-top:0}.editor-card button+button{margin-left:8px}.instruction-preview{font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto;padding:12px;background:#edf1e9;border-radius:8px}#instructionsOutput details{margin-top:16px}#saveCaller{margin-top:14px}.inbox input:focus-visible{outline:3px solid #629b85;outline-offset:3px}
.page-view .editor-field input,.page-view .editor-field textarea,.page-view .settings-grid input,.page-view .settings-grid textarea{font-size:16px}
@media(max-width:600px){.page-view .settings-grid{grid-template-columns:1fr}.page-view button{min-height:44px}.page-view .editor-card button+button{margin-left:0}.page-view .message-actions{display:flex;flex-wrap:wrap}.page-view input,.page-view textarea{max-width:100%}.controls{left:0;right:0;width:auto;transform:none}}