.campaign-medical { margin-top: 12px; }
.medical-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(340px, .85fr); min-height: min(650px, calc(100dvh - 245px)); border: 1px solid #31545b; background: #06191f; overflow: hidden; }
.medical-scene { position: relative; min-width: 0; min-height: 520px; margin: 0; overflow: hidden; background: radial-gradient(circle at 50% 25%, #17414a, #041218 72%); }
.medical-scene::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, transparent 65%, #04151ca8), linear-gradient(0deg, #04151cb8, transparent 24%); }
.medical-scene > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; image-rendering: auto; }
.medical-scene figcaption { position: absolute; z-index: 2; inset: auto 18px 13px; display: flex; justify-content: space-between; gap: 12px; color: #a8c9c7; font-size: 10px; letter-spacing: .18em; }
.medical-scene-status { position: absolute; z-index: 2; inset: 16px 18px auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.medical-scene-status > span { min-height: 54px; padding: 7px 10px; border: 1px solid #4d7779; background: #061a20d9; box-shadow: inset 0 2px #8cd7c1; }
.medical-scene-status small { display: block; color: #87aaa9; letter-spacing: .09em; }
.medical-scene-status b { display: block; margin-top: 4px; color: #e6fbf5; font-size: clamp(14px, 1.3vw, 19px); font-variant-numeric: tabular-nums; white-space: nowrap; }
.medical-console { min-width: 0; display: flex; flex-direction: column; gap: 10px; padding: 18px; border-left: 1px solid #42686b; background: linear-gradient(145deg, #0c2930, #061a21 58%); }
.medical-console > header { display: block; height: auto; min-height: 0; padding: 0 0 13px; border-bottom: 1px solid #315158; background: transparent; }
.medical-console > header h3 { margin: 5px 0 4px; font-size: 25px; letter-spacing: .08em; }
.medical-console > header p { margin: 0; color: #9bb8b8; line-height: 1.55; }
.medical-console-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.medical-console-summary span { padding: 7px; border: 1px solid #2d5057; background: #071d24; color: #8eafb0; text-align: center; font-size: 11px; }
.medical-console-summary b { display: block; margin-top: 2px; color: #dff8f1; font-size: 18px; }
.medical-rule, .medical-rule-note, .medical-legacy { margin: 0; line-height: 1.5; }
.medical-rule { color: #d9eee9; font-weight: 700; }
.medical-rule-note, .medical-legacy { color: #9bb6b5; font-size: 12px; }
.medical-legacy { padding: 9px; border-left: 3px solid #d6ad63; background: #29291f; }
.medical-patient-list { display: flex; flex: 1 1 auto; flex-direction: column; gap: 7px; min-height: 0; max-height: 430px; overflow-y: auto; padding-right: 3px; scrollbar-color: #538078 #071a20; }
.medical-patient { border: 1px solid #365b5d; background: #0b2228; }
.medical-patient[open] { border-color: #79bdae; box-shadow: inset 3px 0 #8de1c9; }
.medical-patient summary { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 64px; padding: 6px 9px; cursor: pointer; list-style: none; }
.medical-patient summary::-webkit-details-marker { display: none; }
.medical-patient summary:focus-visible { outline: 3px solid #ffc970; outline-offset: -3px; }
.medical-patient summary > img { width: 52px; height: 52px; object-fit: cover; border: 1px solid #5f8c86; background: #0d252c; }
.medical-patient-name { min-width: 0; }
.medical-patient-name strong, .medical-patient-name small { display: block; }
.medical-patient-name strong { overflow: hidden; color: #edfaf6; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.medical-patient-name small { margin-top: 4px; color: #a5c3bd; letter-spacing: .02em; }
.medical-patient-open { color: #80bdb4; font-size: 10px; white-space: nowrap; }
.medical-patient[open] .medical-patient-open { color: #d5eee7; }
.medical-patient-detail { padding: 4px 12px 12px 76px; border-top: 1px solid #294a50; }
.medical-patient-detail dl { display: grid; gap: 5px; margin: 7px 0 11px; }
.medical-patient-detail dl > div { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 8px; }
.medical-patient-detail dt { color: #789e9d; font-size: 11px; }
.medical-patient-detail dd { margin: 0; color: #d8e9e4; font-size: 12px; line-height: 1.45; }
.medical-confirm { padding: 9px; border: 1px solid #6e654b; background: #292820; }
.medical-confirm p, .medical-treatment-note { margin: 0 0 8px; color: #d5d6bf; font-size: 12px; line-height: 1.5; }
.medical-confirm button { width: 100%; min-height: 44px; background: #8fdac6; border-color: #b4f3e1; color: #052127; font-weight: 800; white-space: normal; }
.medical-confirm small { display: block; margin-top: 6px; color: #e7bc8f; letter-spacing: .02em; }
.medical-empty { display: grid; flex: 1; place-items: center; align-content: center; min-height: 190px; padding: 24px; border: 1px dashed #416469; color: #9ab8b6; text-align: center; }
.medical-empty > span { color: #82cdbb; font-size: 44px; }
.medical-empty strong { color: #e1f2ed; font-size: 17px; }
.medical-empty p { margin: 5px 0 0; }
.medical-emergency { padding: 12px; border: 1px solid #82673e; border-left: 4px solid #ffbd62; background: linear-gradient(110deg, #302a20, #1a2324); }
.medical-emergency h4 { margin: 3px 0 5px; color: #ffcb7d; }
.medical-emergency p { margin: 0 0 9px; color: #d9cbb4; font-size: 12px; line-height: 1.5; }
.medical-emergency button { width: 100%; min-height: 44px; white-space: normal; }
.medical-emergency > small:last-child { display: block; margin-top: 6px; color: #e5bb8c; letter-spacing: .02em; }

@media (max-width: 1050px) {
  .medical-layout { grid-template-columns: minmax(0, 1.25fr) minmax(320px, .9fr); }
  .medical-scene-status { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .medical-layout { display: flex; flex-direction: column; min-height: 0; }
  .medical-scene { min-height: 0; aspect-ratio: 3 / 2; }
  .medical-scene::after { background: linear-gradient(0deg, #04151cb8, transparent 28%); }
  .medical-console { border-top: 1px solid #42686b; border-left: 0; }
  .medical-patient-list { max-height: none; overflow: visible; }
}
@media (max-width: 430px) {
  .campaign-medical { margin-inline: -14px; }
  .medical-scene-status { inset: 7px 7px auto; gap: 3px; }
  .medical-scene-status > span { min-height: 42px; padding: 5px 6px; }
  .medical-scene-status small { font-size: 8px; }
  .medical-scene-status b { margin-top: 1px; font-size: 12px; }
  .medical-scene figcaption { inset: auto 9px 7px; font-size: 8px; }
  .medical-console { padding: 14px; }
  .medical-console > header h3 { font-size: 21px; }
  .medical-patient summary { grid-template-columns: 48px minmax(0, 1fr); }
  .medical-patient summary > img { width: 46px; height: 46px; }
  .medical-patient-open { grid-column: 2; }
  .medical-patient-detail { padding-left: 12px; }
}