/* ---------- Admin: post-discharge data retention ---------- */
.retention-page{padding-top:28px;padding-bottom:52px;max-width:1320px}
.retention-hero{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  margin-bottom:20px;
}
.retention-hero h1{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin:8px 0 8px;color:var(--ink)}
.retention-hero p,.retention-page .card-header p{
  color:var(--muted);font-size:13px;line-height:1.5;margin:4px 0 0;
}
.retention-page .card-header .h2{margin:0;font-size:17px}
.retention-warning-card,.retention-facilities-card{margin-bottom:18px}

/* The consequence, stated once and prominently: everything below this line
   configures an automatic, irreversible deletion. */
.retention-warning-card{border-color:var(--crit-border);background:var(--crit-soft)}
.retention-warning{display:flex;gap:12px;align-items:flex-start}
.retention-warning svg{width:19px;height:19px;flex:none;color:var(--crit);margin-top:1px}
.retention-warning b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:6px}
.retention-warning p{margin:0 0 6px;color:var(--ink-2);font-size:12.5px;line-height:1.5}
.retention-warning p:last-child{margin-bottom:0}

.retention-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.retention-table{width:100%;border-collapse:collapse;font-size:12.5px;text-align:left}
.retention-table th{
  padding:9px 12px;background:var(--card-2);border-bottom:1px solid var(--border);
  color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;
}
.retention-table td{padding:12px;border-bottom:1px solid var(--hairline);color:var(--ink-2);vertical-align:middle}
.retention-table tbody tr:last-child td{border-bottom:0}
.retention-table td b{display:block;color:var(--ink);font-size:12.5px}
.retention-table td small{display:block;color:var(--muted);font-size:11.5px;margin-top:3px}
.retention-table code{
  font:600 11.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;
  padding:2px 5px;border-radius:5px;background:var(--bg-soft);color:var(--ink-2);border:1px solid var(--hairline);
}
.retention-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}

.retention-policy{
  display:inline-flex;align-items:baseline;gap:6px;padding:3px 8px;border:1px solid var(--border);
  border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;
}
.retention-policy small{font-weight:500;color:var(--muted)}
.retention-policy.none{background:var(--bg-soft);color:var(--muted)}
.retention-policy.off{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn)}
.retention-policy.on{background:var(--crit-soft);border-color:var(--crit-border);color:var(--crit)}
.retention-due{font-size:11.5px;font-weight:650;white-space:nowrap}
.retention-due.none{color:var(--muted);font-weight:500}
.retention-due.active{color:var(--crit)}
.retention-due.pending{color:var(--warn)}

.retention-counts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.retention-counts>b{color:var(--ink);font-size:12.5px}
.retention-counts small{color:var(--muted);font-size:11.5px}
.retention-count-chip{
  display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid var(--hairline);
  border-radius:999px;background:var(--bg-soft);color:var(--muted);font-size:11px;white-space:nowrap;
}
.retention-count-chip b{color:var(--ink-2);font-size:11px}

.retention-days-field{display:flex;flex-direction:column;gap:6px;color:var(--ink-2);font-size:12px;font-weight:650}
.retention-days-field input{
  width:140px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);
  color:var(--ink);font:inherit;font-weight:600;outline:none;
}
.retention-days-field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}
.retention-days-field small{color:var(--muted);font-weight:500}
.retention-toggle,.retention-ack{
  display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:11px 12px;
  border:1px solid var(--hairline);border-radius:8px;background:var(--card-2);
  font-size:12px;color:var(--ink-2);line-height:1.45;cursor:pointer;
}
.retention-toggle input,.retention-ack input{margin-top:2px;flex:none;accent-color:var(--crit)}
.retention-toggle b{display:block;color:var(--ink);font-size:12.5px}
.retention-toggle small{display:block;color:var(--muted);margin-top:2px}
.retention-ack{border-color:var(--crit-border);background:var(--crit-soft);font-weight:650}
.retention-ack[hidden]{display:none}
.retention-edit-warning{
  display:flex;gap:9px;align-items:flex-start;margin-top:15px;padding:11px 12px;
  border:1px solid var(--crit-border);border-radius:8px;background:var(--crit-soft);
  color:var(--ink-2);font-size:12px;line-height:1.45;
}
.retention-edit-warning svg{width:16px;height:16px;flex:none;color:var(--crit);margin-top:1px}

@media(max-width:720px){
  .retention-page{padding-top:18px}
  .retention-hero{align-items:flex-start;flex-direction:column}
  .retention-hero h1{font-size:25px}
  .retention-days-field input{width:100%}
}