/* Sona3 V6.0.7 — health, recent details and strict permission UI. */

/* Recent cases uses the same readable dynamic-details layout as Manage/Search. */
#v409RecentCaseModal.v607-recent-case-modal{align-items:center;padding:18px;overflow:auto}
#v409RecentCaseModal .v607-recent-case-modal-box{
  width:min(1120px,96vw);max-width:1120px;max-height:92vh;overflow:hidden;
  display:flex;flex-direction:column;margin:auto
}
#v409RecentModalBody.v607-recent-case-modal-body{overflow:auto;max-height:72vh;padding:4px 8px 14px}
#v409RecentModalBody .case-dynamic-details{max-height:none!important;overflow:visible!important;display:grid;gap:12px}
#v409RecentModalBody .case-dynamic-section{margin:0;border:1px solid rgba(15,118,110,.14);border-radius:16px;background:#fff;padding:12px}
#v409RecentModalBody .case-dynamic-section h4{margin:0 0 10px;color:#0f766e;font-size:1rem}
#v409RecentModalBody .case-dynamic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}
#v409RecentModalBody .case-dynamic-grid>div{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.65;background:#f8fafc;border-radius:12px;padding:10px}
#v409RecentModalBody .case-dynamic-grid .badge{display:inline-flex;margin-bottom:4px;white-space:normal}

/* Health section must display its dynamic controls exactly like every other section. */
.case-form-engine-root [data-case-section="health"] .polish-grid{display:grid!important}
.case-form-engine-root [data-case-section="health"] .case-engine-field{visibility:visible}

/* Medical controls: visible but completely inactive when permission is absent. */
#medicalPage .v607-permission-disabled,#medModal .v607-permission-disabled{
  opacity:.42!important;filter:grayscale(.25);cursor:not-allowed!important;pointer-events:none!important;
  box-shadow:none!important;transform:none!important
}
.med-permission-hint{grid-column:1/-1;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:12px;padding:10px 12px;font-weight:800;margin-bottom:10px}

/* Developer role editor alignment with the Users permission groups. */
.soc2-form-perm-group{border:1px solid rgba(15,118,110,.12);border-radius:16px;padding:12px;background:#fff}
.soc2-form-perm-group h4{margin:0 0 10px;color:#0f766e}
.soc2-form-perm-group label{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,180px);align-items:center;gap:10px}

body.dark-mode #v409RecentModalBody .case-dynamic-section,
body.dark-mode .soc2-form-perm-group{background:#101827;border-color:rgba(148,163,184,.22)}
body.dark-mode #v409RecentModalBody .case-dynamic-grid>div{background:#172033}

@media(max-width:720px){
  #v409RecentCaseModal.v607-recent-case-modal{padding:8px}
  #v409RecentCaseModal .v607-recent-case-modal-box{width:100%;max-height:96vh}
  #v409RecentModalBody.v607-recent-case-modal-body{max-height:76vh;padding-inline:2px}
  #v409RecentModalBody .case-dynamic-grid{grid-template-columns:1fr}
  .soc2-form-perm-group label{grid-template-columns:1fr}
}