/* Die Handy-Navigation ist eine Geraeteeinstellung und unabhaengig vom Farbtheme. */
@media (max-width:760px) {
  html[data-tsv-mobile-nav="tiles"] .sidebar { display:none!important; }
  html[data-tsv-mobile-nav="tiles"] .mobile-menu { display:none!important; }
  html[data-tsv-mobile-nav="tiles"] body.workspace-hub-open { overflow:hidden; }
  html[data-tsv-mobile-nav="tiles"] .main-content { padding-bottom:calc(78px + env(safe-area-inset-bottom)); }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile-hub {
    display:block;position:fixed;z-index:34;inset:0 0 calc(70px + env(safe-area-inset-bottom));
    overflow:auto;background:var(--theme-canvas,#f3f4f1);color:var(--theme-ink,#202326);
    padding:22px 16px 26px;
  }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile-hub[hidden] { display:none!important; }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile-head {
    display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;
    top:-22px;z-index:1;background:var(--theme-canvas,#f3f4f1);padding:10px 0 15px;
    border-bottom:1px solid var(--line,#d8ddda);
  }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile-head h2 { font:700 28px/1.15 system-ui,sans-serif;margin:0;color:inherit; }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile-close {
    min-height:44px;border:1px solid var(--line,#d8ddda);border-radius:9px;
    background:var(--theme-paper,#fff);color:var(--theme-ink,#202326);
    padding:8px 12px;font-size:15px;font-weight:700;
  }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:18px; }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile {
    display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;
    min-width:0;min-height:106px;padding:16px;border:1px solid var(--line,#d8ddda);
    border-radius:12px;background:var(--theme-paper,#fff);color:var(--theme-ink,#202326);
    text-align:left;box-shadow:0 3px 12px #0000000a;
  }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile:active,
  html[data-tsv-mobile-nav="tiles"] .workspace-tile.active { border:2px solid var(--theme-primary,#202326); }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile-icon { display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--theme-canvas,#ecefed);font-size:19px;line-height:1; }
  html[data-tsv-mobile-nav="tiles"] .workspace-tile strong { font-size:16px;line-height:1.24;overflow-wrap:anywhere; }
  html[data-tsv-mobile-nav="tiles"] .design-bottom-nav {
    position:fixed;z-index:35;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    left:0;right:0;bottom:0;background:var(--theme-paper,#fff);
    border-top:1px solid var(--line,#d8ddda);padding:5px 4px calc(5px + env(safe-area-inset-bottom));
    box-shadow:0 -4px 18px #00000014;
  }
  html[data-tsv-mobile-nav="tiles"] .design-bottom-nav button {
    border:0;background:transparent;color:var(--theme-ink,#202326);border-radius:9px;
    min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:1px;font:700 13px system-ui,sans-serif;
  }
  html[data-tsv-mobile-nav="tiles"] .design-bottom-nav button.active { background:var(--theme-canvas,#ecefed);color:var(--theme-ink,#202326); }
  html[data-tsv-mobile-nav="tiles"] .design-bottom-nav button span { font-size:20px;line-height:1.1; }
  html[data-tsv-mobile-nav="tiles"] .toast { bottom:88px; }

  html[data-tsv-mobile-nav="drawer"] .design-bottom-nav { display:none!important; }
  html[data-tsv-mobile-nav="drawer"] .mobile-menu { display:block!important; }
  html[data-tsv-mobile-nav="drawer"] .sidebar { display:flex!important;transform:translateX(-100%);z-index:45; }
  html[data-tsv-mobile-nav="drawer"] .sidebar.open { transform:translateX(0); }
  html[data-tsv-mobile-nav="drawer"] .main-content { padding-bottom:56px; }

  /* Protokolle als lesbare Karten statt einer waagerecht verschiebbaren Tabelle. */
  #minutesView .table-wrap { overflow:visible; }
  #minutesView table,#minutesView tbody { display:block;width:100%; }
  #minutesView thead { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
  #minutesView tbody tr { display:flex;flex-direction:column;gap:4px;margin:0 0 12px;padding:14px;
    border:1px solid var(--line,#d8ddda);border-radius:12px;background:var(--theme-paper,#fff); }
  #minutesView tbody td { display:block;width:100%;padding:5px 0;border:0;min-width:0;
    font-size:15px;line-height:1.45;overflow-wrap:anywhere;white-space:normal; }
  #minutesView tbody td::before { display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    color:var(--muted,#52585c);margin-bottom:3px; }
  #minutesView tbody td:nth-child(2) { order:0; }
  #minutesView tbody td:nth-child(2) strong { font-size:19px;line-height:1.2; }
  #minutesView tbody td:nth-child(1) { order:1; }
  #minutesView tbody td:nth-child(1)::before { content:"Datum"; }
  #minutesView tbody td:nth-child(3) { order:2; }
  #minutesView tbody td:nth-child(3)::before { content:"Themen"; }
  #minutesView tbody td:nth-child(4) { order:3; }
  #minutesView tbody td:nth-child(4)::before { content:"Protokollführung"; }
  #minutesView tbody td:nth-child(5) { order:4; }
  #minutesView tbody td:nth-child(5)::before { content:"Beschlüsse"; }
  #minutesView tbody td:nth-child(6) { order:5;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px; }
  #minutesView tbody td:nth-child(6) :is(button,a) { min-height:44px; }
  #minutesView tbody td[colspan]::before { display:none; }
  #minutesView .topic-chips { min-width:0; }
  #minutesView .minutes-search { max-width:100%;min-width:0; }
  #minutesView .minutes-search input { min-width:0;font-size:16px; }
  #minutesView .page-actions { display:flex;flex-wrap:wrap;gap:8px;width:100%; }
  #minutesView .page-actions .button { flex:1 1 145px;white-space:normal; }
  .minute-detail-panel,.minute-detail-panel :is(p,a),.minute-revision-text,.minute-read-receipts {
    max-width:100%;overflow-wrap:anywhere;word-break:normal;white-space:pre-wrap;
  }
  .minute-detail-panel { padding:16px; }
  .modal:has(.minute-detail-panel) { width:100%;max-width:100%;padding:20px 16px; }
  .modal:has(.minute-detail-panel) .modal-footer { display:flex;flex-wrap:wrap;justify-content:flex-start; }
  .modal:has(.minute-detail-panel) .modal-footer :is(button,a) { min-height:44px; }
}
@media (max-width:360px) {
  html[data-tsv-mobile-nav="tiles"] .workspace-tile-grid { grid-template-columns:minmax(0,1fr); }
}