/* e-Portal — uye admin düzeni, mor kurumsal renk (üye portalından ayrışır) */

:root {
  --eportal-purple: #7c3aed;
  --eportal-purple-dark: #5b21b6;
  --eportal-purple-deep: #4c1d95;
}

.admin-login-page.eportal-login {
  --admin-login-accent: #7c3aed;
  --admin-login-ink: #182f2d;
  --admin-login-border: rgb(124 58 237 / 0.18);
  --primary-600: #7c3aed;
  --brand: #7c3aed;
  --bs-primary: #7c3aed;
  --bs-primary-rgb: 124, 58, 237;
}

.admin-login-page.eportal-login .admin-login__visual-overlay {
  background: linear-gradient(
    180deg,
    rgb(76 29 149 / 0.88) 0%,
    rgb(124 58 237 / 0.72) 45%,
    rgb(91 33 182 / 0.85) 100%
  );
}

.admin-login-page.eportal-login .admin-login__photo,
.admin-login-page.eportal-login .admin-login__mobile-hero {
  filter: none;
}

.admin-login-page.eportal-login .admin-login__header .admin-login__logo {
  width: auto;
  max-width: min(168px, 42vw);
  height: 2.75rem;
}

.admin-login-page.eportal-login .admin-login__visual-logo--wide {
  width: auto;
  max-width: min(180px, 40vw);
  height: 2.5rem;
  filter: drop-shadow(0 2px 8px rgb(0 0 0 / 0.35));
}

.admin-login-page.eportal-login .admin-login__control:focus {
  border-color: var(--admin-login-accent) !important;
  box-shadow: 0 0 0 3px rgb(124 58 237 / 0.2) !important;
}

.admin-login-page.eportal-login .icon-field .icon {
  color: var(--admin-login-accent) !important;
}

.admin-login-page.eportal-login .admin-login__submit,
.admin-login-page.eportal-login .admin-login__submit.btn {
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
  border-color: #5b21b6 !important;
}

.admin-login-page.eportal-login .admin-login__submit:hover {
  background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%) !important;
  border-color: #4c1d95 !important;
}

.admin-login-page.eportal-login .admin-login__submit:focus-visible {
  box-shadow: 0 0 0 3px rgb(124 58 237 / 0.35) !important;
}

.admin-login-page.eportal-login .admin-login__back-link:hover {
  color: var(--admin-login-accent);
}

.admin-login-page.eportal-login .admin-login__hint {
  color: #6b7280;
  border-left: 3px solid rgb(124 58 237 / 0.35);
  padding-left: 0.75rem;
}

/* —— Giriş sonrası panel (giriş ile aynı mor tema) —— */
body.admin-app.eportal-app {
  --primary-600: var(--eportal-purple);
  --brand: var(--eportal-purple);
  --bs-primary: var(--eportal-purple);
  --bs-primary-rgb: 124, 58, 237;
  --admin-navbar-bg: #f1e9ff;
  --admin-navbar-border: rgb(124 58 237 / 0.14);
  --admin-navbar-focus-ring: rgb(124 58 237 / 0.12);
}

body.eportal-app .dashboard-main .navbar-header {
  background: #f1e9ff !important;
  border-bottom: 1px solid rgb(124 58 237 / 0.12) !important;
}

body.admin-app.eportal-app .admin-twin-sidebar {
  --admin-sidebar-bg: var(--eportal-purple-deep);
  --admin-sidebar-active: var(--eportal-purple);
  --ts-purple: var(--eportal-purple);
  --ts-purple-soft: rgb(124 58 237 / 0.35);
}

body.eportal-app .admin-twin-sidebar .twin-rail__brand {
  width: calc(var(--ts-rail-w, 72px) - 14px);
  height: auto;
  min-height: 2.25rem;
  max-height: 3rem;
  margin-bottom: 1.125rem;
}

body.eportal-app .admin-twin-sidebar .twin-rail__brand .admin-brand-logo--eportal {
  width: 100%;
  height: auto;
  max-height: 2.75rem;
  object-fit: contain;
  object-position: center;
  filter: brightness(0) invert(1);
}

body.admin-app.eportal-app .dashboard-main .btn-primary,
body.admin-app.eportal-app .dashboard-main .btn-primary.admin-login__submit {
  background: linear-gradient(135deg, var(--eportal-purple) 0%, var(--eportal-purple-dark) 100%) !important;
  border-color: var(--eportal-purple-dark) !important;
}

body.admin-app.eportal-app .dashboard-main .btn-primary:hover {
  background: linear-gradient(135deg, #6d28d9 0%, var(--eportal-purple-deep) 100%) !important;
  border-color: var(--eportal-purple-deep) !important;
}

body.admin-app.eportal-app .dashboard-main .btn-outline-primary {
  color: var(--eportal-purple) !important;
  border-color: rgb(124 58 237 / 0.45) !important;
}

body.admin-app.eportal-app .dashboard-main .btn-outline-primary:hover {
  background-color: rgb(124 58 237 / 0.08) !important;
  border-color: var(--eportal-purple) !important;
  color: var(--eportal-purple-dark) !important;
}

body.admin-app.eportal-app .dashboard-main .form-control:focus,
body.admin-app.eportal-app .dashboard-main .form-select:focus {
  border-color: var(--eportal-purple) !important;
  box-shadow: 0 0 0 0.2rem rgb(124 58 237 / 0.18) !important;
}

body.admin-app.eportal-app .uyelik-dashboard-metrics .uyelik-metric-card--tile,
body.admin-app.eportal-app .uyelik-dashboard-metrics .uyelik-metric-card--pending,
body.admin-app.eportal-app .uyelik-dashboard-metrics .uyelik-metric-card--approved,
body.admin-app.eportal-app .uyelik-dashboard-metrics .uyelik-metric-card--month,
body.admin-app.eportal-app .uyelik-dashboard-metrics .uyelik-metric-card--total {
  --metric-icon-bg: rgb(124 58 237 / 0.14);
  --metric-icon-color: var(--eportal-purple-dark);
}

body.admin-app.eportal-app a.uyelik-metric-card.uyelik-metric-card--link:hover {
  border-color: rgb(124 58 237 / 0.35);
}

/* Panel içi ince ayar */
.uyelik-metric-card__value--sm {
  font-size: 1.05rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

/* Sayfa başlığı — giriş kartı ile hizalı marka */
body.eportal-app .eportal-page-heading {
  padding-left: var(--uyelik-layout-pad-x, 0.9375rem);
  padding-right: var(--uyelik-layout-pad-x, 0.9375rem);
}

body.eportal-app .eportal-page-heading .admin-page-heading__title {
  color: #111827 !important;
}

/* Genel bakış — simetri ve hizalama */
body.eportal-app .dashboard-main--eportal-home .dashboard-main-body {
  padding-left: var(--uyelik-layout-pad-x, 0.9375rem);
  padding-right: var(--uyelik-layout-pad-x, 0.9375rem);
}

.eportal-dashboard {
  gap: 1.5rem;
  max-width: 72rem;
  margin-inline: auto;
  width: 100%;
}

.eportal-dashboard-welcome {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgb(124 58 237 / 0.12);
  border-radius: var(--uyelik-radius-panel, 10px);
  background: linear-gradient(135deg, #fff 0%, rgb(124 58 237 / 0.04) 100%);
}

.eportal-dashboard-welcome__main {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.5rem;
  min-width: 0;
}

.eportal-dashboard-welcome__label {
  font-size: 0.8125rem;
  color: #6b7280;
}

.eportal-dashboard-welcome__name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
}

.eportal-dashboard-welcome__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: #6b7280;
}

.eportal-dashboard-welcome__dot {
  opacity: 0.65;
}

.eportal-dashboard-metrics .eportal-stat-card {
  min-height: 6.5rem;
}

body.eportal-app .eportal-dashboard-metrics .uyelik-metric-card__value {
  font-size: 1.375rem;
}

.eportal-stat-card__value--word {
  font-size: 1.25rem !important;
}

.eportal-stat-card__value--unit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
}

.eportal-dashboard-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem 1rem;
  margin-bottom: 0.75rem;
}

.eportal-dashboard-section-head__title {
  margin: 0;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  color: #111827;
}

.eportal-dashboard-section-head__meta {
  margin: 0;
  font-size: 0.75rem;
  color: #6b7280;
}

body.eportal-app .eportal-module-grid .eportal-module-card {
  min-height: 8.5rem;
  padding: 1rem 1.05rem;
  gap: 0.45rem;
}

body.eportal-app .eportal-module-card .uyelik-metric-card__icon {
  width: 2rem;
  height: 2rem;
  border-radius: var(--uyelik-radius-control, 10px);
  background: rgb(124 58 237 / 0.12);
  color: var(--eportal-purple-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
}

.eportal-module-card__title {
  font-size: 1rem !important;
  line-height: 1.3 !important;
}

.eportal-module-card__desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 2.3em;
  line-height: 1.35;
  font-size: 0.6875rem !important;
}

@media (min-width: 1400px) {
  body.eportal-app .dashboard-main--eportal-home .dashboard-main-body,
  body.eportal-app .eportal-page-heading {
    padding-left: var(--uyelik-layout-pad-x, 1.5rem);
    padding-right: var(--uyelik-layout-pad-x, 1.5rem);
  }
}

/* e-Portal — panel içi tüm standart kontroller 2.5rem (admin-panel.css ile birlikte) */
body.eportal-app .dashboard-main :where(
  input.form-control:not([type='checkbox']):not([type='radio']):not([type='file']):not(textarea),
  select.form-select,
  .input-group-text
) {
  height: var(--portal-control-height, 2.5rem) !important;
  min-height: var(--portal-control-height, 2.5rem) !important;
  max-height: var(--portal-control-height, 2.5rem) !important;
}

body.eportal-app .dashboard-main .btn:not(.btn-link):not(.rounded-circle):not(.rounded-pill) {
  height: var(--portal-control-height, 2.5rem) !important;
  min-height: var(--portal-control-height, 2.5rem) !important;
  max-height: var(--portal-control-height, 2.5rem) !important;
}

.karar-login__divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1.25rem 0;
  color: rgb(24 47 45 / 0.55);
  font-size: 0.8125rem;
}

.karar-login__divider::before,
.karar-login__divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--admin-login-border, rgb(124 58 237 / 0.18));
}

.karar-login__eimza-status.text-danger {
  color: var(--bs-danger, #dc3545);
}