/* ============================================================
   respostas-rapidas.css — namespace .qr-*
   ============================================================ */

.qr-page { display:flex; flex-direction:column; gap:14px; padding:8px 0; }
.qr-head {
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:14px; background:#fff;
  border:1px solid var(--cf-border, #e2e8f0); border-radius:10px;
  flex-wrap:wrap;
}
.qr-search { min-width:240px; }

.qr-empty {
  text-align:center; padding:48px; background:#f8fafc; border-radius:12px;
  border:2px dashed var(--cf-border, #e2e8f0);
}
.qr-empty-icon { font-size:48px; margin-bottom:8px; }
.qr-empty-title { font-size:16px; font-weight:600; }
.qr-empty-msg { font-size:13px; color:var(--cf-text-3, #64748b); margin-top:6px; }
.qr-empty code { background:#0f172a; color:#fff; padding:2px 6px; border-radius:4px; }

.qr-table { width:100%; border-collapse:collapse; font-size:13px; background:#fff; border-radius:10px; overflow:hidden; }
.qr-table th {
  text-align:left; padding:10px 12px; background:#f8fafc;
  font-size:10px; font-weight:600; color:var(--cf-text-3, #64748b);
  text-transform:uppercase; letter-spacing:0.5px;
}
.qr-table td { padding:10px 12px; border-top:1px solid #f1f5f9; }
.qr-row-clickable { cursor:pointer; }
.qr-row-clickable:hover { background:#f8fafc; }

.qr-shortcut {
  font-family:'IBM Plex Mono', monospace;
  background:#f1f5f9; padding:3px 8px; border-radius:4px;
  font-size:12px; color:var(--cf-brand, #1E5BAA); font-weight:500;
}
.qr-attach-badge { font-size:11px; color:var(--cf-text-3, #94a3b8); margin-left:6px; }

.qr-pill { display:inline-block; padding:2px 8px; border-radius:10px; font-size:11px; font-weight:500; }
.qr-pill-gray { background:#f1f5f9; color:#475569; }

.qr-btn-primary {
  background:var(--cf-brand, #1E5BAA); color:#fff; border:none;
  padding:7px 14px; border-radius:6px; font-size:13px; cursor:pointer;
}
.qr-btn-icon {
  background:transparent; border:none; cursor:pointer;
  padding:4px 8px; font-size:14px; color:var(--cf-text-3, #94a3b8);
}

.qr-form { display:flex; flex-direction:column; gap:12px; }
.qr-label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:500; color:var(--cf-text-2, #475569); }
.qr-input {
  width:100%; padding:9px 12px;
  border:1px solid var(--cf-border, #e2e8f0); border-radius:7px;
  font-size:13px; background:#fff;
}
.qr-textarea { resize:vertical; min-height:120px; font-family:inherit; }
.qr-hint { font-size:11px; color:var(--cf-text-3, #94a3b8); }
.qr-hint code { background:#0f172a; color:#fff; padding:2px 6px; border-radius:3px; font-size:10px; }