/* stundenzettel.css — Zusatz-Styles für das Stundenzettel-Modul.
   Basis-Layout (Panels, Tabs, Auth, Modals, Menü) kommt aus style.css + berichtsheft.css. */

.ts-page main{max-width:900px;}

/* ---------- Arten-Pillen (Tabelle + Legende) ---------- */
.ts-art{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:26px; height:22px; padding:0 6px; border-radius:7px;
  font-family:var(--mono); font-weight:700; font-size:.78rem; line-height:1;
  background:var(--hover-ink); color:var(--ink);
}
body.dark .ts-art{background:#262626;}
.ts-art-A{background:rgba(255,213,0,.22); color:#2A2000;}
body.dark .ts-art-A{background:rgba(255,213,0,.2); color:#FFD500;}
.ts-art-U{background:rgba(47,160,140,.16); color:#1E6B5A;}
body.dark .ts-art-U{background:rgba(47,160,140,.2); color:#7FDCC6;}
.ts-art-UU{background:rgba(130,130,130,.18); color:#555;}
body.dark .ts-art-UU{background:rgba(150,150,150,.2); color:#C9C9C9;}
.ts-art-F{background:rgba(255,165,0,.18); color:#8A5300;}
body.dark .ts-art-F{background:rgba(255,170,40,.18); color:#FFC266;}
.ts-art-K{background:rgba(211,47,47,.14); color:#B3261E;}
body.dark .ts-art-K{background:rgba(255,107,97,.16); color:#FF8A80;}

.ts-legend{
  display:flex; flex-wrap:wrap; gap:6px 16px; align-items:center;
  margin:0 0 12px; font-size:.8rem; font-weight:600; color:var(--ink-soft);
}
.ts-legend i{font-style:normal; margin-right:6px;}

/* ---------- Monatsliste ---------- */
tr.ts-row{cursor:pointer;}
tr.ts-row:hover td, tr.ts-row:focus-visible td{background:var(--hover-ink);}
tr.ts-row:focus-visible{outline:none;}
tr.ts-weekend td{background:#F2F0E7; color:#8A8778;}
body.dark tr.ts-weekend td{background:#1C1C1C; color:#8C8C8C;}
tr.ts-weekend:hover td, tr.ts-weekend:focus-visible td{background:var(--hover-ink);}
.ts-date{font-family:var(--mono); font-weight:700; font-size:.88rem;}
.ts-wd{font-weight:600;}
.ts-wd-weekend{opacity:.55;}
.ts-hours{font-family:var(--mono); font-weight:700;}
.ts-note{
  display:inline-block; vertical-align:bottom; color:var(--ink-soft);
  max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
@media (max-width:600px){
  .ts-note{max-width:100%; white-space:normal;}
  tr.ts-weekend td{background:transparent;}
  tr.ts-weekend{border-left:3px solid #C9C5B5;}
  body.dark tr.ts-weekend{border-left-color:#3A3A3A;}
}

/* ---------- Statistik ---------- */
#tsStats .rh-stat b{font-size:1.25rem;}
.ts-artline{font-family:var(--mono); font-size:.86rem; font-weight:700; color:var(--petrol-deep); margin:6px 0 0;}
body.dark .ts-artline{color:var(--yellow);}

/* lange E-Mail im Benutzermenü nicht ausbrechen lassen */
#tsUserEmail{
  display:inline-block; max-width:220px; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;
}