/* ── Permis tab ─────────────────────────────────────────────────────────── */
    .permis-filter-bar {
      display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;
    }
    .permis-filter-btn {
      background: var(--surface-2); border: 1px solid var(--border);
      color: var(--text-dim); font-family: var(--font-head); font-size: 13px;
      font-weight: 600; padding: 5px 14px; border-radius: 5px; cursor: pointer;
    }
    .permis-filter-btn.active { background: var(--accent); border-color: var(--accent); color: #0d1117; }
    .permis-table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 800px; }
    .permis-table th {
      font-family: var(--font-head); font-size: 11px; font-weight: 700;
      text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-dim);
      padding: 6px 10px; border-bottom: 1px solid var(--border); text-align: left;
    }
    .permis-table td { padding: 9px 10px; border-bottom: 1px solid #1e2530; vertical-align: middle; }
    .permis-table tr:last-child td { border-bottom: none; }
    .permis-table tr:hover td { background: #1a2030; }
    .gate-badge {
      display: inline-block; font-family: var(--font-head); font-size: 11px;
      font-weight: 700; text-transform: uppercase; padding: 2px 8px;
      border-radius: 4px; white-space: nowrap;
    }
    .gate-permis   { background: #2e0d0d; color: #ff6b6b; border: 1px solid var(--red); }
    .gate-statut   { background: #2e2000; color: var(--accent); border: 1px solid var(--accent); }
    .gate-actif    { background: #1a1a2e; color: #9b9bff; border: 1px solid #9b9bff; }
    .resolu-toggle {
      background: none; border: 1px solid var(--border); color: var(--text-dim);
      font-family: var(--font-head); font-size: 11px; font-weight: 700;
      padding: 3px 10px; border-radius: 4px; cursor: pointer; white-space: nowrap;
    }
    .resolu-toggle.done { background: #0e2e1a; color: #2ea84b; border-color: #2ea84b; }
    .resolu-toggle:hover { border-color: var(--text); color: var(--text); }