/* Kontextmenü, „···“-Knöpfe, Reihe „Heute für dich“, Spalte „Besprechungen“, Vorrat. Nur Tokens aus board.css. */
.kmenu{position:fixed;z-index:60;min-width:230px;max-width:min(340px,calc(100vw - 16px));overflow:auto;padding:6px;background:var(--papier);color:var(--tinte);border:1px solid var(--linie-stark);border-radius:8px;box-shadow:var(--schatten-panel);font-size:13.5px}
.kmenu hr{border:0;border-top:1px solid var(--linie);margin:4px 2px}
.km-titel{margin:2px 8px 6px;font-size:11.5px;font-weight:650;color:var(--tinte-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kmenu [role=menuitem]{all:unset;box-sizing:border-box;display:block;width:100%;padding:7px 10px;border-radius:5px;cursor:pointer;line-height:1.3}
.kmenu [role=menuitem]:hover,.kmenu [role=menuitem]:focus-visible{background:var(--papier-2);outline:none}
.kmenu [role=menuitem]:focus-visible{box-shadow:inset 0 0 0 2px var(--blau)}
.kmenu [role=menuitem].aus{color:var(--tinte-2);cursor:default;opacity:.62}
.kmenu [role=menuitem] small{display:block;font-size:11.5px;color:var(--gelb-tinte);margin-top:1px;white-space:normal}
.km-form{display:grid;gap:8px;padding:2px 4px 4px}
.km-form label{display:grid;gap:3px;font-size:11.5px;font-weight:650;color:var(--tinte-2)}
.km-form input:not([type=checkbox]),.km-form select,.km-form textarea{box-sizing:border-box;width:100%;min-height:34px;padding:6px 9px;background:var(--papier);color:var(--tinte);border:1px solid var(--linie-feld);border-radius:6px;font:inherit;font-size:13.5px;font-weight:400}
.km-mehr{display:flex;flex-wrap:wrap;gap:6px 12px}
.km-mehr label{display:flex;align-items:center;gap:5px;font-weight:400;color:var(--tinte)}
.km-knopfe{display:flex;gap:8px;margin-top:2px}
.km-hinweis{margin:4px 8px;font-size:12px;color:var(--tinte-2)}
.km-verlauf{list-style:none;margin:0;padding:0 6px;max-height:50vh;overflow:auto;font-size:12px}
.km-verlauf li{padding:4px 0;border-bottom:1px solid var(--linie)}
.km-verlauf small{color:var(--tinte-2)}

/* „···“: auf dem Handy/Touch immer sichtbar, am Rechner beim Darüberfahren oder mit Fokus. */
.mehr{all:unset;box-sizing:border-box;display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 4px;border-radius:5px;color:var(--tinte-2);font-weight:700;letter-spacing:.05em;cursor:pointer;line-height:1}
.mehr:hover,.mehr:focus-visible{background:var(--papier-2);color:var(--tinte)}
.mehr:focus-visible{outline:2px solid var(--blau)}
.zettel>.mehr{position:absolute;top:6px;right:6px;z-index:2}
.zettel .zt{padding-right:24px}
.zettel li>.mehr{position:relative;z-index:1;display:none}
.tab td.tt{position:relative;padding-right:34px}
.tab td.tt>.mehr{position:absolute;right:4px;top:4px}
.pa .pr>.mehr{float:right;margin:-3px -4px 0 6px}
@media (hover:hover) and (pointer:fine) and (min-width:761px){
  .zettel>.mehr,.tab td.tt>.mehr,.pa .pr>.mehr{opacity:0}
  .zettel:hover>.mehr,.zettel:focus-within>.mehr,.tab tr:hover .mehr,.tab tr:focus-within .mehr,.pa:hover .pr>.mehr,.mehr:focus-visible{opacity:1}
}
@media (max-width:760px),(hover:none){
  .zettel li{grid-template-columns:18px minmax(0,1fr) auto 28px}
  .zettel li>.mehr{display:inline-grid;height:22px;min-width:26px}
  .mehr{min-height:28px}
}

/* Reihe „Heute für dich“ */
.leiste-titel{align-self:center;flex:none;margin:0;font-size:13px;font-weight:650;color:var(--kreide);writing-mode:horizontal-tb}
.leer-reihe{align-self:center;margin:0;font-size:13px;color:var(--kreide-2)}
@media (max-width:760px){.leiste-titel{display:none}}

/* Spalte „Besprechungen“ */
.zettel.bz .bz-v{margin-top:6px;font-size:12.5px;color:var(--tinte-2)}
.zettel.bz .zst-h{font-weight:650}
.zettel.bz.frisch{animation:frisch .6s var(--ease) both}

/* Vorrat + Freitagsbericht */
.vorrat-tab tr.vorrat-a td{font-weight:400;color:var(--tinte-2)}
.vorrat-tab tr.vorrat-a td.tt{padding-left:22px}
.bericht{margin:10px 0 14px;padding-top:8px;border-top:1px solid var(--linie)}
.bericht h4{margin:0 0 4px;font-size:14px}
.bericht h4 small{font-weight:400;color:var(--tinte-2);font-size:12px}
.soos-liste{margin:4px 0 8px;padding-left:20px}
.soos-liste small{color:var(--tinte-2)}
.besp-spalte .sk h2{font-size:22px}
.vorrat-status{display:inline-block;margin-left:6px;padding:0 6px;border-radius:3px;background:var(--gelb-hell);color:var(--gelb-tinte);font-size:11px;font-weight:650}