:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#edf2f7;color:#102a43;font-family:Arial,Helvetica,sans-serif}.pairing-screen,.screen-center{min-height:100vh;display:grid;place-items:center;padding:2rem}.pairing-screen{background:linear-gradient(135deg,#0f5132,#198754)}.pairing-card{max-width:570px;padding:2.5rem;border-radius:1.25rem;background:#fff;text-align:center;box-shadow:0 1.5rem 3.5rem rgba(0,0,0,.25)}.pairing-card h1{margin:0 0 1rem;color:#146c43}.pairing-card p{margin:0 auto 1.5rem;max-width:450px;color:#486581;font-size:1.05rem;line-height:1.5}.pairing-card small{display:block;margin-top:1.25rem;color:#627d98}.panel-page{min-height:100vh;padding-bottom:2.5rem}.panel-navbar{height:78px;padding:.75rem 4vw;display:flex;align-items:center;gap:1rem;background:#fff;border-bottom:1px solid #d9e2ec;box-shadow:0 2px 8px rgba(16,42,67,.08);font-weight:700;color:#146c43;font-size:clamp(1rem,2vw,1.35rem)}.panel-navbar img{max-height:54px;max-width:220px;object-fit:contain}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:.65rem}.panel-navbar button{padding:.55rem .9rem;border:1px solid #146c43;border-radius:.5rem;background:#fff;color:#146c43;font:inherit;font-size:.82rem;cursor:pointer}.panel-navbar button:hover{background:#e8f5ee}.panel-navbar button:disabled{cursor:wait;opacity:.65}.tts-test-result{margin:1rem 4vw 0;padding:.9rem 1rem;display:flex;align-items:center;gap:1rem;border:1px solid;border-radius:.65rem;font-weight:700}.tts-test-result.is-success{color:#0f5132;border-color:#badbcc;background:#d1e7dd}.tts-test-result.is-error{color:#842029;border-color:#f5c2c7;background:#f8d7da}.tts-test-result button{margin-left:auto;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:1.4rem;cursor:pointer}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:rgba(16,42,67,.62)}.tts-modal{position:relative;width:min(560px,100%);padding:1.6rem;border-radius:1rem;background:#fff;box-shadow:0 1.5rem 4rem rgba(0,0,0,.3)}.tts-modal h2{margin:0 2rem .5rem 0;color:#146c43}.tts-modal p{margin:0 0 1.25rem;color:#486581;line-height:1.45}.tts-modal label{display:block;margin-bottom:.4rem;font-weight:700}.tts-modal textarea{width:100%;padding:.8rem;resize:vertical;border:1px solid #9fb3c8;border-radius:.5rem;color:#102a43;font:inherit}.tts-modal textarea:focus{outline:3px solid rgba(20,108,67,.2);border-color:#146c43}.tts-modal small{display:block;margin-top:.35rem;color:#627d98;text-align:right}.modal-close{position:absolute;top:.8rem;right:.9rem;border:0;background:transparent;color:#486581;font-size:1.8rem;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.modal-actions button{padding:.65rem 1rem;border:1px solid #146c43;border-radius:.5rem;background:#146c43;color:#fff;font:inherit;font-weight:700;cursor:pointer}.modal-actions button.secondary{background:#fff;color:#146c43}.modal-actions button:disabled{cursor:wait;opacity:.6}.tts-audio-player{width:100%;margin-top:1rem}.tts-modal .tts-test-result{margin:1rem 0 0;font-weight:400}.brand-placeholder{padding:.65rem .9rem;color:#fff;border-radius:.4rem;background:#146c43;font-weight:800;letter-spacing:.05em}.current-call{min-height:43vh;margin:3.5vh 4vw 2.5vh;padding:2rem;display:grid;place-content:center;text-align:center;border-radius:1.25rem;background:#fff;border:2px solid #d9e2ec;box-shadow:0 12px 30px rgba(16,42,67,.09)}.current-call h1{margin:0;font-size:clamp(2.4rem,7vw,6.5rem);line-height:1.05}.current-call p{margin:1.25rem 0 0;color:#334e68;font-size:clamp(1.25rem,3vw,2.75rem)}.current-call.is-active{color:#fff;background:#b42318;border-color:#b42318;animation:call-blink 1.15s ease-in-out infinite}.current-call.is-active p{color:#fff}@keyframes call-blink{50%{background:#e24a3b;transform:scale(1.008)}}.recent-calls{margin:0 4vw;padding:1.6rem;border-radius:1rem;background:#fff;box-shadow:0 6px 20px rgba(16,42,67,.08)}.recent-calls h2{margin:0 0 1rem;font-size:clamp(1.45rem,3vw,2.2rem);color:#146c43}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:clamp(1rem,2vw,1.45rem)}td,th{padding:1rem;text-align:left;border-bottom:1px solid #d9e2ec}th{color:#486581;font-size:.82em;text-transform:uppercase;letter-spacing:.05em}td:last-child,th:last-child{width:1%;white-space:nowrap}@media (max-width:620px){.pairing-card{padding:1.5rem}.current-call{margin:1.5rem 1rem}.recent-calls{margin:0 1rem;padding:1rem}.panel-navbar{height:auto;padding:.75rem 1rem;flex-wrap:wrap}.panel-actions{width:100%;margin-left:0}.tts-test-result{margin-inline:1rem}}