/* ---------- Tabellen (global) ---------- */
      table {
        width: 100%;
        border-collapse: collapse;
        font-size: var(--fs-md);
      }
      table th {
        text-align: left;
        padding: 9px 10px;
        font-size: var(--fs-xs);
        font-weight: 500;
        color: var(--ink-3);
        border-bottom: 1px solid var(--border);
      }
      table td {
        padding: 9px 10px;
        border-bottom: 1px solid var(--border);
        color: var(--ink);
        text-align: left;
      }
      table tbody tr:last-child > td {
        border-bottom: none;
      }
      table tbody tr:hover > td {
        background: var(--surface-2);
      }
      .tableWrap {
        overflow-x: auto;
        max-width: 100%;
      }
      .weeklyBackupBanner.is-danger {
        border-color: var(--danger);
      }
      .weeklyBackupBanner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        flex-wrap: wrap;
        background: var(--surface);
        border: 1px solid var(--warning);
        border-radius: var(--r-md);
        padding: 12px 16px;
        margin-bottom: 18px;
      }
      .weeklyBackupBannerText {
        font-size: var(--fs-sm);
        color: var(--ink);
        flex: 1;
        min-width: 220px;
      }
      .weeklyBackupBannerActions {
        display: flex;
        gap: 8px;
        flex-shrink: 0;
      }
      
      
      @media (max-width: 1024px) {
        .sidebar {
          transform: translateX(-100%);
        }
        .sidebar.open {
          transform: translateX(0);
        }
        #mainContent {
          margin-left: 0;
          padding: 70px 16px 30px 16px;
        }
        .hamburger {
          display: block;
        }
      }

      /* ---------- Toolbar (search / filter / category chips) ---------- */
      
      
      
      
      
      
      
      
      
      
      
      
      
      

      /* ---------- Compact list rows (Kontakte, Bücher, Projekte) ---------- */
      
      
      
      
      
      

      /* ---------- Sub-tabs (Aufgaben: offen/erledigt) ---------- */
      .subTabs {
        display: flex;
        gap: 8px;
        margin-bottom: 14px;
      }
      .subTabBtn {
        padding: 8px 16px;
        border-radius: var(--r-md);
        background: var(--surface-2);
        border: 1px solid var(--border);
        color: var(--ink-3);
        cursor: pointer;
        font-size: var(--fs-sm);
        font-weight: 600;
        transition: 0.15s ease;
      }
      /* Speicher-Übersicht (Einstellungen → Speicher & Sync): Zahlen nie umbrechen, auf dem Handy engere Zellen */
      table.storageNums td.r,
      table.storageNums th.r {
        white-space: nowrap;
      }
      table.storageNums td:first-child {
        overflow-wrap: anywhere;
      }
      @media (max-width: 640px) {
        table.storageNums th,
        table.storageNums td {
          padding-left: var(--s2);
          padding-right: var(--s2);
        }
      }