:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{color:#111;background:#fff;margin:0}*{box-sizing:border-box}.app{flex-direction:column;height:100svh;display:flex}header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}header h1{margin:0;font-size:18px}.logout{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:6px;padding:6px 12px}.layout{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid #ddd;width:320px;overflow-y:auto}.main{flex:1;padding:20px;overflow-y:auto}.call-list{margin:0;padding:0;list-style:none}.call-list li{cursor:pointer;border-bottom:1px solid #eee;padding:10px 16px}.call-list li:hover{background:#0000000a}.call-list li.selected{background:#4078ff1f}.call-list-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.caller{font-weight:600}.time{color:#777}.flag-badge{color:#d33}.outcome{text-transform:capitalize;background:#eee;border-radius:4px;padding:1px 6px}.outcome-booked{background:#d7f5dd}.outcome-escalated,.outcome-dropped{background:#f8d7da}.outcome-cancelled{background:#f0f0f0}.empty{color:#888;padding:20px}.error{color:#d33;padding:8px 20px}.player{width:100%;margin:12px 0}.booking ul{margin:0 0 20px;padding:0;list-style:none}.booking li{padding:2px 0}.transcript{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.bubble{background:#f2f2f2;border-radius:10px;max-width:70%;padding:8px 12px}.bubble.bot{align-self:flex-start}.bubble.caller_speech,.bubble.caller_dtmf{background:#dbe9ff;align-self:flex-end}.bubble .speaker{color:#777;margin-bottom:2px;font-size:11px;display:block}.flag-form{border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:8px;max-width:480px;padding:16px;display:flex}.flag-form textarea{min-height:70px;font:inherit;padding:8px}.flag-form button{cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:6px;align-self:flex-start;padding:6px 16px}.login-screen{justify-content:center;align-items:center;height:100svh;display:flex}.login-card{flex-direction:column;gap:10px;width:280px;display:flex}.login-card input{font:inherit;border:1px solid #ccc;border-radius:6px;padding:8px 10px}.login-card button{color:#fff;cursor:pointer;background:#4078ff;border:none;border-radius:6px;padding:8px}