/* Third row: a quiet, separate voice action above playback settings and completion. */
.recording-row{display:flex;align-items:center;gap:14px;padding:11px 16px;border-bottom:1px solid var(--line);background:#f8fafb;border-radius:14px 14px 0 0;min-height:59px}.rec-label{display:flex;align-items:center;gap:6px;flex:none;color:var(--muted);font-size:11px}.rec-label>.icon{width:16px;height:16px}.rec-label time{font:10px var(--mono);color:var(--muted);margin-left:2px;font-variant-numeric:tabular-nums}.rec-buttons{display:flex;align-items:center;gap:6px;flex-shrink:0}.rec-buttons>.btn{font-size:11px;min-height:32px;padding:6px 9px;gap:5px}.rec-buttons .icon{width:14px;height:14px}.rec-buttons .text-button{font-size:10px;min-height:30px}.rec-info{margin-left:auto;max-width:275px;text-align:right;font-size:10px;line-height:1.7;color:var(--muted)}.rec-info>span{display:block}.rec-info>small{display:block;font-size:9px}.rec-info .text-button{font-size:9px}.recording-row.is-recording{background:#fff7f6}.recording-row.is-recording .rec-label{color:#a34441}.recording-row.is-recording .rec-label>.icon{animation:rec-pulse 1.4s ease-in-out infinite}.recording-stop{background:#b34e48!important;border-color:#b34e48!important;color:white!important}.recording-row.has-error .rec-info{color:#a34441}.rec-help{font-size:11px;color:var(--muted)}.recordings-dialog{padding:0;width:min(660px,calc(100% - 32px));border:1px solid var(--line);border-radius:15px}.recordings-dialog>.dialog-heading{align-items:flex-start}.recordings-dialog .dialog-heading h2{font-size:18px}.recordings-dialog .dialog-heading p{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.8}.recordings-dialog-body{max-height:68dvh;overflow:auto;padding:8px 24px 20px;scrollbar-width:thin}.rec-card{padding:17px 0;border-bottom:1px solid var(--line)}.rec-card:last-child{border:0}.rec-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.rec-card-heading strong{font-size:12px;font-weight:550}.rec-card-heading>span{font-size:10px;color:var(--muted)}.rec-card>p{font-size:11px;color:var(--muted);margin:8px 0}.rec-card details>summary{cursor:pointer;font-size:10px;color:var(--stage-ink);padding:3px 0}.rec-card details>p{font:14px/1.9 var(--display);margin:9px 0;overflow-wrap:anywhere}.rec-card details>p.muted{font:12px/1.9 var(--body)}.rec-card-bottom{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px}.rec-card-bottom>small{font-size:9px;color:var(--muted)}.rec-card-bottom .text-button{font-size:10px}.rec-card-bottom>.text-button:last-child{margin-left:auto}.rec-card-bottom .icon{width:14px;height:14px}.rec-expired{font-size:10px;color:var(--muted)}.rec-empty,.rec-error{padding:28px 0;font-size:12px;color:var(--muted);text-align:center;line-height:1.8}.rec-error{color:#a34441}.rec-list-count{font-size:10px;color:var(--muted);text-align:center;margin-top:18px}.recording-day-link{color:var(--blue);font:inherit;padding:0;text-decoration:underline;text-underline-offset:3px}.checkin-recording-note{font-size:10px;color:var(--muted);margin:9px 0 3px}.checkin-recording-note>button{font-size:11px}.checkin-day>em{font-size:8px;font-style:normal;color:var(--stage-ink);position:absolute;bottom:5px;left:7px}.checkin-day.has-voice>b{padding-bottom:8px}.checkin-day.has-voice>i{bottom:9px}
@container(max-width:900px){.recording-row{gap:9px;flex-wrap:wrap}.rec-info{max-width:none;flex:1;min-width:180px}.rec-label{font-size:10px}.rec-buttons{gap:3px}.rec-buttons .btn{font-size:10px;padding:6px 8px}}
@media(max-width:700px){.recording-row{padding:9px 10px;gap:7px;flex-wrap:wrap;border-radius:10px 10px 0 0}.rec-label{font-size:10px}.rec-buttons{gap:3px;flex:1;flex-wrap:wrap}.rec-buttons>.btn{font-size:10px;padding:5px 7px;min-height:30px}.rec-buttons .text-button{font-size:9px;padding:3px}.rec-info{flex-basis:100%;font-size:9px;max-width:none;text-align:left;line-height:1.6}.rec-info>small{font-size:8px}.rec-card-heading{align-items:flex-start}.rec-card-heading>span{font-size:9px;white-space:nowrap}.recordings-dialog-body{padding-left:18px;padding-right:18px}.rec-card-bottom{gap:6px}.checkin-day>em{font-size:7px;left:5px;bottom:5px}.checkin-count-breakdown{font-size:10px}}
@keyframes rec-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.recording-row.is-recording .rec-label>.icon{animation:none}}