:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#173348;background:#f2f8fd;color-scheme:light}*{box-sizing:border-box}.dial-page{margin:0;background:radial-gradient(ellipse at top,#def3ff,transparent 60%);min-height:100svh}.dial-shell{max-width:620px;margin:auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.dial-head{display:flex;align-items:center;gap:12px;padding:8px 0 24px}.dial-head img{border-radius:13px}.dial-head strong{font-size:20px}.dial-head small{display:block;font-size:12px;color:#617b8e;margin-top:4px}.dial-head>button{margin-left:auto}.dial-card{padding:26px;background:#fff;border:1px solid #d7e6f1;border-radius:26px;box-shadow:0 14px 45px #1645680c}.dial-page h1{font-size:clamp(28px,6vw,38px);line-height:1.15;letter-spacing:-1px;margin:0 0 15px}.dial-page p{line-height:1.6}.dial-page label{display:block;font-weight:600;margin:18px 0 8px}.dial-page input{width:100%;font:inherit;font-size:18px;padding:16px;border:1px solid #c5dceb;border-radius:14px;background:#f6faff;color:inherit;min-height:56px}.dial-page button,.speed-dial-panel button{cursor:pointer;font:inherit;touch-action:manipulation;transition:transform .12s,background-color .12s,box-shadow .12s}.dial-page button:active,.speed-dial-panel button:active{transform:scale(.965);filter:brightness(.88);box-shadow:inset 0 2px 8px #102e4440}.dial-page button:focus-visible,.speed-dial-panel button:focus-visible{outline:3px solid #ffbe45;outline-offset:3px}.dial-page button:disabled{cursor:wait}.dial-primary{display:block;width:100%;margin:18px 0 12px;min-height:56px;padding:14px 20px;border:0;border-radius:15px;background:#0864df;color:#fff;font-weight:700!important}.dial-card>small,.dial-note{font-size:12px;color:#617b8e;line-height:1.6}.dial-quiet{padding:10px 12px;border:0;background:transparent;border-radius:12px;color:#0864df}.dial-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0 22px}.dial-title h1{margin:0;font-size:30px}.dial-title p{margin:5px 0;color:#617b8e}.dial-list{display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dial-action{display:flex;width:100%;align-items:center;gap:14px;padding:18px;border-radius:22px;background:#fff;border:1px solid #d5e6f2;text-align:left;color:#173348;min-height:88px;box-shadow:0 5px 18px #16456808}.dial-action .dial-initial{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:17px;background:#e5f2ff;color:#0864df;font-size:22px;font-weight:700}.dial-action .dial-person{flex:1;min-width:0}.dial-action strong,.dial-action small{display:block;overflow-wrap:anywhere}.dial-action small{margin-top:5px;font-size:13px;color:#617b8e}.dial-phone{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;background:#0864df;color:#fff;border-radius:50%}.dial-phone svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.dial-action:active{background:#dcefff}.dial-call{max-width:420px;width:calc(100% - 32px);padding:36px 24px;border:1px solid #c5dceb;border-radius:28px;text-align:center;background:#fff;color:#173348}.dial-call::backdrop{background:#0c253cba}.dial-call-avatar{width:86px;height:86px;display:grid;place-items:center;margin:auto auto 22px;border-radius:50%;background:#e5f2ff;color:#0864df;font-size:40px}.dial-call-controls{display:flex;gap:12px;margin-top:26px}.dial-call-controls button{flex:1;border:0;border-radius:14px;padding:17px;background:#e5f2ff;color:#0864df;font-weight:700}.dial-call-controls .dial-end,.dial-call-controls [aria-pressed=true]{background:#cf3148;color:#fff}#callTime{font-size:28px;font-variant-numeric:tabular-nums}#dialApprovalQr{max-width:100%;height:auto;display:block;margin:20px auto}#dialStatus:empty{display:none}[hidden]{display:none!important}.speed-dial-panel{max-width:580px;width:calc(100% - 24px);max-height:90svh;overflow:auto;border:1px solid #c5dceb;border-radius:24px;padding:22px}.speed-dial-panel header{display:flex;align-items:center;justify-content:space-between}.speed-dial-panel form{display:flex;gap:8px;margin:18px 0}.speed-dial-panel input{min-width:0;flex:1;padding:12px;border:1px solid #c5dceb;border-radius:12px;font:inherit}.speed-dial-panel button{border:1px solid #c5dceb;border-radius:12px;background:#eef7ff;color:#0864df;padding:12px}.speed-dial-panel .speed-row{display:flex;align-items:center;gap:8px;margin:12px 0}.speed-row .dial-action{flex:1}.speed-row .dial-action small{display:block}.speed-dial-panel::backdrop{background:#0c253c99}@media(prefers-reduced-motion:reduce){.dial-page button,.speed-dial-panel button{transition:none}}@media(prefers-color-scheme:dark){.dial-page{background:#102b3e;color:#eaf3fa;color-scheme:dark}.dial-card,.dial-action,.dial-call{background:#1c394e;border-color:#3a5973;color:#eaf3fa}.dial-page input{background:#142e41;border-color:#3a5973}.dial-page small,.dial-note,.dial-title p,.dial-action small{color:#b7ccdb}.dial-page .dial-quiet{color:#99ccff}.dial-action:active{background:#284f6c}}:root[data-appearance=dark] .speed-dial-panel{background:#1c394e;color:#eaf3fa}

.bottom-nav:has(>button:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}.speed-dial-panel .dial-action{display:block;text-align:left}