/* Layout der Zeiterfassung. Grundstil und Komponenten kommen aus /design/base.css. */

.skip-link { position: absolute; left: var(--space-4); top: -100px; z-index: 10; padding: var(--space-2) var(--space-4); background: var(--action); color: var(--on-action); border-radius: var(--radius-md); }
.skip-link:focus { top: var(--space-2); }

/* Kopfzeile: Logo, Navigation, Aktionen */
.topbar { border-bottom: 1px solid var(--line); background: var(--surface); }
/* Gleiche Breite und Kanten wie der Inhalt (.content) */
.topbar__inner {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-6);
  min-height: var(--header-height); max-width: var(--container); margin: 0 auto; padding: 0 var(--space-6);
}
.brand { display: inline-flex; align-items: center; gap: var(--space-3); margin: 0; color: var(--ink); text-decoration: none; }
.brand__logo { display: block; height: 36px; width: auto; }
.brand .eyebrow { padding-top: 6px; }
.bare .brand { justify-content: center; width: 100%; margin-bottom: var(--space-5); }

/* Benutzermenü */
.usermenu { position: relative; }
.usermenu__trigger {
  display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; padding: var(--space-1) var(--space-3) var(--space-1) var(--space-1);
  font: inherit; font-weight: 600; color: var(--ink); background: transparent;
  border: 1px solid transparent; border-radius: var(--radius-md); cursor: pointer;
}
.usermenu__trigger:hover, .usermenu__trigger[aria-expanded="true"] { border-color: var(--line); background: var(--surface-sunken); }
.usermenu__avatar {
  display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--radius-full);
  background: var(--surface-tint); color: var(--accent); font-family: var(--font-mono); font-size: 13px; font-weight: 500;
}
.usermenu__caret { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.usermenu__panel {
  position: absolute; right: 0; top: calc(100% + var(--space-1)); z-index: 20; min-width: 220px; padding: var(--space-2) 0;
  background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-md);
}
.usermenu__panel[hidden] { display: none; }
.usermenu__panel form { margin: 0; }
.usermenu__panel [role^="menuitem"] {
  display: flex; align-items: center; gap: var(--space-2); width: 100%; min-height: 40px; padding: var(--space-2) var(--space-4);
  font: inherit; text-align: left; color: var(--ink); text-decoration: none; background: none; border: 0; cursor: pointer;
}
.usermenu__panel [role^="menuitem"]:hover, .usermenu__panel [role^="menuitem"]:focus-visible { background: var(--surface-sunken); color: var(--ink); }
.usermenu__panel [role^="menuitem"]:focus-visible { outline-offset: -2px; }
.usermenu__panel [role="menuitemradio"]::before { content: ""; width: 16px; flex: none; text-align: center; color: var(--accent); }
.usermenu__panel [role="menuitemradio"][aria-checked="true"]::before { content: "✓"; }
.usermenu__label { display: block; padding: var(--space-2) var(--space-4) var(--space-1); }
.usermenu__sep { height: 1px; margin: var(--space-2) 0; background: var(--line); }

/* Hauptnavigation in der Kopfzeile */
.mainnav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--space-1); }
.mainnav a {
  display: block; padding: var(--space-2) var(--space-3); border-radius: var(--radius-md);
  color: var(--ink); font-weight: 600; text-decoration: none; white-space: nowrap;
}
.mainnav a:hover { background: var(--surface-sunken); color: var(--ink); }
.mainnav a[aria-current="page"] { background: var(--surface-tint); color: var(--accent); }

.content { padding: var(--space-6) var(--space-6) var(--space-8); max-width: var(--container); margin: 0 auto; outline: none; }
.page-head { display: flex; flex-direction: column; gap: var(--space-1); margin-bottom: var(--space-5); }

/* Seiten ohne Navigation */
.bare__main { max-width: 420px; margin: 0 auto; padding: var(--space-8) var(--space-4); }
.login { display: flex; flex-direction: column; gap: var(--space-4); }
.stack { display: flex; flex-direction: column; gap: var(--space-4); }

@media (max-width: 1023px) {
  .topbar__inner { grid-template-columns: auto minmax(0, 1fr); gap: 0 var(--space-4); }
  .topbar__actions { justify-self: end; }
  .mainnav { grid-column: 1 / -1; grid-row: 2; margin: 0 calc(-1 * var(--space-6)); padding: var(--space-2) var(--space-6); border-top: 1px solid var(--line); overflow-x: auto; }
}

@media (max-width: 767px) {
  .topbar__inner { min-height: 64px; padding: 0 var(--space-4); }
  .mainnav { margin: 0 calc(-1 * var(--space-4)); padding: var(--space-2) var(--space-4); }
  .brand .eyebrow, .usermenu__name { display: none; }
  .brand__logo { height: 30px; }
  .mainnav ul { justify-content: space-between; gap: 0; }
  .mainnav a { padding: var(--space-2); font-size: 14px; }
  .content { padding: var(--space-5) var(--space-4) var(--space-7); }
}

/* Kopfzeile: Aktionen rechts */
.topbar__actions { display: flex; align-items: center; gap: var(--space-2); }

.iconbtn {
  display: inline-grid; place-items: center; width: 40px; height: 40px; padding: 0;
  color: var(--ink); background: transparent; border: 1px solid transparent; border-radius: var(--radius-md);
  cursor: pointer; text-decoration: none;
}
.iconbtn:hover { background: var(--surface-sunken); border-color: var(--line); color: var(--ink); }
.iconbtn--active { color: var(--accent); }
.iconbtn--static { color: var(--ink-muted); cursor: default; }
.iconbtn--static:hover { background: none; border-color: transparent; }
.icon { display: block; }
.entries form, .timerchip form, .themetoggle { margin: 0; }

/* Umschalter zeigt das Symbol des Ziel-Themes: Mond im hellen, Sonne im dunklen Modus */
.themetoggle__sun { display: none; }
:root[data-theme="dark"] .themetoggle__sun { display: block; }
:root[data-theme="dark"] .themetoggle__moon { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .themetoggle__sun { display: block; }
  :root:not([data-theme="light"]) .themetoggle__moon { display: none; }
}

/* Laufende Stoppuhr in der Kopfzeile */
.timerchip {
  display: flex; align-items: center; gap: var(--space-1); padding-left: var(--space-3);
  border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-tint);
}
.timerchip__label { display: flex; align-items: center; gap: var(--space-2); color: var(--ink); text-decoration: none; min-width: 0; }
.timerchip__label:hover { color: var(--ink); text-decoration: underline; }
.timerchip__name { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.timerchip__dot { width: 8px; height: 8px; border-radius: var(--radius-full); background: var(--brand); flex: none; }

/* Tagesansicht */
.dayhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); }
.dayhead__kw { font-weight: 400; color: var(--ink-muted); font-size: 22px; letter-spacing: 0; }
.dayhead__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.datepick { display: flex; gap: var(--space-2); margin: 0; }
.datepick .hm-field__input { width: auto; min-height: 44px; }

.weekbar { display: grid; grid-template-columns: auto 1fr auto auto; align-items: stretch; gap: var(--space-2); margin-bottom: var(--space-5); }
.weekbar__nav { display: grid; place-items: center; min-width: 40px; border-radius: var(--radius-md); color: var(--ink); text-decoration: none; font-size: 18px; }
.weekbar__nav:hover { background: var(--surface-sunken); color: var(--ink); }
.weekbar__days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--space-1); list-style: none; margin: 0; padding: 0; }
.weekbar__day {
  display: flex; flex-direction: column; align-items: center; gap: 2px; padding: var(--space-2) var(--space-1);
  border: 1px solid var(--line); border-radius: var(--radius-md); color: var(--ink); text-decoration: none; background: var(--surface-raised);
}
.weekbar__day:hover { border-color: var(--line-strong); color: var(--ink); }
.weekbar__day[aria-current="page"] { background: var(--surface-tint); border-color: var(--accent); }
.weekbar__name { font-weight: 650; }
.weekbar__day.is-today .weekbar__name { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; }
.weekbar__date { font-size: 13px; line-height: 16px; color: var(--ink-muted); }
.weekbar__sum.is-empty { color: var(--ink-muted); }
.weekbar__total { align-self: center; margin-left: var(--space-2); white-space: nowrap; color: var(--ink-muted); }
.weekbar__total .data { color: var(--ink); font-weight: 500; }

.flash { margin-bottom: var(--space-4); }

.entries { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.entry {
  /* Kunde / Projekt / Leistung | Beschreibung der Tätigkeit | Dauer | Aktionen */
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto auto; align-items: center; gap: var(--space-4);
  padding: var(--space-3) 0; border-bottom: 1px solid var(--line);
}
.entry.is-running { background: var(--surface-tint); margin: 0 calc(-1 * var(--space-3)); padding-left: var(--space-3); padding-right: var(--space-3); border-radius: var(--radius-md); }
.entry__main { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.entry__path { font-weight: 600; overflow-wrap: anywhere; }
.entry__path .muted { font-weight: 400; }
.entry__note { color: var(--ink-muted); white-space: pre-line; overflow-wrap: anywhere; }
.entry__badges { display: flex; gap: var(--space-1); margin-top: var(--space-1); }
.entry__time { font-size: 17px; font-weight: 500; min-width: 64px; text-align: right; }
.entry.is-running .entry__time { color: var(--accent); }
.entry__actions { display: flex; gap: 2px; justify-content: flex-end; min-width: calc(3 * 40px + 2 * 2px); } /* feste Breite: Dauer steht in jeder Zeile an derselben Stelle */
.day__empty { padding: var(--space-5) 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.day__total { display: flex; justify-content: space-between; padding: var(--space-3) 0; font-weight: 650; }
.day__total .data { font-size: 17px; }

/* Formular */
.entryform__grid {
  /* links Felder und Buttons, rechts die Bemerkung über die volle Höhe */
  display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); grid-template-areas: "fields note" "buttons note";
  gap: var(--space-4) var(--space-6); align-items: start;
}
.entryform__fields { grid-area: fields; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-4); align-items: start; }
.entryform__fields > .hm-field:nth-child(-n + 2) { grid-column: span 3; }
.entryform__fields > .hm-field:nth-child(n + 3) { grid-column: span 2; }
.entryform__billable { grid-column: 1 / -1; }
.entryform__note { grid-area: note; align-self: stretch; display: flex; }
.entryform__note .hm-field { flex: 1; }
.entryform__note textarea { flex: 1; min-height: 120px; resize: vertical; }
.entryform__buttons { grid-area: buttons; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.entryform__buttons .icon { margin-left: -4px; }
.entryform { margin-bottom: var(--space-5); display: flex; flex-direction: column; gap: var(--space-4); scroll-margin-top: var(--space-4); }
.check { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 32px; cursor: pointer; }
.check input { width: 18px; height: 18px; accent-color: var(--accent); }

@media (max-width: 1023px) {
  .entryform__grid { grid-template-columns: 1fr; grid-template-areas: "fields" "note" "buttons"; }
}

@media (max-width: 767px) {
  .timerchip__name { display: none; }
  .timerchip { padding-left: var(--space-2); }
  .dayhead h1 { font-size: 26px; line-height: 32px; }
  .dayhead__kw { display: block; font-size: 15px; line-height: 24px; }
  .dayhead__sep { display: none; }
  .weekbar { grid-template-columns: auto 1fr auto; }
  .weekbar__total { grid-column: 1 / -1; margin: 0; text-align: right; }
  .weekbar__day { padding: var(--space-1) 0; }
  .weekbar__date { display: none; }
  .weekbar__sum { font-size: 12px; }
  .entry { grid-template-columns: minmax(0, 1fr) auto; }
  .entry__note { grid-column: 1 / -1; grid-row: 2; }
  .entry__note:empty { display: none; }
  .entry__actions { grid-column: 1 / -1; justify-content: flex-end; margin-top: calc(-1 * var(--space-2)); min-width: 0; }
  .entry__actions:empty { display: none; }
  .entryform__fields { grid-template-columns: 1fr; }
  .entryform__fields > .hm-field:nth-child(n) { grid-column: auto; }
}

/* Stammdaten: Listen */
.page-head--row { flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-4); }
.count { font-family: var(--font-mono); font-size: 15px; font-weight: 500; color: var(--ink-muted); letter-spacing: 0; vertical-align: middle; }
.listtools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-4); }
.listtools__links { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); }
.search { display: flex; gap: var(--space-2); margin: 0; flex: 1 1 320px; max-width: 480px; }
.listform { margin: 0; }
.bulkbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); padding: var(--space-2) var(--space-3);
  margin-bottom: var(--space-2); border-radius: var(--radius-md); background: var(--surface-sunken);
  position: sticky; top: var(--space-2); z-index: 5; /* bleibt beim Scrollen durch lange Listen erreichbar */
}
.bulkbar .hm-btn { min-height: 36px; padding: var(--space-1) var(--space-4); }
.bulkbar > .hm-btn, .bulkbar__merge { margin-left: auto; }
.bulkbar__merge + .hm-btn { margin-left: 0; }
.bulkbar__merge { display: flex; gap: var(--space-2); }
.bulkbar__merge select { width: auto; max-width: 260px; padding-top: 5px; padding-bottom: 5px; }
.rows { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.row { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-3) 0; border-bottom: 1px solid var(--line); }
.row > input[type="checkbox"] { width: 18px; height: 18px; flex: none; accent-color: var(--accent); }
.row__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--space-1); }
.row__title { color: var(--ink); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.row__title .muted { font-weight: 400; }
.row__title:hover { color: var(--accent); text-decoration: underline; }
.row__meta { display: flex; align-items: center; gap: var(--space-4); white-space: nowrap; }
.rows__empty { padding: var(--space-5) 0; }

/* Budget */
.budget { display: flex; align-items: center; gap: var(--space-3); font-size: 13px; line-height: 20px; color: var(--ink-muted); }
.budget progress { appearance: none; width: 160px; height: 8px; border: 0; border-radius: var(--radius-full); background: var(--surface-sunken); overflow: hidden; flex: none; }
.budget progress::-webkit-progress-bar { background: var(--surface-sunken); border-radius: var(--radius-full); box-shadow: inset 0 0 0 1px var(--line); }
.budget progress::-webkit-progress-value { background: var(--brand); border-radius: var(--radius-full); }
.budget progress::-moz-progress-bar { background: var(--brand); border-radius: var(--radius-full); }
.budget--warning progress::-webkit-progress-value { background: var(--warning); }
.budget--warning progress::-moz-progress-bar { background: var(--warning); }
.budget--over progress::-webkit-progress-value { background: var(--danger); }
.budget--over progress::-moz-progress-bar { background: var(--danger); }
.budget--warning strong { color: var(--warning); }
.budget--over strong { color: var(--danger); }

/* Stammdaten: Formulare */
.mdform { display: flex; flex-direction: column; gap: var(--space-5); max-width: 760px; }
.mdform__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.mdform__usage { display: flex; flex-direction: column; gap: var(--space-2); }
.mdform__buttons { display: flex; gap: var(--space-2); }
.ratefield { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.ratefield legend { margin-bottom: var(--space-2); }
.ratefield__modes { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); }
.ratefield__own { max-width: 240px; }
.ratefield__services { display: flex; flex-direction: column; gap: var(--space-2); }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { text-align: left; padding: var(--space-1) var(--space-2); border-bottom: 1px solid var(--line); font-weight: 400; }
.table thead th { font-weight: 600; color: var(--ink-muted); font-size: 13px; }
.table--compact .hm-field__input { padding: 4px var(--space-2); max-width: 120px; }
.subsection, .archiveblock { margin-top: var(--space-7); max-width: 760px; }
.subsection__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-3); }
.archiveblock h2 { margin-bottom: var(--space-3); }
.archiveblock__form { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.settings-section { display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-5); max-width: 760px; }

@media (max-width: 767px) {
  .bulkbar { position: static; gap: var(--space-2) var(--space-4); }
  .bulkbar__merge { width: 100%; margin-left: 0; }
  .bulkbar__merge select { flex: 1; min-width: 0; max-width: none; }
  .bulkbar > .hm-btn, .bulkbar__merge + .hm-btn { margin-left: 0; }
  .row { flex-wrap: wrap; }
  .row__meta { width: 100%; justify-content: flex-end; }
  .row > input[type="checkbox"] + .row__main + .row__meta { padding-left: 34px; }
  .budget progress { width: 100px; }
  .mdform__row { grid-template-columns: 1fr; }
}

/* Reports */
.reportexport { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.reportexport .hm-btn { min-height: 40px; padding: var(--space-2) var(--space-4); }
.savedreports { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); margin-bottom: var(--space-4); }
.savedreports ul { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; margin: 0; padding: 0; }
.savedreports li { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-raised); }
.savedreports li a { padding: var(--space-1) var(--space-2) var(--space-1) var(--space-3); text-decoration: none; font-weight: 600; }
.savedreports form { margin: 0; }
.savedreports__delete { width: 32px; height: 32px; border: 0; background: none; color: var(--ink-muted); font-size: 18px; cursor: pointer; border-radius: var(--radius-md); }
.savedreports__delete:hover { color: var(--ink); background: var(--surface-sunken); }
.reportfilter { margin-bottom: var(--space-5); display: flex; flex-direction: column; gap: var(--space-4); }
.reportfilter__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--space-4); }
.reportfilter__buttons { display: flex; gap: var(--space-2); }
.reportstats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin-bottom: var(--space-4); }
.stat { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface-raised); }
.stat__label { font-size: 13px; line-height: 20px; color: var(--ink-muted); }
.stat__value { font-size: 22px; line-height: 30px; font-weight: 500; }

.report { margin: var(--space-4) 0 var(--space-7); border-top: 1px solid var(--line); }
.report__row, .report__entry {
  display: grid; grid-template-columns: minmax(0, 1fr) 80px 110px 120px 130px; align-items: center; gap: var(--space-3);
  padding: var(--space-2) var(--space-2); border-bottom: 1px solid var(--line);
}
.report__row--head { color: var(--ink-muted); font-size: 13px; font-weight: 600; }
.report__row--head:has(.report__label:only-child) { grid-template-columns: 1fr; }
summary.report__row { cursor: pointer; list-style: none; }
summary.report__row::-webkit-details-marker { display: none; }
summary.report__row:hover { background: var(--surface-sunken); }
.report__label { font-weight: 600; overflow-wrap: anywhere; display: flex; gap: var(--space-2); align-items: baseline; }
summary .report__label::before { content: "▸"; color: var(--accent); flex: none; transition: transform .15s; }
details[open] > summary .report__label::before { content: "▾"; }
.report__row--level2 { padding-left: var(--space-6); }
.report__row--level2 .report__label { font-weight: 400; }
.report__num { text-align: right; font-family: var(--font-mono); font-size: 14px; font-variant-numeric: tabular-nums; }
.report__children { background: var(--surface-sunken); }
.report__entries { list-style: none; margin: 0; padding: 0; }
.report__entry { grid-template-columns: 100px minmax(0, 1fr) 120px 130px; padding-left: var(--space-6); font-size: 14px; }
.report__entrytext { overflow-wrap: anywhere; }
.report__drill { padding: var(--space-2) var(--space-6); margin: 0; border-bottom: 1px solid var(--line); }
.report__row--total { font-weight: 650; border-bottom: 2px solid var(--ink); }
.report__row--total .report__num { font-weight: 600; }
.report__empty { padding: var(--space-5) var(--space-2); }
.report > .report__entries .report__entry { padding-left: var(--space-2); }
.savereport { max-width: 520px; display: flex; flex-direction: column; gap: var(--space-2); }
.savereport__row { display: flex; gap: var(--space-2); }

@media (max-width: 767px) {
  .reportstats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report__row, .report__entry { grid-template-columns: minmax(0, 1fr) 90px 100px; }
  .report__hide-sm { display: none; }
  .report__entry { grid-template-columns: minmax(0, 1fr) 80px 90px; padding-left: var(--space-3); }
  .report__entrydate { grid-column: 1 / -1; }
  .report__row--level2 { padding-left: var(--space-4); }
}

/* Einstellungen */
.tabs { margin-bottom: var(--space-5); border-bottom: 1px solid var(--line); overflow-x: auto; }
.tabs ul { display: flex; gap: var(--space-1); list-style: none; margin: 0; padding: 0; }
.tabs a { display: block; padding: var(--space-2) var(--space-3); color: var(--ink); font-weight: 600; text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.tabs a:hover { color: var(--accent); }
.tabs a[aria-current="page"] { color: var(--accent); border-bottom-color: var(--accent); }
.settings-block { margin-bottom: var(--space-7); max-width: 900px; }
.settings-block h2 { margin-bottom: var(--space-3); }
.settings-intro { margin-bottom: var(--space-3); max-width: var(--measure); }
.settings-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.settings-section h3 { margin-top: var(--space-2); }
.tokenform { margin-top: var(--space-4); display: flex; flex-direction: column; gap: var(--space-4); }
.newtoken { margin-bottom: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); max-width: 900px; }
.newtoken__row { display: flex; gap: var(--space-2); }
.newtoken__row .hm-field__input { flex: 1; }
.inlineform { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3); }
.hm-btn--small { min-height: 36px; padding: var(--space-1) var(--space-4); }
code { font-family: var(--font-mono); font-size: 0.93em; }

/* Wochenübersicht unter den Einträgen */
.weekstats { margin: var(--space-5) 0 var(--space-6); }
.weekstats__scroll { overflow-x: auto; }
.weekstats__table { width: 100%; border-collapse: collapse; font-size: 14px; }
.weekstats__table th, .weekstats__table td { padding: var(--space-2) var(--space-2); text-align: right; border-bottom: 1px solid var(--line); white-space: nowrap; }
.weekstats__table thead th { font-weight: 650; color: var(--ink-muted); }
.weekstats__table tbody th { text-align: left; font-weight: 600; color: var(--ink-muted); }
.weekstats__table .is-selected { background: var(--surface-tint); color: var(--ink); }
.weekstats__table thead .is-selected { color: var(--accent); }
.weekstats__week { font-weight: 650; border-left: 1px solid var(--line); }