/* radiation screen — wave-3 UI scoped styles. Owner: the radiation agent.
   Scopes the create/action flows added to the Radiation & aprons screen: the RSO
   card, the licence-documents list + per-licence document modal, and the small
   form hints shared by the Add-licence / Set-RSO / Add-apron modals. Layout
   primitives (.grid, .card, .field, .btn, .divider) come from desktop.css. */

/* RSO card identity row (tile + name/appointment). */
.rad-rso { display: flex; gap: 12px; align-items: center; }

/* Licence-documents list: one row per licence, badge + Documents button right. */
.rad-lic-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid var(--line, rgba(0, 0, 0, 0.08));
}
.rad-lic-row:first-of-type { border-top: 0; }
.rad-lic-actions { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; }

/* Modal form hint — the short explanatory line above each create form. */
.rad-form-hint {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0 0 14px;
  color: var(--muted, #5b6472);
  font-size: 0.85rem;
  line-height: 1.4;
}
.rad-form-hint svg { flex: 0 0 auto; margin-top: 1px; opacity: 0.8; }

/* Document upload block inside the per-licence documents modal. */
.rad-upload { display: flex; flex-direction: column; gap: 10px; }
.rad-upload input[type="file"] {
  width: 100%;
  font: inherit;
  padding: 8px;
  border: 1px dashed var(--line, rgba(0, 0, 0, 0.18));
  border-radius: 8px;
  background: var(--surface-2, rgba(0, 0, 0, 0.02));
}
.rad-upload .btn { align-self: flex-start; }
.rad-upload-status { margin: 0; }

.rad-docs-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }

/* Filed-document rows in the modal list. */
.rad-doc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid var(--line, rgba(0, 0, 0, 0.08));
}
.rad-doc-row:first-of-type { border-top: 0; }
.rad-doc-row .btn { flex: 0 0 auto; }