.browser-phone{position:fixed;right:20px;bottom:20px;z-index:80;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;color:#172724;border:1px solid #c8d9d1;border-radius:18px;box-shadow:0 12px 40px #183d3029;padding:18px;font-size:14px}
.browser-phone header{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:12px}.browser-phone header strong,.browser-phone header small{display:block}.browser-phone header strong{font-size:16px}.browser-phone header small{font-variant-numeric:tabular-nums;color:#52665f;margin-top:4px}.browser-phone-status{font-size:11px;text-align:right;color:#6b6255;max-width:128px;padding:5px 8px;background:#f4f1e9;border-radius:8px}.browser-phone-status.is-ready{color:#246044;background:#e6f4eb}
.browser-phone-actions{display:flex;flex-wrap:wrap;gap:8px}.browser-phone-actions button{flex:1;min-height:42px;cursor:pointer}.browser-phone button:disabled{cursor:wait;opacity:.65}.browser-phone button:focus-visible,.browser-phone summary:focus-visible{outline:3px solid #267557;outline-offset:3px}.browser-phone-hangup{background:#b93b37;border:1px solid #b93b37;border-radius:9px;color:#fff;font-weight:650;padding:10px 15px}.browser-phone-contact{display:grid;gap:3px;padding:12px 0 16px;overflow-wrap:anywhere}.browser-phone-contact strong{font-size:17px}.browser-phone-contact span{color:#53665e;font-variant-numeric:tabular-nums}
.browser-phone-help,.browser-phone-emergency{font-size:12px;line-height:1.5;margin:12px 0 0;color:#56665d}.browser-phone-emergency{color:#756c60;font-size:11px}.browser-phone-error{color:#902d29;background:#fff0ed;border-radius:8px;padding:10px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.browser-phone-issues{padding-left:20px;line-height:1.5;color:#765630;font-size:12px}.browser-phone-issues li+li{margin-top:5px}
.browser-phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.browser-phone-keypad button{min-height:38px;border:1px solid #dce7df;border-radius:8px;background:#f7faf7;color:#264b38;font-size:18px;cursor:pointer}.browser-phone-keypad button:hover{background:#e9f1eb}.browser-phone-history{border-top:1px solid #e1e9e3;margin-top:12px;padding-top:10px;font-size:12px}.browser-phone-history summary{cursor:pointer;color:#52665a}.browser-phone-history ul{padding:0;margin:8px 0 0;list-style:none}.browser-phone-history li{display:flex;justify-content:space-between;gap:10px;padding:6px 0}.browser-phone-history span{overflow-wrap:anywhere}.browser-phone-history small{flex-shrink:0;color:#657469}
@media(max-width:640px){.browser-phone{right:16px;bottom:12px;max-height:60vh;padding:14px}.browser-phone header strong{font-size:14px}.browser-phone-status{font-size:10px}}
.browser-phone-history li>div{min-width:0}.browser-phone-history li>div small{display:block;font-size:10px;line-height:1.6}.browser-phone-history li>small{text-align:right}