/* CSS for non public pages */

    .login-btn { display: inline-flex; align-items: center; gap: 0.45rem; }
    .btn-logo { width: 14px; height: auto; filter: brightness(0) invert(1); }

/* Keep your 600px centered layout from body defaults, but add a nicer login card rhythm */
    .login-header { margin-bottom: 1.25em; }
    .login-header .muted { color: var(--muted); margin-top: 0.25em; }

    .form-row { margin-top: 1.1em; }
    .help-row { margin-top: 0.75em; }

    .alert {
      margin: 1em 0 0;
      padding: 12px 14px;
      border: 1px solid var(--border);
      border-radius: 6px;
      background: #fff;
    }
    .alert.error { border-color: rgba(220,53,69,.35); }
    .alert.success { border-color: rgba(40,167,69,.35); }

    /* Make Django's default widgets look like your inputs */
    input[type="password"] {
      width: 100%;
      padding: 12px 14px;
      font-size: 1em;
      border: 1px solid #cfd4da;
      border-radius: 6px;
      background: #fff;
    }
    input[type="password"]:focus{
      outline: none;
      border-color: #80bdff;
      box-shadow: 0 0 0 3px rgba(0,123,255,0.15);
    }

    /* Optional: align field errors nicely */
    .field-errors {
      margin-top: 0.5em;
      color: #b02a37;
      font-size: 0.95em;
    }