/* MANDARAT Arbeitsansicht · arbeit-v3-b.css (D101 R3): Track B (T1b) only, loaded after arbeit-v3.css;
   v2's tokens only (var(--…)). */

/* ---------- B1 · Mandate: the board ---------------------------------- */
/* Five columns side by side; on a narrow screen one under the other, never a sideways scroll (D43) */
.brett{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s3);align-items:start;margin-top:var(--s4)}
@media (max-width:1100px){.brett{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.brett{grid-template-columns:1fr}}
.spalte-b{display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.spalte-b>h2{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);font-size:var(--fs-sm);
  font-weight:500;color:var(--ink);margin:0;padding-bottom:var(--s2);border-bottom:2px solid var(--line)}
.spalte-b>h2 .zahl{color:var(--muted);font-weight:400}
.spalte-b.im-takt>h2{border-bottom-color:var(--gold-600)}  /* Mandate.png: the column that runs on the clock */
.karte .takt{margin:2px 0}
.karte{display:flex;flex-direction:column;gap:6px;padding:var(--s3);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);color:inherit;text-decoration:none;min-width:0;overflow-wrap:anywhere}
.karte:hover{border-color:var(--navy-300)}
.karte strong{color:var(--ink);font-weight:500}

/* ---------- B2 · the cockpit ------------------------------------------ */
/* The ten steps of a mandate: the stepper of A1 (.stufen), ten in a row on a wide screen */
.stufen.zehn{grid-template-columns:repeat(auto-fit,minmax(min(100%,92px),1fr));list-style:none;padding:0;margin:var(--s4) 0}
.stufen.zehn small{display:block;font-size:var(--fs-xs);color:var(--muted);font-weight:400}
/* A cell that holds a small form (a button, a select) inside the table */
.zelle-form{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.zelle-form select,.zelle-form input{max-width:100%}

/* ---------- D104a · the slot for Track C's drafts ----------------------- */
/* One part of a card (the Shortlist's person card): a heading line over its content, a rule above */
.karte-teil{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line);min-width:0}

/* ---------- B8 · the Shortlist: three cards in a row, alphabetical ------- */
.brett.drei{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--s5)}
@media (max-width:1100px){.brett.drei{grid-template-columns:1fr}}

/* ---------- D108: a form that opens on demand inside a row (Kurzprüfung, a manual answer) ------------------- */
details.auf-wunsch>summary{list-style:none;cursor:pointer;display:inline-flex;margin-top:var(--s1)}
details.auf-wunsch>summary::-webkit-details-marker{display:none}
details.auf-wunsch[open]>summary{margin-bottom:var(--s2)}

/* ---------- D116 #8: the cockpit's tables fit their column at 1280 px (720 px), no sideways scroll ---------- */
:is(#anfragen,#longlist,#vertiefung) .tabelle :is(th,td){padding-left:var(--s2);padding-right:var(--s2)}
:is(#anfragen,#longlist,#vertiefung) .tabelle :is(th,td):first-child{padding-left:var(--s5);min-width:9rem}
:is(#anfragen,#longlist,#vertiefung) .tabelle :is(th,td):last-child{padding-right:var(--s5)}
/* D116 #14: after Tag 0 the cockpit's Dossier collapses behind one button (Track C's block inside, unchanged) */
details.klappe>summary{list-style:none;cursor:pointer;display:inline-flex;margin-bottom:var(--s3)}
details.klappe>summary::-webkit-details-marker{display:none}

/* ---------- D122 #3: D116 #8's rule for every table: from 1200 px on (the content 1152 px at 1280 and 1440) no table
   scrolls or clips inside its box. app.css gives `.tabelle.breit` 980 px, wider than a column beside a pane or in the
   cockpit; the cells take the narrow padding of #8, a header may break between words. Below, D43's scroll box stays. */
@media (min-width:1200px){
  main .tabelle.breit{min-width:0}
  main .tabelle :is(th,td){padding-left:var(--s2);padding-right:var(--s2)}
  main .tabelle :is(th,td):first-child{padding-left:var(--s5);min-width:9rem}
  main .tabelle :is(th,td):last-child{padding-right:var(--s5)}
  main .tabelle th{overflow-wrap:break-word;hyphens:auto}
}
/* D122 #3: a free text in a table cell (the Kurzprüfung's Befund) takes one line; the whole text is its title */
.ohne-umbruch{white-space:nowrap}  /* D122 #3: a short answer line stays one line; the column takes its width */
.einzeilig{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
/* D122 #3: the cockpit's tables in the small size of their labels, so each cell holds its value in two lines */
:is(#anfragen,#vertiefung) .tabelle{font-size:var(--fs-sm)}
#anfragen .tabelle :is(th,td):last-child{width:34%}  /* D122 #3: the next step gets the room, the short columns stay short */