#view-zeiterfassung {
  --tt-bg: var(--bg, #031b14);
  --tt-surface: var(--panel-deep, #041b14);
  --tt-surface-2: var(--panel, #08291f);
  --tt-line: var(--line, rgba(176, 239, 190, .18));
  --tt-muted: var(--muted, #b5c8bc);
  --tt-green: var(--mint, #8ee89d);
  --tt-green-soft: rgba(142, 232, 157, .12);
  padding: 0 !important;
  background: radial-gradient(circle at 52% 18%, rgba(76, 132, 87, .10), transparent 34%), var(--tt-bg);
  color: var(--ink, #f4fff6);
}

#view-zeiterfassung * { box-sizing: border-box; }
#view-zeiterfassung button,
#view-zeiterfassung input,
#view-zeiterfassung select,
#view-zeiterfassung textarea { font: inherit; }
.tt-icon { width: 22px; height: 22px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.tt-shell { min-height: 100%; padding: 22px clamp(16px, 2.4vw, 34px) 46px; }
.tt-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--tt-line); }
.tt-head h1 { margin: 2px 0 4px; font-size: clamp(24px, 2.2vw, 34px); }
.tt-head p { margin: 0; color: var(--tt-muted); }
.tt-kicker { color: var(--tt-green); font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.tt-head-actions { display: flex; align-items: end; gap: 10px; }
.tt-head-actions { flex-wrap: wrap; justify-content: flex-end; }
.tt-head-actions label { display: grid; gap: 5px; color: var(--tt-muted); font-size: 12px; }
.tt-head-actions input { min-height: 42px; border: 1px solid var(--tt-line); border-radius: 11px; background: var(--tt-surface); color: #fff; padding: 8px 12px; color-scheme: dark; }

.tt-timeline { padding: 22px 0 10px; }
.tt-hours { display: flex; justify-content: space-between; padding: 0 4px 9px; color: var(--tt-muted); font-size: 11px; }
.tt-track { position: relative; height: 57px; overflow: hidden; border: 1px dashed var(--line-strong); border-radius: 11px; background: rgba(2, 19, 14, .34); }
.tt-empty-timeline { position: absolute; inset: 0; display: grid; place-items: center; color: var(--tt-muted); font-size: 12px; }
.tt-block { position: absolute; top: 0; bottom: 0; min-width: 30px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0 9px; color: #fff; font-size: 11px; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; }
.tt-now { position: absolute; top: -8px; bottom: -8px; width: 2px; background: var(--tt-green); box-shadow: 0 0 12px rgba(142, 232, 157, .25); }
.tt-now::before { content: ""; position: absolute; top: -3px; left: -5px; width: 12px; height: 12px; border-radius: 50%; background: var(--tt-green); }
.tt-now span { position: absolute; top: 43px; left: 50%; translate: -50% 0; padding: 3px 6px; border-radius: 5px; background: var(--tt-green); color: #06150c; font-size: 10px; font-weight: 900; }

.tt-grid { display: grid; grid-template-columns: minmax(250px, 1fr) minmax(330px, 1.16fr) minmax(290px, 1fr); gap: clamp(18px, 3vw, 42px); align-items: center; padding: 24px 0 30px; }
.tt-assignments,
.tt-details { display: grid; gap: 14px; }
.tt-select-card { min-height: 73px; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; align-items: center; padding: 11px 14px; border: 1px solid var(--tt-line); border-radius: 13px; background: linear-gradient(145deg, var(--tt-surface-2), var(--tt-surface)); }
.tt-select-card[hidden] { display: none; }
.tt-select-card > span:nth-child(2) { min-width: 0; display: grid; gap: 4px; }
.tt-select-card small { color: var(--tt-muted); }
.tt-select-card em { color: var(--tt-muted); font-style: normal; }
.tt-select-card strong { overflow: hidden; color: var(--ink, #f4fff6); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.tt-select-card select { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; font-weight: 750; }
.tt-select-card option { background: var(--tt-surface-2); color: #fff; }
.tt-picker-trigger { width: 100%; grid-template-columns: 36px minmax(0, 1fr) 20px; color: inherit; text-align: left; cursor: pointer; }
.tt-picker-trigger:hover,
.tt-picker-trigger:focus-visible { border-color: var(--tt-green); background: linear-gradient(145deg, rgba(142, 232, 157, .1), var(--tt-surface)); outline: none; }
.tt-picker-chevron { color: var(--tt-muted); }
.tt-picker-chevron .tt-icon { width: 18px; height: 18px; }
.tt-card-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: var(--tt-green); background: var(--tt-green-soft); font-size: 20px; }
.tt-field-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 4px; }
.tt-field-head strong { font-size: 14px; }
.tt-field-head small { color: var(--tt-muted); font-size: 11px; }
.tt-context-types { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.tt-context-types button { min-height: 76px; display: grid; place-items: center; align-content: center; gap: 7px; border: 1px solid var(--tt-line); border-radius: 11px; background: var(--tt-surface); color: var(--soft, #d8eadc); cursor: pointer; font-size: 11px; font-weight: 750; }
.tt-context-types button .tt-icon { width: 24px; height: 24px; }
#view-zeiterfassung .tt-context-types button { font-size: 11px; font-weight: 750; padding-inline: 4px; }
#view-zeiterfassung .tt-edit-button { font-size: 11px; font-weight: 800; }
.tt-context-types button:hover,
.tt-context-types button.is-active { border-color: var(--tt-green); color: var(--tt-green); background: var(--tt-green-soft); }

.tt-timer-column { text-align: center; }
.tt-timer { --tt-progress: 0deg; position: relative; width: min(100%, 405px); aspect-ratio: 1; margin: auto; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--tt-green) var(--tt-progress), var(--tt-surface-2) 0); padding: 11px; box-shadow: 0 0 0 1px var(--tt-line), 0 25px 50px rgba(0, 0, 0, .25); }
.tt-timer::before { content: ""; position: absolute; inset: 12px; border-radius: inherit; background: radial-gradient(circle at 50% 35%, var(--tt-surface-2), var(--tt-bg) 72%); box-shadow: inset 0 0 0 1px var(--tt-line), inset 0 0 0 17px var(--tt-bg), inset 0 0 0 18px var(--tt-line); }
.tt-timer::after { content: ""; position: absolute; inset: 5px; border-radius: inherit; pointer-events: none; background: repeating-conic-gradient(from -1deg, var(--tt-green) 0deg 1deg, transparent 1deg 10deg); mask: radial-gradient(circle, transparent 67%, #000 67.5% 70%, transparent 70.5%); -webkit-mask: radial-gradient(circle, transparent 67%, #000 67.5% 70%, transparent 70.5%); opacity: .42; }
.tt-timer.is-running::after { opacity: .8; animation: tt-instrument-sweep 60s linear infinite; }
.tt-timer.is-running::before { animation: tt-instrument-glow 4s ease-in-out infinite; }
@keyframes tt-instrument-sweep { to { transform: rotate(360deg); } }
@keyframes tt-instrument-glow { 50% { box-shadow: inset 0 0 0 1px var(--tt-green), inset 0 0 0 17px var(--tt-bg), inset 0 0 0 18px var(--tt-line), 0 0 24px rgba(142, 232, 157, .12); } }
.tt-timer > div { position: relative; z-index: 1; display: grid; justify-items: center; gap: 13px; }
.tt-timer > div::before { content: "SHK / TIME"; color: var(--tt-muted); font-size: 10px; letter-spacing: .24em; font-weight: 700; }
.tt-timer output { font-variant-numeric: tabular-nums; font-size: clamp(42px, 4vw, 62px); font-weight: 800; letter-spacing: -.04em; }
.tt-timer strong { color: var(--tt-muted); letter-spacing: .12em; }
.tt-timer.is-running strong { color: var(--tt-green); }
.tt-timer button { min-width: min(250px, 70vw); min-height: 88px; display: grid; grid-template-columns: auto auto; place-content: center; gap: 11px; border: 0; border-radius: 999px; background: var(--tt-green); color: #04130a; cursor: pointer; font-size: 16px; font-weight: 950; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
.tt-timer button:hover { filter: brightness(1.07); transform: translateY(-1px); }
.tt-timer button:focus-visible { outline: 2px solid var(--ink, #f4fff6); outline-offset: 5px; }
.tt-timer button:disabled { cursor: wait; opacity: .7; }
.tt-timer.is-running button { background: var(--tt-surface-2); color: var(--tt-green); border: 1px solid var(--tt-green); }
.tt-timer-column > p { margin: 17px 0 0; color: var(--tt-muted); font-size: 12px; }

.tt-work-types { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.tt-work-types button { min-height: 82px; display: grid; place-items: center; align-content: center; gap: 7px; border: 1px solid var(--tt-line); border-radius: 11px; background: var(--tt-surface); color: var(--soft, #d8eadc); cursor: pointer; }
.tt-work-types button .tt-icon { width: 25px; height: 25px; }
.tt-work-types button span { font-size: 11px; font-weight: 800; }
.tt-work-types button:hover,
.tt-work-types button.is-active { border-color: var(--tt-green); color: var(--tt-green); background: var(--tt-green-soft); }
.tt-note { display: grid; gap: 7px; font-size: 13px; font-weight: 750; }
.tt-note small { color: var(--tt-muted); font-weight: 500; }
.tt-note textarea { width: 100%; resize: vertical; border: 1px solid var(--tt-line); border-radius: 12px; background: var(--tt-surface); color: #fff; padding: 12px; outline: 0; }
.tt-note textarea:focus { border-color: var(--tt-green); box-shadow: 0 0 0 3px rgba(142, 232, 157, .09); }
.tt-voice { min-height: 84px; display: grid; grid-template-columns: 48px 1fr; gap: 13px; align-items: center; text-align: left; border: 1px solid var(--tt-line); border-radius: 13px; background: linear-gradient(145deg, var(--tt-surface-2), var(--tt-surface)); color: #fff; padding: 12px 15px; cursor: pointer; }
.tt-voice > span:first-child { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--tt-green); border-radius: 50%; color: var(--tt-green); font-size: 23px; }
.tt-voice > span:first-child .tt-icon { width: 25px; height: 25px; }
.tt-voice > span:last-child { display: grid; gap: 4px; }
.tt-voice strong { color: var(--tt-green); }
.tt-voice small { color: var(--tt-muted); font-style: italic; line-height: 1.35; }

.tt-today { border-top: 1px solid var(--tt-line); padding-top: 20px; }
.tt-today > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 13px; }
.tt-today h2 { margin: 0 0 2px; font-size: 18px; }
.tt-today p { margin: 0; color: var(--tt-muted); font-size: 12px; }
.tt-today > header > strong { color: var(--tt-green); font-size: 20px; }
.tt-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.tt-filters label { display: grid; gap: 6px; color: var(--tt-muted); font-size: 12px; min-width: 0; }
#view-zeiterfassung .tt-filters input, #view-zeiterfassung .tt-filters select { width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--tt-line); border-radius: 10px; padding: 9px 10px; background: var(--tt-surface); color: var(--ink); color-scheme: dark; font-size: 13px; }
.tt-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; grid-column: 1 / -1; }
.tt-summary { display: flex; gap: 12px; margin: 14px 0; flex-wrap: wrap; }
.tt-summary > div { flex: 1; min-width: 100px; display: grid; gap: 7px; padding: 12px; background: var(--tt-surface); border: 1px solid var(--tt-line); border-radius: 10px; }
.tt-summary small { color: var(--tt-muted); }
.tt-summary strong { color: var(--tt-green); }
.tt-load-more { display: block; margin: 16px auto; min-height: 44px; }
.tt-load-more[hidden], .tt-edit-grid[hidden], .tt-timeline[hidden] { display: none; }
.tt-entry-customer small, .tt-entry > span:nth-child(2) small { display: block; margin-top: 4px; }
.tt-report-link { display: block; font-size: 11px; line-height: 1.5; color: var(--tt-green); margin-top: 4px; }
.tt-dialog { max-height: calc(100dvh - 24px); overflow: auto; }
.tt-dialog label.tt-checkbox { display: flex; align-items: center; grid-column: 1 / -1; }
.tt-checkbox input { width: auto; }
#ttEditStatus { margin: 0; color: var(--tt-green); }
.tt-entries { overflow: hidden; border: 1px solid var(--tt-line); border-radius: 13px; background: var(--tt-surface); }
.tt-entry { width: 100%; display: grid; grid-template-columns: 12px 110px 80px minmax(130px, 1fr) minmax(150px, 1.4fr) 110px minmax(140px, 1.2fr) 112px; gap: 12px; align-items: center; border: 0; border-bottom: 1px solid var(--tt-line); background: transparent; color: var(--ink, #f4fff6); padding: 13px 15px; text-align: left; }
.tt-entry:last-child { border-bottom: 0; }
.tt-entry:hover { background: rgba(142, 232, 157, .055); }
.tt-entry small { color: var(--tt-muted); }
.tt-dot { width: 8px; height: 8px; border-radius: 50%; }
.tt-entry-duration { font-weight: 850; }
.tt-edit-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--tt-line); border-radius: 9px; background: var(--tt-surface-2); color: var(--soft, #d8eadc); padding: 7px 10px; cursor: pointer; font-size: 11px; font-weight: 800; }
.tt-edit-button:hover,
.tt-edit-button:focus-visible { border-color: var(--tt-green); color: var(--tt-green); background: var(--tt-green-soft); outline: none; }
.tt-edit-button .tt-icon { width: 17px; height: 17px; }
.tt-empty { padding: 26px; text-align: center; color: var(--tt-muted); }

.tt-dialog { width: min(620px, calc(100% - 24px)); border: 1px solid var(--tt-line); border-radius: 18px; background: var(--tt-surface-2); color: #fff; padding: 0; box-shadow: 0 25px 70px rgba(0,0,0,.55); }
.tt-dialog::backdrop { background: rgba(2, 13, 9, .78); backdrop-filter: blur(3px); }
.tt-dialog form { display: grid; gap: 16px; padding: 22px; }
.tt-dialog header { display: flex; justify-content: space-between; gap: 20px; }
.tt-dialog header small { color: var(--tt-green); text-transform: uppercase; letter-spacing: .1em; font-weight: 850; }
.tt-dialog h2 { margin: 4px 0 0; }
.tt-dialog header > button { border: 0; background: transparent; color: #fff; font-size: 27px; cursor: pointer; }
.tt-dialog label { display: grid; gap: 7px; color: var(--soft, #d8eadc); font-weight: 700; }
.tt-dialog input,
.tt-dialog select,
.tt-dialog textarea { width: 100%; border: 1px solid var(--tt-line); border-radius: 10px; background: var(--tt-surface); color: #fff; padding: 11px 12px; color-scheme: dark; }
.tt-dialog footer { display: flex; justify-content: flex-end; gap: 10px; }
.tt-dictate { min-height: 50px; border: 1px solid var(--tt-green); border-radius: 11px; background: var(--tt-green-soft); color: var(--tt-green); font-weight: 850; cursor: pointer; }
.tt-ai-result { min-height: 74px; border: 1px solid var(--tt-line); border-radius: 11px; background: var(--tt-surface); padding: 13px; color: var(--soft, #d8eadc); line-height: 1.5; }
.tt-ai-result strong { color: var(--tt-green); }
.tt-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tt-edit-picker-field { min-width: 0; display: grid; align-content: start; gap: 7px; color: var(--soft, #d8eadc); font-weight: 700; }
.tt-edit-picker-button { min-height: 45px; display: grid; grid-template-columns: minmax(0, 1fr) 18px; align-items: center; gap: 10px; border: 1px solid var(--tt-line); border-radius: 10px; background: var(--tt-surface); color: #fff; padding: 10px 12px; text-align: left; cursor: pointer; }
.tt-edit-picker-button > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tt-edit-picker-button .tt-icon { width: 17px; height: 17px; color: var(--tt-muted); }
.tt-edit-picker-button:hover,
.tt-edit-picker-button:focus-visible { border-color: var(--tt-green); outline: none; }
.tt-edit-picker-button:disabled { cursor: not-allowed; opacity: .55; }

.tt-picker-dialog { width: min(560px, calc(100% - 24px)); }
.tt-picker-dialog form { gap: 0; padding: 20px; }
.tt-dialog-icon-button { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 10px; background: transparent; color: var(--soft, #d8eadc); cursor: pointer; }
.tt-dialog-icon-button:hover,
.tt-dialog-icon-button:focus-visible { background: rgba(255,255,255,.06); color: var(--tt-green); outline: none; }
.tt-dialog-icon-button .tt-icon { width: 22px; height: 22px; }
.tt-picker-search { min-height: 51px; display: grid !important; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 10px !important; border: 1px solid var(--tt-line); border-radius: 13px; background: var(--tt-surface); padding: 0 14px; }
.tt-picker-search:focus-within { border-color: var(--tt-green); box-shadow: 0 0 0 3px rgba(142, 232, 157, .08); }
.tt-picker-search .tt-icon { width: 21px; height: 21px; color: var(--soft, #d8eadc); }
.tt-picker-search input { min-width: 0; border: 0; background: transparent; padding: 0; outline: none; }
.tt-picker-list { max-height: min(410px, 52vh); display: grid; gap: 8px; overflow: auto; margin: 14px 0 8px; padding-right: 2px; scrollbar-width: thin; }
.tt-picker-item { width: 100%; min-height: 62px; display: grid; grid-template-columns: 34px minmax(0, 1fr) 20px; align-items: center; gap: 12px; border: 1px solid var(--tt-line); border-radius: 12px; background: var(--tt-surface); color: var(--ink, #f4fff6); padding: 10px 12px; text-align: left; cursor: pointer; }
.tt-picker-item:hover,
.tt-picker-item:focus-visible,
.tt-picker-item.is-selected { border-color: var(--tt-green); background: rgba(142, 232, 157, .045); outline: none; }
.tt-picker-item-icon { color: var(--soft, #d8eadc); }
.tt-picker-item-icon .tt-icon { width: 23px; height: 23px; }
.tt-picker-item > span:nth-child(2) { min-width: 0; }
.tt-picker-item strong,
.tt-picker-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tt-picker-item strong { font-size: 14px; }
.tt-picker-item small { margin-top: 4px; color: var(--tt-muted); font-size: 12px; }
.tt-picker-item-chevron { color: var(--soft, #d8eadc); }
.tt-picker-item-chevron .tt-icon { width: 18px; height: 18px; }
.tt-picker-clear { width: 100%; min-height: 48px; border: 0; border-radius: 11px; background: transparent; color: var(--tt-muted); cursor: pointer; font-weight: 700; }
.tt-picker-clear:hover,
.tt-picker-clear:focus-visible { background: rgba(255,255,255,.045); color: #fff; outline: none; }
.tt-picker-empty { margin: 0; padding: 34px 16px; color: var(--tt-muted); text-align: center; }
.tt-toast { position: fixed; right: 22px; bottom: 22px; z-index: 200; max-width: min(390px, calc(100% - 30px)); translate: 0 18px; opacity: 0; pointer-events: none; border: 1px solid rgba(142, 232, 157, .45); border-radius: 11px; background: var(--tt-surface-2); color: var(--ink, #f4fff6); padding: 12px 15px; box-shadow: 0 14px 40px rgba(0,0,0,.35); transition: .2s ease; }
.tt-toast.is-visible { translate: 0 0; opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .tt-timer.is-running::after, .tt-timer.is-running::before { animation: none; }
  .tt-timer button:hover { transform: none; }
}

@media (max-width: 1180px) {
  .tt-grid { grid-template-columns: 1fr 1.15fr; }
  .tt-details { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; align-items: end; }
  .tt-details .tt-field-head { grid-column: 1 / -1; }
  .tt-entry { grid-template-columns: 12px 100px 70px minmax(130px, 1fr) minmax(150px, 1fr) 100px; }
  .tt-entry-type, .tt-entry-note { display: none; }
}

@media (max-width: 760px) {
  #view-zeiterfassung { overflow: visible; }
  .tt-shell { padding: 15px 12px 88px; }
  .tt-head { align-items: start; }
  .tt-head p { max-width: 34ch; font-size: 12px; }
  .tt-head { flex-wrap: wrap; }
  .tt-head-actions { justify-content: flex-start; width: 100%; }
  .tt-head-actions label { display: grid; }
  .tt-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tt-entry .tt-entry-context { display: block; grid-column: 2 / -1; grid-row: 2; }
  .tt-entry .tt-edit-button { grid-column: 5; grid-row: 1; }
  .tt-entry .tt-entry-actions { grid-column: 5; grid-row: 1; }
  .tt-entry .tt-entry-actions .tt-edit-button { grid-column: auto; grid-row: auto; }
  .tt-timeline { padding-top: 17px; }
  .tt-track { height: 50px; overflow: visible; }
  .tt-block { font-size: 9px; padding: 0 5px; }
  .tt-grid { display: flex; flex-direction: column; gap: 20px; padding-top: 26px; }
  .tt-timer-column { order: 1; width: 100%; }
  .tt-assignments { order: 2; width: 100%; }
  .tt-details { order: 3; width: 100%; display: grid; grid-template-columns: 1fr; }
  .tt-timer { width: min(88vw, 390px); }
  .tt-timer output { font-size: clamp(44px, 14vw, 62px); }
  .tt-timer button { min-height: 82px; }
  .tt-select-card { min-height: 69px; }
  .tt-context-types { display: flex; overflow-x: auto; padding-bottom: 5px; scrollbar-width: thin; }
  .tt-context-types button { min-width: 86px; }
  .tt-today { padding-bottom: 16px; }
  .tt-entry { grid-template-columns: 8px 84px 58px minmax(0, 1fr) 42px; gap: 7px; padding: 12px 9px; }
  .tt-entry-context, .tt-entry-type, .tt-entry-note { display: none; }
  .tt-entry-customer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tt-edit-button { min-width: 40px; min-height: 40px; padding: 8px; }
  .tt-edit-button span { display: none; }
  .tt-dialog footer { display: grid; grid-template-columns: 1fr 1fr; }
  .tt-picker-dialog { width: calc(100% - 20px); max-height: calc(100dvh - 20px); }
  .tt-picker-dialog form { padding: 17px; }
  .tt-picker-list { max-height: 49dvh; }
  .tt-picker-item { min-height: 66px; }
}

@media (max-width: 430px) {
  .tt-head h1 { font-size: 25px; }
  .tt-head p { display: none; }
  .tt-head-actions .secondary-button { padding-inline: 10px; }
  .tt-hours { font-size: 9px; }
  .tt-timer { width: min(91vw, 360px); }
  .tt-work-types button { min-height: 74px; }
  .tt-today > header > strong { font-size: 17px; }
  .tt-edit-grid { grid-template-columns: 1fr; }
}