/* A.0.103.0 — die Pathologie (tafeln/eingriff.js): die Papiere als Formulare wie die Patientenakte (akte-tafel, Felder af-… aus
   tafel.css) — der Totenschein als vorläufige Todesbescheinigung, die Obduktionsberichte als Sektionsprotokolle mit Stempel und einer
   Mappe aller Berichte; die Leichenhalle als Wand mit Kühlzellen (gebürsteter Stahl, Griff, Namensschild). Sachlich, ohne Witz. */

/* Formulare */
.pa-blatt { position: relative; }
.pa-titel { margin: 0 0 .55em; padding-bottom: .2em; border-bottom: 2px solid #23313b; font: 800 1.02em/1.2 'Nunito', sans-serif; letter-spacing: .14em;
  text-transform: uppercase; color: #23313b; }
.pa-titel small { margin-left: .5em; font-size: .68em; font-weight: 600; letter-spacing: .06em; color: #5d6b75; }
.pa-blatt .af-w small { font-weight: 400; color: #56636e; }
.pa-blatt .af-w .balken { display: inline-block; width: 5em; vertical-align: middle; margin-left: .3em; }
.pa-vermerk { margin: .1em 0 .2em; font: 700 .82em/1.45 'Courier Prime', 'Courier New', monospace; color: #3e4b55; }
.pa-stempel { position: absolute; right: .3em; top: -.35em; transform: rotate(-7deg); padding: .12em .6em; border: .17em solid #2a5ca8; border-radius: .3em;
  color: #2a5ca8; background: rgba(255, 255, 255, .55); font: 800 .78em/1.25 'Nunito', sans-serif; letter-spacing: .08em; text-transform: uppercase;
  opacity: .9; pointer-events: none; }
.pa-stempel.schuld { border-color: #b4231b; color: #b4231b; }

/* Sektionsprotokolle: links die Mappe */
.tafel.akte-tafel.ob-tafel { width: min(97%, 52em); }
.ob-haupt { display: grid; grid-template-columns: 13em minmax(0, 1fr); gap: 1em; align-items: start; }
.ob-mappe { display: flex; flex-direction: column; gap: .25em; max-height: 24em; overflow: auto; overscroll-behavior: contain; padding-right: .2em; }
.ob-tafel .knopf.ob-reiter { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: .4em; padding: .3em .55em; text-align: left; background: #fff;
  border: 1px solid #c3cad0; border-radius: .3em; color: #1c232a; }
.ob-reiter b { font-size: .85em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ob-reiter small { grid-column: 1; font-size: .72em; color: #5d6b75; }
.ob-punkt { grid-column: 2; grid-row: 1 / span 2; align-self: center; width: .6em; height: .6em; border-radius: 50%; background: #2a5ca8; }
.ob-punkt.schuld { background: #b4231b; }
.ob-tafel .knopf.ob-reiter.an { background: #23313b; border-color: #23313b; color: #fff; }
.ob-reiter.an small { color: #c9d3da; }

/* Leichenhalle: die Kühlzellen */
.tafel.lh-tafel { width: min(96%, 56em); }
.lh-wand { display: grid; grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)); gap: .5em; padding: .6em; border-radius: .5em;
  background: linear-gradient(#c9d0d6, #aeb7bf); box-shadow: inset 0 .2em .5em rgba(0, 0, 0, .25); }
.lh-zelle { position: relative; display: flex; flex-direction: column; gap: .35em; min-height: 7.5em; padding: .5em .6em .55em 2.3em; border-radius: .35em;
  background: linear-gradient(135deg, #eef1f3, #cfd6dc 60%, #e3e8ec); border: 1px solid #8f9ba5; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5), 0 .1em .2em rgba(0, 0, 0, .25); }
.lh-nummer { position: absolute; left: .45em; top: .45em; width: 1.45em; height: 1.45em; display: grid; place-items: center; border-radius: 50%; background: #5a6670;
  color: #fff; font: 700 .75em/1 var(--schrift); }
.lh-griff { position: absolute; left: .62em; top: 50%; width: .55em; height: 2.6em; transform: translateY(-35%); border-radius: .3em;
  background: linear-gradient(90deg, #8d99a3, #eef2f4, #8d99a3); box-shadow: 0 .1em .15em rgba(0, 0, 0, .3); }
.lh-schild { display: flex; flex-direction: column; gap: .1em; padding: .4em .55em; background: #fffef6; border: 1px solid #cfc7aa; border-radius: .15em;
  box-shadow: 0 .08em .15em rgba(0, 0, 0, .18); font-size: .82em; color: #1c232a; }
.lh-schild b { font-size: 1.1em; }
.lh-schild small { color: #4f5b65; }
.lh-schild small.warnung { color: #a3221a; font-weight: 700; }
.lh-frische .balken { display: block; width: 100%; }
.lh-tafel .knopf.lh-knopf { align-self: flex-start; font-size: .85em; }
.lh-zelle.leer { opacity: .75; }
.lh-frei { margin: auto; font-weight: 700; color: #5a6670; letter-spacing: .12em; text-transform: uppercase; font-size: .8em; }
.lh-tisch { margin: .6em 0 0; font-weight: 700; color: #6b5a44; }

@container (max-width: 620px) {
  .ob-haupt { grid-template-columns: minmax(0, 1fr); }
  .ob-mappe { flex-direction: row; overflow-x: auto; max-height: none; }
  .ob-tafel .knopf.ob-reiter { min-width: 10em; }
}