/* ===== Ait olduğu dosya: templates/app_users/login.html ===== */
  /* ===== Dosya Yolu: static/css/app_users/login_html.css ===== */
  :root{
    color-scheme: dark;
    --mmr-bg: rgba(15, 18, 24, .56);
    --mmr-brd: rgba(255,255,255,.10);
    --mmr-txt: rgba(255,255,255,.92);
    --mmr-sub: rgba(255,255,255,.68);
    --mmr-muted: rgba(255,255,255,.48);
    --mmr-shadow: 0 18px 60px rgba(0,0,0,.42);
    --mmr-focus: #a5d6a7;
    --mmr-input-bg: rgba(0,0,0,0);
    --mmr-w-regular: 400;
    --mmr-w-medium: 500;
    --mmr-w-semi: 600;

    --mmr-btn-g1: rgba(230,230,232,.92);
    --mmr-btn-g2: rgba(168,170,175,.88);
    --mmr-btn-g3: rgba(120,122,128,.92);
    --mmr-btn-g4: rgba(92,94,100,.88);
    --mmr-btn-text-dark: #0e1418;
  }

  .mmr-auth-wrap{ width:100%; display:flex; justify-content:center; align-items:center; min-height:60vh; }

  .mmr-auth-card{
    width: min(560px, 94vw);
    background: var(--mmr-bg);
    border: 1px solid var(--mmr-brd);
    border-radius: 0;
    box-shadow: var(--mmr-shadow);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    padding: 18px 18px 16px 18px;
    color: var(--mmr-txt);
    overflow: hidden;
  }

  @media (max-width: 480px){ .mmr-auth-card{ padding: 16px 14px 14px 14px; } }

  .mmr-auth-head{ padding: 6px 6px 12px 6px; }
  .mmr-auth-brand{ display:flex; align-items:center; gap:10px; font-weight: var(--mmr-w-semi); letter-spacing:.2px; }
  .mmr-auth-brand i{ color: var(--mmr-focus); font-size: 18px; }
  .mmr-auth-title{ font-size: 16px; line-height:1; font-weight: var(--mmr-w-semi); }
  .mmr-auth-sub{ margin-top:6px; font-size: 12px; color: var(--mmr-sub); font-weight: var(--mmr-w-regular); }

  .mmr-alert{ margin-top:10px; padding:10px 12px; border:1px solid rgba(239,154,154,.35); background: rgba(239,154,154,.10); color: rgba(255,255,255,.90); font-size: 12px; }
  .mmr-note{ margin: 4px 0 12px 0; padding:10px 12px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.06); color: rgba(255,255,255,.86); font-size: 12px; }

  .mmr-tabs .tabs{ margin: 6px 0 10px 0; }
  .mmr-tabs .tabs .tab a{ color: var(--mmr-sub) !important; font-weight: var(--mmr-w-medium); letter-spacing:.2px; background: transparent !important; }
  .mmr-tabs .tabs .tab a.active{ color: var(--mmr-txt) !important; background: transparent !important; }
  .mmr-tabs .tabs .tab a:focus,
  .mmr-tabs .tabs .tab a:focus.active{ background: transparent !important; outline: none; }
  .mmr-tabs .tabs .indicator{ background-color: var(--mmr-focus); height: 2px; border-radius: 0; }

  .mmr-tab-body{ padding-top: 8px; }

  .mmr-input{ position: relative; margin-bottom: 14px; }
  .mmr-input .icon-prefix{ position:absolute; left: 10px; top: 16px; color: var(--mmr-muted); width: 22px; text-align:center; pointer-events:none; }

  .mmr-input input{
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 44px !important;
    color: var(--mmr-txt) !important;
    background: var(--mmr-input-bg) !important;
    background-color: var(--mmr-input-bg) !important;
    -webkit-appearance: none;
    appearance: none;
    border-bottom: 1px solid rgba(255,255,255,.28) !important;
  }

  .mmr-input input.mmr-filled{
    background: var(--mmr-input-bg) !important;
    background-color: var(--mmr-input-bg) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--mmr-input-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--mmr-input-bg) inset !important;
  }

  .mmr-input label{ left: 44px !important; color: var(--mmr-sub) !important; font-weight: normal !important; }
  .mmr-input label.active{ font-weight: normal !important; }

  .mmr-input input:focus + label{ color: var(--mmr-focus) !important; font-weight: normal !important; }
  .mmr-input input:focus{ border-bottom: 1px solid var(--mmr-focus) !important; box-shadow: 0 1px 0 0 var(--mmr-focus) !important; background-color: var(--mmr-input-bg) !important; }
  .mmr-input .helper-text{ color: var(--mmr-sub) !important; }

  @keyframes mmrAutofillStart{ from{ } to{ } }
  .mmr-input input:-webkit-autofill{ animation-name: mmrAutofillStart; animation-duration: .01s; animation-iteration-count: 1; }
  .mmr-input input:-webkit-autofill,
  .mmr-input input:-webkit-autofill:hover,
  .mmr-input input:-webkit-autofill:focus,
  .mmr-input input:-webkit-autofill:active{
    -webkit-text-fill-color: var(--mmr-txt) !important;
    caret-color: var(--mmr-txt) !important;
    transition: background-color 999999s ease-in-out 0s !important;
    -webkit-box-shadow: 0 0 0 1000px var(--mmr-input-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--mmr-input-bg) inset !important;
    background-color: var(--mmr-input-bg) !important;
    border-bottom: 1px solid rgba(255,255,255,.28) !important;
  }

  .mmr-eye{ position:absolute; right: 0; top: 10px; border:0; background:transparent; color: var(--mmr-muted); cursor:pointer; padding: 8px 10px; }
  .mmr-eye:hover{ color: var(--mmr-txt); }

  .mmr-row{ display:flex; justify-content:flex-end; align-items:center; }
  .mmr-row-slim{ margin-top:-6px; margin-bottom: 8px; }
  .mmr-link{ color: var(--mmr-focus); font-weight: var(--mmr-w-medium); font-size: 12px; }
  .mmr-link:hover{ text-decoration: underline; }

  .mmr-btn{
    width:100%;
    border-radius: 0 !important;
    font-weight: normal !important;
    letter-spacing:.2px;
    text-transform:none;
    color: var(--mmr-btn-text-dark) !important;
    transition: filter .14s ease, transform .14s ease, box-shadow .14s ease, background .14s ease;
  }
  .mmr-btn-primary{ background: linear-gradient(90deg, var(--mmr-btn-g1), var(--mmr-btn-g2)); }
  .mmr-btn-accent{ background: linear-gradient(90deg, rgba(214,214,216,.92), rgba(150,152,158,.88)); color: var(--mmr-btn-text-dark) !important; }
  .mmr-btn-secondary{ background: linear-gradient(90deg, var(--mmr-btn-g3), var(--mmr-btn-g4)); color: rgba(255,255,255,.92) !important; border: 1px solid rgba(255,255,255,.10); }

  .mmr-btn-primary:hover:not(:disabled),
  .mmr-btn-primary:focus-visible:not(:disabled){ background: linear-gradient(90deg, #b2dfdb, rgba(210,210,214,.92)); box-shadow: 0 8px 22px rgba(178,223,219,.18); filter: brightness(1.03); }
  .mmr-btn-accent:hover:not(:disabled),
  .mmr-btn-accent:focus-visible:not(:disabled){ background: linear-gradient(90deg, rgba(178,223,219,.95), rgba(170,172,178,.90)); box-shadow: 0 8px 22px rgba(178,223,219,.16); filter: brightness(1.03); }
  .mmr-btn-secondary:hover:not(:disabled),
  .mmr-btn-secondary:focus-visible:not(:disabled){ background: linear-gradient(90deg, rgba(178,223,219,.28), rgba(108,110,116,.92)); box-shadow: 0 8px 22px rgba(178,223,219,.12); filter: brightness(1.05); }
  .mmr-btn:active:not(:disabled){ transform: translateY(1px); filter: brightness(.98); }

  .mmr-btn:disabled{ background: rgba(255,255,255,.06) !important; color: rgba(255,255,255,.35) !important; box-shadow:none !important; }

  .mmr-check{ margin: 10px 0 14px 0; }
  .mmr-check span{ color: var(--mmr-sub); font-size: 12px; line-height: 1.25; }
  .mmr-check input[type="checkbox"] + span:before{ border-color: rgba(255,255,255,.35); }
  .mmr-check input[type="checkbox"]:checked + span:before{ border-right-color: var(--mmr-focus); border-bottom-color: var(--mmr-focus); }

  .mmr-invite-title{ font-weight: var(--mmr-w-medium); letter-spacing:.2px; font-size: 12px; color: var(--mmr-sub); margin-bottom: 6px; }
  .mmr-hint{ margin-top: 10px; font-size: 11px; color: var(--mmr-muted); line-height: 1.35; }