/* GATE/AUTH SCREEN */
    .auth-card {
      max-width: 450px;
      margin: 40px auto;
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      background: var(--surface);
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
      overflow: hidden;
    }

    html[data-theme="dark"] .auth-card {
      border-color: #2a2e32;
      background: #151819;
      box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    }

    .auth-tabs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-bottom: 1px solid var(--line);
    }

    html[data-theme="dark"] .auth-tabs {
      border-color: #2a2e32;
    }

    .auth-tab-btn {
      padding: 15px;
      text-align: center;
      font-weight: 700;
      cursor: pointer;
      background: var(--bg-soft);
      color: var(--muted);
      border: 0;
      transition: all 0.2s;
    }

    html[data-theme="dark"] .auth-tab-btn {
      background: #181a1d;
    }

    .auth-tab-btn.active {
      background: var(--surface);
      color: var(--text);
      border-bottom: 3px solid var(--sociax-accent);
    }

    html[data-theme="dark"] .auth-tab-btn.active {
      background: #151819;
    }

    .auth-body {
      padding: 30px;
    }

    .auth-form {
      display: none;
      flex-direction: column;
      gap: 16px;
    }

    .auth-form.active {
      display: flex;
    }

    .auth-error {
      color: #e71d36;
      font-size: 0.85rem;
      font-weight: 700;
      display: none;
    }

    /* Date picker dark mode overrides */
    html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
      filter: invert(1);
    }