/* ==========================================================================
   AJANSIM - süper admin ekranları
   ajansim.css üzerine biner; aynı belirteçleri kullanır.
   ========================================================================== */

/* -------------------------------------------------------- Dar formlar --- */
.auth-wrap{
  min-height:100vh; display:grid; place-items:center;
  padding:24px 16px; position:relative; z-index:1;
}
.auth-card{
  width:100%; max-width:440px;
  background:var(--card); border-radius:var(--r-xl);
  box-shadow:var(--sh-card); padding:32px;
}
.auth-brand{ display:flex; align-items:center; gap:11px; justify-content:center; margin-bottom:22px; }
.auth-title{ font-size:24px; font-weight:800; letter-spacing:-.7px; text-align:center; margin:0 0 6px; }
.auth-sub{ font-size:13.5px; color:var(--muted); text-align:center; margin:0 0 24px; line-height:1.5; }

.field{ margin-bottom:16px; }
.field label{ display:block; font-size:13px; font-weight:700; margin-bottom:7px; color:var(--ink-2); }
.field input{
  width:100%; padding:13px 15px; font-size:14px;
  background:#FBFAFE; border:1px solid var(--line-2); border-radius:13px; outline:0;
}
.field input:focus{ border-color:var(--violet-500); background:#fff; }
.field .hint{ font-size:11.5px; color:var(--muted-2); margin-top:6px; line-height:1.45; }
.field.is-error input{ border-color:#E5484D; background:#FFF7F7; }

.btn-block{
  width:100%; display:flex; align-items:center; justify-content:center; gap:9px;
  background:linear-gradient(135deg,var(--violet-500),var(--violet-600));
  color:#fff; font-size:15px; font-weight:700;
  padding:14px; border-radius:14px; box-shadow:var(--sh-btn);
}
.btn-block:hover{ filter:brightness(1.06); }
.btn-block[disabled]{ opacity:.55; cursor:not-allowed; box-shadow:none; }

.alert{
  display:flex; align-items:flex-start; gap:10px;
  border-radius:13px; padding:13px 15px; font-size:13px; line-height:1.5;
  margin-bottom:18px;
}
.alert--error{ background:#FEECEC; color:#B4272B; }
.alert--ok{ background:var(--green-50); color:#0E7A41; }
.alert--info{ background:var(--violet-50); color:var(--violet-700); }
.alert--warn{ background:#FFF4E5; color:#9A5B10; }

.auth-foot{ text-align:center; font-size:13px; color:var(--muted); margin-top:20px; }
.auth-foot a{ color:var(--violet-600); font-weight:700; text-decoration:none; }

/* ----------------------------------------------------- Admin düzeni ----- */
.admin-tabs{
  display:flex; gap:4px; padding:5px; margin-bottom:18px;
  background:var(--card); border-radius:16px; box-shadow:var(--sh-card);
  overflow-x:auto; scrollbar-width:none;
}
.admin-tabs::-webkit-scrollbar{ display:none; }
.admin-tabs button{
  display:flex; align-items:center; gap:8px; white-space:nowrap;
  color:var(--muted); font-size:14px; font-weight:600;
  padding:11px 18px; border-radius:12px;
}
.admin-tabs button:hover{ background:#F7F4FF; color:var(--ink-2); }
.admin-tabs button.is-active{ background:var(--violet-100); color:var(--violet-700); }

.provider-grid{ display:grid; gap:var(--gap); grid-template-columns:repeat(auto-fill, minmax(360px, 1fr)); }

.provider{
  background:var(--card); border-radius:var(--r-xl);
  box-shadow:var(--sh-card); padding:22px; display:flex; flex-direction:column;
}
.provider-head{ display:flex; align-items:center; gap:13px; margin-bottom:6px; }
.provider-logo{
  width:44px; height:44px; border-radius:14px; flex:none;
  display:grid; place-items:center; font-weight:800; font-size:15px;
  background:var(--lilac); color:var(--violet-600);
}
.provider-name{ font-size:17px; font-weight:800; letter-spacing:-.3px; }
.provider-role{ font-size:12px; color:var(--muted); margin-top:2px; }

.status-chip{
  display:inline-flex; align-items:center; gap:6px; margin-left:auto; flex:none;
  font-size:11.5px; font-weight:700; padding:6px 11px; border-radius:9px; white-space:nowrap;
}
.status-untested{ background:#F1EFF7; color:#6F6888; }
.status-ok{ background:var(--green-50); color:var(--green-ink); }
.status-failed{ background:#FEE8E8; color:var(--red-ink); }
.status-unauthorized{ background:#FFF4E5; color:#9A5B10; }
.status-unverifiable{ background:var(--blue); color:#2563EB; }

.provider-fields{ margin-top:16px; }
.provider-actions{ display:flex; gap:10px; margin-top:auto; padding-top:18px; flex-wrap:wrap; }
.provider-actions .btn-soft,
.provider-actions .btn-solid{ flex:1 1 130px; padding:12px; }

.test-note{
  font-size:11.5px; color:var(--muted); margin-top:12px; line-height:1.5;
  padding:10px 12px; background:#FBFAFE; border-radius:11px; border:1px solid var(--line);
}
.test-note code{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11px; }

.masked{
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:12.5px; color:var(--muted); background:#F4F1FC;
  padding:3px 9px; border-radius:7px; display:inline-block; margin-top:6px;
}

.admin-note{
  display:flex; align-items:flex-start; gap:12px;
  background:var(--violet-50); border:1px solid var(--violet-100);
  border-radius:var(--r-lg); padding:16px 18px; margin-bottom:18px;
  font-size:13px; line-height:1.55; color:var(--ink-2);
}

@media (max-width:760px){
  .auth-card{ padding:24px; }
  .provider-grid{ grid-template-columns:minmax(0,1fr); }
  .provider{ padding:18px; }
}