/* Meeting follow-up: mobile ticket workflow, compact ledger and mail review. */
.ticket-register-v3 .ticket-queue-scope-slot{gap:8px;padding-left:0}
.ticket-register-v3 .ticket-queue-scope-slot>button,
.ticket-register-v3 .compact-ticket-nav>button{width:108px;height:40px;min-height:40px;padding:7px 10px;justify-content:center}
.ticket-register-v3 .compact-ticket-nav{padding-left:14px;border-left:1px solid #d8e4e0}
.ticket-register-v3 .ticket-clear-trigger{font-size:10px}
.ticket-close-confirmation{display:grid;gap:6px;margin:18px 0;padding:14px 15px;border:1px solid #cfe3dc;border-radius:10px;background:#f2faf7;text-align:left}
.ticket-close-confirmation strong{font-size:13px;color:#174b45}
.ticket-close-confirmation span{font-size:11px;line-height:1.6;color:#607a73}
.ticket-closed-dialog{text-align:center}
.ticket-closed-dialog .eyebrow{margin:0 0 6px}
.ticket-closed-dialog .device-delete-actions{grid-template-columns:1fr}
.ticket-manage-top-actions{display:flex;align-items:center;gap:8px}
.ticket-manage-top-actions>button:first-child{min-width:112px}

.ticket-ledger-page-heading .ticket-export-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.ticket-ledger-page-heading .ticket-display-toolbar{margin:0;padding:0;background:transparent}
.ticket-ledger-page-heading .ticket-display-toolbar>span{display:none}
.ticket-ledger-page-heading .ticket-export-actions>button,
.ticket-ledger-page-heading .display-picker>summary{height:40px;min-height:40px;padding:7px 13px}
.ticket-status-tabs>.ticket-display-toolbar{display:none}

.ticket-mail-sheet .ticket-mail-compose{gap:13px;padding:17px}
.ticket-mail-sheet .mail-recipient-review{min-height:0;padding:11px 13px}
.ticket-mail-sheet #mail-recipient-options{margin-top:7px}
.ticket-mail-sheet .mail-recipient-empty{margin:0;padding:7px 1px;color:#70847f;font-size:11px}
.ticket-mail-sheet #emergency-body{min-height:220px;font-size:12px;line-height:1.55}
.ticket-mail-sheet .mail-body-editor{width:100%;max-height:430px;padding:12px 14px;overflow:auto;resize:vertical;white-space:pre-wrap;background:#fff;border:1px solid #cad7d3;border-radius:7px;color:#102a2d;outline:none}
.ticket-mail-sheet .mail-body-editor:focus{border-color:#348d7a;box-shadow:0 0 0 3px #67cdb22c}
.ticket-mail-sheet .mail-body-editor .mail-section-title{font-weight:800;color:#102a2d}
.ticket-mail-sheet .check-label{display:flex;align-items:center;gap:9px;font-size:12px}
.ticket-mail-sheet .check-label input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;appearance:auto;accent-color:#1c8e72}

.workspace :is(input[type=date],input[type=time]){color:#173d39;-webkit-text-fill-color:#173d39;opacity:1;color-scheme:light}

@media(max-width:900px){
  .ticket-register-v3 .ticket-context{grid-template-columns:1fr}
  .ticket-register-v3 .ticket-progress-head,.ticket-register-v3 .ticket-queue-scope-slot,.ticket-register-v3 .compact-ticket-nav{grid-column:1}
  .ticket-register-v3 .ticket-queue-scope-slot{justify-content:flex-start;flex-wrap:wrap}
  .ticket-register-v3 .compact-ticket-nav{padding:9px 0 0;border-left:0;border-top:1px solid #d8e4e0}
}

@media(max-width:720px){
  :root{--ui-page-title:1.55rem;--ui-section-title:1.12rem;--ui-card-title:1rem;--ui-field:13px;--ui-body:13px;--ui-note:11px}
  .workspace{overflow-x:hidden}
  .ticket-register-v3 .register-grid{display:flex;flex-direction:column;gap:12px}
  .ticket-register-v3 .ticket-register-main,
  .ticket-register-v3 .ticket-register-side{display:contents}
  .ticket-register-v3 :is(.ticket-register-aside,.ticket-form-card,.ticket-mail-card,.ticket-lifecycle,.ticket-media-card){box-sizing:border-box;width:100%;max-width:100%;align-self:stretch;container-type:normal}
  .ticket-register-v3 .ticket-register-aside{order:1}
  .ticket-register-v3 .ticket-form-card{order:2}
  .ticket-register-v3 .ticket-mail-card{order:3}
  .ticket-register-v3 .ticket-lifecycle{order:4;margin:0}
  .ticket-register-v3 .ticket-media-card{order:5}
  .ticket-register-v3 .ticket-page-footer{order:6}
  .ticket-register-v3 .ticket-voice-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ticket-register-v3 .ticket-voice-quick-actions button{min-width:0;padding-inline:5px;font-size:11px}
  .ticket-register-v3 .ticket-context{padding:13px}
  .ticket-register-v3 .ticket-progress-copy>small{font-size:11px}
  .ticket-register-v3 .ticket-queue-scope-slot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .ticket-register-v3 .ticket-queue-scope-slot>button{width:100%;min-width:0;font-size:11px}
  .ticket-register-v3 .compact-ticket-nav{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .ticket-register-v3 .compact-ticket-nav>button{width:100%;min-width:0}
  .ticket-register-v3 .ticket-overview-identity,
  .ticket-register-v3 .ticket-time-section{padding:14px 13px 16px}
  .ticket-register-v3 .ticket-time-grid .occurred-composite{grid-template-columns:minmax(0,1.4fr) 1px minmax(76px,.7fr);padding:0 7px}
  .ticket-register-v3 .ticket-time-grid .occurred-composite>input{font-size:14px;-webkit-text-fill-color:#173d39}
  .ticket-register-v3 .ticket-time-grid .occurred-composite>input:invalid{-webkit-text-fill-color:#8da09a}
  .ticket-register-v3 .ticket-personnel-panel{padding:13px}
  .ticket-register-v3 .ticket-personnel-grid{gap:8px}
  .ticket-register-v3 .ticket-personnel-panel .personnel-field{grid-template-columns:34px minmax(0,1fr);padding:9px}
  .ticket-register-v3 .ticket-personnel-panel .personnel-role-mark{width:34px;height:34px}
  .ticket-register-v3 .ticket-personnel-panel .personnel-field label{font-size:12px}
  .ticket-register-v3 .ticket-personnel-panel .personnel-field :is(select,.personnel-readonly){height:40px;min-height:40px;font-size:14px}
  .ticket-register-v3 .ticket-lifecycle-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ticket-register-v3 .ticket-lifecycle-options>button{justify-content:center;min-height:52px;padding:9px 5px;gap:7px;font-size:12px}
  .ticket-register-v3 .ticket-media-card .ticket-upload-layout{grid-template-columns:1fr}

  .ticket-ledger-page-heading{gap:11px}
  .ticket-ledger-page-heading .ticket-export-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
  .ticket-ledger-page-heading .ticket-export-actions>button,
  .ticket-ledger-page-heading .display-picker,
  .ticket-ledger-page-heading .display-picker>summary{width:100%;min-width:0;font-size:11px;padding-inline:5px}
  .ticket-ledger-page-heading .display-picker-menu{right:0;left:auto;width:min(330px,calc(100vw - 28px))}
  .ticket-ledger-main{overflow:visible;min-width:0}
  .ticket-list-selectable[class*="ticket-display-count-"]{width:100%;min-width:0}
  .ticket-list-selectable[class*="ticket-display-count-"] .ticket-list-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px;padding:14px 13px}
  .ticket-list-selectable .ticket-display-cell{min-width:0;font-size:12px;line-height:1.4}
  .ticket-list-selectable .ticket-display-cell strong{font-size:12px}
  .ticket-list-selectable .ticket-field-ticket{grid-column:1;grid-row:1}
  .ticket-list-selectable .ticket-field-ticket strong{font-size:13px;overflow-wrap:anywhere}
  .ticket-list-selectable .ticket-field-status{grid-column:2;grid-row:1;align-self:start;justify-self:end}
  .ticket-list-selectable .ticket-field-description{grid-column:1/-1}
  .ticket-list-selectable .ticket-field-description>div{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ticket-list-selectable .ticket-display-cell:not(.ticket-field-ticket):not(.ticket-field-status):before{font-size:9px;margin-bottom:2px}
  .ticket-list-selectable .ticket-device span,.ticket-list-selectable .ticket-time strong{font-size:11px}

  .ticket-mail-sheet .sheet-header h2{font-size:20px}
  .ticket-mail-sheet .ticket-mail-compose{padding:13px;gap:11px}
  .ticket-mail-sheet #emergency-body{min-height:190px;font-size:13px}
  .ticket-mail-sheet .check-label{font-size:13px;line-height:1.5}
  .ticket-manage-top-actions>button:first-child{min-width:96px;padding-inline:9px}
  .ticket-manage-sheet .sheet-header{align-items:flex-start}
}