/* Ticket footer grouping and Ticket-to-KDB creation modes. */
.ticket-register-v3 .ticket-footer-actions>.actions{padding-left:14px;border-left:1px solid #d8e4e0}

.ticket-kdb-modes{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,2fr);gap:18px;align-items:center;margin:0 0 18px;padding:16px 18px;border:1px solid #cbded8;border-radius:12px;background:#f4faf7}
.ticket-kdb-modes>.ticket-kdb-modes-copy,.ticket-kdb-modes>div:first-child{min-width:0}
.ticket-kdb-modes .eyebrow{margin:0 0 6px}
.ticket-kdb-modes h3{margin:0 0 4px;font-size:15px}
.ticket-kdb-modes p{margin:0;color:#607a73;font-size:10px;line-height:1.5}
.ticket-kdb-modes>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ticket-kdb-modes>nav button{display:grid;gap:4px;align-content:center;min-width:0;min-height:58px;padding:9px 10px;text-align:left;border-color:#c7d9d4;background:#fff}
.ticket-kdb-modes>nav button strong{font-size:12px}
.ticket-kdb-modes>nav button small{overflow:hidden;color:#70847e;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.ticket-kdb-modes>nav button.active{border-color:#58bda6;background:#eaf8f3;box-shadow:inset 0 0 0 1px #58bda6;color:#174b45}
.ticket-kdb-import{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid #d8e5e0}
.ticket-kdb-import strong,.ticket-kdb-import span{display:block}
.ticket-kdb-import strong{font-size:12px}
.ticket-kdb-import span{margin-top:4px;color:#667d77;font-size:10px}
.ticket-kdb-import button{flex:none}

.kdb-sheet-columns{align-items:stretch}
.kdb-sheet-columns>.kdb-workbench{align-self:stretch;height:100%}

/* Keep a failed mobile recording available for playback and retry. */
#record-preview .voice-retry-message{margin:7px 0;color:#9b493e;font-size:11px;line-height:1.45}
#record-preview>[data-action="voice-rerecord"]{width:100%;margin-top:2px}

@media(max-width:720px){
  .ticket-register-v3 .ticket-footer-actions>.actions{padding:10px 0 0;border-left:0;border-top:1px solid #d8e4e0}
  .ticket-kdb-modes{grid-template-columns:1fr;gap:12px;padding:14px}
  .ticket-kdb-modes>nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ticket-kdb-modes>nav button{min-height:54px;padding:7px 6px;text-align:center}
  .ticket-kdb-modes>nav button small{white-space:normal}
  .ticket-kdb-import{display:grid;gap:10px}
  .ticket-kdb-import button{width:100%}
  .kdb-sheet-columns>.kdb-workbench{height:auto}
}