/* v0.73.0 (public/phone.js): the alarm card under an answer, the alarm window, 설정 → 휴대폰 연결. */
.alarm-card{display:grid;gap:10px;max-width:420px;margin:8px 0 14px 44px;padding:14px;border-radius:18px;border:1px solid rgba(199,122,6,.22);background:linear-gradient(180deg,#fffdf7 0%,#fdf1d9 100%);box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(138,75,0,.06),0 12px 24px rgba(138,75,0,.12);color:#203c32}
.alarm-card.paused{opacity:.7}
.alarm-card-head{display:flex;align-items:center;gap:12px}
.alarm-card-icon{display:inline-flex;width:44px;height:44px;flex:none;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(180deg,#f4b54a 0%,#c77a06 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 5px 12px rgba(199,122,6,.35);font-size:22px}
.alarm-card-when{display:grid;gap:2px;min-width:0}.alarm-card-time{font-size:26px;line-height:1.1;font-weight:900;letter-spacing:-.5px}.alarm-card-when small{color:#556a5d;font-size:13px}
.alarm-clock-button{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:13px;border:1px solid #1b4fcc;background:linear-gradient(180deg,#4a86f7 0%,#1f57da 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px rgba(37,99,235,.35);color:#fff!important;font-size:15px;font-weight:700;text-decoration:none}
.alarm-card-note{color:#556a5d;font-size:12px;line-height:1.5}.alarm-card-actions{display:flex;justify-content:flex-end}.alarm-card-actions button{min-height:40px}
@media(max-width:650px){.alarm-card{margin-left:0}}
.alarm-dialog,dialog.alarm-dialog{width:min(380px,calc(100vw - 32px))!important;max-width:380px!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:26px 22px 22px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:28px!important;background:radial-gradient(240px 180px at 30% 10%,#3e7562 0%,rgba(62,117,98,0) 70%),linear-gradient(160deg,#2c5446 0%,#18342a 60%,#10241d 100%)!important;box-shadow:0 30px 60px rgba(0,0,0,.4)!important;color:#f7f3ea!important;text-align:center;overflow:auto}
dialog.alarm-dialog[open]{display:block!important}
.alarm-dialog::backdrop{background:rgba(8,18,14,.6)}
.alarm-dialog .alarm-dialog-face{font-size:44px;line-height:1}.alarm-dialog .alarm-dialog-eyebrow{margin:10px 0 0;color:#cff5de;font-size:13px;font-weight:700}
.alarm-dialog .alarm-dialog-time{margin:2px 0;color:#fff;font-size:64px;line-height:1;font-weight:300;letter-spacing:-2px}.alarm-dialog .alarm-dialog-title{margin:6px 0 0;color:#fff;font-size:20px;font-weight:700}.alarm-dialog .alarm-dialog-message{margin:6px 0 0;color:#d9ebe0;font-size:15px;line-height:1.5}
.alarm-dialog .alarm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.alarm-dialog .alarm-dialog-actions button{width:100%;min-height:52px;margin:0;border-radius:16px;font-size:16px;font-weight:700;justify-content:center}
.alarm-dialog .alarm-dialog-actions button.secondary{border:1px solid rgba(255,255,255,.35)!important;background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 14px rgba(0,0,0,.25);color:#fff!important}
.alarm-dialog .alarm-dialog-actions button.primary{border:1px solid #1b4fcc!important;background:linear-gradient(180deg,#4a86f7 0%,#1f57da 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 18px rgba(37,99,235,.4);color:#fff!important}
.item-calendar{display:inline-flex;align-items:center;min-height:44px;margin:4px 0;font-weight:700}
.phone-feature{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #ebe6da}.phone-feature-head{display:flex;justify-content:space-between;gap:12px}.phone-feature small{color:#5d6b62;line-height:1.5}
.phone-on{color:#1e6b3d}.phone-off{color:#8a4b00}.phone-steps{display:grid;gap:8px;padding-left:20px;line-height:1.55}.phone-field{display:grid;gap:6px;margin:10px 0}.phone-field input{min-height:44px}
.phone-actions{display:flex;flex-wrap:wrap;gap:8px}.phone-actions button{min-height:44px}.phone-note{display:block;margin-top:10px;color:#5d6b62;line-height:1.5}