/* replies page styles: the reply desk (queue, detail pane, right rail) and responder history */
.desk{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.7fr) minmax(230px,.75fr);gap:20px;align-items:start}
.desk-queue,.desk-detail,.desk-rail{min-width:0}
.desk-queue{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;position:sticky;top:16px;max-height:calc(100vh - 32px);display:flex;flex-direction:column}
.queue-header{display:grid;gap:12px;margin-bottom:12px}
.queue-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.queue-title strong{font-size:12px;color:var(--muted)}
.queue-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.queue-filters label{font-size:11px}
.queue-filters select{min-height:36px;padding:6px 8px;font-size:12px}
.queue-list{display:grid;gap:8px;overflow:auto;padding-right:2px;align-content:start}
.queue-row{display:block;width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;text-align:left;background:white;transition:background .15s,border-color .15s}
.queue-row:hover{background:#f5faf8;border-color:#8cb8af}
.queue-row.selected{border-color:var(--teal);background:#f1f9f6;box-shadow:inset 3px 0 var(--teal)}
.queue-row-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:7px}
.queue-row strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.queue-row-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:8px;font-size:11px;color:var(--muted)}
.queue-row-meta .badge{margin-left:auto}
.detail-stack{gap:18px}
.detail-head h2{font-size:20px;letter-spacing:-.4px;margin:10px 0 6px;overflow-wrap:anywhere}
.detail-head p{margin:0}
.record-list{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:7px 14px;margin:14px 0 0;font-size:12px}
.record-list dt{color:var(--muted);font-weight:600}
.record-list dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.record-note{margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--amber);background:var(--amber-light);color:var(--amber);font-size:12px;font-weight:600;border-radius:0 8px 8px 0}
.desk-rule{margin:12px 0 0;padding:9px 12px;border:1px dashed #cfdedb;border-radius:8px;font-size:12px;color:#3f5c63;background:#f8fbfa}
.inline-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.inline-field .field{min-width:0}
.form-actions.start{justify-content:flex-start}
.resolve-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.char-counter{font-size:11px;color:var(--muted);justify-self:end}
.char-counter.warn{color:var(--amber)}
.char-counter.over{color:var(--red);font-weight:700}
.sent-record{margin-top:16px;padding:12px 14px;border-radius:10px;background:#edf6f3;border:1px solid #c8e1db;font-size:12px;display:grid;gap:6px}
.sent-record p{margin:0}
.sent-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.sent-box h3{margin-bottom:10px}
.notes{display:grid;gap:10px}
.note{border:1px solid #edf0ef;border-radius:10px;padding:10px 12px;background:#fafbf9}
.note-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:5px}
.note-meta strong{color:var(--ink)}
.note-text{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
.note-form{margin-top:14px}
.note-form textarea{min-height:68px}
.desk-rail{display:grid;gap:20px;position:sticky;top:16px}
.saved-list{display:grid;gap:10px}
.saved-reply{border:1px solid var(--line);border-radius:10px;padding:11px 12px}
.saved-reply-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap}
.saved-reply-top strong{font-size:12px}
.saved-reply-text{font-size:12px;color:#3f5c63;margin:7px 0 9px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:88px;overflow:auto}
.saved-form{display:grid;gap:12px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.saved-form textarea{min-height:80px}
.platform-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin-top:6px}
.platform-checks .inline-check{font-size:11px}
.history .message .tag-list{justify-content:flex-end}
@media(max-width:1100px){
  .desk{grid-template-columns:minmax(230px,.9fr) minmax(0,1.5fr)}
  .desk-rail{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));position:static}
  .desk-queue{position:static;max-height:none}
}
@media(max-width:760px){
  .desk{grid-template-columns:1fr;gap:16px}
  .desk-queue{padding:13px}
  .queue-filters{grid-template-columns:1fr}
  .queue-list{max-height:52vh}
  .desk-rail{grid-template-columns:1fr}
  .record-list{grid-template-columns:1fr;gap:2px 0}
  .record-list dt{margin-top:8px}
  .inline-field{grid-template-columns:1fr}
  .inline-field .btn{width:100%}
  .platform-checks{grid-template-columns:1fr}
  .desk-page input,.desk-page select,.desk-page textarea{font-size:16px}
  .queue-filters select{min-height:41px;font-size:16px}
  .char-counter{justify-self:start}
}