* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* V94: Sistem Kontrolü - basit iş listesi */
#hata-raporlari-content .admin-error-reports-subtitle {
  display: none;
}

.admin-system-simple-controlbar {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  padding: 0.75rem;
  border-radius: 10px;
}

.admin-system-simple-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.admin-system-simple-controlbar .admin-system-v4-brief {
  gap: 0.12rem;
}

.admin-system-simple-controlbar .admin-system-v4-brief span {
  font-size: 0.68rem;
}

.admin-system-simple-controlbar .admin-system-v4-brief strong {
  font-size: 1.35rem;
  letter-spacing: 0;
}

.admin-system-simple-controlbar .admin-system-v4-brief p {
  font-size: 0.9rem;
}

.admin-system-simple-counts {
  display: flex;
  gap: 0.4rem;
}

.admin-system-simple-counts button {
  min-width: 4.4rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.36);
  color: #dbe7f5;
  padding: 0.45rem 0.55rem;
  cursor: pointer;
}

.admin-system-simple-counts strong {
  display: block;
  font-size: 1rem;
  color: #fbbf24;
  letter-spacing: 0;
}

.admin-system-simple-counts span {
  font-size: 0.68rem;
  color: #9fb0c4;
  font-weight: 800;
}

.admin-system-simple-filter {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.3);
}

.admin-system-simple-filter > summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  padding: 0.55rem 0.65rem;
  color: #dbe7f5;
  font-weight: 850;
  font-size: 0.82rem;
}

.admin-system-simple-filter > summary::-webkit-details-marker {
  display: none;
}

.admin-system-simple-filter > summary img {
  width: 15px;
  height: 15px;
}

.admin-system-simple-filter .admin-system-v4-filter {
  padding: 0.65rem !important;
  grid-template-columns: minmax(9rem, 0.7fr) minmax(9rem, 0.7fr) minmax(14rem, 1fr) auto auto;
}

.admin-system-v4-list-head {
  display: none !important;
}

.admin-system-v4-row.admin-system-simple-card {
  display: grid;
  grid-template-columns: 3px minmax(0, 1fr) auto;
  grid-template-areas:
    "stripe main actions"
    "stripe tech tech";
  gap: 0.55rem 0.75rem;
  min-height: 0;
  padding: 0.78rem 0.85rem 0.78rem 1rem;
  border-radius: 8px;
  cursor: default;
}

.admin-system-simple-card .admin-system-v4-stripe {
  grid-area: stripe;
}

.admin-system-simple-main {
  grid-area: main;
  min-width: 0;
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
}

.admin-system-simple-main > div {
  min-width: 0;
  display: grid;
  gap: 0.16rem;
}

.admin-system-simple-main strong {
  color: #f8fafc;
  font-size: 0.98rem;
  line-height: 1.2;
  letter-spacing: 0;
}

.admin-system-simple-main p {
  margin: 0;
  color: #b7c7d9;
  font-size: 0.86rem;
  line-height: 1.35;
}

.admin-system-simple-main em {
  color: #7dd3fc;
  font-style: normal;
  font-size: 0.76rem;
  font-weight: 750;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-system-simple-actions {
  grid-area: actions;
  display: flex;
  gap: 0.35rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-system-simple-actions .admin-error-action-btn {
  min-height: 32px;
  padding: 0.4rem 0.55rem;
  font-size: 0.76rem;
  border-radius: 8px;
  white-space: nowrap;
}

.admin-system-simple-tech {
  grid-area: tech;
  margin-left: 2.7rem;
  color: #9fb0c4;
}

.admin-system-simple-tech > summary {
  cursor: pointer;
  color: #9fb0c4;
  font-size: 0.76rem;
  font-weight: 850;
}

.admin-system-simple-tech div {
  margin-top: 0.4rem;
  display: grid;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 8px;
  background: rgba(2, 8, 23, 0.25);
}

.admin-system-simple-tech code {
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: 0.72rem;
}

.admin-system-simple-tech span {
  font-size: 0.72rem;
}

.admin-system-v4-detail {
  display: none !important;
}

.admin-system-v4-has-detail .admin-error-list {
  padding-right: 0 !important;
}

body.theme-light .admin-system-simple-counts button,
body.theme-light .admin-system-simple-filter {
  background: rgba(248, 250, 252, 0.86);
  border-color: rgba(15, 23, 42, 0.12);
  color: #0f172a;
}

body.theme-light .admin-system-simple-main strong {
  color: #0f172a;
}

body.theme-light .admin-system-simple-main p,
body.theme-light .admin-system-simple-tech,
body.theme-light .admin-system-simple-tech > summary {
  color: #475569;
}

body.theme-light .admin-system-simple-tech div {
  background: rgba(226, 232, 240, 0.5);
}

@media (max-width: 720px) {
  .admin-system-simple-hero {
    display: grid;
  }

  .admin-system-simple-counts {
    width: 100%;
  }

  .admin-system-simple-counts button {
    flex: 1;
  }

  .admin-system-simple-filter .admin-system-v4-filter {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .admin-system-v4-row.admin-system-simple-card {
    grid-template-columns: 3px minmax(0, 1fr);
    grid-template-areas:
      "stripe main"
      "stripe actions"
      "stripe tech";
    padding: 0.78rem 0.72rem 0.78rem 0.9rem;
  }

  .admin-system-simple-main em {
    white-space: normal;
  }

  .admin-system-simple-actions {
    justify-content: flex-start;
  }

  .admin-system-simple-actions .admin-error-action-btn {
    flex: 1 1 6rem;
  }

  .admin-system-simple-tech {
    margin-left: 0;
  }
}

html {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  width: 100%;
  overscroll-behavior-x: none;
}

html.js-has-auth .login-screen {
  display: none !important;
}

html.js-has-auth #app-root {
  display: block !important;
}

:root {
  --theme-bg: #0a1628;
  --theme-bg-card: #1a2d47;
  --theme-bg-elevated: #0f1f35;
  --theme-color: #e8eef4;
  --theme-color-muted: #9ca8b8;
  --theme-border: rgba(255, 255, 255, 0.1);
  --theme-input-bg: rgba(255, 255, 255, 0.08);
}

:root {
  --app-panel-motion-duration: 90ms;
  --app-panel-motion-ease: cubic-bezier(0.2, 0, 0, 1);
}

body.theme-light {
  --theme-bg: #f1f5f9;
  --theme-bg-card: #ffffff;
  --theme-bg-elevated: #ffffff;
  --theme-color: #1e293b;
  --theme-color-muted: #475569;
  --theme-border: rgba(0, 0, 0, 0.16);
  --theme-input-bg: rgba(0, 0, 0, 0.06);
}

body {
  font-family:
    Inter,
    system-ui,
    -apple-system,
    sans-serif;
  background-color: var(--theme-bg);
  color: var(--theme-color);
  min-height: 100vh;
  line-height: 1.5;
  overflow-x: hidden;
  transition:
    background-color 0.3s,
    color 0.3s;
  width: 100%;
  max-width: 100vw;
  position: relative;
  overflow-wrap: break-word;
}

@media (max-width: 1024px) {

  body,
  html {
    touch-action: manipulation;
    -webkit-touch-callout: none;
    overscroll-behavior-x: none;
  }

  #app-root,
  .app-root,
  .login-screen {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    min-width: 0;
  }

  main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .filter-bar {
    max-width: 100%;
  }

  .header-top {
    min-width: 0;
  }

  header.admin-mode .admin-badge {
    padding: 0.3rem;
  }

  header.admin-mode .admin-badge .admin-badge-text {
    display: none !important;
  }

  header.admin-mode .admin-badge .admin-badge-short {
    display: none !important;
  }

  header.admin-mode .admin-badge .admin-badge-icon {
    margin: 0;
  }
}

.login-screen {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem;
  background:
    radial-gradient(circle at 15% 50%,
      rgba(37, 99, 235, 0.2),
      transparent 60%),
    radial-gradient(circle at 85% 30%,
      rgba(147, 51, 234, 0.2),
      transparent 60%),
    radial-gradient(circle at 50% 80%,
      rgba(59, 130, 246, 0.12),
      transparent 50%),
    linear-gradient(135deg,
      #080f1a 0%,
      #0a1220 50%,
      #0d1528 100%);
  position: relative;
  overflow: hidden;
}

.login-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');
  opacity: 0.03;
  pointer-events: none;
  z-index: 0;
}

.login-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  width: 100%;
  max-width: 1040px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.login-left {
  display: flex;
  justify-content: center;
}

.login-right {
  background: rgba(15, 23, 42, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  padding: 3rem;
  color: #94a3b8;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
}

.login-right h3 {
  color: #f8fafc;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight:450;
  letter-spacing: -0.02em;
}

.login-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.login-features li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.25rem;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #cbd5e1;
}

.feature-icon {
  width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
  margin-top: 0.15rem;
  filter: brightness(0) invert(0.7) sepia(1) saturate(3) hue-rotate(185deg);
}

.feature-text strong {
  display: block;
  color: #f8fafc;
  font-size: 1rem;
  font-weight:450;
  margin-bottom: 0.2rem;
}

.feature-text {
  font-size: 0.9rem;
  color: #94a3b8;
  line-height: 1.5;
}

.wp-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #25d366, #128c7e);
  color: #fff;
  padding: 12px 20px;
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight:450;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wp-action-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(37, 211, 102, 0.35);
}

.wp-action-btn img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.login-right .wp-action-btn {
  margin-top: 2rem;
  width: 100%;
  justify-content: center;
}

.promo-card-phone.wp-action-btn,
.wp-action-link.wp-action-btn {
  color: #fff !important;
  text-decoration: none !important;
}

.promo-card-phone.call-btn {
  color: #fff !important;
  text-decoration: none !important;
}

.promo-card-phone.call-btn:hover {
  text-decoration: none !important;
}

.promo-card-phone.wp-action-btn:hover,
.wp-action-link.wp-action-btn:hover {
  text-decoration: none !important;
}

.lock-screen-cta.wp-action-btn {
  margin-top: 1.5rem;
}

.call-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #1e3a5f, #152844);
  color: #fff;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight:450;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.call-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.call-btn img {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .login-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
    max-width: 480px;
  }
}

@media (max-width: 600px) {
  .login-screen {
    padding: 1.5rem 1rem;
  }

  .login-right {
    padding: 1.75rem 1.5rem;
  }

  .call-btn,
  .wp-action-btn {
    min-width: fit-content;
    padding: 12px 18px;
    font-size: 0.95rem;
  }
}

.login-intro {
  font-size: 0.8rem;
  color: #8a9db0;
  text-align: center;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

.login-logo {
  width: 72px;
  height: 72px;
  object-fit: contain;
  margin: 0 auto 16px auto;
  display: block;
  border-radius: 18px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.login-info-link {
  font-size: 0.8rem;
  color: #6b7d8f;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}

.login-info-link:hover {
  color: #9ca8b8;
}

.login-info-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.login-info-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.login-info-modal-card {
  position: relative;
  background: #0f1f35;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 1.5rem;
  max-width: 340px;
  width: 100%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.login-info-modal-title {
  font-size: 0.95rem;
  font-weight:450;
  color: #e8eef4;
  margin-bottom: 1rem;
}

.login-info-modal-list {
  font-size: 0.85rem;
  color: #9ca8b8;
  line-height: 1.6;
  margin: 0 0 1.25rem;
  padding-left: 1.25rem;
}

.login-info-modal-list li {
  margin-bottom: 0.5rem;
}

.login-info-modal-close {
  padding: 0.4rem 0.9rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #c8d4e0;
  font-size: 0.85rem;
  cursor: pointer;
}

.login-info-modal-close:hover {
  background: rgba(255, 255, 255, 0.12);
}

.login-card {
  width: 100%;
  max-width: 440px;
  background: rgba(15, 23, 42, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  padding: 3.5rem 3rem;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.login-title {
  font-size: 1.75rem;
  font-weight:500;
  color: #f8fafc;
  margin-bottom: 0.5rem;
  text-align: center;
  letter-spacing: -0.02em;
}

.login-subtitle {
  font-size: 1rem;
  color: #94a3b8;
  margin-bottom: 2rem;
  text-align: center;
}

.login-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.login-input {
  width: 100%;
  padding: 1.15rem 1.4rem;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  color: #f8fafc;
  font-size: 1.05rem;
  transition: all 0.3s ease;
  box-sizing: border-box;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.login-input::placeholder {
  color: #64748b;
}

.login-input:focus {
  outline: 0;
  border-color: #3b82f6;
  background: rgba(15, 23, 42, 0.8);
  box-shadow:
    0 0 0 3px rgba(59, 130, 246, 0.25),
    inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.login-error {
  font-size: 0.85rem;
  color: #fca5a5;
  margin: -0.5rem 0 0;
  padding: 0.75rem 1rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 12px;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.login-btn {
  padding: 1.15rem 1.5rem;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border: 1px solid rgba(59, 130, 246, 0.6);
  border-radius: 16px;
  color: #fff;
  font-size: 1.1rem;
  font-weight:450;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow:
    0 8px 24px rgba(37, 99, 235, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 0.01em;
  margin-top: 0.5rem;
}

.login-btn:hover {
  transform: translateY(-2px);
  box-shadow:
    0 12px 32px rgba(37, 99, 235, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, #4f46e5, #3b82f6);
}

.login-btn:active {
  transform: translateY(0);
}

.login-forgot-link {
  display: block;
  text-align: center;
  font-size: 0.9rem;
  color: #94a3b8;
  text-decoration: none;
  margin-top: 0.5rem;
  transition: color 0.3s ease;
}

.login-forgot-link:hover {
  color: #e2e8f0;
}

@media (max-width: 600px) {
  .login-card {
    padding: 2.25rem 1.5rem;
    border-radius: 24px;
  }
}

header {
  padding: calc(1.25rem + env(safe-area-inset-top)) calc(1.5rem + env(safe-area-inset-right)) 1.25rem calc(1.5rem + env(safe-area-inset-left));
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg,
      rgba(15, 31, 53, 0.98) 0,
      rgba(15, 31, 53, 0.95) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: transform 0.25s ease;
  will-change: transform;
}

header.header-hidden {
  transform: translateY(-100%);
}

.header-spacer {
  flex-shrink: 0;
  transition: height 0.25s ease;
}

.header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  margin: 0;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}

.header-actions {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.header-action-wrap {
  position: relative;
  z-index: 10;
}

.header-action-btn,
.action-btn,
.device-detail-info-btn,
.device-detail-title-btn,
.promo-view-all-btn {
  touch-action: manipulation;
}

.header-action-wrap.uyarilarim-wrap {
  z-index: 1000;
}

.admin-badge {
  display: none;
  font-size: 0.7rem;
  font-weight: 500;
  color: rgba(160, 200, 255, 0.9);
  background: rgba(45, 90, 138, 0.25);
  border: 1px solid rgba(90, 160, 230, 0.25);
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
  z-index: 1;
  position: relative;
}

.notification-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  color: #c8d4e0;
  border-radius: 10px;
  cursor: pointer;
  line-height: 1;
  transition: all 0.2s ease;
}

.notification-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.notification-icon-img {
  width: 1.1rem;
  height: 1.1rem;
  filter: brightness(0) invert(0.9);
}

.notification-btn-text {
  display: inline;
  margin-left: 0.25rem;
  font-size: 0.85rem;
}

@media (max-width: 1024px) {
  .notification-btn-text {
    display: none;
  }
}

.notification-dot {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 8px;
  height: 8px;
  background: #e87070;
  border-radius: 50%;
}

.notification-panel {
  position: fixed;
  top: 5.5rem;
  right: 1rem;
  margin: 0;
  width: 420px;
  min-height: 300px;
  max-height: calc(100vh - 7rem);
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  z-index: 9999;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  visibility: visible;
  opacity: 1;
}

@media (min-width: 1400px) {
  .notification-panel {
    width: 480px;
  }
}

.notification-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--theme-border);
  font-weight:450;
  font-size: 1rem;
  color: var(--theme-color);
  flex-shrink: 0;
}

.notification-panel-header span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.notification-panel-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.notification-clear-all-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.5rem;
  border: none;
  background: rgba(232, 112, 112, 0.1);
  color: #e87070;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s;
  opacity: 0.8;
}

.notification-clear-all-btn:hover {
  background: rgba(232, 112, 112, 0.2);
  opacity: 1;
}

.notification-clear-icon {
  width: 0.9rem;
  height: 0.9rem;
  filter: brightness(0) saturate(100%) invert(60%) sepia(90%) saturate(2000%) hue-rotate(340deg) brightness(1.1);
}

.panel-header-icon {
  width: 1.1rem;
  height: 1.1rem;
  opacity: 0.9;
  flex-shrink: 0;
}

.uyarilarim-panel .panel-header-icon {
  filter: brightness(0) saturate(100%) invert(60%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(1.1);
}

.settings-panel-header .panel-header-icon {
  filter: brightness(0) invert(0.9);
}

.notification-panel-close,
.settings-panel-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.4rem;
  border: none;
  background: 0 0;
  color: #9ca8b8;
  cursor: pointer;
  font-size: 1rem;
}

.panel-close-icon {
  width: 1rem;
  height: 1rem;
}

.notification-panel-close:hover {
  color: #fff;
}

.notification-tabs {
  display: flex;
  gap: 0;
  padding: 0 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.notification-tab {
  padding: 0.5rem 0.75rem;
  border: none;
  background: 0 0;
  color: #9ca8b8;
  font-size: 0.85rem;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.notification-tab:hover {
  color: #e8eef4;
}

.notification-tab.active {
  color: #5da8e8;
  border-bottom-color: #5da8e8;
}

.notification-tab-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.notification-panel-subtitle {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight:450;
  color: #5da8e8;
}

.notification-list {
  flex: 1 1 0;
  min-height: 120px;
  overflow-y: auto;
  max-height: 420px;
  -webkit-overflow-scrolling: touch;
}

.notification-empty {
  padding: 1.5rem 1rem;
  color: #6b7d8f;
  font-size: 0.9rem;
  margin: 0;
}

.notification-item {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  cursor: pointer;
  transition: background 0.15s;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.notification-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

.notification-item.notification-read {
  opacity: 0.7;
}

.notification-item-content {
  flex: 1;
  min-width: 0;
}

.notification-item-msg {
  font-size: 0.9rem;
  color: #e8eef4;
}

.notification-item-time {
  font-size: 0.75rem;
  color: #6b7d8f;
  margin-top: 0.25rem;
}

.notification-item-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.notification-item-mark-read {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  border: none;
  background: rgba(93, 168, 232, 0.1);
  color: #5da8e8;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s;
  opacity: 1;
  min-width: 2rem;
  min-height: 2rem;
}

.notification-item-mark-read:hover {
  background: rgba(93, 168, 232, 0.15);
  color: #5da8e8;
  opacity: 1;
}

.notification-mark-read-icon {
  width: 1rem;
  height: 1rem;
  filter: brightness(0) saturate(100%) invert(60%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(1.1);
}

.notification-item-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  border: none;
  background: rgba(232, 112, 112, 0.1);
  color: #e87070;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s;
  flex-shrink: 0;
  opacity: 1;
  min-width: 2rem;
  min-height: 2rem;
}

.notification-item-delete:hover {
  background: rgba(232, 112, 112, 0.15);
  color: #e87070;
  opacity: 1;
}

.notification-delete-icon {
  width: 1rem;
  height: 1rem;
  filter: brightness(0) saturate(100%) invert(60%) sepia(90%) saturate(2000%) hue-rotate(340deg) brightness(1.1);
  transition: filter 0.15s;
}

.notification-item-delete:hover .notification-delete-icon {
  filter: brightness(0) saturate(100%) invert(60%) sepia(90%) saturate(2000%) hue-rotate(340deg) brightness(1.1);
}

.notification-admin-form {
  flex-shrink: 0;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.notification-admin-form textarea {
  width: 100%;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #fff;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  resize: vertical;
  box-sizing: border-box;
}

.notification-admin-form select {
  width: 100%;
  padding: 0.4rem 0.5rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #fff;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  box-sizing: border-box;
}

.notification-send-btn {
  padding: 0.4rem 0.75rem;
  background: #2d5a8a;
  border: 1px solid #3d6a9a;
  color: #fff;
  border-radius: 8px;
  font-size: 0.85rem;
  cursor: pointer;
}

.notification-send-btn:hover {
  background: #3d6a9a;
}

.notification-toast {
  position: fixed;
  top: 1.5rem;
  left: 1rem;
  right: 1rem;
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  z-index: 9999;
  cursor: pointer;
  touch-action: pan-x;
  transform: translateY(-120%);
  opacity: 0;
  transition:
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease;
}

.notification-toast.notification-toast-visible {
  transform: translateY(0);
  opacity: 1;
}

.notification-toast-icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  filter: brightness(0) invert(0.9);
  opacity: 0.9;
}

.notification-toast-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.notification-toast-title {
  font-size: 0.75rem;
  font-weight:450;
  color: #5da8e8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.notification-toast-msg {
  font-size: 0.9rem;
  color: var(--theme-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-quick-settings {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.header-quick-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #c8d4e0;
  border-radius: 10px;
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.2s;
}

.header-quick-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

.header-quick-btn.active {
  background: rgba(255, 180, 80, 0.15);
  border-color: rgba(255, 180, 80, 0.35);
  color: #ffb450;
}

.header-quick-btn .quick-icon {
  width: 1.15rem;
  height: 1.15rem;
  pointer-events: none;
}

.header-quick-btn img.quick-icon {
  filter: brightness(0) invert(0.9);
}

.header-quick-btn:hover img.quick-icon {
  filter: brightness(0) invert(1);
}

.header-quick-btn.active img.quick-icon {
  filter: brightness(0) invert(0.85) sepia(1) saturate(3) hue-rotate(15deg);
}

.header-settings-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  color: #c8d4e0;
  border-radius: 10px;
  cursor: pointer;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}

.header-settings-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.header-icon-img {
  width: 1.1rem;
  height: 1.1rem;
  filter: brightness(0) invert(0.85);
}

.settings-wrap {
  position: relative;
}

.settings-panel {
  position: fixed;
  top: 5rem;
  right: 1.5rem;
  margin: 0;
  width: 400px;
  min-height: 300px;
  max-height: calc(100vh - 6rem);
  background: rgba(16, 25, 40, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 200;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1400px) {
  .settings-panel {
    width: 480px;
  }
}

.settings-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-weight:450;
  font-size: 1.05rem;
  color: #fff;
  flex-shrink: 0;
}

.settings-panel-header span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.settings-panel-close {
  padding: 0.4rem;
  border: none;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  color: #9ca8b8;
  cursor: pointer;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.settings-panel-close:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.settings-panel-body {
  padding: 1rem 1.25rem;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  -webkit-overflow-scrolling: touch;
}

.settings-block {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 1.25rem;
  margin: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.settings-block-title {
  font-size: 0.75rem;
  font-weight:450;
  color: #8a9db0;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 1rem 0;
  display: block;
}

.settings-panel .profit-margin-section {
  margin-bottom: 0;
}

.customer-mode-toggle-wrap {
  margin-top: 0.75rem;
}

.customer-mode-toggle-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #c8d4e0;
  cursor: pointer;
}

.customer-mode-toggle-checkbox {
  width: 1rem;
  height: 1rem;
}

.profile-location-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.profile-location-actions .profile-use-location-btn {
  flex: 1;
  min-width: max-content;
}

.restore-to-stock-btn {
  padding: 0.35rem 0.6rem;
  border: 1px solid rgba(100, 180, 100, 0.5);
  background: rgba(80, 160, 80, 0.15);
  color: #90d890;
  border-radius: 10px;
  font-size: 0.8rem;
  cursor: pointer;
  white-space: nowrap;
}

.restore-to-stock-btn:hover {
  background: rgba(80, 160, 80, 0.25);
  color: #b0e8b0;
}

.settings-admin-hint {
  font-size: 0.75rem;
  color: #6b7d8f;
  margin: 0.4rem 0 0 0;
  line-height: 1.3;
}

.settings-profile-hint {
  font-size: 0.8rem;
  color: #9ca8b8;
  margin-bottom: 0.6rem;
  line-height: 1.35;
}

.settings-profile-form .profile-field-inline {
  margin-bottom: 0.55rem;
}

.settings-profile-form .profile-field-inline:last-child {
  margin-bottom: 0;
}

.settings-profile-form .profile-field-inline label {
  display: block;
  font-size: 0.8rem;
  color: #9ca8b8;
  margin-bottom: 0.25rem;
}

.settings-profile-form .profile-field-inline input {
  width: 100%;
  padding: 0.6rem 0.8rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  font-size: 0.95rem;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

.settings-profile-form .profile-field-inline input:focus {
  outline: 0;
  border-color: rgba(90, 160, 230, 0.5);
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 3px rgba(90, 160, 230, 0.1);
}

.settings-profile-form .profile-field-inline input:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.settings-profile-save-btn {
  margin-top: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: #2d5a8a;
  border: 1px solid #3d6a9a;
  color: #fff;
  border-radius: 8px;
  font-size: 0.85rem;
  cursor: pointer;
}

.settings-profile-save-btn:hover {
  background: #3d6a9a;
}

.admin-badge {
  display: none;
  font-size: 0.7rem;
  font-weight: 500;
  color: rgba(160, 200, 255, 0.9);
  background: rgba(45, 90, 138, 0.25);
  border: 1px solid rgba(90, 160, 230, 0.25);
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
  letter-spacing: 0.03em;
  flex-shrink: 0;
}

header.admin-mode .admin-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.admin-badge-short {
  display: none;
}

header.admin-mode {
  background: linear-gradient(180deg,
      rgba(30, 58, 95, 0.12) 0,
      transparent 100%);
  border-bottom-color: rgba(90, 160, 230, 0.12);
}

h1 {
  font-size: 1.5rem;
  font-weight:450;
  margin-bottom: 0.25rem;
  color: #fff;
}

.header-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.header-title-icon {
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
  border-radius: 8px;
}

.header-title-short {
  display: none;
}

.slogan {
  font-size: 0.85rem;
  color: #8a9db0;
  margin-bottom: 1rem;
}

.tabs {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0 1.5rem 1rem;
}

.tab {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #c8d4e0;
  border-radius: 12px;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 500;
  transition:
    background-color 90ms ease,
    border-color 90ms ease,
    color 90ms ease,
    box-shadow 90ms ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.tab:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  transform: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.tab.active {
  background: linear-gradient(135deg, #1e3a5f 0, #2563eb 100%);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.24);
}

.tab-icon {
  width: 1.15rem;
  height: 1.15rem;
  opacity: 0.9;
  flex-shrink: 0;
}

.tab .tab-icon {
  filter: brightness(0) invert(0.85);
}

.tab.active .tab-icon,
.tab:hover .tab-icon {
  filter: brightness(0) invert(1);
}

main {
  padding: 1.5rem;
  max-width: 100%;
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

.tab-viewport {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  overflow-x: clip;
  overflow-x: hidden;
}

.tab-slider-wrap {
  display: block;
  width: 100%;
  transition: none;
  will-change: auto;
}

.tab-slider-wrap.no-anim {
  transition: none !important;
}

.tab-content {
  flex: none;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: none;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.tab-content.active {
  display: block;
}

.tab-content.tab-panel-enter {
  animation: tabPanelEnter var(--app-panel-motion-duration) var(--app-panel-motion-ease) both;
}

@keyframes tabPanelEnter {
  from {
    opacity: 0.96;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tab-content p {
  color: #9ca8b8;
}

.customer-mode-bar {
  margin-bottom: 1rem;
}

.customer-mode-btn {
  padding: 0.5rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #c8d4e0;
  border-radius: 12px;
  cursor: pointer;
  font-size: 0.9rem;
  transition:
    background 0.2s,
    color 0.2s;
}

.customer-mode-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

body.customer-mode .customer-mode-btn {
  background: rgba(255, 180, 80, 0.2);
  border-color: rgba(255, 180, 80, 0.5);
  color: #ffb450;
}

.tab-slider-wrap .tab-content:not(.active) {
  display: none;
  height: auto;
  min-height: 0;
  overflow: hidden;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin: 0;
}

.action-buttons-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #1e3a5f;
  color: #c8d4e0;
  font-size: 0.9rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 10px;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s,
    transform 0.15s;
}

.action-btn:hover {
  background: #264a78;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-1px);
}

.action-btn.action-delete:hover,
.action-btn.delete-btn:hover {
  background: rgba(180, 60, 60, 0.45);
  border-color: rgba(220, 80, 80, 0.55);
  color: #ff8a8a;
}

.action-btn.yenile-disabled,
.action-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.action-btn.action-edit:hover,
.action-btn.edit-btn:hover {
  background: rgba(234, 179, 8, 0.25);
  border-color: rgba(234, 179, 8, 0.45);
  color: #fcd34d;
}

.action-btn.copy-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

.action-btn.customer-share-btn:hover {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.45);
  color: #86efac;
}

.action-btn .action-btn-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.action-btn.genel-save-edit-btn,
.action-btn.save-edit-btn {
  color: #90d890;
}

.action-btn.genel-save-edit-btn:hover,
.action-btn.save-edit-btn:hover {
  background: rgba(90, 200, 90, 0.2);
  color: #b0f0b0;
}

.action-btn.cancel-edit-btn,
.action-btn.genel-cancel-edit-btn {
  color: #e8a0a0;
}

.action-btn.cancel-edit-btn:hover,
.action-btn.genel-cancel-edit-btn:hover {
  background: rgba(200, 80, 80, 0.2);
  color: #ffb0b0;
}

.customer-share-wrap {
  margin-top: 0.35rem;
  display: block;
}

.customer-share-standalone-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  width: 100%;
  justify-content: center;
}

.customer-share-standalone-btn span {
  font-size: 0.78rem;
  line-height: 1;
}

#magaza-table .action-col .customer-share-wrap {
  margin-top: 0.22rem;
  margin-left: 0;
  display: block;
}

#magaza-table .action-col .customer-share-standalone-btn {
  width: 100%;
  padding: 0.24rem 0.45rem;
}

#magaza-table .action-col .customer-share-standalone-btn span {
  display: inline;
  font-size: 0.72rem;
}

.takas-panel {
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  max-width: 400px;
}

.takas-title {
  font-size: 1rem;
  font-weight:450;
  color: #c8d4e0;
  margin-bottom: 1.25rem;
}

.takas-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.takas-form label {
  font-size: 0.9rem;
  color: #9ca8b8;
}

.takas-input {
  padding: 0.75rem 1rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  color: #fff;
  font-size: 1.1rem;
}

.takas-result {
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  text-align: center;
}

.takas-placeholder {
  color: #6b7d8f;
  font-size: 0.95rem;
  margin: 0;
}

.takas-fark-label {
  font-size: 0.95rem;
  color: #9ca8b8;
  margin: 0 0 0.5rem;
}

.takas-fark-value {
  font-size: 2rem;
  font-weight:500;
  color: #5da8e8;
  margin: 0;
}

.piyasa-panel {
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  max-width: 560px;
}

.piyasa-title {
  font-size: 1rem;
  font-weight:450;
  color: #c8d4e0;
  margin-bottom: 0.5rem;
}

.piyasa-desc {
  font-size: 0.85rem;
  color: #8a9db0;
  margin-bottom: 1.25rem;
}

.piyasa-form label {
  display: block;
  font-size: 0.9rem;
  color: #9ca8b8;
  margin-bottom: 0.35rem;
}

.piyasa-model-wrap {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin-bottom: 1rem;
}

.piyasa-model-input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  box-sizing: border-box;
}

.piyasa-model-input:focus {
  outline: 0;
  border-color: rgba(90, 160, 230, 0.5);
}

.piyasa-model-panel {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.25rem;
  max-height: 220px;
  overflow-y: auto;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 100;
}

.piyasa-model-opt {
  padding: 0.5rem 0.75rem;
  font-size: 0.95rem;
  color: #e8eef4;
  cursor: pointer;
}

.piyasa-model-opt:hover {
  background: rgba(255, 255, 255, 0.08);
}

.piyasa-model-panel-empty {
  padding: 0.75rem;
  font-size: 0.9rem;
  color: #6b7d8f;
}

.piyasa-result {
  margin-top: 1rem;
}

.piyasa-empty,
.piyasa-loading,
.piyasa-placeholder {
  color: #6b7d8f;
  font-size: 0.9rem;
  margin: 0;
}

.piyasa-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.piyasa-stat-card {
  flex: 1;
  min-width: 200px;
  padding: 1rem 1.25rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}

.piyasa-stat-title {
  font-size: 0.95rem;
  font-weight:450;
  color: #e8eef4;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.piyasa-stat-row {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  color: #9ca8b8;
  margin-bottom: 0.4rem;
}

.magaza-bulk-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  margin-bottom: 0.75rem;
  background: rgba(90, 160, 230, 0.12);
  border: 1px solid rgba(90, 160, 230, 0.25);
  border-radius: 10px;
}

.magaza-bulk-count {
  font-size: 0.9rem;
  color: #c8d4e0;
  margin-right: 0.5rem;
}

.magaza-bulk-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  border-radius: 8px;
  font-size: 0.85rem;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #e8eef4;
}

.magaza-bulk-btn:hover {
  background: rgba(255, 255, 255, 0.15);
}

.bulk-satildi-btn {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.4);
  color: #22c55e;
}

.bulk-satildi-btn:hover {
  background: rgba(34, 197, 94, 0.3);
}

.magaza-bulk-btn .bulk-btn-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.bulk-sil-btn {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #ef4444;
}

.bulk-sil-btn:hover {
  background: rgba(239, 68, 68, 0.3);
}

.bulk-fiyat-artir-btn {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  color: #60a5fa;
}

.bulk-fiyat-artir-btn:hover {
  background: rgba(59, 130, 246, 0.3);
}

.bulk-fiyat-dusur-btn {
  background: rgba(249, 115, 22, 0.2);
  border-color: rgba(249, 115, 22, 0.4);
  color: #fb923c;
}

.bulk-fiyat-dusur-btn:hover {
  background: rgba(249, 115, 22, 0.3);
}

.magaza-check-col {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  padding: 0.35rem 0.25rem !important;
  vertical-align: middle;
  text-align: center;
}

.magaza-check-col input {
  margin: 0;
  cursor: pointer;
}

.magaza-bulk-check,
.magaza-row-check {
  cursor: pointer;
  width: 16px;
  height: 16px;
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  flex-shrink: 0;
  transition:
    background 0.2s,
    border-color 0.2s;
}

.magaza-bulk-check:hover,
.magaza-row-check:hover {
  border-color: rgba(90, 160, 230, 0.5);
  background-color: rgba(90, 160, 230, 0.08);
}

.magaza-bulk-check:checked,
.magaza-row-check:checked {
  background: #5da8e8;
  border-color: #5da8e8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M10.28 2.28L3.99 8.57 1.69 6.28a1 1 0 00-1.41 1.41l3 3a1 1 0 001.42 0l7-7a1 1 0 10-1.42-1.41z'/%3E%3C/svg%3E");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.magaza-card-header .magaza-row-check {
  margin-right: 0.35rem;
  flex-shrink: 0;
}

.piyasa-stat-row strong {
  color: #5da8e8;
}

.piyasa-stat-row.piyasa-aralik strong {
  color: #9ca8b8;
  font-size: 0.85rem;
}

.piyasa-card-group {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.piyasa-oneri-block {
  padding: 1rem 1.25rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.piyasa-oneri-avantaj {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
  box-shadow: 0 0 24px rgba(34, 197, 94, 0.15);
}

.piyasa-oneri-risk {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.35);
  box-shadow: 0 0 24px rgba(239, 68, 68, 0.12);
}

.piyasa-oneri-dengeli {
  background: rgba(234, 179, 8, 0.1);
  border-color: rgba(234, 179, 8, 0.35);
  box-shadow: 0 0 24px rgba(234, 179, 8, 0.12);
}

.piyasa-oneri-title {
  font-size: 0.9rem;
  font-weight:500;
  color: #e8eef4;
  margin-bottom: 0.5rem;
}

.piyasa-oneri-msg {
  font-size: 0.9rem;
  color: #c8d4e0;
  line-height: 1.4;
}

.piyasa-oneri-avantaj .piyasa-oneri-title {
  color: #22c55e;
}

.piyasa-oneri-risk .piyasa-oneri-title {
  color: #ef4444;
}

.piyasa-oneri-dengeli .piyasa-oneri-title {
  color: #eab308;
}

.piyasa-kendi-fiyat {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.9rem;
  font-weight:450;
}

.piyasa-kendi-avantaj {
  color: #22c55e;
}

.piyasa-kendi-risk {
  color: #ef4444;
}

.piyasa-kendi-dengeli {
  color: #eab308;
}

.theme-section {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

body.theme-light .theme-section {
  background: var(--theme-input-bg);
  border-color: var(--theme-border);
}

.theme-section-title {
  font-size: 0.9rem;
  font-weight:450;
  color: #c8d4e0;
  margin-bottom: 0.5rem;
}

body.theme-light .theme-section-title {
  color: var(--theme-color);
}

.theme-toggle-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.9rem;
  color: #c8d4e0;
}

body.theme-light .theme-toggle-label {
  color: var(--theme-color);
}

.theme-toggle-checkbox {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #5da8e8;
}

body.theme-light .theme-toggle-checkbox {
  accent-color: #2563eb;
}

.profit-margin-section {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}

.notification-setting-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #c8d4e0;
  cursor: pointer;
  margin-bottom: 0.35rem;
}

.notification-setting-row:last-of-type {
  margin-bottom: 0;
}

.settings-test-notification-btn {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.4rem 0.65rem;
  font-size: 0.8rem;
  color: #5da8e8;
  background: rgba(93, 168, 232, 0.12);
  border: 1px solid rgba(93, 168, 232, 0.3);
  border-radius: 6px;
  cursor: pointer;
  transition:
    background 0.2s,
    border-color 0.2s;
}

.settings-test-notification-btn:hover {
  background: rgba(93, 168, 232, 0.2);
  border-color: rgba(93, 168, 232, 0.5);
}

body.theme-light .settings-test-notification-btn {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.25);
}

body.theme-light .settings-test-notification-btn:hover {
  background: rgba(37, 99, 235, 0.15);
  border-color: rgba(37, 99, 235, 0.4);
}

.settings-model-alerts-hint {
  font-size: 0.8rem;
  color: var(--theme-color-muted);
  margin-bottom: 0.6rem;
}

.settings-model-alerts-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.model-alert-input,
.model-alert-select {
  padding: 0.5rem 0.6rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #fff;
  font-size: 0.875rem;
  min-width: 0;
  transition: all 0.15s;
  box-sizing: border-box;
}

.model-alert-input:focus,
.model-alert-select:focus {
  outline: 0;
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
}

.model-alert-select.model-alert-brand {
  width: 140px;
  flex-shrink: 0;
}

.model-alert-select.model-alert-model {
  flex: 1;
  min-width: 200px;
}

.model-alert-input.model-alert-maxprice {
  width: 130px;
  flex-shrink: 0;
}

.model-alert-add-btn {
  flex-shrink: 0;
}

.model-alert-add-btn {
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  color: #fff;
  background: #2d5a8a;
  border: 1px solid #3d6a9a;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 500;
  transition: all 0.15s;
}

.model-alert-add-btn:hover {
  background: #3d6a9a;
  transform: translateY(-1px);
}

.uyarilarim-hint {
  font-size: 0.85rem;
  color: #6b7d8f;
  padding: 0.75rem 1rem;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  line-height: 1.5;
}

.uyarilarim-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
  flex-wrap: nowrap;
}

@media (max-width: 1200px) {
  .uyarilarim-form {
    flex-wrap: wrap;
  }
}

@media (max-width: 500px) {
  .uyarilarim-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }

  .model-alert-add-btn,
  .model-alert-input.model-alert-maxprice,
  .model-alert-select.model-alert-brand,
  .model-alert-select.model-alert-model {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    padding: 0.6rem 0.5rem !important;
  }
}

.uyarilarim-empty-msg {
  font-size: 0.9rem;
  color: #6b7d8f;
  padding: 1.5rem 1rem;
  text-align: center;
  margin: 0;
  text-align: center;
}

.uyarilarim-panel {
  position: fixed;
  top: 5.5rem;
  right: 1rem;
  margin: 0;
  width: 560px;
  min-height: 300px;
  max-height: calc(100vh - 7rem);
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  z-index: 9999;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  visibility: visible;
  opacity: 1;
  padding: 1rem;
  gap: 0.9rem;
  background:
    linear-gradient(180deg, rgba(84, 132, 220, 0.08) 0%, rgba(84, 132, 220, 0) 12%),
    linear-gradient(180deg, rgba(12, 19, 34, 0.98) 0%, rgba(16, 27, 47, 0.98) 100%);
  border: 1px solid rgba(137, 180, 255, 0.12);
  box-shadow: 0 28px 70px rgba(2, 8, 23, 0.58);
}

.info-tooltip-container {
  display: inline-flex;
  position: relative;
  cursor: help;
  margin-left: 6px;
}

.info-icon-small {
  width: 18px;
  height: 18px;
  opacity: 0.6;
  transition: opacity 0.2s;
  filter: brightness(0) invert(1);
}

.info-tooltip-container:hover .info-icon-small {
  opacity: 1;
}

.tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: 260px;
  background-color: #1e293b;
  color: #f8fafc;
  text-align: left;
  border-radius: 8px;
  padding: 10px 14px;
  position: absolute;
  z-index: 1000;
  top: 125%;
  left: 50%;
  transform: translateX(-50%) translateY(-5px);
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition:
    opacity 0.2s,
    transform 0.2s;
  pointer-events: none;
}

.tooltip-text::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #1e293b transparent;
}

.info-tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.uyarilarim-panel::after {
  display: none;
}

.uyarilarim-surface {
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(14, 24, 42, 0.72);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.uyarilarim-list {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow-y: auto;
  max-height: min(24vh, 220px);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.uyarilarim-list::-webkit-scrollbar {
  width: 6px;
}

.uyarilarim-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 4px;
}

.uyarilarim-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.uyarilarim-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

@media (min-width: 1400px) {
  .uyarilarim-panel {
    width: 640px;
  }

  .uyarilarim-list {
    max-height: min(30vh, 320px);
  }
}

@media (min-width: 1600px) {
  .uyarilarim-panel {
    width: 720px;
  }
}

.uyarilarim-panel .notification-panel-header {
  padding: 0.05rem 0.05rem 0.35rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.model-alerts-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.model-alerts-list.uyarilarim-surface {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.uyarilarim-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0;
}

.uyarilarim-tracking-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.15rem;
}

.uyarilarim-inline-action {
  border: 1px solid rgba(125, 193, 255, 0.18);
  background: rgba(125, 193, 255, 0.08);
  color: #dbeafe;
  border-radius: 999px;
  padding: 0.45rem 0.9rem;
  font-size: 0.8rem;
  font-weight:500;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
}

.uyarilarim-inline-action:hover {
  background: rgba(125, 193, 255, 0.14);
  border-color: rgba(125, 193, 255, 0.28);
  color: #f8fbff;
}

.uyarilarim-inline-action.active {
  background: linear-gradient(180deg, rgba(65, 102, 173, 0.66) 0%, rgba(45, 73, 124, 0.84) 100%);
  border-color: rgba(125, 193, 255, 0.34);
  color: #f8fbff;
}

.uyarilarim-add-form-wrap {
  margin-top: 0.15rem;
  flex-shrink: 0;
}

.uyarilarim-stat-card {
  border: 1px solid rgba(123, 164, 233, 0.1);
  border-radius: 14px;
  padding: 0.8rem 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-height: 74px;
  background: linear-gradient(180deg, rgba(29, 45, 75, 0.72) 0%, rgba(22, 34, 58, 0.88) 100%);
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

.uyarilarim-stat-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(125, 193, 255, 0.9) 0%, rgba(125, 193, 255, 0) 82%);
}

.uyarilarim-stat-card strong {
  font-size: 1.3rem;
  line-height: 1;
  color: #f8fbff;
}

.uyarilarim-stat-card span {
  font-size: 0.78rem;
  color: #c9d7e7;
  font-weight:450;
  letter-spacing: 0.01em;
}

.uyarilarim-section-title {
  margin: 0;
  font-size: 0.92rem;
  font-weight:500;
  color: #e5edf7;
  letter-spacing: 0.01em;
}

.uyarilarim-empty-msg {
  margin: 0;
  padding: 0.85rem 1rem;
  border-radius: 14px;
  border: 1px dashed rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
  color: #afc1d5;
  font-size: 0.84rem;
  line-height: 1.45;
}

.model-alert-item {
  padding: 0.9rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0%, rgba(255, 255, 255, 0.016) 100%);
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
  margin-bottom: 0.55rem;
}

.model-alert-item:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(125, 193, 255, 0.18);
  transform: translateY(-1px);
}

.model-alert-item:last-child {
  margin-bottom: 0;
}

.model-alert-row-single {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: nowrap;
}

.model-alert-info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
  flex-wrap: nowrap;
  overflow: hidden;
}

.model-alert-info::-webkit-scrollbar {
  display: none;
}

.model-alert-model-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight:450;
  color: #eef4fb;
  font-size: 0.9rem;
}

@media (min-width: 500px) {
  .model-alert-model-name {
    font-size: 0.9rem;
    max-width: 250px;
  }
}

@media (min-width: 1400px) {
  .model-alert-model-name {
    max-width: 400px;
  }
}

@media (min-width: 1600px) {
  .model-alert-model-name {
    max-width: 500px;
  }
}

.model-alert-brand {
  font-weight:450;
  color: #7dc1ff;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.9;
}

.model-alert-separator {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.7rem;
}

.model-alert-price-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0.25rem;
  flex-shrink: 0;
  white-space: nowrap;
  background: rgba(93, 168, 232, 0.12);
  padding: 0.22rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(93, 168, 232, 0.12);
}

.model-alert-price-inline .model-alert-price {
  font-size: 0.8rem;
  color: #5da8e8;
  font-weight:450;
}

.model-alert-price-inline .model-alert-price-no-limit {
  font-size: 0.8rem;
  color: #6b7d8f;
  font-style: italic;
}

.model-alert-actions-inline {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
  white-space: nowrap;
}

.model-alert-side {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
  flex-shrink: 0;
  min-width: max-content;
}

.model-alert-inline-stats {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: nowrap;
}

@media (min-width: 501px) {
  .model-alert-actions-inline {
    width: auto;
  }
}

.model-alert-summary-row {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  margin-top: 0.65rem;
}

.model-alert-summary-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--theme-color-muted);
  font-size: 0.72rem;
  font-weight:450;
}

.model-alert-summary-pill.is-hot {
  background: rgba(243, 156, 18, 0.14);
  color: #ffc46b;
}

.model-alert-last-match {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  margin-top: 0.65rem;
  padding-top: 0.65rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.77rem;
  line-height: 1.45;
}

.model-alert-last-trigger {
  color: #7dc1ff;
  font-weight:450;
}

.model-alert-last-model {
  color: #d7e1ea;
}

.model-alert-last-price {
  color: #b7c7d7;
}

.uyarilarim-form {
  margin: 0;
  padding: 0.8rem;
  gap: 0.75rem;
  display: flex;
  flex-wrap: wrap;
}

.uyarilarim-form .custom-select-wrap,
.uyarilarim-form .model-alert-maxprice {
  min-height: 48px;
}

.uyarilarim-add-form-wrap .custom-select-wrap {
  z-index: 6;
}

.uyarilarim-add-form-wrap .custom-select-panel {
  top: auto;
  bottom: calc(100% + 0.35rem);
  margin-top: 0;
  margin-bottom: 0;
  z-index: 30;
}

.uyarilarim-form .model-alert-add-btn {
  min-height: 48px;
  border-radius: 12px;
  font-weight:500;
  padding-inline: 1rem;
}

@media (max-width: 760px) {
  .uyarilarim-panel {
    padding: 0.85rem;
    gap: 0.75rem;
  }

  .uyarilarim-stats {
    grid-template-columns: 1fr;
  }

  .uyarilarim-stat-card {
    min-height: auto;
  }

  .uyarilarim-tracking-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .uyarilarim-inline-action {
    width: 100%;
    justify-content: center;
  }

  .model-alert-row-single {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .model-alert-side {
    width: 100%;
    justify-content: space-between;
  }
}

.model-alert-edit-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.1);
}

.model-alert-edit-input {
  padding: 0.5rem 0.75rem;
  width: 140px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #fff;
  font-size: 0.875rem;
  transition: all 0.15s;
}

.model-alert-edit-input:focus {
  outline: 0;
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
}

.model-alert-edit-save {
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  color: #fff;
  background: #2d5a8a;
  border: 1px solid #3d6a9a;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.15s;
}

.model-alert-edit-save:hover {
  background: #3d6a9a;
  transform: translateY(-1px);
}

.btn-link {
  background: 0 0;
  border: none;
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
  color: #5da8e8;
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.15s;
}

.btn-link:hover {
  background: rgba(93, 168, 232, 0.1);
  text-decoration: none;
}

.model-alert-iptal.btn-link {
  color: #6b7d8f;
}

.model-alert-iptal.btn-link:hover {
  color: #e87070;
  background: rgba(232, 112, 112, 0.1);
}

.header-action-btn.uyarilarim-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  color: #c8d4e0;
  border-radius: 10px;
  cursor: pointer;
  font-size: 0.9rem;
  flex-shrink: 0;
  min-width: fit-content;
  white-space: nowrap;
  line-height: 1.2;
  transition: all 0.2s ease;
}

.header-action-btn.uyarilarim-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

#uyarilarim-btn .uyarilarim-icon-img {
  width: 1.1rem;
  height: 1.1rem;
  filter: brightness(0) saturate(100%) invert(60%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(1.1);
}

#uyarilarim-btn {
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 1001 !important;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

#uyarilarim-btn .uyarilarim-btn-text,
#uyarilarim-btn img {
  pointer-events: none;
}

.uyarilarim-btn-text {
  display: inline;
}

.uyarilarim-icon-img {
  width: 1.1rem;
  height: 1.1rem;
  filter: brightness(0) saturate(100%) invert(60%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(1.1);
}

@media (max-width: 1024px) {
  .uyarilarim-btn-text {
    display: none;
  }
}

.notification-setting-row input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
}

.profit-margin-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.profit-margin-wrap label {
  font-size: 0.85rem;
  color: #9ca8b8;
}

.profit-margin-input {
  width: 100px;
  padding: 0.4rem 0.6rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  color: #fff;
  font-size: 0.9rem;
}

body.customer-mode .alis-fiyati-input {
  display: none !important;
}

body.customer-mode .tab[data-tab="isletme-ozet"],
body.customer-mode .tab[data-tab="magaza"] {
  display: none !important;
}

#app-root.admin-mode.customer-mode .admin-only-tab,
body.customer-mode #app-root.admin-mode .admin-only-tab,
body.customer-mode .admin-only-tab,
body.customer-mode .tab[data-tab="genel-durum"] {
  display: none !important;
}

.admin-only-tab,
.tabs .tab.admin-only-tab {
  display: none !important;
}

#app-root.admin-mode .admin-only-tab,
#app-root.admin-mode .tabs .tab.admin-only-tab {
  display: flex !important;
}

body.customer-mode #app-root.admin-mode .admin-only-tab,
body.customer-mode #app-root.admin-mode .tabs .tab.admin-only-tab {
  display: none !important;
}

#app-root.admin-mode .tab[data-tab="magaza"] {
  display: none !important;
}

.stats-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 1024px) {
  .stats-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .stats-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

.stat-card {
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.stat-card-value {
  font-size: 1.75rem;
  font-weight:500;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  word-break: break-word;
}

.stat-card-label {
  font-size: 0.85rem;
  color: #9ca8b8;
}

.model-yonetimi-panel {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

.model-yonetimi-title {
  font-size: 1rem;
  font-weight:450;
  color: #c8d4e0;
  margin-bottom: 1rem;
}

.model-yonetimi-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.model-yonetimi-select {
  padding: 0.5rem 0.75rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  color: #fff;
  font-size: 0.9rem;
  min-width: 140px;
}

.model-yonetimi-input {
  padding: 0.5rem 0.75rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  color: #fff;
  font-size: 0.9rem;
  min-width: 160px;
}

.model-yonetimi-btn {
  padding: 0.5rem 1rem;
  background: #2d5a8a;
  border: 1px solid #3d6a9a;
  color: #fff;
  border-radius: 10px;
  font-size: 0.9rem;
  cursor: pointer;
}

.model-yonetimi-btn:hover:not(:disabled) {
  background: #3d6a9a;
}

.model-yonetimi-result {
  margin-top: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  font-size: 0.9rem;
}

.model-yonetimi-ok {
  color: #90d890;
  margin: 0;
}

.model-yonetimi-err {
  color: #e87070;
  margin: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MODERN CARD-BASED ESNAF CREATE PANEL - Yeni Tasarım
   ═══════════════════════════════════════════════════════════════════════════ */

/* Ana Container - Modern Card */
.esnaf-create-panel {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  transition: none;
  animation: none;
}

.esnaf-create-panel:hover {
  box-shadow: none;
  border-color: transparent;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Header Section */
.esnaf-create-header {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(96, 165, 250, 0.15);
}

.esnaf-create-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.125rem;
  font-weight:450;
  color: #e2e8f0;
  margin: 0 0 8px 0;
}

.esnaf-create-icon {
  color: #60a5fa;
  flex-shrink: 0;
}

.esnaf-create-subtitle {
  font-size: 0.875rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.5;
}

/* Form Grid */
.esnaf-create-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media (min-width: 640px) {
  .esnaf-create-form {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
  }
  
  .esnaf-create-btn {
    grid-column: 1 / -1;
  }
}

/* Form Field - Normal Label Pattern */
.esnaf-create-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.esnaf-create-label {
  display: block;
  color: #e2e8f0;
  font-size: 0.875rem;
  font-weight:450;
  margin-bottom: 0;
  letter-spacing: 0.01em;
}

.esnaf-create-input {
  width: 100%;
  padding: 0.95rem 1.15rem;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  color: #f8fafc;
  font-size: 0.95rem;
  font-family: inherit;
  transition: all 0.3s ease;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.esnaf-create-input:focus {
  outline: none;
  border-color: #3b82f6;
  background: rgba(15, 23, 42, 0.8);
  box-shadow:
    0 0 0 3px rgba(59, 130, 246, 0.25),
    inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.esnaf-create-input:hover:not(:focus) {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(15, 23, 42, 0.6);
}

.esnaf-create-input::placeholder {
  color: #64748b;
  opacity: 1;
}

/* Password Wrap - Special Container */
.esnaf-password-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.esnaf-password-wrap .esnaf-create-input {
  padding-right: 52px;
}

.esnaf-password-toggle {
  position: absolute;
  right: 8px;
  width: 36px;
  height: 36px;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.2);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.esnaf-password-toggle:hover {
  background: rgba(96, 165, 250, 0.2);
  border-color: rgba(96, 165, 250, 0.4);
  transform: scale(1.05);
}

.esnaf-password-toggle:active {
  transform: scale(0.95);
}

.esnaf-password-toggle img {
  width: 18px;
  height: 18px;
  opacity: 0.7;
  transition: opacity 0.2s;
  filter: brightness(0) invert(1);
}

.esnaf-password-toggle:hover img {
  opacity: 1;
}

/* Phone Wrap - Special Container */
.esnaf-phone-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.esnaf-phone-prefix {
  padding: 14px 12px;
  background: rgba(37, 99, 235, 0.15);
  border: 2px solid rgba(96, 165, 250, 0.25);
  border-radius: 12px;
  color: #60a5fa;
  font-weight:450;
  font-size: 15px;
  white-space: nowrap;
  transition: all 0.3s ease;
  user-select: none;
}

.esnaf-phone-wrap:focus-within .esnaf-phone-prefix {
  background: rgba(37, 99, 235, 0.25);
  border-color: #60a5fa;
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.1);
}

.esnaf-phone-wrap .esnaf-create-input {
  flex: 1;
}

/* Submit Button - Gradient & Animation */
.esnaf-create-btn {
  width: 100%;
  padding: 16px 32px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border: none;
  border-radius: 12px;
  color: #ffffff;
  font-size: 16px;
  font-weight:450;
  font-family: inherit;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.3);
  margin-top: 8px;
}

.esnaf-create-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.esnaf-create-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4);
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.esnaf-create-btn:hover::before {
  left: 100%;
}

.esnaf-create-btn:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
}

.esnaf-create-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* Loading State */
.esnaf-create-btn.loading {
  pointer-events: none;
  opacity: 0.8;
}

.esnaf-create-btn.loading .esnaf-create-btn-text {
  opacity: 0;
}

.esnaf-create-btn.loading::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: btn-spin 0.8s linear infinite;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@keyframes btn-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* Result Messages - Modern Cards */
.esnaf-create-result {
  margin-top: 20px;
  padding: 16px 20px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.6;
  animation: slideInUp 0.3s ease;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.esnaf-create-result p {
  margin: 0 0 8px 0;
}

.esnaf-create-result p:last-child {
  margin-bottom: 0;
}

.esnaf-create-ok {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(22, 163, 74, 0.1));
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: #86efac;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.esnaf-create-ok::before {
  content: '✓';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(34, 197, 94, 0.2);
  border-radius: 50%;
  font-weight:500;
  flex-shrink: 0;
  margin-top: 2px;
}

.esnaf-create-err {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.1));
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #fca5a5;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.esnaf-create-err::before {
  content: '✕';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 50%;
  font-weight:500;
  flex-shrink: 0;
  margin-top: 2px;
}

.esnaf-create-result code {
  background: rgba(0, 0, 0, 0.3);
  padding: 3px 8px;
  border-radius: 6px;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.2);
}

.esnaf-create-hint {
  margin-top: 12px;
  padding: 12px;
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #60a5fa;
  border-radius: 6px;
  font-size: 13px;
  color: #93c5fd;
  line-height: 1.5;
}


/* Mobil Touch-Friendly */
@media (max-width: 639px) {
  .esnaf-create-panel {
    padding: 16px;
    border-radius: 12px;
  }

  .esnaf-create-input,
  .esnaf-create-btn {
    min-height: 48px;
  }

  .esnaf-password-toggle {
    width: 44px;
    height: 44px;
    right: 4px;
  }

  .esnaf-password-wrap .esnaf-create-input {
    padding-right: 56px;
  }
}

.excel-import-panel {
  margin-top: 1.5rem;
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

.excel-import-title {
  font-size: 1rem;
  font-weight:450;
  color: #c8d4e0;
  margin-bottom: 0.5rem;
}

.excel-import-hint {
  font-size: 0.85rem;
  color: #9ca8b8;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.excel-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.excel-import-btn {
  padding: 0.5rem 1rem;
  background: #2d5a8a;
  border: 1px solid #3d6a9a;
  color: #fff;
  border-radius: 10px;
  font-size: 0.9rem;
  cursor: pointer;
}

.excel-import-btn:hover {
  background: #3d6a9a;
}

.excel-import-btn.wp-action-btn {
  background: #25d366;
  border-color: #25d366;
}

.excel-import-btn.wp-action-btn:hover {
  background: #20bd5a;
}

.excel-import-result {
  margin-top: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  font-size: 0.9rem;
}

.excel-import-result.ok {
  color: #90d890;
}

.excel-import-result.err {
  color: #e87070;
}

.excel-import-result a {
  color: #5da8e8;
  text-decoration: none;
}

.excel-import-result a:hover {
  text-decoration: underline;
}

.uyelik-panel {
  margin-top: 1.5rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

.uyelik-panel-title {
  font-size: 1rem;
  font-weight:450;
  color: #c8d4e0;
  margin-bottom: 1rem;
}

.uyelik-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.uyelik-panel-header .uyelik-panel-title {
  margin-bottom: 0;
}

.uyelik-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.uyelik-row:last-child {
  border-bottom: none;
}

.uyelik-store-name {
  font-weight: 500;
  color: #e8eef4;
  min-width: 140px;
}

.uyelik-info {
  font-size: 0.85rem;
  color: #9ca8b8;
}

.uyelik-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
}

.uyelik-add-btn {
  padding: 0.35rem 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.06);
  color: #9ca8b8;
  border-radius: 8px;
  font-size: 0.8rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.uyelik-add-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #e8eef4;
}

.uyelik-add-input {
  width: 3.5rem;
  padding: 0.3rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: #e8eef4;
  border-radius: 8px;
  font-size: 0.8rem;
}

.uyelik-add-input::placeholder {
  color: #6b7d8f;
}

.uyelik-subtract-btn {
  padding: 0.35rem 0.6rem;
  border: 1px solid rgba(255, 180, 80, 0.35);
  background: rgba(255, 180, 80, 0.1);
  color: #c9a84a;
  border-radius: 8px;
  font-size: 0.8rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.uyelik-subtract-btn:hover {
  background: rgba(255, 180, 80, 0.2);
  color: #ffb450;
}

.uyelik-end-btn {
  padding: 0.35rem 0.6rem;
  border: 1px solid rgba(211, 47, 47, 0.4);
  background: rgba(211, 47, 47, 0.15);
  color: #e57373;
  border-radius: 8px;
  font-size: 0.8rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.uyelik-end-btn:hover {
  background: rgba(211, 47, 47, 0.25);
  color: #ef9a9a;
}

.uyelik-password-input {
  width: 7.5rem;
  padding: 0.3rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: #e8eef4;
  border-radius: 8px;
  font-size: 0.8rem;
}

.uyelik-password-input::placeholder {
  color: #6b7d8f;
}

.uyelik-pass-btn {
  padding: 0.35rem 0.6rem;
  border: 1px solid rgba(90, 160, 230, 0.45);
  background: rgba(90, 160, 230, 0.15);
  color: #9fd0ff;
  border-radius: 8px;
  font-size: 0.8rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.uyelik-pass-btn:hover {
  background: rgba(90, 160, 230, 0.28);
  color: #cfe7ff;
}

.uyelik-ip-reset-btn {
  padding: 0.35rem 0.6rem;
  border: 1px solid rgba(234, 152, 74, 0.45);
  background: rgba(234, 152, 74, 0.18);
  color: #f0b878;
  border-radius: 8px;
  font-size: 0.8rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.uyelik-ip-reset-btn:hover {
  background: rgba(234, 152, 74, 0.28);
  color: #f5d0a0;
}

.uyelik-bulk-ip-reset-btn {
  padding: 0.45rem 0.75rem;
  border: 1px solid rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.14);
  color: #fecaca;
  border-radius: 10px;
  font-size: 0.8rem;
  font-weight:450;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

.uyelik-bulk-ip-reset-btn:hover {
  background: rgba(239, 68, 68, 0.24);
  border-color: rgba(248, 113, 113, 0.45);
  color: #fee2e2;
}

.uyelik-delete-btn {
  padding: 0.35rem 0.6rem;
  border: 1px solid rgba(211, 47, 47, 0.4);
  background: rgba(211, 47, 47, 0.15);
  color: #e57373;
  border-radius: 8px;
  font-size: 0.8rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.uyelik-delete-btn:hover {
  background: rgba(211, 47, 47, 0.25);
  color: #ef9a9a;
}

body.customer-mode .genel-card-actions .genel-copy-link,
body.customer-mode .genel-copy-link {
  display: none !important;
}

.phone-input-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  box-sizing: border-box;
}

.phone-prefix {
  color: #9ca8b8;
  font-size: 0.9rem;
  user-select: none;
  flex-shrink: 0;
}

.phone-input-wrap input {
  flex: 1;
  min-width: 0;
  padding: 0;
  background: 0 0;
  border: none;
  color: #fff;
  font-size: 0.9rem;
}

.phone-input-wrap input:focus {
  outline: 0;
}

.profile-modal-body .phone-input-wrap,
.settings-profile-form .phone-input-wrap {
  width: 100%;
}

.profile-modal-body .phone-input-wrap input,
.settings-profile-form .phone-input-wrap input {
  width: 100%;
}

.genel-copy-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #e8eef4;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight:450;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.genel-copy-link:hover {
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-1px);
  color: #fff;
}

.genel-copy-link img {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.promo-section {
  margin-bottom: 1.5rem;
}

.search-stats-widget {
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  position: relative;
  overflow: visible;
  z-index: 2;
}

.search-stats-widget-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.search-stats-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.search-stats-info-hint {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 0.4rem;
  padding: 0.15rem;
  border-radius: 6px;
  cursor: default;
  opacity: 0.75;
  transition: opacity 0.2s;
}

.search-stats-info-hint:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.08);
}

.search-stats-tooltip-text {
  position: absolute;
  top: calc(100% + 8px);
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.4;
  color: #e8eef4;
  background: rgba(15, 31, 53, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  width: 220px;
  max-width: min(220px, calc(100vw - 48px));
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.2s,
    visibility 0.2s;
  visibility: hidden;
  z-index: 10001;
}

.search-stats-info-hint:hover {
  z-index: 10002;
}

.search-stats-info-hint:hover .search-stats-tooltip-text {
  opacity: 1;
  visibility: visible;
}

.search-stats-info-icon {
  width: 1rem;
  height: 1rem;
  display: block;
  filter: brightness(0) invert(0.7);
}

.status-tab-btn .status-icon {
  width: 1rem;
  height: 1rem;
  opacity: 0.7;
  filter: brightness(0) invert(1);
}

body.theme-light .status-tab-btn .status-icon {
  filter: none;
}

@media (max-width: 768px) {
  body.hide-header-for-panel .tabs {
    display: none !important;
  }

  .uyarilarim-panel,
  .notification-panel,
  .settings-panel {
    bottom: 0 !important;
    height: calc(100vh - 70px - env(safe-area-inset-top)) !important;
    max-height: none !important;
    top: auto !important;
    border-radius: 20px 20px 0 0 !important;
    border-bottom: none !important;
  }
}


body.theme-light .search-stats-info-hint:hover {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .search-stats-tooltip-text {
  color: #1e293b;
  background: #fff;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

body.theme-light .search-stats-info-icon {
  filter: brightness(0) invert(0.4);
}

.search-stats-title {
  font-size: 0.85rem;
  font-weight:450;
  color: #e8eef4;
  margin: 0;
  flex-shrink: 0;
  flex: 1;
  min-width: 0;
}

.search-stats-reset-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  border: 1px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  flex-shrink: 0;
}

.search-stats-reset-btn:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.6);
}

.search-stats-reset-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.search-stats-reset-icon {
  width: 0.9rem;
  height: 0.9rem;
  filter: brightness(0) saturate(100%) invert(50%) sepia(90%) saturate(2000%) hue-rotate(340deg) brightness(1.1);
}

.search-stats-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.25rem;
}

.search-stats-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: #c9d1d9;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.3rem 0.75rem;
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
}

.search-stats-item:hover {
  background: rgba(93, 168, 232, 0.15);
  border-color: rgba(93, 168, 232, 0.4);
  color: #5da8e8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(93, 168, 232, 0.15);
}

.search-stats-item em {
  font-style: normal;
  color: #5da8e8;
  font-weight: 600;
  opacity: 0.85;
}

.search-stats-sep {
  display: none;
}

.search-stats-empty {
  font-size: 0.85rem;
  color: #6b7d8f;
}

@media (max-width: 600px) {
  .search-stats-list {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
  }

  .search-stats-sep {
    display: none;
  }
}

/* En Çok Arananlar: varsayılan sınır ve genişletme */
.search-stats-item--hidden {
  display: none;
}

.search-stats-expanded .search-stats-item--hidden {
  display: inline-flex;
}

.search-stats-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #5da8e8;
  background: rgba(93, 168, 232, 0.1);
  border: 1px dashed rgba(93, 168, 232, 0.35);
  padding: 0.3rem 0.75rem;
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
}

.search-stats-toggle-btn:hover {
  background: rgba(93, 168, 232, 0.2);
  border-color: rgba(93, 168, 232, 0.5);
  transform: translateY(-1px);
}

body.theme-light .search-stats-toggle-btn {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.25);
}

body.theme-light .search-stats-toggle-btn:hover {
  background: rgba(37, 99, 235, 0.15);
  border-color: rgba(37, 99, 235, 0.4);
}

  .filter-row-search .filter-search-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-search-wrap .genel-search {
    min-width: 0;
  }

  .filter-search-wrap .dukkan-wrap {
    width: 100%;
  }

  .filter-search-wrap .genel-dukkan {
    width: 100%;
  }

  .filter-row-main {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-row-main .custom-select-wrap,
  .filter-row-main .genel-filter-control,
  .filter-row-main .genel-sort {
    width: 100%;
    min-width: 0;
  }

  .filter-fiyat-wrap {
    justify-content: center;
  }

  .genel-favorilerim-wrap {
    justify-content: center;
  }

  .filter-row-sub {
    flex-direction: row;
    justify-content: space-between;
    gap: 0.5rem;
  }

  .filter-row-sub .sort-wrap {
    flex: 1;
  }
}

@media (max-width: 899px) and (orientation: landscape) {
  .pool-grid.grid-view {
    grid-template-columns: 1fr;
  }

  .magaza-cards-mobile {
    grid-template-columns: 1fr;
  }

  .magaza-satilan-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .tabs {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90;
    margin: 0;
    padding: 0.6rem calc(0.75rem + env(safe-area-inset-right)) calc(0.6rem + env(safe-area-inset-bottom)) calc(0.75rem + env(safe-area-inset-left));
    min-height: calc(3.5rem + env(safe-area-inset-bottom));
    background: rgba(15, 31, 53, 0.98);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.35);
    justify-content: space-around;
    border-radius: 0;
  }

  .tabs .tab {
    flex: 1;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.6rem 0.4rem;
    font-size: 0.75rem;
    min-width: 0;
  }

  .tabs .tab-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  main {
    padding-bottom: calc(5rem + env(safe-area-inset-bottom));
  }

  .tab-slider-wrap {
    width: 100%;
    flex-direction: initial;
    transition: none;
  }

  .tab-slider-wrap .tab-content {
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: none;
  }

  .tab-slider-wrap .tab-content.active {
    display: block;
  }

  .magaza-sub-tabs {
    display: flex;
    flex-wrap: nowrap !important;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding: 0.3rem;
    padding-bottom: 0.3rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    gap: 0;
    width: calc(100% + 1rem);
    justify-content: space-between;
  }

  .magaza-sub-tab {
    flex: 1;
    min-width: 0;
    padding: 0.5rem 0.1rem;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 8px;
    background: 0 0;
  }

  .magaza-sub-tab.active {
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    border: none;
  }

  .header-title .header-title-text {
    display: none;
  }

  .header-title .header-title-short {
    display: inline;
  }

  .header-title {
    font-size: 1.2rem;
    min-width: 0;
    flex-shrink: 0;
  }

  .header-action-btn.uyarilarim-btn {
    padding: 0.4rem 0.5rem;
  }

  .notification-btn {
    padding: 0.4rem 0.5rem;
  }

  .notification-icon-img {
    width: 1.1rem;
    height: 1.1rem;
  }

  .notification-toast {
    top: calc(1.5rem + env(safe-area-inset-top, 0));
    left: 0.75rem;
    right: 0.75rem;
  }

  .settings-btn-text {
    display: none;
  }

  .header-settings-btn {
    padding: 0.4rem 0.5rem;
  }

  .header-actions {
    gap: 0.3rem;
  }

  .header-action-btn {
    min-width: auto;
  }

  header {
    padding: calc(0.85rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) 0.85rem calc(1rem + env(safe-area-inset-left));
  }

  .header-top {
    gap: 0.4rem;
  }

  .header-actions {
    flex-shrink: 0;
    min-width: 0;
    gap: 0.25rem;
  }

  .header-title {
    font-size: 1rem;
    flex-shrink: 1;
    min-width: 0;
  }

  .slogan {
    display: none;
  }

  .header-quick-settings {
    display: inline-flex;
  }

  .notification-panel {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 90vh;
    margin: 0;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
    min-height: 400px;
    z-index: 250;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
  }

  .notification-panel:not([style*="display: none"]) {
    animation: panelSlideUp 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }

  .settings-panel {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 90vh;
    margin: 0;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
    min-height: 400px;
    animation: panelSlideUp 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    transform: translateZ(0);
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
  }

  .settings-panel .settings-panel-body {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .settings-panel[style*="display: none"] {
    display: none !important;
  }

  .uyarilarim-panel {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 90vh;
    margin: 0;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
    min-height: 400px;
    animation: panelSlideUp 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    transform: translateZ(0);
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
  }

  .uyarilarim-panel[style*="display: none"] {
    display: none !important;
  }

  @keyframes panelSlideUp {
    from {
      transform: translate3d(0, 100vh, 0);
      opacity: 0.96;
    }

    to {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  @keyframes panelFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .notification-panel-header {
    flex-shrink: 0;
  }

  .notification-admin-form {
    flex-shrink: 0;
  }

  .notification-list {
    max-height: none;
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .notification-panel {
    display: flex;
    flex-direction: column;
    padding-bottom: env(safe-area-inset-bottom, 0);
  }

  .notification-panel[style*="display: none"] {
    display: none !important;
  }

  body.theme-light .tabs {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(6px);
    border-top-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
  }
}

.promo-title {
  font-size: 1.05rem;
  font-weight:450;
  color: #fff;
  margin-bottom: 0.85rem;
  letter-spacing: -0.01em;
}

.promo-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.85rem;
}

.promo-section-head .promo-title {
  margin-bottom: 0;
}

.promo-view-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-left: auto;
  padding: 0.5rem 0.95rem;
  border: 1px solid rgba(125, 193, 255, 0.18);
  background: rgba(125, 193, 255, 0.08);
  color: #dbeafe;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight:500;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
}

.promo-view-all-btn:hover {
  background: rgba(125, 193, 255, 0.14);
  border-color: rgba(125, 193, 255, 0.28);
  color: #f8fbff;
  transform: translateY(-1px);
}

.promo-view-all-icon {
  width: 0.9rem;
  height: 0.9rem;
  flex-shrink: 0;
  opacity: 0.85;
}

.promo-view-all-count {
  color: #9fc5ff;
  font-weight:450;
}

.promo-cards {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

#app-root .promo-section,
#app-root #promo-cards.promo-cards {
  overflow: visible !important;
}

#app-root #promo-cards.promo-cards {
  padding-top: 0.85rem !important;
}

#all-promoted-panel .all-promoted-panel-body {
  padding-top: 0.85rem !important;
}

#all-promoted-panel .all-promoted-list,
#all-promoted-panel .all-promoted-grid {
  overflow: visible !important;
}

#app-root .promo-card .device-detail-title-btn.promo-card-model,
#all-promoted-panel .promo-card .device-detail-title-btn.promo-card-model {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  line-height: 1.45 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#app-root .promo-card .promo-card-model-text,
#all-promoted-panel .promo-card .promo-card-model-text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#app-root .promo-card .new-badge,
#all-promoted-panel .promo-card .new-badge {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-height: 1.15rem !important;
  margin-left: 0 !important;
  line-height: 1 !important;
}

.promo-card {
  padding: 12px;
  background: linear-gradient(135deg, rgba(30, 48, 80, 0.65), rgba(15, 25, 45, 0.85));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(125, 193, 255, 0.35);
  border-radius: 16px;
  min-width: 140px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37), inset 0 0 12px rgba(255, 255, 255, 0.04);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  overflow: hidden;
  
  display: grid;
  grid-template-areas: 'foto model price' 'foto d1 price' 'foto d2 .' 'tel tel tel';
  grid-template-columns: 70px 1fr auto;
  grid-template-rows: auto auto auto auto;
  gap: 0.15rem 0.6rem;
  align-content: start;
  width: 100%;
}

.promo-card:hover {
  transform: translateY(-4px) scale(1.015);
  border-color: rgba(125, 193, 255, 0.55);
  box-shadow: 0 12px 40px 0 rgba(125, 193, 255, 0.22);
}

.promo-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.05) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  transition: 0.75s;
  pointer-events: none;
}

.promo-card:hover::before {
  left: 125%;
}

.promo-card-foto-wrap {
  grid-area: foto;
  margin: 0 !important;
  width: 70px !important;
  min-width: 70px !important;
  height: 70px !important;
  border-radius: 10px !important;
  overflow: hidden;
  align-self: center;
}

.promo-card-foto {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  display: block;
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

.promo-card:hover {
  transform: translateY(-4px) scale(1.015);
  box-shadow: 0 16px 36px rgba(93, 168, 232, 0.28), inset 0 0 16px rgba(255, 255, 255, 0.08);
  border-color: rgba(125, 193, 255, 0.55);
}

.promo-card-price-wrap {
  grid-area: price;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  margin: 0;
  padding: 0 0 0 4px;
}

.promo-card-badge {
  display: inline-block;
  font-size: 0.7rem;
  color: #8a9db0;
  background: rgba(255, 255, 255, 0.06);
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  margin-bottom: 0.35rem;
}

.promo-card-store {
  color: #9cadc0;
  font-weight: 500;
}

.promo-card-model {
  font-weight: 550;
  color: #fff;
  margin-bottom: 0.25rem;
}

.promo-card-details {
  font-size: 0.78rem;
  color: #9ca8b8;
  margin-bottom: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.promo-details-d1 {
  grid-area: d1;
  align-self: center;
}

.promo-details-d2 {
  grid-area: d2;
  align-self: start;
}

.promo-card-fiyat {
  color: #7ab8e8;
  font-size: 0.95rem;
}

.promo-card-tel {
  grid-area: tel;
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
  width: 100%;
}

.promo-card-tel .call-btn,
.promo-card-tel .product-chat-btn {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 4px !important;
  font-size: 11px !important;
  height: 32px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  gap: 3px !important;
}

.promo-card-tel .call-btn img,
.promo-card-tel .product-chat-btn svg {
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
}

@media (min-width: 1280px) {
  .promo-card-tel {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .promo-card-tel .call-btn,
  .promo-card-tel .wp-action-btn {
    padding: 8px 14px;
    font-size: 14px;
  }

  .promo-card-tel .call-btn img,
  .promo-card-tel .wp-action-btn img {
    width: 18px;
    height: 18px;
  }
}

.promo-card-phone {
  font-size: 0.85rem;
  color: #5da8e8;
  text-decoration: none;
}

.promo-card-phone:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .promo-section-head {
    align-items: flex-start;
    gap: 0.65rem;
  }

  .promo-view-all-btn {
    margin-left: 0;
  }
}

.promo-card-loading {
  min-height: 148px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 0.55rem;
  pointer-events: none;
}

.promo-card-loading-line {
  height: 11px;
  border-radius: 999px;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0.08),
      rgba(255, 255, 255, 0.18),
      rgba(255, 255, 255, 0.08));
  background-size: 220% 100%;
  animation: promo-loading-shimmer 1.2s ease-in-out infinite;
}

.promo-card-loading-line--title {
  width: 72%;
  height: 15px;
}

.promo-card-loading-line--short {
  width: 48%;
}

@keyframes promo-loading-shimmer {
  from {
    background-position: 100% 50%;
  }

  to {
    background-position: 0 50%;
  }
}

.all-promoted-panel {
  position: fixed;
  inset: 0;
  display: none;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  background: rgba(5, 13, 24, 0.74);
  backdrop-filter: blur(6px);
  z-index: 99999 !important;
  overflow: hidden;
}

.all-promoted-dialog {
  width: 100%;
  height: min(100dvh, 100vh);
  max-height: min(100dvh, 100vh);
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(17, 26, 40, 0.98) 0%, rgba(11, 20, 34, 0.98) 100%);
  border: 1px solid rgba(125, 193, 255, 0.14);
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45);
  overflow: hidden;
}

.all-promoted-panel-header {
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1rem 0.9rem;
}

.all-promoted-panel-heading {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.all-promoted-panel-heading>span:first-child {
  display: none;
}

.all-promoted-panel-title {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 1.05rem;
  font-weight:500;
  color: #f8fbff;
}

.all-promoted-panel-title .panel-header-icon {
  margin-right: 0;
}

.all-promoted-panel-subtitle {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.45;
  color: #9ca8b8;
}

.all-promoted-panel-body {
  flex: 1 1 0;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1rem calc(1rem + env(safe-area-inset-bottom, 0));
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y pinch-zoom;
}

.all-promoted-list {
  min-height: auto;
  padding-bottom: 0.1rem;
}

.all-promoted-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9rem;
  align-content: start;
}

.all-promoted-grid .promo-card--panel {
  min-width: 0;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.24);
}

.all-promoted-empty {
  padding: 1.15rem 1rem;
  border: 1px dashed rgba(125, 193, 255, 0.18);
  border-radius: 18px;
  background: rgba(125, 193, 255, 0.05);
  color: #c9d7e6;
  font-size: 0.95rem;
  line-height: 1.55;
}

@media (min-width: 768px) {
  .all-promoted-panel {
    align-items: center;
    padding: 1.5rem;
  }

  .all-promoted-dialog {
    width: min(100%, 960px);
    height: min(82vh, calc(100vh - 3rem));
    max-height: calc(100vh - 3rem);
    min-height: min(620px, calc(100vh - 3rem));
    border-radius: 24px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.38);
  }

  .all-promoted-panel-header {
    padding: 1.15rem 1.4rem 1rem;
  }

  .all-promoted-panel-body {
    padding: 0 1.4rem 1.4rem;
  }

  .all-promoted-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}

@media (min-width: 1280px) {
  .all-promoted-panel {
    padding: 2rem;
  }

  .all-promoted-dialog {
    width: min(100%, 1320px);
    height: min(84vh, calc(100vh - 4rem));
    max-height: calc(100vh - 4rem);
    min-height: min(680px, calc(100vh - 4rem));
  }

  .all-promoted-panel-header {
    padding: 1.3rem 1.7rem 1rem;
  }

  .all-promoted-panel-title {
    font-size: 1.12rem;
  }

  .all-promoted-panel-body {
    padding: 0 1.7rem 1.7rem;
  }

  .all-promoted-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.05rem;
  }
}

@media (min-width: 1600px) {
  .all-promoted-dialog {
    width: min(100%, 1480px);
  }

  .all-promoted-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

body.theme-light .all-promoted-dialog {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.985) 0%, rgba(246, 249, 253, 0.985) 100%);
  border-color: rgba(148, 163, 184, 0.28);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

body.theme-light .all-promoted-panel-title {
  color: #0f172a;
}

body.theme-light .all-promoted-panel-subtitle {
  color: #64748b;
}

body.theme-light .all-promoted-empty {
  background: rgba(37, 99, 235, 0.05);
  border-color: rgba(37, 99, 235, 0.14);
  color: #334155;
}

.tel-link,
.wp-action-link {
  color: #5da8e8;
  text-decoration: none;
  font-size: 0.9rem;
}

.tel-link:hover,
.wp-action-link:hover {
  text-decoration: underline;
}

.add-device-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1rem;
  max-width: 100%;
}

.add-form-section {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 1rem 1.1rem;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 14px;
}

.add-form-section-title {
  font-size: 0.75rem;
  font-weight:450;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--theme-color-muted);
  margin-bottom: 0.15rem;
}

.add-form-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.add-form-kondisyon-row {
  align-items: stretch;
}

.add-form-kondisyon-row .kondisyon-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.add-form-kondisyon-row .kondisyon-input {
  height: 2.75rem;
  border-radius: 10px;
}

.cosmetic-bar-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  min-width: 0;
}

.cosmetic-bar-max,
.cosmetic-bar-min {
  font-size: 0.7rem;
  color: var(--theme-color-muted);
  flex-shrink: 0;
}

.cosmetic-bar-max {
  min-width: 2rem;
  text-align: right;
}

.add-form-section .cosmetic-slider-wrap {
  flex: 1;
  min-width: 0;
  height: 20px;
}

.add-form-field-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.add-form-label {
  font-size: 0.8rem;
  color: var(--theme-color-muted);
}

.add-form-submit {
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  font-weight:450;
  border-radius: 12px;
  cursor: pointer;
  background: #1e3a5f;
  border: 1px solid #2d5a8a;
  color: #fff;
  margin-top: 0.25rem;
}

.add-form-submit:hover {
  background: #2a4a75;
}

.add-device-form #add-brand {
  width: 100%;
  max-width: 100%;
}

.model-select-wrap {
  position: relative;
  min-width: 0;
}

.model-panel {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 100;
  min-width: 100%;
  max-width: 20rem;
}

.model-search {
  padding: 0.4rem 0.6rem;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: 0 0;
  color: #e8eef4;
  font-size: 0.9rem;
  width: 100%;
  border-radius: 12px 12px 0 0;
}

.model-search::placeholder {
  color: #7a8a9a;
}

.model-list {
  max-height: min(220px, 42dvh);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.model-opt {
  padding: 0.45rem 0.75rem;
  color: #c8d4e0;
  cursor: pointer;
  font-size: 0.9rem;
}

.model-opt:hover {
  background: rgba(255, 255, 255, 0.08);
}

.model-list-empty {
  padding: 0.5rem 0.75rem;
  color: #9ca8b8;
  font-size: 0.85rem;
}

.model-list-more {
  padding: 0.4rem 0.75rem;
  color: #7a8a9a;
  font-size: 0.8rem;
}

/* İlan ekleme sihirbazında model listesi diğer alanların üstünü kapatmasın. */
.add-device-wizard-modal .model-select-wrap {
  overflow: visible;
}

.add-device-wizard-modal .model-panel {
  position: static;
  width: 100%;
  max-width: 100%;
  margin-top: 0.4rem;
}

.add-device-wizard-modal .model-list {
  max-height: min(190px, 30dvh);
}

.add-device-wizard-modal .custom-select-panel {
  position: static;
  width: 100%;
  margin-top: 0.4rem;
  max-height: min(190px, 30dvh);
}

.add-device-form button,
.add-device-form input,
.add-device-form select,
.add-device-form textarea {
  min-width: 0;
}

.add-device-form .custom-dropdown-wrap {
  width: 100%;
}

.add-device-form .custom-dropdown-btn {
  width: 100%;
  box-sizing: border-box;
}

.add-device-form .custom-dropdown-menu {
  width: 100%;
  box-sizing: border-box;
}

.add-form-piyasa-oneri {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.25);
  border-radius: 10px;
  font-size: 0.9rem;
}

.add-form-piyasa-text {
  color: #94a3b8;
}

.add-form-piyasa-text strong {
  color: #22c55e;
}

.add-form-oneri-btn {
  padding: 0.35rem 0.75rem;
  background: rgba(34, 197, 94, 0.2);
  border: 1px solid rgba(34, 197, 94, 0.4);
  border-radius: 8px;
  color: #22c55e;
  font-size: 0.85rem;
  cursor: pointer;
  white-space: nowrap;
}

.add-form-oneri-btn:hover {
  background: rgba(34, 197, 94, 0.3);
}

.add-aciklama-input {
  padding: 0.6rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
  color: #e8eef4;
  border-radius: 12px;
  font-size: 0.95rem;
  font-family: inherit;
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
}

.add-aciklama-input::placeholder {
  color: #7a8a9a;
}

.add-device-form input {
  padding: 0.6rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
  color: #e8eef4;
  border-radius: 18px;
  font-size: 0.95rem;
  width: 100%;
  box-sizing: border-box;
}

.add-device-form input::placeholder {
  color: #7a8a9a;
}

.add-device-form input[type="number"] {
  width: 100%;
}

.select-dark {
  background: #1b2a3d;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 14px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8eef4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}

.select-dark option {
  background: #0f1c2e;
  color: #fff;
}

.add-device-form #add-model:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.add-select {
  padding: 0.6rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
  color: #e8eef4;
  border-radius: 18px;
  font-size: 0.9rem;
}

.custom-dropdown-wrap {
  position: relative;
  display: inline-block;
}

.custom-dropdown-btn {
  cursor: pointer;
  width: 100%;
  text-align: left;
  appearance: none;
}

.custom-dropdown-btn.selected {
  color: #e8eef4;
}

.custom-dropdown-btn:not(.selected) {
  color: rgba(232, 238, 244, 0.5);
}

.custom-dropdown-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 200;
  background: #1e2a3a;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  min-width: 140px;
  max-height: min(240px, 45dvh);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

.custom-dropdown-item {
  padding: 0.55rem 1rem;
  font-size: 0.9rem;
  color: #e8eef4;
  cursor: pointer;
  transition: background 0.15s;
}

.custom-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1);
}

.custom-dropdown-item.active {
  background: rgba(59, 130, 246, 0.25);
  font-weight:450;
}

.cosmetic-slider-wrap {
  --cosmetic-accent: #3b82f6;
  position: relative;
  width: 5rem;
  min-width: 4rem;
  flex-shrink: 0;
  height: 20px;
  display: inline-flex;
  align-items: center;
}

.cosmetic-slider-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -3px;
  height: 6px;
  border-radius: 3px;
  background-color: #4b5563;
  overflow: hidden;
}

.add-form-section .cosmetic-slider-track {
  height: 6px;
  border-radius: 3px;
}

.cosmetic-slider-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: 100%;
  width: 0%;
  background: var(--cosmetic-accent);
  border-radius: 3px 0 0 3px;
  pointer-events: none;
  transition: width 0.1s ease;
  z-index: 0;
}

.cosmetic-slider-empty {
  position: absolute;
  left: 100%;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #4b5563;
  border-radius: 0 3px 3px 0;
  pointer-events: none;
  z-index: 0;
  transition: left 0.1s ease;
}

.cosmetic-slider-wrap .cosmetic-range {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: 0 0;
  cursor: pointer;
}

.cosmetic-slider-wrap .cosmetic-range:focus {
  outline: 0;
}

.cosmetic-slider-wrap .cosmetic-range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 6px;
  background: 0 0 !important;
}

.cosmetic-slider-wrap .cosmetic-range::-moz-range-track {
  height: 6px;
  background: 0 0 !important;
}

.cosmetic-slider-wrap .cosmetic-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  margin-top: -5px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--cosmetic-accent);
  cursor: grab;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.cosmetic-slider-wrap .cosmetic-range::-webkit-slider-thumb:active {
  cursor: grabbing;
}

.cosmetic-slider-wrap .cosmetic-range:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}

.cosmetic-slider-wrap .cosmetic-range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--cosmetic-accent);
  cursor: grab;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.cosmetic-slider-wrap .cosmetic-range::-moz-range-thumb:active {
  cursor: grabbing;
}

.cosmetic-slider-wrap .cosmetic-range:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}

.cosmetic-input-wrap {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}

.add-device-form .cosmetic-input-wrap label {
  font-size: 0.85rem;
  white-space: nowrap;
}

.cosmetic-input-wrap label {
  color: #c8d4e0;
  font-size: 0.9rem;
}

.cosmetic-range {
  vertical-align: middle;
}

.cosmetic-val {
  margin-left: 0.25rem;
  font-size: 0.875rem;
  min-width: 1.5rem;
}

.add-device-form button {
  padding: 0.6rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #1e3a5f;
  color: #fff;
  border-radius: 18px;
  cursor: pointer;
  font-size: 0.95rem;
  transition:
    background 0.2s,
    box-shadow 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.add-device-form button:hover {
  background: #2d5a8a;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

.cart-section {
  margin-bottom: 1rem;
}

.cart-list {
  list-style: none;
  background: transparent;
  border-radius: 16px;
  padding: 0;
  margin-bottom: 0.75rem;
}

.cart-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 1rem;
  margin-bottom: 0.5rem;
  background: rgba(93, 168, 232, 0.08);
  border: 1px solid rgba(93, 168, 232, 0.2);
  border-radius: 12px;
}

.cart-header-count {
  font-size: 0.85rem;
  font-weight:450;
  color: #5da8e8;
  letter-spacing: 0.02em;
}

.cart-item-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 0.85rem;
  margin-bottom: 0.5rem;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
  position: relative;
}

.cart-item-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.cart-item-card:last-child {
  margin-bottom: 0;
}

.cart-item-top {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.6rem;
}

.cart-item-photo {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cart-item-photo-empty {
  color: rgba(255, 255, 255, 0.2);
}

.cart-item-photo-empty svg {
  opacity: 0.4;
}

.cart-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.cart-item-brand {
  font-size: 0.72rem;
  font-weight: 500;
  color: #5da8e8;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1.2;
}

.cart-item-model {
  font-size: 0.95rem;
  font-weight:450;
  color: #e8eef4;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-item-price {
  font-size: 0.9rem;
  font-weight:500;
  color: #22c55e;
  line-height: 1.3;
}

.cart-item-details {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 0.35rem 0.5rem;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cart-item-detail {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.cart-detail-label {
  font-size: 0.75rem;
  color: #7a8a9a;
  white-space: nowrap;
  min-width: 0;
}

.cart-detail-value {
  font-size: 0.8rem;
  color: #c8d4e0;
  font-weight: 500;
}

.cart-item-note {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-top: 0.45rem;
  padding-top: 0.45rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.06);
}

.cart-item-note .cart-detail-value {
  font-size: 0.78rem;
  color: #9ca8b8;
  font-style: italic;
}

.cart-remove-btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 100, 100, 0.25);
  background: rgba(255, 100, 100, 0.1);
  color: #e8a0a0;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  flex-shrink: 0;
}

.cart-remove-btn:hover {
  background: rgba(255, 100, 100, 0.25);
  border-color: rgba(255, 100, 100, 0.4);
  color: #ff6b6b;
}

.cart-remove-btn svg {
  display: block;
}

.cart-save-btn {
  padding: 0.6rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #1e3a5f;
  color: #fff;
  border-radius: 18px;
  cursor: pointer;
  font-size: 0.95rem;
  transition: background 0.2s, opacity 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.cart-save-btn:hover:not(:disabled) {
  background: #2d5a8a;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

.cart-save-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

body.theme-light .cart-header-row {
  background: rgba(30, 107, 184, 0.06);
  border-color: rgba(30, 107, 184, 0.15);
}

body.theme-light .cart-header-count {
  color: #1e6bb8;
}

body.theme-light .cart-item-card {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .cart-item-card:hover {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.18);
}

body.theme-light .cart-item-photo {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .cart-item-photo-empty {
  color: rgba(0, 0, 0, 0.2);
}

body.theme-light .cart-item-brand {
  color: #1e6bb8;
}

body.theme-light .cart-item-model {
  color: #1a2332;
}

body.theme-light .cart-item-price {
  color: #16a34a;
}

body.theme-light .cart-item-details {
  border-top-color: rgba(0, 0, 0, 0.08);
}

body.theme-light .cart-detail-label {
  color: #6b7280;
}

body.theme-light .cart-detail-value {
  color: #374151;
}

body.theme-light .cart-item-note {
  border-top-color: rgba(0, 0, 0, 0.06);
}

body.theme-light .cart-item-note .cart-detail-value {
  color: #6b7280;
}

body.theme-light .cart-remove-btn {
  border-color: rgba(220, 38, 38, 0.2);
  background: rgba(220, 38, 38, 0.06);
  color: #dc2626;
}

body.theme-light .cart-remove-btn:hover {
  background: rgba(220, 38, 38, 0.12);
  border-color: rgba(220, 38, 38, 0.3);
}

@media (max-width: 640px) {
  .cart-item-photo {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 8px;
  }

  .cart-item-card {
    padding: 0.65rem;
  }

  .cart-item-details {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.25rem 0.4rem;
  }

  .cart-item-model {
    font-size: 0.88rem;
  }
}

.filter-bar {
  margin-bottom: 1.25rem;
  max-width: 100%;
}

.genel-listing-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.genel-view-toggle {
  display: inline-flex;
  gap: 0.25rem;
}

.genel-view-btn {
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--theme-border);
  background: var(--theme-input-bg);
  color: var(--theme-color-muted);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}

.genel-view-btn:hover {
  color: var(--theme-color);
  background: rgba(255, 255, 255, 0.1);
}

.genel-view-btn.active {
  background: rgba(93, 168, 232, 0.2);
  border-color: rgba(93, 168, 232, 0.5);
  color: #5da8e8;
}

.genel-view-icon {
  width: 1rem;
  height: 1rem;
  display: block;
}

@media (max-width: 1279px) {
  .genel-view-toggle {
    display: none;
  }
}

.listing-count {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 0.5rem;
  padding: 0 0.125rem;
}

body.theme-light .listing-count {
  color: rgba(0, 0, 0, 0.55);
}

.genel-pagination {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
  padding: 0.5rem 0;
}

.genel-pagination-inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

.genel-pagination-next,
.genel-pagination-prev {
  padding: 0.4rem 0.8rem;
  font-size: 0.875rem;
  color: #9ca8b8;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  cursor: pointer;
  transition:
    color 0.2s,
    background 0.2s,
    border-color 0.2s;
}

.genel-pagination-next:hover:not(:disabled),
.genel-pagination-prev:hover:not(:disabled) {
  color: #5da8e8;
  background: rgba(93, 168, 232, 0.12);
  border-color: rgba(93, 168, 232, 0.3);
}

.genel-pagination-next:disabled,
.genel-pagination-prev:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.genel-pagination-pages {
  display: flex;
  gap: 0.25rem;
}

.genel-pagination-page {
  min-width: 2rem;
  padding: 0.4rem 0.6rem;
  font-size: 0.875rem;
  color: #9ca8b8;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  transition:
    color 0.2s,
    background 0.2s,
    border-color 0.2s;
}

.genel-pagination-page:hover {
  color: #5da8e8;
  background: rgba(93, 168, 232, 0.1);
  border-color: rgba(93, 168, 232, 0.25);
}

.genel-pagination-page-active {
  color: #fff;
  background: rgba(93, 168, 232, 0.25);
  border-color: rgba(93, 168, 232, 0.5);
  cursor: default;
}

body.theme-light .genel-pagination-next,
body.theme-light .genel-pagination-page,
body.theme-light .genel-pagination-prev {
  color: #4b5563;
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .genel-pagination-next:hover:not(:disabled),
body.theme-light .genel-pagination-page:hover,
body.theme-light .genel-pagination-prev:hover:not(:disabled) {
  color: #1e6bb8;
  background: rgba(30, 107, 184, 0.08);
  border-color: rgba(30, 107, 184, 0.2);
}

body.theme-light .genel-pagination-page-active {
  color: #0f1c2e;
  background: rgba(30, 107, 184, 0.15);
  border-color: rgba(30, 107, 184, 0.35);
}

.loading-skeleton-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2rem;
  min-height: 120px;
}

.loading-spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(255, 255, 255, 0.15);
  border-top-color: rgba(90, 160, 230, 0.9);
  border-radius: 50%;
  animation: loading-spin 0.8s linear infinite;
}

.loading-text {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

body.theme-light .loading-spinner {
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(59, 130, 246, 0.9);
}

body.theme-light .loading-text {
  color: rgba(0, 0, 0, 0.5);
}

@keyframes loading-spin {
  to {
    transform: rotate(360deg);
  }
}

.filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.filter-row-search {
  margin-bottom: 0.6rem;
}

.filter-row-main {
  gap: 0.5rem;
  align-items: flex-start;
  padding-bottom: 0.75rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.filter-row-sub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  padding-top: 0.25rem;
}

.filter-search-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

.filter-fiyat-wrap {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.filter-sep {
  color: #6b7d8f;
  font-size: 0.9rem;
  font-weight: 500;
}

.genel-filter-control {
  min-height: 2.5rem;
  padding: 0.5rem 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: var(--theme-color);
  border-radius: 12px;
  font-size: 0.9rem;
  transition:
    border-color 0.2s,
    background 0.2s;
}

.genel-filter-control:focus {
  outline: 0;
  border-color: rgba(92, 160, 232, 0.5);
  background: rgba(255, 255, 255, 0.07);
}

.search-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.esnaf-uyelik-band {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.esnaf-uyelik-band.esnaf-uyelik-green {
  background: rgba(56, 142, 60, 0.2);
  border-color: rgba(76, 175, 80, 0.35);
}

.esnaf-uyelik-band.esnaf-uyelik-yellow {
  background: rgba(178, 134, 0, 0.2);
  border-color: rgba(255, 193, 7, 0.35);
}

.esnaf-uyelik-band.esnaf-uyelik-red {
  background: rgba(150, 50, 50, 0.2);
  border-color: rgba(211, 47, 47, 0.35);
}

.esnaf-uyelik-band-title {
  font-size: 0.85rem;
  font-weight:450;
  color: #c8d4e0;
  margin-bottom: 0.35rem;
}

.esnaf-uyelik-band.esnaf-uyelik-green .esnaf-uyelik-band-title {
  color: #81c784;
}

.esnaf-uyelik-band.esnaf-uyelik-yellow .esnaf-uyelik-band-title {
  color: #ffca28;
}

.esnaf-uyelik-band.esnaf-uyelik-red .esnaf-uyelik-band-title {
  color: #e57373;
}

.esnaf-uyelik-band-text {
  font-size: 0.9rem;
  color: #e8eef4;
}

.esnaf-uyelik-band.esnaf-uyelik-green .esnaf-uyelik-band-text {
  color: #a5d6a7;
}

.esnaf-uyelik-band.esnaf-uyelik-yellow .esnaf-uyelik-band-text {
  color: #ffe082;
}

.esnaf-uyelik-band.esnaf-uyelik-red .esnaf-uyelik-band-text {
  color: #ef9a9a;
}

.admin-store-selector-wrap {
  margin-bottom: 1rem;
  padding: 0.75rem 0;
}

.admin-store-label {
  display: block;
  font-size: 0.85rem;
  font-weight: 500;
  color: #9ca8b8;
  margin-bottom: 0.35rem;
}

.admin-store-wrap {
  position: relative;
  max-width: 14rem;
}

.admin-store-input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.06);
  color: #e8eef4;
  border-radius: 12px;
  font-size: 0.9rem;
}

.admin-store-input::placeholder {
  color: #7a8a9a;
}

.admin-store-panel {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 100;
  min-width: 100%;
  max-height: 180px;
  overflow-y: auto;
}

.admin-store-opt {
  padding: 0.45rem 0.75rem;
  color: #c8d4e0;
  cursor: pointer;
  font-size: 0.9rem;
}

.admin-store-opt:hover {
  background: rgba(255, 255, 255, 0.08);
}

.admin-store-info-band {
  padding: 0.65rem 1rem;
  margin-bottom: 1rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
}

.admin-store-info-band-name {
  font-weight:450;
  color: #c8d4e0;
  font-size: 0.95rem;
}

.admin-store-info-band-item {
  font-size: 0.85rem;
  color: #9ca8b8;
}

.admin-store-info-band-item span {
  color: #e8eef4;
  font-weight: 500;
  margin-left: 0.25rem;
}

.admin-announcement-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1.25rem;
  margin-bottom: 1rem;
  margin-top: 0;
  background: linear-gradient(135deg,
      rgba(37, 99, 235, 0.15),
      rgba(59, 130, 246, 0.1));
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 12px;
  position: relative;
}

.admin-announcement-banner:first-child {
  margin-top: 0;
}

.admin-announcement-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}

.admin-announcement-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(50%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(0.9);
  opacity: 0.9;
}

.admin-announcement-text {
  font-size: 0.9rem;
  color: #e8eef4;
  line-height: 1.5;
  flex: 1;
}

.admin-announcement-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s;
}

.admin-announcement-close:hover {
  background: rgba(255, 255, 255, 0.2);
}

.admin-announcement-close-icon {
  width: 0.9rem;
  height: 0.9rem;
  filter: brightness(0) invert(0.8);
}

.admin-announcement-section {
  margin-bottom: 1.5rem;
}

.admin-announcement-section-title {
  font-size: 0.95rem;
  font-weight:450;
  color: var(--theme-color);
  margin-bottom: 0.5rem;
}

.admin-announcement-hint {
  font-size: 0.85rem;
  color: #9ca8b8;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

.admin-announcement-input {
  width: 100%;
  padding: 0.65rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #fff;
  font-size: 0.9rem;
  font-family: inherit;
  resize: vertical;
  box-sizing: border-box;
  margin-bottom: 0.75rem;
}

.admin-announcement-input::placeholder {
  color: #7a8a9a;
}

.admin-announcement-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.settings-admin-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  margin: 1.5rem 0;
}

@media (max-width: 1024px) {
  .admin-announcement-banner {
    padding: 0.75rem 1rem;
    flex-wrap: wrap;
  }

  .admin-announcement-content {
    flex: 1 1 100%;
    min-width: 0;
  }

  .admin-announcement-text {
    font-size: 0.85rem;
  }

  .admin-announcement-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
  }
}

.dukkan-wrap {
  position: relative;
}

.genel-dukkan {
  width: 10rem;
  min-width: 8rem;
}

.genel-dukkan::placeholder {
  color: #7a8a9a;
}

.genel-fiyat-input {
  width: 5.5rem;
  text-align: center;
}

.genel-fiyat-input::placeholder {
  color: #7a8a9a;
}

.dukkan-panel {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 100;
  min-width: 100%;
  max-height: 180px;
  overflow-y: auto;
}

.dukkan-opt {
  padding: 0.5rem 0.75rem;
  color: var(--theme-color);
  cursor: pointer;
  font-size: 0.9rem;
}

.dukkan-opt:hover {
  background: var(--theme-input-bg);
}

.genel-sort.genel-filter-control {
  background-image:
    linear-gradient(180deg,
      rgba(255, 255, 255, 0.06),
      rgba(255, 255, 255, 0.02)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c8d4e0' d='M6 8L1.5 3.5h9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position:
    center,
    right 10px center;
  background-size:
    auto,
    12px 12px;
  padding-right: 2rem;
}

.genel-sort {
  min-width: 6.5rem;
  cursor: pointer;
}

.custom-select-wrap {
  position: relative;
  min-width: 6.5rem;
  overflow: visible;
}

.custom-select-wrap .native-select {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  border: none;
}

.custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 0.85rem;
  padding-right: 2.1rem;
  border: 1px solid var(--theme-border);
  background: var(--theme-input-bg);
  background-image:
    linear-gradient(180deg,
      rgba(255, 255, 255, 0.06),
      rgba(255, 255, 255, 0.02)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c8d4e0' d='M6 8L1.5 3.5h9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position:
    center,
    right 10px center;
  background-size:
    auto,
    12px 12px;
  color: var(--theme-color);
  border-radius: 12px;
  font-size: 0.9rem;
  cursor: pointer;
  transition:
    border-color 0.2s,
    background 0.2s;
}

.custom-select-trigger:hover {
  border-color: rgba(92, 160, 232, 0.4);
  background-color: rgba(255, 255, 255, 0.08);
}

.custom-select-trigger.open {
  border-color: rgba(92, 160, 232, 0.6);
  box-shadow: 0 0 0 2px rgba(92, 160, 232, 0.15);
}

.custom-select-panel {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.25rem;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 150;
  max-height: min(260px, 48dvh);
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  display: none;
  transform: translateZ(0) scaleY(0.92);
  opacity: 0;
  transform-origin: top center;
  backface-visibility: hidden;
  transition:
    transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-select-panel.open {
  display: block;
  transform: translateZ(0) scaleY(1);
  opacity: 1;
  animation: selectPanelIn 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.custom-select-opt {
  padding: 0.5rem 0.85rem;
  color: var(--theme-color);
  cursor: pointer;
  font-size: 0.9rem;
  transition: background 0.15s;
}

.custom-select-opt:hover {
  background: var(--theme-input-bg);
}

.custom-select-opt.selected {
  background: rgba(93, 168, 232, 0.15);
  color: #7ab8e8;
}

body.theme-light .custom-select-trigger {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.15);
  color: var(--theme-color);
}

body.theme-light .custom-select-trigger:hover {
  border-color: rgba(37, 99, 235, 0.4);
}

body.theme-light .custom-select-panel {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.theme-light .custom-select-opt:hover {
  background: rgba(0, 0, 0, 0.05);
}

body.theme-light .custom-select-opt.selected {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
}

.add-select,
.genel-sort,
.model-yonetimi-select,
.notification-admin-form select,
.select-dark {
  -webkit-appearance: none;
  appearance: none;
  background-image:
    linear-gradient(180deg,
      rgba(255, 255, 255, 0.06),
      rgba(255, 255, 255, 0.02)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c8d4e0' d='M6 8L1.5 3.5h9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position:
    center,
    right 12px center;
  background-size:
    auto,
    12px 12px;
  padding-right: 2.1rem;
  min-height: 2.3rem;
  line-height: 1.2;
}

.add-select:focus,
.genel-sort:focus,
.model-yonetimi-select:focus,
.notification-admin-form select:focus,
.select-dark:focus {
  outline: 0;
  border-color: rgba(92, 160, 232, 0.65);
  box-shadow: 0 0 0 3px rgba(92, 160, 232, 0.14);
}

.add-select option,
.genel-sort option,
.model-yonetimi-select option,
.notification-admin-form select option,
.select-dark option {
  background: #0f1c2e;
  color: #e8eef4;
}

body.theme-light .notification-admin-form select {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.01)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8L1.5 3.5h9z'/%3E%3C/svg%3E");
}

body.theme-light .notification-admin-form select:focus {
  border-color: rgba(37, 99, 235, 0.5);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.genel-search {
  flex: 1;
  min-width: 10rem;
}

.genel-search::placeholder {
  color: #7a8a9a;
}

.search-clear-btn {
  flex-shrink: 0;
  cursor: pointer;
}

.search-clear-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.filter-clear-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  color: #8a9aab;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  border-radius: 10px;
  cursor: pointer;
  transition:
    color 0.2s,
    background 0.2s,
    border-color 0.2s;
}

.filter-clear-all-btn:hover {
  color: #e87070;
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.25);
}

.filter-clear-all-icon {
  width: 0.9rem;
  height: 0.9rem;
}

.genel-favorilerim-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.5rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #b0bcc8;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s;
}

.genel-favorilerim-wrap:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  color: #e8eef4;
}

.genel-favorilerim-wrap:has(.genel-favorilerim:checked) {
  background: rgba(93, 168, 232, 0.15);
  border-color: rgba(93, 168, 232, 0.4);
  color: #7ab8e8;
}

.favori-icon {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
}

.genel-favorilerim-wrap .favori-icon-filled {
  filter: brightness(0) saturate(100%) invert(55%) sepia(60%) saturate(800%) hue-rotate(195deg);
}

.genel-favorilerim {
  cursor: pointer;
  width: 18px;
  height: 18px;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  flex-shrink: 0;
  transition:
    background 0.2s,
    border-color 0.2s;
}

.genel-favorilerim:hover {
  border-color: rgba(90, 160, 230, 0.5);
  background: rgba(90, 160, 230, 0.08);
}

.genel-favorilerim:checked {
  background: #5da8e8;
  border-color: #5da8e8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M10.28 2.28L3.99 8.57 1.69 6.28a1 1 0 00-1.41 1.41l3 3a1 1 0 001.42 0l7-7a1 1 0 10-1.42-1.41z'/%3E%3C/svg%3E");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.genel-favori-btn {
  padding: 0.25rem 0.4rem;
  background: 0 0;
  border: none;
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.favori-btn-icon {
  width: 1.25rem;
  height: 1.25rem;
  transition: transform 0.2s ease;
}

.genel-favori-btn:hover .favori-btn-icon {
  transform: scale(1.1);
}

.genel-favori-btn .favori-btn-icon {
  filter: brightness(0) saturate(100%) invert(65%);
}

.genel-favori-btn:hover .favori-btn-icon {
  filter: brightness(0) saturate(100%) invert(75%);
}

.genel-favori-btn.is-favori .favori-btn-icon {
  filter: brightness(0) saturate(100%) invert(55%) sepia(60%) saturate(800%) hue-rotate(195deg);
}

.magaza-sub-tabs {
  display: flex;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 14px;
  padding: 0.35rem;
  margin-bottom: 1rem;
  width: 100%;
}

.magaza-sub-tab {
  flex: 1;
  padding: 0.55rem 0.5rem;
  border: none;
  background: 0 0;
  color: #9ca8b8;
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.magaza-sub-tab:hover {
  color: #c8d4e0;
}

.magaza-sub-tab.active {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.suresi-dolan-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ef4444;
  color: #fff;
  font-size: 0.72rem;
  font-weight:500;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  padding: 0 5px;
  margin-left: 6px;
  vertical-align: middle;
  line-height: 1;
}

.magaza-tab-panel {
  margin-bottom: 0.5rem;
}

.restore-btn {
  padding: 0.35rem 0.65rem;
  border: 1px solid rgba(100, 180, 100, 0.5);
  background: rgba(80, 160, 80, 0.15);
  color: #90d890;
  border-radius: 18px;
  font-size: 0.85rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.restore-btn:hover {
  background: rgba(80, 160, 80, 0.25);
  color: #b0e8b0;
}

.magaza-row-edit {
  background: rgba(30, 58, 95, 0.15);
}

.magaza-row-edit td {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
}

.magaza-edit-battery,
.magaza-edit-color,
.magaza-edit-fiyat,
.magaza-edit-model,
.magaza-edit-origin,
.magaza-edit-warranty {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 32px;
  padding: 0.3rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(10, 22, 40, 0.6);
  color: #e8eef4;
  border-radius: 8px;
  font-size: 0.82rem;
  line-height: 1.2;
  box-sizing: border-box;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

.magaza-edit-alis:focus,
.magaza-edit-battery:focus,
.magaza-edit-color:focus,
.magaza-edit-fiyat:focus,
.magaza-edit-model:focus,
.magaza-edit-origin:focus,
.magaza-edit-warranty:focus {
  outline: 0;
  border-color: rgba(90, 160, 230, 0.6);
  box-shadow: 0 0 0 2px rgba(90, 160, 230, 0.2);
}

.magaza-row-edit .cosmetic-slider-wrap {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 4rem;
  min-width: 3rem;
  max-width: 100%;
}

.magaza-row-edit .cosmetic-val {
  display: inline-block;
  min-width: 1.4rem;
  margin-left: 0.25rem;
  text-align: center;
  vertical-align: middle;
  font-size: 0.82rem;
}

.magaza-row-edit .promo-btn,
.magaza-row-edit .status-btn {
  min-height: 32px;
  height: 32px;
  line-height: 1.15;
  padding: 0.25rem 0.42rem;
  font-size: 0.74rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.magaza-row-edit .cosmetic-slider-wrap .cosmetic-range::-webkit-slider-thumb {
  margin-top: -4px;
}

.magaza-battery-edit-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  max-width: 100%;
}

.magaza-battery-edit-wrap .magaza-edit-battery {
  flex: 1;
  min-width: 3rem;
}

.magaza-battery-unit {
  color: #c8d4e0;
  font-size: 0.85rem;
}

.magaza-row-edit .cosmetic-range:focus {
  outline: 0;
}

.note-textarea {
  width: 100%;
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 0.3rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(10, 22, 40, 0.72);
  color: #e8eef4;
  border-radius: 8px;
  font-size: 0.8rem;
  font-family: inherit;
  box-sizing: border-box;
}

.note-textarea::placeholder {
  color: #7a8a9a;
}

.note-cell {
  min-width: 0;
  vertical-align: top;
}

.note-cell .note-textarea {
  min-height: 2.5em;
  max-height: 5em;
}

.magaza-price-edit-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}

.magaza-price-edit-wrap .magaza-edit-alis,
.magaza-price-edit-wrap .magaza-edit-fiyat {
  flex: 1 1 auto;
  min-width: 0;
}

.magaza-price-unit {
  flex-shrink: 0;
  font-size: 0.78rem;
  color: #c8d4e0;
}

.reklamda-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.7rem;
  color: #e8c870;
  background: rgba(255, 200, 100, 0.15);
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
  margin-left: 0.35rem;
}

.new-badge {
  display: inline-block;
  font-size: 0.65rem;
  color: #7ab8e8;
  background: rgba(90, 160, 230, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 4px;
  margin-left: 0.35rem;
}

.durum-badge {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 500;
  padding: 0.15rem 0.4rem;
  border-radius: 6px;
  white-space: nowrap;
}

.durum-sifir {
  color: #6bc088;
  background: rgba(90, 180, 120, 0.2);
  border: 1px solid rgba(90, 180, 120, 0.35);
}

.durum-ikinci-el {
  color: #d4b85c;
  background: rgba(200, 170, 80, 0.18);
  border: 1px solid rgba(200, 170, 80, 0.3);
}

.hizli-giden-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.85em;
  margin-left: 0.25rem;
  vertical-align: middle;
}

.empty-msg {
  color: #9ca8b8;
  padding: 1rem 0;
}

.devices-table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

#magaza-table {
  min-width: 1200px;
  table-layout: fixed;
}

#magaza-table td:first-child,
#magaza-table th:first-child {
  width: 2%;
  min-width: 24px;
}

#magaza-table td:nth-child(2),
#magaza-table th:nth-child(2) {
  width: 5%;
  min-width: 52px;
}

#magaza-table td:nth-child(3),
#magaza-table th:nth-child(3) {
  width: 12%;
}

#magaza-table td:nth-child(4),
#magaza-table th:nth-child(4) {
  width: 6%;
}

#magaza-table td:nth-child(5),
#magaza-table th:nth-child(5) {
  width: 5%;
}

#magaza-table td:nth-child(6),
#magaza-table th:nth-child(6) {
  width: 4%;
}

#magaza-table td:nth-child(7),
#magaza-table th:nth-child(7) {
  width: 5%;
  min-width: 56px;
}

#magaza-table td:nth-child(8),
#magaza-table th:nth-child(8) {
  width: 6%;
}

#magaza-table td:nth-child(9),
#magaza-table th:nth-child(9) {
  width: 6%;
}

#magaza-table td:nth-child(10),
#magaza-table th:nth-child(10) {
  width: 5%;
}

#magaza-table td:nth-child(11),
#magaza-table th:nth-child(11) {
  width: 4%;
}

#magaza-table td:nth-child(12),
#magaza-table th:nth-child(12) {
  width: 9%;
}

#magaza-table td:nth-child(13),
#magaza-table th:nth-child(13) {
  width: 5%;
}

#magaza-table td:nth-child(14),
#magaza-table th:nth-child(14) {
  width: 7%;
}

#magaza-table td:nth-child(15),
#magaza-table th:nth-child(15) {
  width: 10%;
}

#magaza-table th:nth-child(7) {
  white-space: nowrap;
  word-break: keep-all;
}

.magaza-foto-col {
  width: 5%;
  min-width: 52px;
}

.magaza-foto-td {
  padding: 4px !important;
  vertical-align: middle;
}

.magaza-table-foto-thumb {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  transition: opacity 0.15s;
}

.magaza-table-foto-thumb:hover {
  opacity: 0.82;
}

.magaza-table-foto-empty {
  color: #555;
  font-size: 0.85rem;
}

#magaza-satilan-table {
  min-width: 650px;
}

#genel-table {
  min-width: 900px;
}

.genel-compare-add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  font-size: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #1e3a5f;
  color: #c8d4e0;
  border-radius: 10px;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s,
    transform 0.15s;
  flex-shrink: 0;
}

.genel-compare-add-btn .action-btn-icon {
  width: 1rem;
  height: 1rem;
}

.genel-compare-add-btn:hover:not(:disabled) {
  background: #264a78;
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  transform: translateY(-1px);
}

.genel-compare-add-btn.is-compare {
  background: rgba(59, 130, 246, 0.25);
  border-color: rgba(59, 130, 246, 0.5);
  color: #60a5fa;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3);
}

.genel-compare-add-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#genel-table .genel-copy-col .action-buttons-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: nowrap;
}

.genel-card-compare-check {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  margin: 0;
  margin-right: 0.5rem;
  flex-shrink: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  transition:
    background 0.2s,
    border-color 0.2s;
}

.genel-card-compare-check:hover:not(:disabled) {
  border-color: rgba(90, 160, 230, 0.5);
  background-color: rgba(90, 160, 230, 0.08);
}

.genel-card-compare-check:checked {
  background: #5da8e8;
  border-color: #5da8e8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M10.28 2.28L3.99 8.57 1.69 6.28a1 1 0 00-1.41 1.41l3 3a1 1 0 001.42 0l7-7a1 1 0 10-1.42-1.41z'/%3E%3C/svg%3E");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.genel-card-compare-check:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.genel-compare-bar {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  background: rgba(15, 31, 53, 0.95);
  border: 1px solid rgba(90, 160, 230, 0.3);
  border-radius: 99px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  position: fixed;
  top: auto;
  bottom: 85px;
  margin-bottom: env(safe-area-inset-bottom, 0);
  left: 50%;
  z-index: 999;
  transform: translate(-50%, 150%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  width: max-content;
  max-width: 95vw;
}

.genel-compare-bar.compare-bar-visible {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.genel-compare-count {
  font-size: 0.9rem;
  color: #c8d4e0;
  margin-right: 0.5rem;
}

.genel-compare-btn,
.genel-compare-clear-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.genel-compare-btn {
  padding: 0.35rem 0.65rem;
  border-radius: 8px;
  font-size: 0.85rem;
  cursor: pointer;
  background: rgba(59, 130, 246, 0.25);
  border: 1px solid rgba(59, 130, 246, 0.5);
  color: #60a5fa;
}

.genel-compare-btn:hover:not(:disabled) {
  background: rgba(59, 130, 246, 0.35);
}

.genel-compare-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.genel-compare-clear-btn {
  padding: 0.35rem 0.65rem;
  border-radius: 8px;
  font-size: 0.85rem;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #e8eef4;
}

.genel-compare-clear-btn:hover {
  background: rgba(255, 255, 255, 0.15);
}

.compare-btn-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.section-title-icon {
  width: 1.1rem;
  height: 1.1rem;
  vertical-align: -0.2em;
  margin-right: 0.35rem;
  flex-shrink: 0;
}

.excel-import-title,
.piyasa-title,
.promo-title,
.satilan-arsiv-title,
.search-stats-title,
.takas-title,
.unsold-section-title {
  display: inline-flex;
  align-items: center;
}

.lock-screen-title {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.lock-screen-icon,
.paywall-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.admin-badge-icon {
  width: 1rem;
  height: 1rem;
}

.settings-btn-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.35rem;
  vertical-align: -0.15em;
}

.excel-btn-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.35rem;
  vertical-align: -0.15em;
}

.badge-icon,
.promo-btn-icon {
  width: 0.9rem;
  height: 0.9rem;
  vertical-align: -0.15em;
  margin-right: 0.15rem;
}

.magaza-sub-tab-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;
  vertical-align: -0.2em;
}

.placeholder-icon {
  width: 1rem;
  height: 1rem;
  vertical-align: -0.2em;
  margin-right: 0.3rem;
}

.action-btn .action-btn-icon,
.admin-badge-icon,
.badge-icon,
.compare-btn-icon,
.excel-btn-icon,
.filter-clear-all-icon,
.lock-screen-icon,
.magaza-bulk-btn .bulk-btn-icon,
.magaza-sub-tab-icon,
.panel-close-icon,
.paywall-icon,
.placeholder-icon,
.promo-btn-icon,
.section-title-icon,
.settings-btn-icon {
  filter: brightness(0) invert(0.88);
}

.genel-locked-placeholder-card {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.table-wrap {
  margin-bottom: 1rem;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.devices-table td,
.devices-table th {
  padding: 0.6rem 0.7rem;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  vertical-align: middle;
}

.devices-table .magaza-check-col {
  text-align: center;
}

#magaza-table td:nth-child(n + 4):nth-child(-n + 13),
#magaza-table th:nth-child(n + 4):nth-child(-n + 13) {
  padding-left: 0.45rem;
  padding-right: 0.45rem;
  overflow: hidden;
  box-sizing: border-box;
}

#magaza-table td:nth-child(14),
#magaza-table th:nth-child(14) {
  padding-left: 0.45rem;
  padding-right: 0.45rem;
  white-space: nowrap;
  min-width: 110px;
}

#magaza-table td:nth-child(14) .promo-btn,
#magaza-table td:nth-child(14) .status-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 118px;
  min-width: 94px;
  width: 100%;
  padding: 0.26rem 0.42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#magaza-table .action-col {
  white-space: nowrap;
  position: sticky;
  right: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.15);
  padding-left: 0.55rem;
  padding-right: 0.55rem;
  min-width: 260px;
}

#magaza-table thead .action-col {
  background: rgba(255, 255, 255, 0.06);
}

#magaza-table tbody tr:hover .action-col {
  background: rgba(255, 255, 255, 0.06);
}

#magaza-table .action-col .action-btn {
  padding: 0.28rem 0.4rem;
  margin-left: 0;
}

#magaza-table .action-col .action-btn:first-child {
  margin-left: 0;
}

#magaza-table .action-col .action-buttons-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.22rem;
  align-items: center;
  width: 100%;
}

#magaza-table .action-col .action-buttons-wrap .action-btn {
  width: 100%;
  justify-content: center;
}

.devices-table th {
  background: rgba(255, 255, 255, 0.06);
  font-weight:450;
  color: #fff;
}

#genel-table td:first-child,
#genel-table th:first-child,
#magaza-table td:first-child,
#magaza-table th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background: inherit;
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.15);
}

#genel-table thead th:first-child,
#magaza-table thead th:first-child {
  background: rgba(255, 255, 255, 0.06);
}

#genel-table tbody tr td:first-child,
#magaza-table tbody tr td:first-child {
  background: rgba(255, 255, 255, 0.03);
}

#genel-table tbody tr:hover td:first-child,
#magaza-table tbody tr:hover td:first-child {
  background: rgba(255, 255, 255, 0.06);
}

#genel-table .genel-copy-col {
  position: sticky;
  right: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
}

#genel-table thead .genel-copy-col {
  background: rgba(255, 255, 255, 0.06);
}

#genel-table tbody tr:hover .genel-copy-col {
  background: rgba(255, 255, 255, 0.06);
}

.devices-table td {
  color: #c8d4e0;
}

.genel-placeholder-row {
  background: rgba(255, 255, 255, 0.03);
  pointer-events: none;
  user-select: none;
}

.genel-placeholder-row td {
  text-align: center;
  color: #6b7d8f;
  font-size: 0.9rem;
}

/* Üyelik Sona Erdi - Sade Tasarım */
body.js-paywall-active {
  overflow: hidden;
}

body.js-paywall-active .header-actions,
body.js-paywall-active .slogan,
body.js-paywall-active #header-spacer,
body.js-paywall-active #genel-compare-bar,
body.js-paywall-active .tabs,
body.js-paywall-active main,
body.js-paywall-active #lock-screen {
  display: none !important;
}

body.js-paywall-active #app-header {
  position: relative;
  z-index: 1001;
  background: #0b1424;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

body.js-paywall-active #app-header .header-top {
  margin-bottom: 0;
}

.expired-simple-lock {
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0b1424;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  z-index: 999;
}

.expired-simple-box {
  width: min(100%, 430px);
  padding: 34px 30px 30px;
  text-align: center;
  background: rgba(15, 23, 42, 0.76);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(2, 8, 23, 0.42);
}

.expired-simple-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.28);
}

.expired-simple-icon img {
  width: 32px;
  height: 32px;
  filter: invert(70%) sepia(46%) saturate(678%) hue-rotate(84deg) brightness(94%) contrast(91%);
}

.expired-simple-kicker {
  margin: 0 0 8px;
  color: #86efac;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
}

.expired-simple-title {
  font-size: 27px;
  font-weight: 750;
  color: #f8fafc;
  margin: 0 0 12px 0;
  letter-spacing: 0;
}

.expired-simple-text {
  max-width: 340px;
  font-size: 15px;
  color: #b6c4d5;
  margin: 0 auto 10px;
  line-height: 1.55;
}

.expired-simple-note {
  max-width: 340px;
  margin: 0 auto 28px;
  color: #7f8da3;
  font-size: 13px;
  line-height: 1.45;
}

.expired-simple-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.expired-btn-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 54px;
  padding: 0 22px;
  background: #22c55e;
  border: 1px solid rgba(134, 239, 172, 0.34);
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 750;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 16px 34px rgba(34, 197, 94, 0.22);
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.expired-btn-whatsapp:hover {
  background: #16a34a;
  box-shadow: 0 18px 38px rgba(34, 197, 94, 0.3);
  transform: translateY(-1px);
}

.expired-whatsapp-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: currentColor;
}

.expired-btn-logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 0 22px;
  background: rgba(15, 23, 42, 0.42);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  color: #a7b5c8;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.expired-btn-logout:hover {
  background: rgba(30, 41, 59, 0.86);
  border-color: rgba(203, 213, 225, 0.32);
  color: #e2e8f0;
}

body.theme-light.js-paywall-active #app-header,
body.light-theme.js-paywall-active #app-header {
  background: #f8fafc;
  border-bottom-color: rgba(148, 163, 184, 0.22);
}

body.theme-light .expired-simple-lock,
body.light-theme .expired-simple-lock {
  background: #f8fafc;
}

body.theme-light .expired-simple-box,
body.light-theme .expired-simple-box {
  background: #ffffff;
  border-color: rgba(148, 163, 184, 0.24);
  box-shadow: 0 22px 58px rgba(148, 163, 184, 0.2);
}

body.theme-light .expired-simple-title,
body.light-theme .expired-simple-title {
  color: #0f172a;
}

body.theme-light .expired-simple-text,
body.light-theme .expired-simple-text {
  color: #475569;
}

body.theme-light .expired-simple-note,
body.light-theme .expired-simple-note {
  color: #64748b;
}

body.theme-light .expired-btn-logout,
body.light-theme .expired-btn-logout {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
}

body.theme-light .expired-btn-logout:hover,
body.light-theme .expired-btn-logout:hover {
  background: #e2e8f0;
  color: #334155;
}

@media (max-width: 640px) {
  .expired-simple-lock {
    top: 56px;
    align-items: flex-start;
    padding: 24px 16px;
  }

  .expired-simple-box {
    margin-top: 7vh;
    padding: 28px 20px 22px;
  }

  .expired-simple-title {
    font-size: 23px;
  }

  .expired-simple-icon {
    width: 64px;
    height: 64px;
  }
}

.lock-screen {
  padding: 2rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50vh;
}

.lock-screen-card {
  max-width: 480px;
  padding: 3rem 2.5rem;
  background: linear-gradient(145deg, rgba(30, 58, 95, 0.4) 0%, rgba(15, 31, 53, 0.8) 100%);
  border: 1px solid rgba(90, 160, 230, 0.2);
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lock-screen-title {
  font-size: 1.5rem;
  font-weight:450;
  color: #e8eef4;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.lock-screen-desc {
  font-size: 1.05rem;
  color: #9ca8b8;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.lock-screen-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 2rem;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  color: #fff;
  border-radius: 99px;
  font-size: 1.05rem;
  font-weight:450;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 6px 15px rgba(37, 211, 102, 0.3);
}

.lock-screen-cta img {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.lock-screen-cta:hover {
  background: linear-gradient(135deg, #25d366 0%, #075e54 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.4);
}

.price-history-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999999 !important;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.profile-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10080;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.profile-modal.open {
  display: flex;
}

.profile-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
}

.profile-modal-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  max-height: calc(100dvh - 3rem);
  min-height: 0;
  overflow: hidden;
  background: linear-gradient(180deg, #0f2137 0, #0a1628 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 1.75rem;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
}

.profile-modal-title {
  flex: 0 0 auto;
  font-size: 1.25rem;
  font-weight:450;
  color: #fff;
  margin-bottom: 1.25rem;
}

.profile-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  padding-right: 0.15rem;
}

.profile-modal-body .profile-field {
  margin-bottom: 1rem;
}

.profile-loading-msg {
  text-align: center;
  color: #9ca8b8;
  padding: 2rem 1rem;
  font-size: 0.95rem;
}

.profile-modal-body .profile-field label {
  display: block;
  font-size: 0.8rem;
  color: #8a9db0;
  margin-bottom: 0.35rem;
}

.profile-modal-body .profile-field input,
.profile-modal-body .profile-field textarea {
  width: 100%;
  padding: 0.5rem 0.75rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  color: #e8eef4;
  font-size: 0.95rem;
}

.profile-modal-body .profile-field textarea {
  min-height: 60px;
  resize: vertical;
}

.profile-modal-body .profile-field input:disabled,
.profile-modal-body .profile-field textarea:disabled {
  opacity: 0.8;
  cursor: default;
}

.profile-contact-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}

.profile-modal-body .profile-icon {
  flex-shrink: 0;
  font-size: 0.9rem;
  line-height: 1;
}

.profile-modal-body .profile-icon-phone {
  color: #9ca8b8;
}

.profile-modal-body .profile-icon-wa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  background: #25d366;
  color: #fff;
  font-size: 0.7rem;
  font-weight:450;
  border-radius: 4px;
}

.profile-modal-body .profile-field-link {
  color: #5da8e8;
  font-size: 0.95rem;
  text-decoration: none;
  cursor: pointer;
}

.profile-modal-body .profile-field-link:hover {
  text-decoration: underline;
}

.profile-modal-body .profile-yol-tarifi-wrap {
  margin-top: -0.5rem;
  margin-bottom: 0.75rem;
}

.profile-modal-body .profile-yol-tarifi {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.9rem;
  color: #5da8e8;
  text-decoration: none;
}

.profile-modal-body .profile-yol-tarifi:hover {
  text-decoration: underline;
}

.profile-inline-map {
  height: 200px;
  min-height: 200px;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
  touch-action: pan-y;
}

.profile-inline-map .leaflet-container {
  touch-action: pan-y !important;
}

.settings-profile-inline-map {
  height: 220px;
  min-height: 220px;
}

.settings-profile-map-hint {
  margin-top: 0.4rem;
  font-size: 0.82rem;
  color: #9ca8b8;
}

@media (max-width: 600px) {
  .profile-modal-card {
    max-height: calc(100dvh - 1rem);
    padding: 1.25rem 1rem;
  }

  .profile-field-map {
    min-height: 260px;
    order: -1;
  }

  .profile-modal-body {
    display: flex;
    flex-direction: column;
  }

  .profile-field-map .profile-inline-map {
    height: 260px;
    min-height: 260px;
    width: 100%;
  }

  .profile-inline-map {
    height: 260px;
    min-height: 260px;
    -webkit-overflow-scrolling: touch;
  }

  .profile-map-fallback,
  .profile-map-loading {
    min-height: 260px;
  }

  .profile-contact-row .call-btn,
  .profile-contact-row .wp-action-btn {
    min-height: 44px;
    padding: 0.6rem 1rem;
    font-size: 0.95rem;
  }

  .profile-modal-actions .profile-modal-cancel,
  .profile-modal-actions .profile-modal-save {
    min-height: 44px;
    padding: 0.6rem 1rem;
  }

  .profile-use-location-btn {
    min-height: 44px;
    padding: 0.6rem 1rem;
  }
}

.profile-inline-map .leaflet-tile-pane {
  filter: brightness(0.95);
}

.profile-inline-map .leaflet-container {
  font: inherit;
  cursor: default;
}

.profile-inline-map .leaflet-grab {
  cursor: default;
}

.profile-inline-map .leaflet-dragging {
  cursor: default;
}

.profile-inline-map.profile-inline-map-no-map {
  height: auto;
  min-height: 80px;
}

.profile-use-location-btn {
  margin-top: 0.35rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  color: #5da8e8;
  background: rgba(93, 168, 232, 0.15);
  border: 1px solid rgba(93, 168, 232, 0.4);
  border-radius: 6px;
  cursor: pointer;
}

.profile-use-location-btn:hover:not(:disabled) {
  background: rgba(93, 168, 232, 0.25);
}

.profile-use-location-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.profile-map-fallback,
.profile-map-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 200px;
  font-size: 0.9rem;
  color: #9ca8b8;
}

.profile-map-fallback {
  font-style: italic;
}

.profile-modal-body .profile-field-link-wa {
  color: #25d366;
}

.profile-modal-body .profile-field-link-wa:hover {
  color: #34e077;
}

.profile-modal-actions {
  margin-top: 1.5rem;
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

.store-profile-link {
  color: #5da8e8;
  cursor: pointer;
  text-decoration: none;
}

.store-profile-link:hover {
  text-decoration: underline;
}

.profile-modal-cancel,
.profile-modal-save {
  padding: 0.5rem 1rem;
  border-radius: 10px;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 0.2s;
}

.profile-modal-cancel {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #c8d4e0;
}

.profile-modal-cancel:hover {
  background: rgba(255, 255, 255, 0.12);
}

.profile-modal-save {
  background: #1e3a5f;
  border: 1px solid #2d5a8a;
  color: #fff;
}

.profile-modal-save:hover {
  background: #2a4a75;
}

.gun-sonu-panel {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

.gun-sonu-title {
  font-size: 1rem;
  font-weight:450;
  color: #c8d4e0;
  margin-bottom: 1rem;
}

.gun-sonu-section {
  font-size: 0.9rem;
  color: #9ca8b8;
  margin-top: 0.75rem;
}

.gun-sonu-section strong {
  color: #e8eef4;
}

.gun-sonu-list {
  margin: 0.35rem 0 0 1rem;
  padding: 0;
  list-style: disc;
  color: #9ca8b8;
  font-size: 0.85rem;
}

.gun-sonu-list li {
  margin-bottom: 0.2rem;
}

.gun-sonu-empty {
  margin: 0.35rem 0 0;
  color: #6b7d8f;
  font-size: 0.85rem;
}

.gun-sonu-segment {
  font-size: 0.85rem;
  color: #9ca8b8;
  margin: 0.25rem 0 0 0;
}

.gun-sonu-subsection {
  font-size: 0.85rem;
  color: #9ca8b8;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}

.gun-sonu-subsection strong {
  color: #c8d4e0;
}

.gun-sonu-performans {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.95rem;
  font-weight:450;
  color: #5da8e8;
}

.satilan-arsiv-title {
  font-size: 1rem;
  font-weight:450;
  color: #c8d4e0;
  margin-bottom: 0.75rem;
}

.satilan-analiz-panel {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.satilan-analiz-section {
  font-size: 0.9rem;
  color: #9ca8b8;
  margin-bottom: 1rem;
}

.satilan-analiz-section strong {
  color: #e8eef4;
  display: block;
  margin-bottom: 0.35rem;
}

.satilan-analiz-list {
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
  font-size: 0.85rem;
}

.satilan-analiz-list li {
  margin-bottom: 0.25rem;
}

.satilan-analiz-empty {
  margin: 0.35rem 0 0;
  color: #6b7d8f;
  font-size: 0.85rem;
}

.status-btn {
  padding: 0.4rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #c8d4e0;
  border-radius: 18px;
  cursor: pointer;
  font-size: 0.875rem;
  transition:
    background 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.status-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.status-btn.satildi-btn {
  background: #22c55e;
  border-color: #22c55e;
  color: #fff;
}

.status-btn.satildi-btn:hover {
  background: #16a34a;
  border-color: #16a34a;
  color: #fff;
}

.promo-btn {
  padding: 0.25rem 0.45rem;
  border: 1px solid rgba(255, 200, 100, 0.4);
  background: rgba(255, 200, 100, 0.1);
  color: #e8c870;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.75rem;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}

.promo-btn:hover {
  background: rgba(255, 200, 100, 0.2);
}

.promo-btn.active {
  background: rgba(255, 200, 100, 0.25);
  border-color: rgba(255, 200, 100, 0.6);
  color: #ffd98a;
}

.promo-btn.promo-cooldown {
  background: rgba(120, 120, 140, 0.12);
  border-color: rgba(180, 180, 200, 0.2);
  color: #7a8090;
  cursor: not-allowed;
  opacity: 0.75;
}

.promo-btn.promo-cooldown:hover {
  background: rgba(120, 120, 140, 0.12);
}

.promo-time-left {
  font-size: 0.7rem;
  opacity: 0.75;
  font-weight: 400;
}

.promo-cooldown-icon {
  font-style: normal;
}

.info-box {
  margin-top: 1.5rem;
  padding: 0.75rem 1rem;
  background: rgba(30, 58, 95, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  font-size: 0.85rem;
  color: #9ca8b8;
}

.settings-section {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.settings-btn {
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(45, 90, 138, 0.4);
  color: #c8d4e0;
  border-radius: 18px;
  font-size: 0.85rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.settings-btn:hover {
  background: rgba(45, 90, 138, 0.6);
  color: #fff;
}

.settings-btn.danger:hover {
  background: rgba(180, 60, 60, 0.5);
  border-color: rgba(220, 100, 100, 0.4);
}

.settings-logout-wrap {
  margin-top: 0.25rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.settings-logout-btn {
  width: 100%;
  padding: 0.65rem 1rem;
  border: 1px solid rgba(220, 80, 80, 0.3);
  background: rgba(220, 80, 80, 0.1);
  color: #ff6b6b;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.settings-logout-btn:hover {
  background: rgba(220, 80, 80, 0.25);
  border-color: rgba(220, 80, 80, 0.5);
  color: #ff8787;
  transform: translateY(-1px);
}

.logout-btn {
  padding: 0.35rem 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #8a9db0;
  border-radius: 12px;
  font-size: 0.8rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

.logout-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #9ca8b8;
}

.delete-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999999 !important;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.delete-modal.open {
  display: flex;
}

.delete-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
}

.delete-modal-card {
  position: relative;
  width: 100%;
  max-width: 400px;
  background: linear-gradient(180deg, #0f2137 0, #0a1628 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 1.75rem;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
}

.delete-modal-title {
  font-size: 1.25rem;
  font-weight:450;
  color: #fff;
  margin-bottom: 0.75rem;
}

.delete-modal-text {
  font-size: 0.95rem;
  color: #9ca8b8;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.delete-modal-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
}

.delete-modal-btn {
  padding: 0.6rem 1.25rem;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

.delete-modal-cancel {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #c8d4e0;
}

.delete-modal-cancel:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.delete-modal-confirm {
  background: rgba(200, 80, 80, 0.25);
  border: 1px solid rgba(220, 100, 100, 0.4);
  color: #e8a0a0;
}

.delete-modal-confirm:hover {
  background: rgba(200, 80, 80, 0.4);
  color: #fff;
  border-color: rgba(220, 100, 100, 0.6);
}

.confirm-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999999 !important;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.confirm-modal.open {
  display: flex;
}

.confirm-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
}

.confirm-modal-card {
  position: relative;
  width: 100%;
  max-width: 400px;
  background: linear-gradient(180deg, #0f2137 0, #0a1628 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 1.75rem;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
}

.confirm-modal-title {
  font-size: 1.25rem;
  font-weight:450;
  color: #fff;
  margin-bottom: 0.75rem;
}

.confirm-modal-text {
  font-size: 0.95rem;
  color: #9ca8b8;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  white-space: pre-line;
}

.confirm-modal-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
}

.confirm-modal-btn {
  padding: 0.6rem 1.25rem;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

.confirm-modal-cancel {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #c8d4e0;
}

.confirm-modal-cancel:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.confirm-modal-confirm {
  background: #1e3a5f;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}

.confirm-modal-confirm:hover {
  background: #2d5a8a;
  border-color: rgba(255, 255, 255, 0.25);
}

.stock-import-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999999 !important;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.bulk-price-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999999 !important;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.bulk-price-modal.open {
  display: flex;
}

.bulk-price-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
}

.bulk-price-modal-card {
  position: relative;
  width: 100%;
  max-width: 380px;
  background: linear-gradient(180deg, #0f2137 0, #0a1628 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 1.75rem;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
}

.bulk-price-modal-title {
  font-size: 1.25rem;
  font-weight:450;
  color: #fff;
  margin-bottom: 0.75rem;
}

.bulk-price-modal-label {
  display: block;
  font-size: 0.9rem;
  color: #9ca8b8;
  margin-bottom: 0.5rem;
}

.bulk-price-modal-input {
  width: 100%;
  padding: 0.7rem 1rem;
  font-size: 1rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  margin-bottom: 1.25rem;
}

.bulk-price-modal-input:focus {
  outline: 0;
  border-color: rgba(90, 160, 230, 0.6);
}

.bulk-price-modal-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

.bulk-price-modal-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
}

.bulk-price-modal-btn {
  padding: 0.6rem 1.25rem;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

.bulk-price-modal-cancel {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #c8d4e0;
}

.bulk-price-modal-cancel:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.bulk-price-modal-ok {
  background: #1e3a5f;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}

.bulk-price-modal-ok:hover {
  background: #2d5a8a;
  border-color: rgba(255, 255, 255, 0.25);
}

.compare-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.compare-modal.open {
  display: flex;
}

.compare-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
}

.compare-modal-card {
  position: relative;
  width: 100%;
  max-width: 90vw;
  max-height: 95vh;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.compare-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--theme-border);
}

.compare-modal-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.compare-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(135deg, #5da8e8, #4a90d9);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.compare-share-btn:hover {
  background: linear-gradient(135deg, #6ab2f0, #5a9de0);
  transform: translateY(-1px);
}

.compare-share-btn:active {
  transform: translateY(0);
}

.compare-share-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.compare-share-btn img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.compare-modal-title {
  font-size: 1.1rem;
  font-weight:450;
  color: var(--theme-color);
  margin: 0;
}

.compare-modal-close {
  padding: 0.25rem 0.5rem;
  border: none;
  background: 0 0;
  color: var(--theme-color-muted);
  cursor: pointer;
  font-size: 1.1rem;
  border-radius: 6px;
}

.compare-modal-close:hover {
  color: var(--theme-color);
  background: rgba(255, 255, 255, 0.08);
}

.compare-modal-body {
  padding: 1rem 1.25rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1;
}

.compare-container {
  padding-bottom: 1rem;
}

.compare-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.device-card {
  background: var(--theme-bg-tertiary);
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}

.device-card-header {
  padding: 0.6rem;
  text-align: center;
  border-bottom: 1px solid var(--theme-border);
  background: rgba(0, 0, 0, 0.05);
}

.device-card .gallery {
  position: relative;
  margin-bottom: 1rem;
}

.device-card .main-img {
  width: 70px;
  height: 90px;
  object-fit: contain;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  transition: transform 0.15s;
}

.device-card .main-img:hover {
  transform: scale(1.05);
}

.device-card .thumbs {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-top: 8px;
}

.device-card .thumb {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid var(--theme-border);
  cursor: pointer;
  transition: transform 0.15s;
}

.device-card .thumb:hover {
  transform: scale(1.1);
  border-color: var(--theme-color-primary);
}

.device-model {
  font-size: 0.85rem;
  font-weight:450;
  margin-bottom: 0.15rem;
  color: var(--theme-color);
}

.device-price {
  font-size: 0.95rem;
  font-weight:500;
  color: #34d399;
}

.spec-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0.6rem;
  border-bottom: 1px solid var(--theme-border);
}

.spec-item:last-child {
  border-bottom: none;
}

.spec-label {
  color: var(--theme-color-muted);
  font-size: 0.7rem;
  font-weight: 500;
}

.spec-value {
  font-size: 0.75rem;
  font-weight:450;
  text-align: right;
  color: var(--theme-color);
}

.note-text {
  font-size: 0.85rem;
  color: var(--theme-color-muted);
  line-height: 1.4;
  display: block;
  margin-top: 4px;
}

@media (max-width: 650px) {
  .compare-cards {
    grid-template-columns: 1fr;
  }
}

.compare-table {
  width: max-content;
  min-width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.compare-table td,
.compare-table th {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--theme-border);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.compare-table thead th {
  background: rgba(255, 255, 255, 0.05);
  font-weight:450;
  color: var(--theme-color);
}

.compare-table tbody th.compare-row-label,
.compare-table thead th:first-child {
  width: 100px;
  min-width: 100px;
}

.compare-row-label {
  min-width: 90px;
  font-weight: 500;
  color: var(--theme-color-muted);
}

.compare-col-header {
  text-align: center;
  font-weight:450;
  color: var(--theme-color);
}

.compare-photos {
  display: flex;
  gap: 4px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.compare-thumb {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 7px;
  cursor: pointer;
  border: 1px solid var(--theme-border);
  transition: transform 0.15s;
  user-select: none;
}

.compare-thumb:hover {
  transform: scale(1.07);
}

.compare-no-photo {
  width: 64px;
  height: 64px;
  border-radius: 7px;
  background: var(--theme-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-color-muted);
}

.compare-col-model {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--theme-color-muted);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compare-cell {
  color: var(--theme-color);
  text-align: center;
}

body.theme-light .compare-modal-close:hover {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .compare-table thead th {
  background: rgba(0, 0, 0, 0.04);
}

.device-detail-table {
  margin-bottom: 1.25rem;
}

.device-detail-table .compare-row-label {
  width: 100px;
}

.device-detail-table .compare-cell {
  text-align: left;
}

.device-detail-aciklama {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--theme-border);
}

.device-detail-aciklama-title {
  font-size: 0.95rem;
  font-weight:450;
  color: var(--theme-color);
  margin-bottom: 0.5rem;
}

.device-detail-aciklama-text {
  font-size: 0.9rem;
  color: var(--theme-color-muted);
  line-height: 1.6;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}

.device-detail-card {
  max-width: 480px;
}

.sync-toast {
  position: fixed;
  top: 18px;
  top: max(18px, calc(env(safe-area-inset-top, 0px) + 12px));
  left: 50%;
  transform: translate(-50%, -10px);
  background: rgba(15, 33, 55, 0.95);
  border: 1px solid rgba(90, 160, 230, 0.45);
  color: #d8e9ff;
  border-radius: 12px;
  padding: 0.55rem 0.9rem;
  font-size: 0.85rem;
  line-height: 1.2;
  z-index: 1200;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.sync-toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}

@media (max-width: 600px) {
  .sync-toast {
    top: 82px;
    top: max(82px, calc(env(safe-area-inset-top, 0px) + 64px));
  }
}

@media (max-width: 600px) {
  .compare-modal {
    padding: 0.5rem;
  }

  .compare-modal-card {
    max-width: 100%;
    max-height: 90vh;
    border-radius: 12px;
  }

  .compare-modal-header {
    padding: 0.75rem 1rem;
  }

  .compare-modal-title {
    font-size: 0.95rem;
  }

  .compare-modal-body {
    padding: 0.5rem;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .compare-table {
    font-size: 0.8rem;
  }

  .compare-table td,
  .compare-table th {
    padding: 0.4rem 0.5rem;
  }

  .compare-row-label {
    min-width: 70px;
    white-space: normal;
    word-break: break-word;
  }

  .compare-thumb {
    width: 48px;
    height: 48px;
  }

  .compare-no-photo {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 600px) {

  .add-device-form .select-dark,
  .add-device-form button,
  .add-device-form input,
  .add-form-submit {
    width: 100%;
  }

  .add-form-row-2 {
    grid-template-columns: 1fr;
  }

  .promo-cards {
    flex-direction: column;
  }

  .promo-card {
    min-width: 100%;
  }
}

@media (max-width: 1279px) {

  #magaza-aktif-content .table-wrap,
  #magaza-satilan-content .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .table-wrap {
    overflow-x: auto;
  }

  .devices-table {
    min-width: 700px;
  }

  #magaza-table {
    min-width: 800px;
    table-layout: fixed;
  }
}

.magaza-cards-mobile {
  display: none;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.magaza-satilan-cards {
  display: none;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

@media (min-width: 768px) and (orientation: portrait),
(min-width: 900px) {
  .magaza-cards-mobile {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }

  .magaza-satilan-cards {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}

@media (min-width: 1280px) {
  .magaza-satilan-cards {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}

.magaza-device-card {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(145deg,
      rgba(30, 41, 59, 0.7),
      rgba(15, 23, 42, 0.8));
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.2),
    inset 0 1px 1px rgba(255, 255, 255, 0.05);
  border-radius: 18px;
  padding: 1.25rem;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition:
    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s;
}

.magaza-device-card:hover {
  transform: translateY(-2px);
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.3),
    inset 0 1px 1px rgba(255, 255, 255, 0.08);
}

body.light-theme .magaza-device-card {
  background: linear-gradient(145deg,
      rgba(255, 255, 255, 0.95),
      rgba(248, 250, 252, 0.9));
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.06),
    inset 0 1px 1px #fff;
}

body.light-theme .magaza-device-card:hover {
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 1px #fff;
}

.magaza-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  gap: 0.5rem;
}

.magaza-card-model {
  flex: 1;
  min-width: 0;
}

.magaza-card-fiyat {
  color: #5da8e8;
  font-weight:450;
  white-space: nowrap;
}

.magaza-card-fiyatlar {
  font-size: 0.85rem;
  color: #5da8e8;
  margin-bottom: 0.4rem;
  font-weight: 500;
}

.magaza-card-details {
  font-size: 0.85rem;
  color: #9ca8b8;
  margin-bottom: 0.75rem;
}

.magaza-card-foto-strip {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.magaza-card-foto-thumb {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 7px;
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  transition:
    opacity 0.15s,
    transform 0.15s;
}

.magaza-card-foto-thumb:hover {
  opacity: 0.82;
  transform: scale(1.04);
}

.satilan-card-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.satilan-card-metric {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 0.5rem;
}

.satilan-card-label {
  display: block;
  font-size: 0.72rem;
  color: #94a3b8;
  margin-bottom: 0.2rem;
}

.satilan-card-value {
  display: block;
  font-size: 0.88rem;
  color: #e2e8f0;
}

.satilan-device-card .magaza-card-actions {
  margin-top: auto;
}

.magaza-card-actions {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.card-action-btns-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
  width: 100%;
}

.card-action-btns-grid .action-btn {
  width: 100%;
  justify-content: center;
  padding: 0.4rem 0;
}

.magaza-card-actions .sattim-btn {
  width: 100%;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  font-weight:450;
  border: none;
  border-radius: 10px;
  background: #22c55e;
  color: #fff;
  cursor: pointer;
  order: -1;
}

.magaza-card-actions .sattim-btn:hover {
  background: #16a34a;
}

.magaza-card-actions .promo-btn,
.magaza-card-actions .status-btn {
  padding: 0.25rem 0.45rem;
  font-size: 0.75rem;
}

.magaza-card-edit {
  background: rgba(30, 58, 95, 0.2);
  border-color: rgba(90, 160, 230, 0.3);
}

.magaza-card-edit-row {
  margin-bottom: 0.75rem;
}

.magaza-card-edit-row label {
  display: block;
  font-size: 0.8rem;
  color: #9ca8b8;
  margin-bottom: 0.25rem;
}

.magaza-card-edit-row input,
.magaza-card-edit-row select,
.magaza-card-edit-row textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.magaza-card-edit-row .cosmetic-slider-wrap {
  display: inline-flex;
  width: 6rem;
  vertical-align: middle;
}

.magaza-card-edit-row .cosmetic-val {
  margin-left: 0.5rem;
  vertical-align: middle;
}

.magaza-card-edit-actions {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
}

.magaza-card-edit-actions .action-btn {
  padding: 0.5rem 0.9rem;
}

.genel-cards-mobile {
  display: none;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

@media (max-width: 1024px) {
  #genel-content {
    overflow-x: hidden;
  }

  #genel-content .genel-cards-mobile {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  #genel-content .genel-device-card {
    max-width: 100%;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .genel-cards-mobile {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }

  .promo-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}

@media (min-width: 1280px) {
  .genel-cards-mobile {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    justify-items: stretch;
    align-items: stretch;
  }
}

.genel-device-card {
  background: linear-gradient(145deg,
      rgba(30, 41, 59, 0.7),
      rgba(15, 23, 42, 0.8));
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.2),
    inset 0 1px 1px rgba(255, 255, 255, 0.05);
  border-radius: 18px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  min-height: 220px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition:
    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s;
}

.genel-device-card:hover {
  transform: translateY(-4px) scale(1.005);
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(93, 168, 232, 0.12),
    inset 0 1px 1px rgba(255, 255, 255, 0.1);
  border-color: rgba(93, 168, 232, 0.15);
}

body.light-theme .genel-device-card {
  background: linear-gradient(145deg,
      rgba(255, 255, 255, 0.95),
      rgba(248, 250, 252, 0.9));
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.06),
    inset 0 1px 1px #fff;
}

body.light-theme .genel-device-card:hover {
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 1px #fff;
}

.genel-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.35rem;
}

.genel-card-store {
  font-size: 0.85rem;
  color: #9ca8b8;
  cursor: pointer;
}

.genel-card-store:hover {
  color: #5da8e8;
}

.genel-card-fiyat {
  color: #5da8e8;
  font-weight:450;
  white-space: nowrap;
}

.genel-card-model {
  font-weight:450;
  color: #fff;
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
}

.genel-card-details {
  font-size: 0.85rem;
  color: #9ca8b8;
  margin-bottom: 0.6rem;
  flex: 1;
  min-height: 2.5em;
}

.genel-card-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.35rem;
  align-items: center;
  margin-top: auto;
  min-width: 0;
}

.genel-card-actions .call-btn,
.genel-card-actions .genel-copy-link,
.genel-card-actions .wp-action-btn,
.genel-card-actions .wp-action-link {
  margin-right: 0;
  flex: 0 0 auto;
  min-width: 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.genel-card-actions .call-btn span,
.genel-card-actions .genel-copy-link span,
.genel-card-actions .wp-action-btn span,
.genel-card-actions .wp-action-link span {
  display: none;
}

.genel-card-actions .action-btn,
.genel-card-actions .genel-compare-add-btn,
.genel-card-actions .genel-favori-btn {
  flex-shrink: 0;
}

.genel-cards-mobile .genel-device-card {
  min-width: 0;
}

.genel-cards-mobile .genel-card-actions .wp-action-link span {
  display: none;
}

.genel-cards-mobile .genel-card-actions .call-btn,
.genel-cards-mobile .genel-card-actions .genel-copy-link {
  padding: 0.4rem 0.6rem;
  font-size: 0.8rem;
  min-width: 0;
}

.genel-cards-mobile .genel-card-actions .wp-action-link {
  padding: 0.5rem;
  min-width: 2.25rem;
  justify-content: center;
}

@media (max-width: 900px) {

  .genel-card-actions .call-btn,
  .genel-card-actions .genel-copy-link,
  .genel-card-actions .wp-action-link {
    padding: 8px 12px;
    font-size: 13px;
  }

  .genel-card-actions .call-btn img,
  .genel-card-actions .genel-copy-link img,
  .genel-card-actions .wp-action-link img {
    width: 16px;
    height: 16px;
  }

  .promo-card-tel .call-btn,
  .promo-card-tel .wp-action-btn {
    padding: 8px 12px;
    font-size: 13px;
  }

  .promo-card-tel .call-btn img,
  .promo-card-tel .wp-action-btn img {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 600px) {
  .genel-card-actions {
    flex-wrap: nowrap;
    gap: 0.35rem;
    justify-content: flex-start;
    min-width: 0;
    overflow: hidden;
  }

  .promo-card-tel {
    flex-wrap: nowrap;
    gap: 0.4rem;
    justify-content: flex-start;
  }

  .genel-card-actions .call-btn,
  .genel-card-actions .genel-copy-link,
  .genel-card-actions .wp-action-link,
  .promo-card-tel .call-btn,
  .promo-card-tel .wp-action-btn {
    min-height: 44px;
    padding: 0.45rem 0.5rem;
    font-size: 0.75rem;
    gap: 0.2rem;
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    overflow: hidden;
  }

  .genel-card-actions .call-btn span,
  .genel-card-actions .genel-copy-link span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 4.5em;
  }

  .genel-card-actions .wp-action-btn span,
  .magaza-card-actions .wp-action-btn span,
  .promo-card-tel .wp-action-btn span {
    display: none;
  }

  .genel-card-actions .wp-action-btn,
  .magaza-card-actions .wp-action-btn,
  .promo-card-tel .wp-action-btn {
    min-width: 44px;
    flex: 0 0 44px;
    padding: 0.5rem;
  }

  .genel-card-actions .call-btn img,
  .genel-card-actions .genel-copy-link img,
  .genel-card-actions .wp-action-link img,
  .promo-card-tel .call-btn img,
  .promo-card-tel .wp-action-btn img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }

  .magaza-card-actions .sattim-btn {
    min-height: 44px;
    padding: 0.6rem 1rem;
  }
}

.genel-card-edit {
  background: rgba(30, 58, 95, 0.2);
  border-color: rgba(90, 160, 230, 0.3);
}

.genel-card-edit-row {
  margin-bottom: 0.75rem;
}

.genel-card-edit-row label {
  display: block;
  font-size: 0.8rem;
  color: #9ca8b8;
  margin-bottom: 0.25rem;
}

.genel-card-edit-row input,
.genel-card-edit-row select,
.genel-card-edit-row textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.genel-card-edit-row .cosmetic-slider-wrap {
  display: inline-flex;
  width: 6rem;
  vertical-align: middle;
}

.genel-card-edit-actions {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
}

.genel-locked-placeholder-card {
  padding: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  text-align: center;
  color: #6b7d8f;
  font-size: 0.9rem;
}

.magaza-edit-alis {
  width: 4rem;
  min-width: 3rem;
  padding: 0.25rem 0.4rem;
  font-size: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.05);
  color: #e8eef4;
  border-radius: 6px;
}

.business-summary-panel {
  padding: 1rem 0;
}

.business-summary-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .business-summary-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}

.business-summary-cards.business-summary-cards--enhanced {
  display: block;
  margin-bottom: 0;
}

.business-summary-period-switcher {
  display: inline-grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.45rem;
  width: 100%;
  margin-bottom: 0.9rem;
  padding: 0.35rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.business-summary-period-btn {
  appearance: none;
  border: 0;
  border-radius: 12px;
  padding: 0.7rem 0.55rem;
  background: transparent;
  color: #8ea2bb;
  font: inherit;
  font-size: 0.8rem;
  font-weight:500;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.business-summary-period-btn:hover {
  color: #eef6ff;
  background: rgba(255, 255, 255, 0.04);
}

.business-summary-period-btn.is-active {
  color: #f8fbff;
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.28), rgba(37, 99, 235, 0.14));
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22);
}

.business-summary-mosaic {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .business-summary-mosaic {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.business-summary-card {
  --summary-accent: #60a5fa;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  min-height: 178px;
  padding: 1rem;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
    rgba(15, 23, 42, 0.9);
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.18);
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.business-summary-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--summary-accent), transparent);
  opacity: 0.9;
}

.business-summary-card::after {
  content: "";
  position: absolute;
  inset: auto -16px -18px auto;
  width: 92px;
  height: 92px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 70%);
  filter: blur(1px);
  pointer-events: none;
}

.business-summary-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 20px 36px rgba(2, 6, 23, 0.24);
}

.business-summary-card.is-success,
.business-summary-meter-fill.is-success {
  --summary-accent: #22c55e;
}

.business-summary-card.is-cyan,
.business-summary-meter-fill.is-cyan {
  --summary-accent: #38bdf8;
}

.business-summary-card.is-blue,
.business-summary-meter-fill.is-blue {
  --summary-accent: #60a5fa;
}

.business-summary-card.is-amber,
.business-summary-meter-fill.is-amber {
  --summary-accent: #f59e0b;
}

.business-summary-card.is-success-soft {
  --summary-accent: #22c55e;
  background:
    linear-gradient(180deg, rgba(34, 197, 94, 0.12), rgba(255, 255, 255, 0.025)),
    rgba(15, 23, 42, 0.9);
}

.business-summary-card.is-blue-soft {
  --summary-accent: #60a5fa;
  background:
    linear-gradient(180deg, rgba(96, 165, 250, 0.13), rgba(255, 255, 255, 0.025)),
    rgba(15, 23, 42, 0.9);
}

.business-summary-card.is-cyan-soft {
  --summary-accent: #38bdf8;
  background:
    linear-gradient(180deg, rgba(56, 189, 248, 0.12), rgba(255, 255, 255, 0.025)),
    rgba(15, 23, 42, 0.9);
}

.business-summary-card.is-slate {
  --summary-accent: #60a5fa;
}

.business-summary-card-top,
.business-summary-card-main {
  display: flex;
  gap: 0.75rem;
}

.business-summary-card-top {
  align-items: center;
  justify-content: space-between;
}

.business-summary-card-main {
  align-items: flex-end;
  justify-content: space-between;
  min-height: 74px;
}

.business-summary-card-main-copy {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.business-summary-card-chip {
  flex-shrink: 0;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--summary-accent);
  font-size: 0.72rem;
  font-weight:500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.business-summary-card-value {
  color: #f8fbff;
  font-size: clamp(1.2rem, 1.6vw, 1.78rem);
  font-weight:500;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.business-summary-card-value--compact {
  font-size: clamp(1.08rem, 1.35vw, 1.42rem);
}

.business-summary-card-title {
  color: #dce7f5;
  font-size: 0.88rem;
  font-weight:500;
  line-height: 1.3;
}

.business-summary-card-kpi {
  color: #9ec2e5;
  font-size: 0.78rem;
  font-weight:500;
}

.business-summary-mini-chart {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.32rem;
  width: 58px;
  min-width: 58px;
  height: 58px;
}

.business-summary-mini-bar {
  width: 10px;
  border-radius: 999px 999px 3px 3px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--summary-accent));
  opacity: 0.96;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.18);
}

.business-summary-mini-bar.is-bar-2 {
  opacity: 0.78;
}

.business-summary-mini-bar.is-bar-3 {
  opacity: 0.56;
}

.business-summary-pill-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  margin-top: auto;
}

.business-summary-pill {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  padding: 0.5rem 0.6rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.business-summary-pill-label {
  color: #7f95ae;
  font-size: 0.68rem;
  font-weight:450;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.business-summary-pill-value {
  color: #eef6ff;
  font-size: 0.84rem;
  font-weight:500;
  line-height: 1.25;
}

.business-summary-progress {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.business-summary-progress-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--summary-accent), rgba(255, 255, 255, 0.92));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.business-summary-hero-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 0.85rem;
  margin-bottom: 0.8rem;
}

.business-summary-hero-copy,
.business-summary-focus-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
    rgba(15, 23, 42, 0.92);
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.18);
}

.business-summary-hero-copy {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 1rem 1.05rem;
}

.business-summary-hero-kicker,
.business-summary-focus-card-kicker,
.business-summary-trend-panel-title {
  color: #8fb2d8;
  font-size: 0.73rem;
  font-weight:500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.business-summary-hero-title {
  margin: 0;
  color: #f8fbff;
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.04em;
}

.business-summary-hero-text {
  margin: 0;
  color: #9db2c8;
  font-size: 0.88rem;
  line-height: 1.6;
}

.business-summary-hero-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.business-summary-hero-panel--stats-only {
  grid-template-columns: 1fr;
}

.business-summary-hero-panel--stats-only .business-summary-hero-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.business-summary-hero-stat {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  justify-content: center;
  min-height: 92px;
  padding: 0.85rem 0.9rem;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(59, 130, 246, 0.12), rgba(255, 255, 255, 0.02)),
    rgba(15, 23, 42, 0.92);
}

.business-summary-hero-stat-label,
.business-summary-focus-lead-label,
.business-summary-metric-row-label,
.business-summary-trend-column-label {
  color: #87a0ba;
  font-size: 0.72rem;
  font-weight:500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.business-summary-hero-stat-value,
.business-summary-focus-lead-value {
  color: #f8fbff;
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.04em;
}

.business-summary-hero-stat-meta,
.business-summary-metric-row-meta {
  color: #9cb8d3;
  font-size: 0.76rem;
  font-weight:450;
}

.business-summary-focus-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.business-summary-focus-card {
  --summary-accent: #60a5fa;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  min-height: 218px;
  padding: 1rem;
}

.business-summary-focus-card.is-wide {
  grid-column: 1 / -1;
}

.business-summary-focus-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--summary-accent), transparent);
  opacity: 0.95;
}

.business-summary-focus-card::after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: -24px;
  width: 118px;
  height: 118px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 70%);
  pointer-events: none;
}

.business-summary-focus-card.is-success,
.business-summary-focus-card.is-success-soft {
  --summary-accent: #22c55e;
}

.business-summary-focus-card.is-cyan {
  --summary-accent: #38bdf8;
}

.business-summary-focus-card.is-blue,
.business-summary-focus-card.is-blue-soft {
  --summary-accent: #60a5fa;
}

.business-summary-focus-card.is-amber {
  --summary-accent: #f59e0b;
}

.business-summary-trend-column-bar.is-success,
.business-summary-metric-row-fill.is-success {
  --summary-accent: #22c55e;
}

.business-summary-trend-column-bar.is-cyan,
.business-summary-metric-row-fill.is-cyan {
  --summary-accent: #38bdf8;
}

.business-summary-trend-column-bar.is-blue,
.business-summary-metric-row-fill.is-blue {
  --summary-accent: #60a5fa;
}

.business-summary-trend-column-bar.is-amber,
.business-summary-metric-row-fill.is-amber {
  --summary-accent: #f59e0b;
}

.business-summary-focus-card.is-success-soft {
  background:
    linear-gradient(180deg, rgba(34, 197, 94, 0.12), rgba(255, 255, 255, 0.02)),
    rgba(15, 23, 42, 0.92);
}

.business-summary-focus-card.is-blue-soft {
  background:
    linear-gradient(180deg, rgba(96, 165, 250, 0.13), rgba(255, 255, 255, 0.02)),
    rgba(15, 23, 42, 0.92);
}

.business-summary-focus-card-head,
.business-summary-focus-topline,
.business-summary-focus-top-stat,
.business-summary-metric-row,
.business-summary-trend-panel {
  display: flex;
  flex-direction: column;
}

.business-summary-focus-card-head {
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.business-summary-focus-card-title {
  margin: 0.18rem 0 0;
  color: #eef6ff;
  font-size: 0.98rem;
  font-weight:500;
  line-height: 1.35;
}

.business-summary-focus-card-chip {
  flex-shrink: 0;
  padding: 0.28rem 0.58rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--summary-accent);
  font-size: 0.71rem;
  font-weight:500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.business-summary-focus-topline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}

.business-summary-focus-top-stat,
.business-summary-focus-lead {
  gap: 0.22rem;
  padding: 0.72rem 0.78rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.business-summary-focus-top-label {
  color: #86a0bb;
  font-size: 0.68rem;
  font-weight:500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.business-summary-focus-top-value {
  color: #f8fbff;
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.business-summary-trend-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.business-summary-trend-panel {
  gap: 0.65rem;
  padding: 0.8rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.business-summary-trend-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  align-items: end;
}

.business-summary-trend-column {
  display: flex;
  flex-direction: column;
  gap: 0.38rem;
  align-items: center;
  text-align: center;
}

.business-summary-trend-column.is-active .business-summary-trend-column-label,
.business-summary-trend-column.is-active .business-summary-trend-column-value {
  color: #f8fbff;
}

.business-summary-trend-column-bar-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  min-height: 68px;
}

.business-summary-trend-column-bar {
  width: 18px;
  border-radius: 999px 999px 5px 5px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--summary-accent));
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.2);
}

.business-summary-trend-column-value,
.business-summary-metric-row-value {
  color: #eef6ff;
  font-size: 0.8rem;
  font-weight:500;
  line-height: 1.3;
}

.business-summary-focus-lead {
  margin-top: auto;
}

.business-summary-focus-lead-value {
  font-size: 1.18rem;
}

.business-summary-metric-rows {
  display: flex;
  flex-direction: column;
  gap: 0.72rem;
}

.business-summary-metric-row {
  gap: 0.35rem;
}

.business-summary-metric-row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.business-summary-metric-row-track {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.business-summary-metric-row-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--summary-accent), rgba(255, 255, 255, 0.92));
}

.business-summary-simple-layout {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.business-summary-story-card,
.business-summary-simple-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
    rgba(15, 23, 42, 0.94);
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.18);
}

.business-summary-story-card {
  --summary-accent: #38bdf8;
  padding: 1rem;
}

.business-summary-simple-card.is-amber {
  --summary-accent: #f59e0b;
}

.business-summary-simple-card.is-success {
  --summary-accent: #22c55e;
}

.business-summary-simple-card.is-blue {
  --summary-accent: #60a5fa;
}

.business-summary-story-card::before,
.business-summary-simple-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--summary-accent, #60a5fa), transparent);
}

.business-summary-story-head,
.business-summary-simple-card-head,
.business-summary-simple-card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.business-summary-story-titles,
.business-summary-story-main-block {
  display: flex;
  flex-direction: column;
}

.business-summary-story-kicker,
.business-summary-simple-card-kicker,
.business-summary-story-main-label,
.business-summary-story-compare-label,
.business-summary-story-quick-label,
.business-summary-simple-card-label {
  color: #88a4c3;
  font-size: 0.72rem;
  font-weight:500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.business-summary-story-title,
.business-summary-simple-card-title {
  margin: 0.18rem 0 0;
  color: #f8fbff;
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

.business-summary-story-badge,
.business-summary-simple-card-badge {
  flex-shrink: 0;
  padding: 0.34rem 0.62rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--summary-accent, #60a5fa);
  font-size: 0.71rem;
  font-weight:500;
}

.business-summary-story-main {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.9rem;
}

.business-summary-story-main-block,
.business-summary-story-quick-chip,
.business-summary-story-compare-chip,
.business-summary-simple-card-row {
  padding: 0.78rem 0.85rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.business-summary-story-main-value,
.business-summary-simple-card-value {
  color: #f8fbff;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.04em;
  margin-top: 0.22rem;
}

.business-summary-story-compare-row,
.business-summary-story-quick-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.6rem;
  margin-top: 0.75rem;
}

.business-summary-story-compare-chip.is-active {
  border-color: rgba(56, 189, 248, 0.35);
  background: rgba(56, 189, 248, 0.12);
}

.business-summary-story-compare-value,
.business-summary-story-quick-value {
  display: block;
  margin-top: 0.2rem;
  color: #eef6ff;
  font-size: 0.88rem;
  font-weight:500;
}

.business-summary-simple-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.business-summary-simple-card {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  min-height: 220px;
  padding: 1rem;
}

.business-summary-simple-card.is-wide {
  grid-column: 1 / -1;
}

.business-summary-simple-card-rows {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.business-summary-simple-card-note {
  margin: auto 0 0;
  color: #9fb5cb;
  font-size: 0.84rem;
  line-height: 1.45;
}

.business-summary-visual-layout {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.business-summary-visual-main-card,
.business-summary-info-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
    rgba(15, 23, 42, 0.94);
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.18);
}

.business-summary-visual-main-card {
  --summary-accent: #38bdf8;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
}

.business-summary-visual-main-card > .business-summary-period-switcher {
  width: 100%;
  max-width: none;
  margin-bottom: 0.82rem;
}

.business-summary-info-card.is-amber {
  --summary-accent: #f59e0b;
}

.business-summary-info-card.is-success {
  --summary-accent: #22c55e;
}

.business-summary-info-card.is-blue {
  --summary-accent: #60a5fa;
}

.business-summary-visual-main-card::before,
.business-summary-info-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--summary-accent, #60a5fa), transparent);
}

.business-summary-visual-main-head,
.business-summary-info-card-head,
.business-summary-chart-legend,
.business-summary-chart-axis-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.business-summary-visual-main-head {
  margin-bottom: 0.55rem;
}

.business-summary-visual-main-titles,
.business-summary-info-card-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.business-summary-visual-main-kicker,
.business-summary-info-card-kicker,
.business-summary-value-tile-label,
.business-summary-delta-chip-label,
.business-summary-chart-axis-label,
.business-summary-chart-legend-item {
  color: #88a4c3;
  font-size: 0.72rem;
  font-weight:500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.business-summary-visual-main-title,
.business-summary-info-card-title {
  margin: 0.18rem 0 0;
  color: #f8fbff;
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.03em;
}

.business-summary-visual-deltas {
  display: flex;
  gap: 0.55rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.business-summary-delta-chip {
  min-width: 86px;
  padding: 0.55rem 0.68rem;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
}

.business-summary-delta-chip.is-up {
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.12);
}

.business-summary-delta-chip.is-down {
  border-color: rgba(248, 113, 113, 0.24);
  background: rgba(248, 113, 113, 0.12);
}

.business-summary-delta-chip-value,
.business-summary-value-tile-value,
.business-summary-chart-axis-value {
  display: block;
  margin-top: 0.18rem;
  color: #f8fbff;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.business-summary-value-tile-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.6rem;
}

.business-summary-value-tile {
  display: flex;
  flex-direction: column;
  min-height: 66px;
  padding: 0.58rem 0.72rem;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.05);
}

.business-summary-value-tile-meta {
  margin-top: auto;
  color: #9fb5cb;
  font-size: 0.75rem;
  font-weight:450;
}

.business-summary-chart-shell {
  position: relative;
  margin-top: 0.4rem;
  padding: 0.72rem 0.3rem 0.28rem;
  border-radius: 22px;
  border: 1px solid rgba(103, 232, 249, 0.08);
  background: radial-gradient(circle at top right, rgba(103, 232, 249, 0.12), transparent 34%), linear-gradient(180deg, rgba(17, 25, 40, 0.96), rgba(12, 20, 35, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  overflow: hidden;
}

.business-summary-chart-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(103, 232, 249, 0.04), transparent 32%);
  pointer-events: none;
}

.business-summary-chart-insight-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0.15rem 0 0.65rem;
}

.business-summary-chart-insight-pill {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  padding: 0.72rem 0.82rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.business-summary-chart-insight-label,
.business-summary-chart-tooltip-label {
  color: #8ba6c3;
  font-size: 0.72rem;
  font-weight:500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.business-summary-chart-insight-value,
.business-summary-chart-tooltip-value {
  color: #f8fbff;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.business-summary-chart-tooltip {
  position: absolute;
  z-index: 6;
  min-width: 164px;
  padding: 0.7rem 0.78rem;
  border-radius: 14px;
  background: rgba(8, 15, 27, 0.96);
  border: 1px solid rgba(103, 232, 249, 0.24);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.34);
  opacity: 0;
  transform: translate3d(0, 6px, 0) scale(0.98);
  transition: opacity 160ms ease, transform 160ms ease;
  pointer-events: none;
}

.business-summary-chart-tooltip.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.business-summary-chart-tooltip-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.85rem;
  color: #9fb5cb;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.business-summary-chart-tooltip-row + .business-summary-chart-tooltip-row {
  margin-top: 0.28rem;
}

.business-summary-chart-tooltip-row strong {
  color: #f8fbff;
  font-size: 0.96rem;
  font-weight: 850;
  letter-spacing: -0.03em;
  text-transform: none;
  white-space: nowrap;
}

.business-summary-chart-tooltip-row.is-profit strong {
  color: #86efac;
}

.business-summary-chart-tooltip-meta {
  display: block;
  margin-top: 0.32rem;
  color: #9fb5cb;
  font-size: 0.78rem;
  font-weight:450;
}

.business-summary-chart-scale {
  position: relative;
  height: 31px;
  margin-top: 0.42rem;
}

.business-summary-chart-scale-item {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.28rem;
  min-width: 22px;
  transform: translateX(-50%);
}

.business-summary-chart-scale-item:first-child {
  transform: translateX(0);
}

.business-summary-chart-scale-item:last-child {
  transform: translateX(-100%);
}

.business-summary-chart-scale.is-edge-padded .business-summary-chart-scale-item:first-child,
.business-summary-chart-scale.is-edge-padded .business-summary-chart-scale-item:last-child {
  transform: translateX(-50%);
}

.business-summary-chart-scale-tick {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.1), rgba(103, 232, 249, 0.34), rgba(148, 163, 184, 0.1));
}

.business-summary-chart-scale-label {
  display: block;
  width: auto;
  color: #8fa7c2;
  font-size: 0.68rem;
  font-weight:500;
  text-align: center;
  white-space: nowrap;
}

.business-summary-chart-scale.is-dense .business-summary-chart-scale-label {
  font-size: 0.54rem;
  letter-spacing: -0.02em;
}

.business-summary-chart-scale.is-day-dense {
  height: 26px;
  margin-top: 0.32rem;
}

.business-summary-chart-scale.is-day-dense .business-summary-chart-scale-item {
  min-width: 8px;
  gap: 0.2rem;
}

.business-summary-chart-scale.is-day-dense .business-summary-chart-scale-label {
  color: #8fa7c2;
  font-size: 0.5rem;
  font-weight:500;
  line-height: 1;
  white-space: nowrap;
}

.business-summary-chart-mobile-scale {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.55rem;
  padding-top: 0.35rem;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
}

.business-summary-chart-mobile-scale-label {
  min-width: 0;
  color: #8fa7c2;
  font-size: 0.72rem;
  font-weight:500;
  line-height: 1.2;
  white-space: nowrap;
}

.business-summary-chart-mobile-scale-label:nth-child(2) {
  text-align: center;
}

.business-summary-chart-mobile-scale-label:last-child {
  text-align: right;
}

.business-summary-chart-svg-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: var(--summary-chart-ratio, 640 / 236);
  max-height: 282px;
  display: flex;
  align-items: stretch;
  overflow: visible;
}

.business-summary-chart-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.business-summary-chart-grid-line {
  stroke: rgba(148, 163, 184, 0.18);
  stroke-width: 1;
  stroke-dasharray: 0;
}

.business-summary-chart-shell .business-summary-chart-area.sales {
  fill: rgba(103, 232, 249, 0.12);
  animation: businessSummaryChartAreaRise 980ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.business-summary-chart-shell .business-summary-chart-line {
  fill: none;
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: businessSummaryChartLineFade 980ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.business-summary-chart-shell .business-summary-chart-line.sales {
  stroke: #67e8f9;
  filter: drop-shadow(0 0 12px rgba(103, 232, 249, 0.18));
}

.business-summary-chart-points,
.business-summary-chart-hit-layer {
  position: absolute;
  inset: 0;
}

.business-summary-chart-points {
  pointer-events: none;
  z-index: 2;
}

.business-summary-chart-hit-layer {
  z-index: 3;
}

.business-summary-chart-shell .business-summary-chart-point {
  position: absolute;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  border-radius: 999px;
  border: 1.3px solid rgba(15, 23, 42, 0.92);
  box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.16), 0 0 13px rgba(103, 232, 249, 0.22);
  transform-origin: center;
  animation: businessSummaryChartPointPop 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.business-summary-chart-shell .business-summary-chart-point.sales {
  background: #67e8f9;
}

.business-summary-chart-shell .business-summary-chart-point.is-active {
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}

.business-summary-chart-hit {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  background: transparent;
  pointer-events: all;
  cursor: crosshair;
}

.business-summary-chart-axis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 0.7rem;
}

.business-summary-chart-axis-item {
  align-items: flex-start;
  flex-direction: column;
  padding: 0.58rem 0.62rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.business-summary-chart-axis-item.is-active {
  border-color: rgba(56, 189, 248, 0.28);
  background: rgba(56, 189, 248, 0.12);
}

.business-summary-chart-axis--plain {
  gap: 0.65rem;
  margin-top: 0.4rem;
  grid-template-columns: repeat(var(--summary-chart-columns, 4), minmax(0, 1fr));
}

.business-summary-chart-axis--plain .business-summary-chart-axis-item {
  padding: 0.38rem 0.45rem 0.5rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-bottom: 0;
}

.business-summary-chart-axis--plain .business-summary-chart-axis-item.is-active {
  background: rgba(103, 232, 249, 0.08);
}

@keyframes businessSummaryChartLineFade {
  from {
    opacity: 0;
    transform: translateY(10px) scaleY(0.92);
  }
  to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
}

@keyframes businessSummaryChartAreaRise {
  from {
    opacity: 0;
    transform: translateY(16px) scaleY(0.88);
  }
  to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
}

@keyframes businessSummaryChartPointPop {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}


.business-summary-visual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  align-self: stretch;
}

.business-summary-info-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.72rem;
  height: 100%;
  padding: 1rem;
}

.business-summary-info-card .business-summary-value-tile-grid {
  flex: 1;
  align-content: center;
}

.business-summary-info-card .business-summary-value-tile {
  justify-content: center;
  min-height: 72px;
}

.business-summary-info-card.is-wide {
  grid-column: 1 / -1;
}

.business-summary-info-card-note {
  margin: 0;
  color: #9fb5cb;
  font-size: 0.83rem;
  line-height: 1.45;
}

@media (min-width: 1180px) {
  .business-summary-visual-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(360px, 0.84fr);
    gap: 0.85rem;
    align-items: start;
  }

  .business-summary-visual-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .business-summary-info-card.is-wide {
    grid-column: auto;
  }

  .business-summary-visual-main-card {
    min-width: 0;
  }
}

@media (min-width: 900px) and (max-width: 1179px) {
  .business-summary-chart-svg-wrap {
    max-height: 244px;
  }
}

@media (min-width: 768px) and (max-width: 1179px) {
  .business-summary-visual-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .business-summary-visual-grid > .business-summary-info-card,
  .business-summary-info-card.is-wide {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 899px) and (orientation: landscape) {
  .business-summary-chart-svg-wrap {
    max-height: 168px;
  }

  .business-summary-chart-axis {
    gap: 0.42rem;
  }

  .business-summary-value-tile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .business-summary-chart-insight-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .business-summary-hero-panel {
    grid-template-columns: 1fr;
  }

  .business-summary-hero-copy,
  .business-summary-focus-card,
  .business-summary-hero-stat {
    border-radius: 16px;
  }

  .business-summary-hero-panel--stats-only .business-summary-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .business-summary-hero-title {
    font-size: 1.02rem;
  }

  .business-summary-focus-topline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .business-summary-story-main,
  .business-summary-simple-grid,
  .business-summary-story-compare-row,
  .business-summary-story-quick-row,
  .business-summary-value-tile-grid,
  .business-summary-chart-axis,
  .business-summary-chart-insight-row,
  .business-summary-visual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .business-summary-trend-grid {
    grid-template-columns: 1fr;
  }

  .business-summary-visual-grid > .business-summary-info-card {
    grid-column: 1 / -1;
  }

  .business-summary-trend-column-bar {
    width: 14px;
  }

  .business-summary-period-switcher {
    gap: 0.35rem;
    padding: 0.28rem;
    border-radius: 14px;
  }

  .business-summary-period-btn {
    padding: 0.62rem 0.3rem;
    font-size: 0.74rem;
    border-radius: 10px;
  }

  .business-summary-card {
    min-height: 164px;
    padding: 0.85rem;
    border-radius: 16px;
  }

  .business-summary-card-main {
    min-height: 62px;
    gap: 0.55rem;
  }

  .business-summary-card-title {
    font-size: 0.82rem;
  }

  .business-summary-card-chip {
    padding: 0.22rem 0.45rem;
    font-size: 0.66rem;
  }

  .business-summary-card-value {
    font-size: 1.15rem;
  }

  .business-summary-card-value--compact {
    font-size: 1rem;
  }

  .business-summary-card-kpi {
    font-size: 0.72rem;
  }

  .business-summary-mini-chart {
    width: 46px;
    min-width: 46px;
    height: 50px;
  }

  .business-summary-mini-bar {
    width: 8px;
  }

  .business-summary-pill {
    padding: 0.42rem 0.48rem;
  }

  .business-summary-pill-label {
    font-size: 0.62rem;
  }

  .business-summary-pill-value {
    font-size: 0.76rem;
  }

  .business-summary-story-card,
  .business-summary-simple-card,
  .business-summary-visual-main-card,
  .business-summary-info-card {
    border-radius: 16px;
  }

  .business-summary-story-main-value,
  .business-summary-simple-card-value,
  .business-summary-value-tile-value,
  .business-summary-chart-axis-value {
    font-size: 0.98rem;
  }

  .business-summary-visual-main-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .business-summary-visual-deltas {
    width: 100%;
    justify-content: flex-start;
  }

  .business-summary-chart-shell {
    padding: 0.72rem 0.72rem 0.24rem;
    border-radius: 16px;
  }

  .business-summary-chart-svg-wrap {
    max-height: 198px;
  }

  .business-summary-chart-tooltip {
    min-width: 122px;
    padding: 0.62rem 0.68rem;
  }

  .business-summary-chart-scale {
    overflow: visible;
    padding-bottom: 0.08rem;
  }

  .business-summary-chart-mobile-scale {
    margin-top: 0.48rem;
    padding-top: 0.42rem;
    gap: 0.35rem;
  }

  .business-summary-chart-mobile-scale-label {
    font-size: 0.68rem;
  }
}

.biz-summary-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
}

.biz-summary-card.biz-summary-potansiyel {
  border-color: rgba(34, 197, 94, 0.4);
  background: rgba(34, 197, 94, 0.08);
}

.biz-summary-value {
  font-size: 1.1rem;
  font-weight:450;
  color: #5da8e8;
}

.biz-summary-potansiyel .biz-summary-value {
  color: #22c55e;
}

.biz-summary-label {
  font-size: 0.75rem;
  color: #9ca8b8;
  margin-top: 0.25rem;
}

.unsold-products-section {
  margin-top: 1rem;
}

.unsold-section-title {
  font-size: 0.95rem;
  color: #e8eef4;
  margin: 1rem 0 0.5rem;
  padding-bottom: 0.25rem;
}

.unsold-list {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 0.5rem;
  max-height: 200px;
  overflow-y: auto;
}

.unsold-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.5rem 0.6rem;
  font-size: 0.9rem;
  border-radius: 8px;
}

.unsold-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

.unsold-model {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.unsold-fiyat {
  color: #5da8e8;
  font-weight:450;
}

.unsold-gun {
  color: #9ca8b8;
  font-size: 0.85rem;
}

.unsold-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  width: 100%;
  margin-top: 0.2rem;
  padding-top: 0.35rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.unsold-btn {
  padding: 0.35rem 0.6rem;
  font-size: 0.75rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
  color: #e8eef4;
  cursor: pointer;
  white-space: nowrap;
}

.unsold-btn:hover {
  background: rgba(255, 255, 255, 0.12);
}

.unsold-reklama-al:hover {
  border-color: rgba(234, 179, 8, 0.5);
  color: #facc15;
}

.unsold-fiyat-dusur:hover {
  border-color: rgba(59, 130, 246, 0.5);
  color: #60a5fa;
}

.unsold-satildi-yap:hover {
  border-color: rgba(34, 197, 94, 0.5);
  color: #22c55e;
}

.unsold-empty {
  padding: 0.75rem;
  color: #6b7d8f;
  font-size: 0.9rem;
  margin: 0;
}

.version-footer {
  margin-top: 2rem;
  padding: 0.5rem 1.5rem;
  font-size: 0.75rem;
  color: #5a6b7a;
  text-align: center;
}

body.theme-light .login-card,
body.theme-light .login-right {
  background: #fff;
  border-color: #e2e8f0;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

body.theme-light .login-right h3,
body.theme-light .login-title {
  color: #1e293b;
}

body.theme-light .login-right,
body.theme-light .login-subtitle {
  color: #64748b;
}

body.theme-light .login-input {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #1e293b;
}

body.theme-light .login-input::placeholder {
  color: #94a3b8;
}

body.theme-light .login-btn {
  background: #2563eb;
  border-color: #2563eb;
}

body.theme-light .login-btn:hover {
  background: #1d4ed8;
}

body.theme-light .login-forgot-link {
  color: #64748b;
}

body.theme-light .login-forgot-link:hover {
  color: #2563eb;
}

body.theme-light .login-info-modal-overlay {
  background: rgba(0, 0, 0, 0.4);
}

body.theme-light .login-info-modal-card {
  background: #fff;
  border-color: #e2e8f0;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

body.theme-light .login-info-modal-title {
  color: #1e293b;
}

body.theme-light .login-info-modal-list {
  color: #64748b;
}

body.theme-light .login-info-modal-close {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #475569;
}

body.theme-light .login-info-modal-close:hover {
  background: #e2e8f0;
}

body.theme-light header {
  border-color: #e2e8f0;
  background: linear-gradient(180deg,
      rgba(241, 245, 249, 0.98) 0,
      rgba(241, 245, 249, 0.95) 100%);
}

body.theme-light header h1 {
  color: #1e293b;
}

body.theme-light .slogan {
  color: #475569;
  font-size: 0.9rem;
}

body.theme-light .tab {
  background: #fff;
  color: #475569;
  border-color: rgba(0, 0, 0, 0.12);
}

body.theme-light .tab .tab-icon {
  filter: brightness(0) invert(0.4);
}

body.theme-light .tab:hover {
  color: #1e293b;
  background: #f8fafc;
}

body.theme-light .tab.active .tab-icon,
body.theme-light .tab:hover .tab-icon {
  filter: brightness(0) invert(1);
}

body.theme-light .tab.active {
  background: linear-gradient(135deg,
      rgba(37, 99, 235, 0.15) 0,
      rgba(37, 99, 235, 0.08) 100%);
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.35);
}

body.theme-light main {
  background: var(--theme-bg);
}

body.theme-light .promo-section {
  border-color: var(--theme-border);
}

body.theme-light .genel-filter-control {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.15);
  color: var(--theme-color);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body.theme-light .genel-filter-control:focus {
  border-color: rgba(37, 99, 235, 0.5);
  background: #fff;
}

body.theme-light .genel-fiyat-input,
body.theme-light .genel-search,
body.theme-light .genel-sort {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--theme-color);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

body.theme-light .genel-fiyat-input::placeholder,
body.theme-light .genel-search::placeholder {
  color: #64748b;
}

body.theme-light .filter-sep {
  color: #94a3b8;
}

body.theme-light .filter-row-main {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

body.theme-light .genel-favorilerim-wrap {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
  color: #475569;
}

body.theme-light .genel-favorilerim-wrap:hover {
  background: rgba(0, 0, 0, 0.06);
  color: #1e293b;
}

body.theme-light .genel-favorilerim-wrap:has(.genel-favorilerim:checked) {
  background: rgba(37, 99, 235, 0.1);
  border-color: rgba(37, 99, 235, 0.3);
  color: #2563eb;
}

body.theme-light .excel-import-title,
body.theme-light .lock-screen-title,
body.theme-light .piyasa-title,
body.theme-light .promo-title,
body.theme-light .satilan-arsiv-title,
body.theme-light .search-stats-title,
body.theme-light .takas-title,
body.theme-light .unsold-section-title {
  color: #1e293b;
}

body.theme-light .search-stats-widget {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
}

body.theme-light .filter-bar,
body.theme-light .hizli-filter-bar {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.99) 100%);
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: 0 18px 36px rgba(148, 163, 184, 0.14);
  border-radius: 22px;
}

body.theme-light .search-stats-widget-inner {
  color: #334155;
}

body.theme-light .search-stats-empty {
  color: #64748b;
}

body.theme-light .search-stats-item {
  color: #475569;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

body.theme-light .search-stats-item:hover {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.3);
  color: #2563eb;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
}

body.theme-light .search-stats-item em {
  color: #2563eb;
}

body.theme-light .search-stats-sep {
  display: none;
}

body.theme-light .search-stats-reset-btn {
  border-color: rgba(239, 68, 68, 0.5);
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}

body.theme-light .search-stats-reset-btn:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.7);
}

body.theme-light .promo-view-all-btn {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.18);
  color: #1d4ed8;
}

body.theme-light .promo-view-all-btn:hover {
  background: rgba(37, 99, 235, 0.14);
  border-color: rgba(37, 99, 235, 0.28);
  color: #1e40af;
}

body.theme-light .promo-view-all-count {
  color: #2563eb;
}

body.theme-light .search-stats-reset-icon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(90%) saturate(2000%) hue-rotate(340deg) brightness(0.9);
}

body.theme-light .promo-card-badge,
body.theme-light .promo-card-store {
  color: #475569;
}

body.theme-light .promo-card-details {
  color: #475569;
}

body.theme-light .devices-table {
  background: var(--theme-bg-card);
}

body.theme-light .devices-table td,
body.theme-light .devices-table th {
  border-color: var(--theme-border);
  color: var(--theme-color);
}

body.theme-light .genel-device-card {
  background: var(--theme-bg-card);
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

body.theme-light .genel-card-model,
body.theme-light .genel-card-store {
  color: var(--theme-color);
}

body.theme-light .genel-card-details {
  color: var(--theme-color-muted);
}

body.theme-light .notification-panel,
body.theme-light .settings-panel {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

body.theme-light .notification-panel-header,
body.theme-light .settings-panel-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: #1e293b;
}

body.theme-light .panel-header-icon {
  filter: brightness(0) invert(0.4);
}

body.theme-light .uyarilarim-panel .panel-header-icon {
  filter: brightness(0) saturate(100%) invert(50%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(0.9);
}

body.theme-light .settings-panel-header .panel-header-icon {
  filter: brightness(0) invert(0.4);
}

body.theme-light .notification-panel-close,
body.theme-light .settings-panel-close {
  color: #64748b;
}

body.theme-light .notification-panel-close:hover,
body.theme-light .settings-panel-close:hover {
  color: #1e293b;
}

body.theme-light .notification-clear-all-btn {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}

body.theme-light .notification-clear-all-btn:hover {
  background: rgba(239, 68, 68, 0.2);
}

body.theme-light .notification-clear-icon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(90%) saturate(2000%) hue-rotate(340deg) brightness(0.9);
}

body.theme-light .notification-item-delete {
  color: #64748b;
}

body.theme-light .notification-item-delete:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}

body.theme-light .notification-delete-icon {
  filter: brightness(0) invert(0.5);
}

body.theme-light .notification-item-delete:hover .notification-delete-icon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(90%) saturate(2000%) hue-rotate(340deg) brightness(0.9);
}

body.theme-light .notification-item-mark-read {
  color: #2563eb;
}

body.theme-light .notification-item-mark-read:hover {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
}

body.theme-light .notification-mark-read-icon {
  filter: brightness(0) saturate(100%) invert(50%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(0.9);
}

body.theme-light .action-btn .action-btn-icon,
body.theme-light .admin-badge-icon,
body.theme-light .badge-icon,
body.theme-light .compare-btn-icon,
body.theme-light .compare-modal-close .panel-close-icon,
body.theme-light .excel-btn-icon,
body.theme-light .filter-clear-all-icon,
body.theme-light .lock-screen-icon,
body.theme-light .magaza-bulk-btn .bulk-btn-icon,
body.theme-light .magaza-sub-tab-icon,
body.theme-light .panel-close-icon,
body.theme-light .paywall-icon,
body.theme-light .placeholder-icon,
body.theme-light .promo-btn-icon,
body.theme-light .section-title-icon,
body.theme-light .settings-btn-icon {
  filter: brightness(0) saturate(100%) invert(0.35);
}

body.theme-light .bulk-fiyat-artir-btn .bulk-btn-icon,
body.theme-light .bulk-fiyat-dusur-btn .bulk-btn-icon,
body.theme-light .bulk-satildi-btn .bulk-btn-icon,
body.theme-light .bulk-secimi-temizle .bulk-btn-icon,
body.theme-light .bulk-sil-btn .bulk-btn-icon {
  filter: brightness(0) saturate(100%) invert(0.4);
}

body.theme-light .bulk-sil-btn .bulk-btn-icon {
  filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(1200%) hue-rotate(330deg);
}

body.theme-light .bulk-satildi-btn .bulk-btn-icon {
  filter: brightness(0) saturate(100%) invert(45%) sepia(80%) saturate(600%) hue-rotate(100deg);
}

body.theme-light .settings-btn.danger .settings-btn-icon {
  filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(1200%) hue-rotate(330deg);
}

body.theme-light .notification-item,
body.theme-light .settings-panel-body {
  color: #1e293b;
}

body.theme-light .notification-item {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

body.theme-light .notification-item:hover {
  background: rgba(0, 0, 0, 0.04);
}

body.theme-light .notification-item-msg {
  color: #1e293b;
}

body.theme-light .notification-item-time {
  color: #475569;
}

body.theme-light .notification-admin-form {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .notification-admin-form textarea {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .notification-admin-form textarea::placeholder {
  color: #94a3b8;
}

body.theme-light .notification-admin-form select {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .notification-admin-form select option {
  background: #fff;
  color: #1e293b;
}

body.theme-light .settings-panel .notification-settings-section,
body.theme-light .settings-panel .profit-margin-section,
body.theme-light .settings-panel .theme-section {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .notification-setting-row {
  color: #475569;
}

body.theme-light .settings-panel .settings-block-title,
body.theme-light .settings-panel .theme-section-title {
  color: #64748b;
}

body.theme-light .settings-panel .settings-block {
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

body.theme-light .settings-panel .customer-mode-toggle-label,
body.theme-light .settings-panel .theme-toggle-label {
  color: #334155;
}

body.theme-light .settings-panel .profit-margin-wrap label {
  color: #475569;
}

body.theme-light .settings-panel .profit-margin-input {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #0f172a;
}

body.theme-light .settings-panel .settings-profile-form .profile-field-inline label {
  color: #475569;
}

body.theme-light .settings-panel .settings-profile-form .profile-field-inline input {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #0f172a;
}

body.theme-light .settings-panel .settings-profile-form .profile-field-inline input:focus {
  border-color: rgba(37, 99, 235, 0.5);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

body.theme-light .settings-panel .settings-admin-hint {
  color: #64748b;
}

body.theme-light .settings-panel .settings-btn.danger {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #b91c1c;
}

body.theme-light .settings-panel .settings-btn.danger:hover {
  background: rgba(239, 68, 68, 0.25);
}

body.theme-light .phone-input-wrap {
  background: 0 0;
  border: none;
  gap: 0.5rem;
  padding: 0;
}

body.theme-light .phone-prefix {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  color: #475569;
  font-weight: 500;
}

body.theme-light .phone-input-wrap input {
  flex: 1;
  min-width: 80px;
  padding: 0.4rem 0.6rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  color: #1e293b;
}

body.theme-light .phone-input-wrap input::placeholder {
  color: #94a3b8;
}

body.theme-light .profile-modal-body .phone-input-wrap,
body.theme-light .settings-profile-form .phone-input-wrap {
  display: inline-flex;
  width: 100%;
}

body.theme-light .header-action-btn.uyarilarim-btn {
  background: var(--theme-input-bg);
  border-color: var(--theme-border);
  color: var(--theme-color-muted);
}

body.theme-light #uyarilarim-btn .uyarilarim-icon-img {
  filter: brightness(0) saturate(100%) invert(50%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(0.9);
}

body.theme-light .header-action-btn.uyarilarim-btn:hover {
  background: var(--theme-border);
}

body.theme-light .notification-btn-text {
  color: var(--theme-color-muted);
}

body.theme-light .uyarilarim-panel {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

body.theme-light .uyarilarim-hint {
  color: #475569;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .model-alert-item {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

body.theme-light .model-alert-item:hover {
  background: rgba(0, 0, 0, 0.04);
}

body.theme-light .model-alert-brand {
  color: #2563eb;
}

body.theme-light .model-alert-model-name {
  color: #1e293b;
}

body.theme-light .model-alert-separator {
  color: rgba(0, 0, 0, 0.3);
}

body.theme-light .model-alert-price-no-limit {
  color: #475569;
}

body.theme-light .model-alert-edit-wrap {
  border-top-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .model-alert-input,
body.theme-light .model-alert-select {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .model-alert-input:focus,
body.theme-light .model-alert-select:focus {
  border-color: rgba(0, 0, 0, 0.3);
  background: #fff;
}

body.theme-light .model-alert-edit-input {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .model-alert-edit-input:focus {
  border-color: rgba(0, 0, 0, 0.3);
}

body.theme-light .model-alert-add-btn,
body.theme-light .model-alert-edit-save {
  background: #2563eb;
  border-color: #3b82f6;
  color: #fff;
}

body.theme-light .model-alert-add-btn:hover,
body.theme-light .model-alert-edit-save:hover {
  background: #3b82f6;
}

body.theme-light .uyarilarim-empty-msg {
  color: #475569;
}

body.theme-light .uyarilarim-surface {
  background: rgba(248, 250, 252, 0.94);
  border-color: rgba(148, 163, 184, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

body.theme-light .uyarilarim-panel .notification-panel-header {
  border-bottom-color: rgba(148, 163, 184, 0.18);
}

body.theme-light .uyarilarim-list {
  scrollbar-color: rgba(148, 163, 184, 0.5) transparent;
}

body.theme-light .uyarilarim-list::-webkit-scrollbar-track {
  background: rgba(148, 163, 184, 0.08);
}

body.theme-light .uyarilarim-list::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.45);
}

body.theme-light .uyarilarim-list::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.58);
}

body.theme-light .uyarilarim-stat-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border-color: rgba(148, 163, 184, 0.24);
  box-shadow: 0 10px 24px rgba(148, 163, 184, 0.12);
}

body.theme-light .uyarilarim-stat-card::before {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.92) 0%, rgba(37, 99, 235, 0) 82%);
}

body.theme-light .uyarilarim-stat-card strong {
  color: #0f172a;
}

body.theme-light .uyarilarim-stat-card span {
  color: #475569;
}

body.theme-light .uyarilarim-section-title,
body.theme-light .triggered-alerts-title {
  color: #0f172a;
}

body.theme-light .uyarilarim-inline-action,
body.theme-light .triggered-alerts-read-all {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.18);
  color: #1d4ed8;
}

body.theme-light .uyarilarim-inline-action:hover,
body.theme-light .triggered-alerts-read-all:hover {
  background: rgba(37, 99, 235, 0.14);
  border-color: rgba(37, 99, 235, 0.28);
  color: #1e40af;
}

body.theme-light .uyarilarim-inline-action.active {
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.14) 0%, rgba(37, 99, 235, 0.2) 100%);
  border-color: rgba(37, 99, 235, 0.3);
  color: #1e40af;
}

body.theme-light .triggered-alerts-summary {
  color: #475569;
}

body.theme-light .triggered-alert-item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(148, 163, 184, 0.22);
  box-shadow: 0 8px 20px rgba(148, 163, 184, 0.1);
}

body.theme-light .triggered-alert-item.triggered-alert-read {
  opacity: 0.88;
  border-left-color: rgba(148, 163, 184, 0.38);
}

body.theme-light .triggered-alert-item:hover {
  border-color: rgba(37, 99, 235, 0.24);
}

body.theme-light .triggered-alert-model {
  color: #0f172a;
}

body.theme-light .triggered-alert-fiyat {
  color: #2563eb;
}

body.theme-light .triggered-alert-tarih {
  color: #64748b;
}

body.theme-light .triggered-alert-type {
  background: rgba(245, 158, 11, 0.14);
  color: #b45309;
}

body.theme-light .triggered-alert-prev-price {
  color: #64748b;
}

body.theme-light .triggered-alert-read-btn {
  border-color: rgba(148, 163, 184, 0.3);
  color: #475569;
}

body.theme-light .triggered-alert-read-btn:hover {
  background: rgba(148, 163, 184, 0.12);
  color: #0f172a;
}

body.theme-light .triggered-alert-read-label {
  background: rgba(148, 163, 184, 0.12);
  color: #475569;
}

body.theme-light .triggered-alert-delete-btn {
  border-color: rgba(239, 68, 68, 0.25);
  color: #b91c1c;
}

body.theme-light .triggered-alert-delete-btn:hover {
  background: rgba(239, 68, 68, 0.12);
  color: #991b1b;
}

body.theme-light .model-alert-price-inline {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.16);
}

body.theme-light .model-alert-price-inline .model-alert-price {
  color: #2563eb;
}

body.theme-light .model-alert-summary-pill {
  background: rgba(148, 163, 184, 0.12);
  color: #475569;
}

body.theme-light .model-alert-summary-pill.is-hot {
  background: rgba(245, 158, 11, 0.14);
  color: #b45309;
}

body.theme-light .model-alert-last-match {
  border-top-color: rgba(148, 163, 184, 0.18);
}

body.theme-light .model-alert-last-trigger {
  color: #2563eb;
}

body.theme-light .model-alert-last-model {
  color: #0f172a;
}

body.theme-light .model-alert-last-price {
  color: #475569;
}

body.theme-light .notification-toast {
  border-color: rgba(0, 0, 0, 0.12);
}

body.theme-light .notification-toast-icon {
  filter: brightness(0) invert(0.4);
}

body.theme-light .notification-btn {
  background: var(--theme-input-bg);
  border-color: var(--theme-border);
  color: var(--theme-color-muted);
}

body.theme-light .notification-icon-img {
  filter: brightness(0) invert(0.4);
}

body.theme-light .notification-btn:hover {
  background: var(--theme-border);
}

body.theme-light .header-icon-img {
  filter: brightness(0) invert(0.4);
}

body.theme-light .header-quick-btn img.quick-icon {
  filter: brightness(0) invert(0.4);
}

body.theme-light .header-quick-btn:hover img.quick-icon {
  filter: brightness(0) invert(0.2);
}

body.theme-light .header-quick-btn {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
  color: #64748b;
}

body.theme-light .header-quick-btn:hover {
  background: rgba(0, 0, 0, 0.08);
  color: #1e293b;
}

body.theme-light .header-quick-btn.active {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.35);
  color: #d97706;
}

body.theme-light .header-quick-btn.active img.quick-icon {
  filter: brightness(0) invert(0.5) sepia(1) saturate(3) hue-rotate(15deg);
}

body.theme-light .header-settings-btn,
body.theme-light .settings-logout-btn {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
  color: #64748b;
}

body.theme-light .settings-logout-btn:hover {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.3);
  color: #b91c1c;
}

body.theme-light .logout-btn {
  background: var(--theme-input-bg);
  border-color: var(--theme-border);
  color: var(--theme-color);
}

body.theme-light .header-settings-btn:hover,
body.theme-light .logout-btn:hover {
  background: var(--theme-border);
}

body.theme-light .promo-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.75), rgba(240, 245, 255, 0.85));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(37, 99, 235, 0.18);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.08);
}

body.theme-light .promo-card:hover {
  transform: translateY(-4px) scale(1.015);
  border-color: rgba(37, 99, 235, 0.45);
  box-shadow: 0 12px 40px 0 rgba(37, 99, 235, 0.18);
}

body.theme-light .promo-card-model {
  color: var(--theme-color);
}

body.theme-light .promo-card-store {
  color: #475569;
  font-weight:450;
}

body.theme-light .promo-card-fiyat {
  color: #2563eb;
}

body.theme-light .confirm-modal-card,
body.theme-light .delete-modal-card,
body.theme-light .profile-modal-card {
  background: var(--theme-bg-card);
  border-color: var(--theme-border);
}

body.theme-light .confirm-modal-title,
body.theme-light .delete-modal-title,
body.theme-light .profile-modal-title {
  color: var(--theme-color);
}

body.theme-light .confirm-modal-text,
body.theme-light .delete-modal-text {
  color: var(--theme-color-muted);
}

body.theme-light .profile-modal-body .profile-field label {
  color: #64748b;
}

body.theme-light .profile-modal-body .profile-field input,
body.theme-light .profile-modal-body .profile-field textarea {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .profile-modal-body .profile-field input::placeholder,
body.theme-light .profile-modal-body .profile-field textarea::placeholder {
  color: #94a3b8;
}

body.theme-light .profile-modal-body .profile-field input:disabled,
body.theme-light .profile-modal-body .profile-field textarea:disabled {
  background: #f8fafc;
  color: #475569;
  border-color: rgba(0, 0, 0, 0.16);
}

body.theme-light .profile-map-fallback,
body.theme-light .profile-map-loading {
  color: #64748b;
}

body.theme-light .settings-profile-map-hint {
  color: #64748b;
}

body.theme-light .profile-inline-map {
  background: #f8fafc;
  border: 1px solid rgba(0, 0, 0, 0.14);
}

body.theme-light .profile-modal-cancel {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #475569;
}

body.theme-light .profile-modal-cancel:hover {
  background: #f1f5f9;
  color: #1e293b;
}

body.theme-light .profile-modal-save {
  background: #2563eb;
  border-color: #3b82f6;
  color: #fff;
}

body.theme-light .profile-modal-save:hover {
  background: #1d4ed8;
  border-color: #2563eb;
}

body.theme-light .magaza-bulk-bar {
  background: rgba(37, 99, 235, 0.1);
  border: 1px solid rgba(37, 99, 235, 0.3);
}

body.theme-light .magaza-bulk-count {
  color: #1e293b;
}

body.theme-light .magaza-bulk-btn {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.18);
  color: #475569;
}

body.theme-light .magaza-bulk-btn:hover {
  background: #f8fafc;
  color: #1e293b;
}

body.theme-light .bulk-satildi-btn {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.5);
  color: #15803d;
}

body.theme-light .bulk-satildi-btn:hover {
  background: rgba(34, 197, 94, 0.3);
}

body.theme-light .bulk-fiyat-artir-btn {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
  color: #1d4ed8;
}

body.theme-light .bulk-fiyat-artir-btn:hover {
  background: rgba(59, 130, 246, 0.25);
}

body.theme-light .bulk-fiyat-dusur-btn {
  background: rgba(249, 115, 22, 0.15);
  border-color: rgba(249, 115, 22, 0.5);
  color: #c2410c;
}

body.theme-light .bulk-fiyat-dusur-btn:hover {
  background: rgba(249, 115, 22, 0.25);
}

body.theme-light .bulk-sil-btn {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
  color: #b91c1c;
}

body.theme-light .bulk-sil-btn:hover {
  background: rgba(239, 68, 68, 0.25);
}

body.theme-light .bulk-secimi-temizle {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  color: #475569;
}

body.theme-light .bulk-secimi-temizle:hover {
  background: #f1f5f9;
  color: #1e293b;
}

body.theme-light .magaza-bulk-check,
body.theme-light .magaza-row-check {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}

body.theme-light .magaza-bulk-check:hover,
body.theme-light .magaza-row-check:hover {
  border-color: rgba(37, 99, 235, 0.5);
  background-color: rgba(37, 99, 235, 0.08);
}

body.theme-light .magaza-bulk-check:checked,
body.theme-light .magaza-row-check:checked {
  background: #2563eb;
  border-color: #2563eb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M10.28 2.28L3.99 8.57 1.69 6.28a1 1 0 00-1.41 1.41l3 3a1 1 0 001.42 0l7-7a1 1 0 10-1.42-1.41z'/%3E%3Csvg%3E");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

body.theme-light .uyelik-row {
  background: var(--theme-bg-card);
  border-color: var(--theme-border);
}

body.theme-light .uyelik-store-name {
  color: var(--theme-color);
}

body.theme-light .uyelik-info {
  color: var(--theme-color-muted);
}

body.theme-light .lock-screen-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.8) 0%, rgba(240, 244, 248, 0.9) 100%);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05);
}

body.theme-light .lock-screen-title {
  color: var(--theme-color);
}

body.theme-light .lock-screen-desc {
  color: var(--theme-color-muted);
}

body.theme-light .customer-mode-bar {
  border-color: var(--theme-border);
}

body.theme-light.customer-mode .customer-mode-btn {
  background: rgba(234, 88, 12, 0.15);
  border-color: rgba(234, 88, 12, 0.5);
  color: #c2410c;
}

body.theme-light.customer-mode .customer-mode-btn:hover {
  background: rgba(234, 88, 12, 0.25);
  color: #9a3412;
}

body.theme-light .dukkan-panel,
body.theme-light .model-panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(148, 163, 184, 0.2);
  box-shadow: 0 16px 36px rgba(148, 163, 184, 0.16);
}

body.theme-light .model-panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(148, 163, 184, 0.2);
}

body.theme-light .dukkan-opt {
  color: #334155;
}

body.theme-light .dukkan-opt:hover {
  background: rgba(37, 99, 235, 0.08);
}

body.theme-light .settings-panel {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

body.theme-light .settings-panel-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: #1e293b;
}

body.theme-light .settings-panel-header .panel-header-icon {
  filter: invert(0.8) sepia(1) saturate(5) hue-rotate(200deg);
}

body.theme-light .settings-panel-close {
  color: #64748b;
  background: rgba(0, 0, 0, 0.04);
}

body.theme-light .settings-panel-close:hover {
  color: #0f172a;
  background: rgba(0, 0, 0, 0.08);
}

body.theme-light .model-search {
  background: #f8fafc;
  border-color: rgba(0, 0, 0, 0.12);
  color: #1e293b;
}

body.theme-light .model-search::placeholder {
  color: #64748b;
}

body.theme-light .model-opt {
  color: #475569;
}

body.theme-light .model-opt:hover {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .dukkan-opt,
body.theme-light .model-opt {
  color: var(--theme-color);
}

body.theme-light .dukkan-opt:hover,
body.theme-light .model-opt:hover {
  background: var(--theme-input-bg);
}

body.theme-light .genel-favorilerim {
  background: var(--theme-input-bg);
  border-color: var(--theme-border);
}

body.theme-light .genel-favorilerim:checked {
  background-color: #2563eb;
  border-color: #2563eb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M10.28 2.28L3.99 8.57 1.69 6.28a1 1 0 00-1.41 1.41l3 3a1 1 0 001.42 0l7-7a1 1 0 10-1.42-1.41z'/%3E%3C/svg%3E");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

body.theme-light .genel-favorilerim-wrap {
  color: #475569;
}

body.theme-light .genel-favorilerim-wrap .favori-icon-filled {
  filter: brightness(0) saturate(100%) invert(38%) sepia(95%) saturate(900%) hue-rotate(210deg);
}

body.theme-light .genel-favori-btn .favori-btn-icon {
  filter: brightness(0) saturate(100%) invert(45%);
}

body.theme-light .genel-favori-btn.is-favori .favori-btn-icon {
  filter: brightness(0) saturate(100%) invert(38%) sepia(95%) saturate(900%) hue-rotate(210deg);
}

body.theme-light .genel-compare-bar {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

body.theme-light .genel-compare-count {
  color: #1e293b;
}

body.theme-light .genel-compare-btn {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.5);
  color: #1d4ed8;
}

body.theme-light .genel-compare-btn:hover:not(:disabled) {
  background: rgba(59, 130, 246, 0.3);
}

body.theme-light .genel-compare-clear-btn {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.18);
  color: #475569;
}

body.theme-light .genel-compare-clear-btn:hover {
  background: #f8fafc;
  color: #1e293b;
}

body.theme-light .genel-compare-add-btn {
  background: #f1f5f9;
  border-color: rgba(0, 0, 0, 0.15);
  color: #475569;
}

body.theme-light .genel-compare-add-btn:hover:not(:disabled) {
  background: #e2e8f0;
  border-color: rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .genel-compare-add-btn.is-compare {
  background: rgba(37, 99, 235, 0.18);
  border-color: rgba(37, 99, 235, 0.45);
  color: #2563eb;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}

body.theme-light .genel-card-compare-check {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}

body.theme-light .genel-card-compare-check:hover:not(:disabled) {
  border-color: rgba(37, 99, 235, 0.5);
  background-color: rgba(37, 99, 235, 0.08);
}

body.theme-light .genel-card-compare-check:checked {
  background-color: #2563eb;
  border-color: #2563eb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M10.28 2.28L3.99 8.57 1.69 6.28a1 1 0 00-1.41 1.41l3 3a1 1 0 001.42 0l7-7a1 1 0 10-1.42-1.41z'/%3E%3C/svg%3E");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}

body.theme-light .genel-copy-link {
  background: rgba(0, 0, 0, 0.08);
  color: #475569;
}

body.theme-light .genel-copy-link:hover {
  background: rgba(0, 0, 0, 0.12);
  color: #1e293b;
}

body.theme-light .search-clear-btn {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.18);
  color: #475569;
}

body.theme-light .search-clear-btn:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #1e293b;
}

body.theme-light .filter-clear-all-btn {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
  color: #64748b;
}

body.theme-light .filter-clear-all-btn:hover {
  color: #b91c1c;
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.3);
}

body.theme-light .filter-clear-all-icon {
  filter: brightness(0) saturate(100%) invert(0.35);
}

body.theme-light .filter-clear-all-btn:hover .filter-clear-all-icon {
  filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(1200%) hue-rotate(330deg);
}

body.theme-light .call-btn {
  background: #2563eb;
  color: #fff;
}

body.theme-light .call-btn:hover {
  background: #1d4ed8;
}

body.theme-light .version-footer {
  color: #94a3b8;
}

body.theme-light .info-box {
  background: rgba(37, 99, 235, 0.08);
  border: 1px solid rgba(37, 99, 235, 0.2);
  color: #1e293b;
}

body.theme-light .genel-edit-battery,
body.theme-light .genel-edit-color,
body.theme-light .genel-edit-fiyat,
body.theme-light .genel-edit-model,
body.theme-light .magaza-edit-alis,
body.theme-light select.select-dark {
  background: var(--theme-input-bg);
  border-color: var(--theme-border);
  color: var(--theme-color);
}

body.theme-light .add-form-section {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

body.theme-light .add-form-section-title {
  color: #64748b;
}

body.theme-light .add-form-label {
  color: #64748b;
}

body.theme-light .add-device-form .add-aciklama-input,
body.theme-light .add-device-form .add-select,
body.theme-light .add-device-form .select-dark,
body.theme-light .add-device-form input {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .add-aciklama-input::placeholder,
body.theme-light .add-device-form input::placeholder {
  color: #64748b;
}

body.theme-light .add-device-form .cosmetic-input-wrap label,
body.theme-light .cosmetic-input-wrap label {
  color: #475569;
}

body.theme-light .cosmetic-val {
  color: #475569;
}

body.theme-light .magaza-device-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

body.theme-light .magaza-card-model {
  color: #1e293b;
}

body.theme-light .magaza-card-fiyat {
  color: #2563eb;
}

body.theme-light .magaza-card-details {
  color: #475569;
}

body.theme-light .magaza-card-edit {
  background: #f8fafc;
  border-color: rgba(0, 0, 0, 0.12);
}

body.theme-light .magaza-card-edit-row label {
  color: #475569;
}

body.theme-light .magaza-card-edit-row input,
body.theme-light .magaza-card-edit-row select,
body.theme-light .magaza-card-edit-row textarea {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .magaza-sub-tab {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.18);
  color: #475569;
}

body.theme-light .magaza-sub-tab:hover {
  background: #f8fafc;
  color: #1e293b;
}

body.theme-light .magaza-sub-tab.active {
  background: rgba(37, 99, 235, 0.1);
  border-color: rgba(37, 99, 235, 0.3);
  color: #2563eb;
}

body.theme-light .satilan-card-metric {
  background: #f8fafc;
  border-color: rgba(0, 0, 0, 0.12);
}

body.theme-light .satilan-card-label {
  color: #64748b;
}

body.theme-light .satilan-card-value {
  color: #1e293b;
}

body.theme-light .status-btn {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.18);
  color: #475569;
}

body.theme-light .status-btn:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #1e293b;
}

body.theme-light .status-btn.satildi-btn {
  background: #16a34a;
  border-color: #16a34a;
  color: #fff;
}

body.theme-light .status-btn.satildi-btn:hover {
  background: #15803d;
  border-color: #15803d;
  color: #fff;
}

body.theme-light .magaza-card-fiyatlar {
  color: #2563eb;
}

body.theme-light .magaza-card-actions .sattim-btn {
  background: #16a34a;
  color: #fff;
}

body.theme-light .magaza-card-actions .sattim-btn:hover {
  background: #15803d;
}

body.theme-light .promo-btn {
  background: rgba(217, 119, 6, 0.15);
  border-color: rgba(217, 119, 6, 0.4);
  color: #b45309;
}

body.theme-light .promo-btn.active,
body.theme-light .promo-btn:hover {
  background: rgba(217, 119, 6, 0.22);
  border-color: rgba(217, 119, 6, 0.5);
  color: #92400e;
}

body.theme-light .empty-msg {
  color: #475569;
}

body.theme-light .cart-save-btn {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.18);
  color: #475569;
}

body.theme-light .cart-save-btn:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.1);
  color: #1e293b;
}

body.theme-light .esnaf-uyelik-band.esnaf-uyelik-yellow .esnaf-uyelik-band-text,
body.theme-light .esnaf-uyelik-band.esnaf-uyelik-yellow .esnaf-uyelik-band-title {
  color: #713f12;
}

body.theme-light .esnaf-uyelik-band.esnaf-uyelik-green .esnaf-uyelik-band-text,
body.theme-light .esnaf-uyelik-band.esnaf-uyelik-green .esnaf-uyelik-band-title {
  color: #166534;
}

body.theme-light .esnaf-uyelik-band.esnaf-uyelik-red .esnaf-uyelik-band-text,
body.theme-light .esnaf-uyelik-band.esnaf-uyelik-red .esnaf-uyelik-band-title {
  color: #991b1b;
}

body.theme-light .cosmetic-slider-track {
  background-color: #fff;
  border: 1px solid #cbd5e1;
}

body.theme-light .cosmetic-slider-empty {
  background-color: #fff;
}

body.theme-light .cosmetic-slider-fill {
  background: var(--cosmetic-accent);
}

body.theme-light .cosmetic-slider-wrap .cosmetic-range {
  background: 0 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.theme-light .cosmetic-slider-wrap .cosmetic-range::-moz-range-thumb,
body.theme-light .cosmetic-slider-wrap .cosmetic-range::-webkit-slider-thumb {
  background: #fff;
  border-color: var(--cosmetic-accent);
}

body.theme-light .durum-sifir {
  color: #166534;
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.35);
}

body.theme-light .durum-ikinci-el {
  color: #92400e;
  background: rgba(245, 158, 11, 0.25);
  border-color: rgba(245, 158, 11, 0.4);
}

body.theme-light .satilan-arsiv-title {
  color: #1e293b;
}

body.theme-light .satilan-analiz-panel {
  border-top-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .satilan-analiz-section {
  color: #475569;
}

body.theme-light .satilan-analiz-section strong {
  color: #1e293b;
}

body.theme-light .satilan-analiz-list li {
  color: #475569;
}

body.theme-light .satilan-analiz-empty {
  color: #64748b;
}

body.theme-light .restore-btn {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.4);
  color: #15803d;
}

body.theme-light .restore-btn:hover {
  background: rgba(34, 197, 94, 0.25);
  color: #166534;
}

body.theme-light .takas-panel {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

body.theme-light .takas-title {
  color: #1e293b;
}

body.theme-light .takas-form label {
  color: #475569;
}

body.theme-light .takas-input {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .takas-result {
  background: rgba(0, 0, 0, 0.04);
}

body.theme-light .takas-fark-label,
body.theme-light .takas-placeholder {
  color: #64748b;
}

body.theme-light .takas-fark-value {
  color: #2563eb;
}

body.theme-light .piyasa-panel {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

body.theme-light .piyasa-title {
  color: #1e293b;
}

body.theme-light .piyasa-desc {
  color: #475569;
}

body.theme-light .piyasa-form label {
  color: #475569;
}

body.theme-light .piyasa-model-input {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .piyasa-model-input:focus {
  border-color: rgba(37, 99, 235, 0.5);
}

body.theme-light .piyasa-model-panel {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

body.theme-light .piyasa-model-opt {
  color: #475569;
}

body.theme-light .piyasa-model-opt:hover {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .piyasa-model-panel-empty {
  color: #64748b;
}

body.theme-light .piyasa-empty,
body.theme-light .piyasa-loading,
body.theme-light .piyasa-placeholder {
  color: #64748b;
}

body.theme-light .piyasa-stat-card {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

body.theme-light .piyasa-stat-title {
  color: #1e293b;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .piyasa-stat-row {
  color: #475569;
}

body.theme-light .piyasa-stat-row strong {
  color: #2563eb;
}

body.theme-light .piyasa-stat-row.piyasa-aralik strong {
  color: #64748b;
}

body.theme-light .piyasa-oneri-block {
  border-color: rgba(0, 0, 0, 0.12);
}

body.theme-light .piyasa-oneri-avantaj {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.35);
}

body.theme-light .piyasa-oneri-risk {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.35);
}

body.theme-light .piyasa-oneri-dengeli {
  background: rgba(234, 179, 8, 0.1);
  border-color: rgba(234, 179, 8, 0.35);
}

body.theme-light .piyasa-oneri-title {
  color: #1e293b;
}

body.theme-light .piyasa-oneri-msg {
  color: #475569;
}

body.theme-light .piyasa-oneri-avantaj .piyasa-oneri-title {
  color: #15803d;
}

body.theme-light .piyasa-oneri-risk .piyasa-oneri-title {
  color: #b91c1c;
}

body.theme-light .piyasa-oneri-dengeli .piyasa-oneri-title {
  color: #a16207;
}

body.theme-light .piyasa-kendi-fiyat {
  border-top-color: rgba(0, 0, 0, 0.1);
  color: #1e293b;
}

body.theme-light .piyasa-kendi-avantaj {
  color: #15803d;
}

body.theme-light .piyasa-kendi-risk {
  color: #b91c1c;
}

body.theme-light .piyasa-kendi-dengeli {
  color: #a16207;
}

body.theme-light .add-form-piyasa-oneri {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.35);
}

body.theme-light .add-form-piyasa-text {
  color: #475569;
}

body.theme-light .add-form-piyasa-text strong {
  color: #15803d;
}

body.theme-light .add-form-oneri-btn {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.4);
  color: #15803d;
}

body.theme-light .add-form-oneri-btn:hover {
  background: rgba(34, 197, 94, 0.25);
}

body.theme-light .biz-summary-card {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

body.theme-light .business-summary-card-value,
body.theme-light .business-summary-pill-value {
  color: #0f172a;
}

body.theme-light .business-summary-period-switcher {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(148, 163, 184, 0.2);
}

body.theme-light .business-summary-period-btn {
  color: #475569;
}

body.theme-light .business-summary-period-btn:hover {
  color: #1e293b;
  background: rgba(148, 163, 184, 0.1);
}

body.theme-light .business-summary-period-btn.is-active {
  color: #1d4ed8;
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.14), rgba(37, 99, 235, 0.06));
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.18);
}

body.theme-light .business-summary-card-kpi,
body.theme-light .business-summary-pill-label {
  color: #475569;
}

body.theme-light .business-summary-card {
  border-color: rgba(148, 163, 184, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98)),
    #fff;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

body.theme-light .business-summary-card.is-success-soft {
  background:
    linear-gradient(180deg, rgba(220, 252, 231, 0.9), rgba(255, 255, 255, 0.98)),
    #fff;
}

body.theme-light .business-summary-card.is-cyan-soft {
  background:
    linear-gradient(180deg, rgba(224, 242, 254, 0.9), rgba(255, 255, 255, 0.98)),
    #fff;
}

body.theme-light .business-summary-card.is-blue-soft {
  background:
    linear-gradient(180deg, rgba(219, 234, 254, 0.92), rgba(255, 255, 255, 0.98)),
    #fff;
}

body.theme-light .business-summary-card-title {
  color: #1e293b;
}

body.theme-light .business-summary-card-chip {
  background: rgba(148, 163, 184, 0.12);
}

body.theme-light .business-summary-pill {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(148, 163, 184, 0.18);
}

body.theme-light .business-summary-progress {
  background: rgba(148, 163, 184, 0.18);
}

body.theme-light .business-summary-hero-copy,
body.theme-light .business-summary-focus-card,
body.theme-light .business-summary-hero-stat,
body.theme-light .business-summary-focus-top-stat,
body.theme-light .business-summary-focus-lead,
body.theme-light .business-summary-trend-panel,
body.theme-light .business-summary-story-card,
body.theme-light .business-summary-simple-card,
body.theme-light .business-summary-story-main-block,
body.theme-light .business-summary-story-quick-chip,
body.theme-light .business-summary-story-compare-chip,
body.theme-light .business-summary-simple-card-row,
body.theme-light .business-summary-visual-main-card,
body.theme-light .business-summary-info-card,
body.theme-light .business-summary-value-tile,
body.theme-light .business-summary-chart-shell,
body.theme-light .business-summary-chart-axis-item {
  border-color: rgba(148, 163, 184, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98)),
    #fff;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
}

body.theme-light .business-summary-hero-title,
body.theme-light .business-summary-hero-stat-value,
body.theme-light .business-summary-focus-card-title,
body.theme-light .business-summary-focus-top-value,
body.theme-light .business-summary-focus-lead-value,
body.theme-light .business-summary-trend-column-value,
body.theme-light .business-summary-metric-row-value,
body.theme-light .business-summary-story-title,
body.theme-light .business-summary-story-main-value,
body.theme-light .business-summary-story-compare-value,
body.theme-light .business-summary-story-quick-value,
body.theme-light .business-summary-simple-card-title,
body.theme-light .business-summary-simple-card-value,
body.theme-light .business-summary-visual-main-title,
body.theme-light .business-summary-delta-chip-value,
body.theme-light .business-summary-value-tile-value,
body.theme-light .business-summary-chart-axis-value,
body.theme-light .business-summary-info-card-title {
  color: #0f172a;
}

body.theme-light .business-summary-hero-text,
body.theme-light .business-summary-hero-stat-meta,
body.theme-light .business-summary-metric-row-meta,
body.theme-light .business-summary-focus-card-kicker,
body.theme-light .business-summary-hero-kicker,
body.theme-light .business-summary-trend-panel-title,
body.theme-light .business-summary-hero-stat-label,
body.theme-light .business-summary-focus-lead-label,
body.theme-light .business-summary-focus-top-label,
body.theme-light .business-summary-metric-row-label,
body.theme-light .business-summary-trend-column-label,
body.theme-light .business-summary-story-kicker,
body.theme-light .business-summary-story-main-label,
body.theme-light .business-summary-story-compare-label,
body.theme-light .business-summary-story-quick-label,
body.theme-light .business-summary-simple-card-kicker,
body.theme-light .business-summary-simple-card-label,
body.theme-light .business-summary-simple-card-note,
body.theme-light .business-summary-visual-main-kicker,
body.theme-light .business-summary-delta-chip-label,
body.theme-light .business-summary-value-tile-label,
body.theme-light .business-summary-value-tile-meta,
body.theme-light .business-summary-chart-axis-label,
body.theme-light .business-summary-chart-legend-item,
body.theme-light .business-summary-info-card-kicker,
body.theme-light .business-summary-info-card-note {
  color: #475569;
}

body.theme-light .business-summary-focus-card-chip,
body.theme-light .business-summary-story-badge,
body.theme-light .business-summary-simple-card-badge,
body.theme-light .business-summary-delta-chip {
  background: rgba(148, 163, 184, 0.12);
}

body.theme-light .business-summary-chart-grid-line {
  stroke: rgba(148, 163, 184, 0.28);
}

body.theme-light .business-summary-chart-bar {
  fill: rgba(59, 130, 246, 0.16);
  stroke: rgba(59, 130, 246, 0.45);
}

body.theme-light .business-summary-chart-point {
  stroke: #fff;
}

body.theme-light .business-summary-metric-row-track {
  background: rgba(148, 163, 184, 0.18);
}

body.theme-light .biz-summary-card.biz-summary-potansiyel {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.3);
}

body.theme-light .biz-summary-value {
  color: #2563eb;
}

body.theme-light .biz-summary-potansiyel .biz-summary-value {
  color: #15803d;
}

body.theme-light .biz-summary-label {
  color: #475569;
}

body.theme-light .unsold-section-title {
  color: #1e293b;
}

body.theme-light .unsold-list {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

body.theme-light .unsold-item {
  color: #475569;
}

body.theme-light .unsold-item:hover {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .unsold-model {
  color: #1e293b;
}

body.theme-light .unsold-fiyat {
  color: #2563eb;
}

body.theme-light .unsold-gun {
  color: #64748b;
}

body.theme-light .unsold-empty {
  color: #64748b;
}

body.theme-light .unsold-item-actions {
  border-top-color: rgba(0, 0, 0, 0.08);
}

body.theme-light .unsold-btn {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.15);
  color: #475569;
}

body.theme-light .unsold-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}

body.theme-light .unsold-reklama-al:hover {
  border-color: #ca8a04;
  color: #a16207;
}

body.theme-light .unsold-fiyat-dusur:hover {
  border-color: #2563eb;
  color: #2563eb;
}

body.theme-light .unsold-satildi-yap:hover {
  border-color: #16a34a;
  color: #16a34a;
}

body.theme-light .stat-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

body.theme-light .stat-card-value {
  color: #1e293b;
}

body.theme-light .stat-card-label {
  color: #475569;
}

/* ═══════════════════════════════════════════════════════════════════════════
   LIGHT THEME - Modern Card-Based Esnaf Create Panel
   ═══════════════════════════════════════════════════════════════════════════ */

body.theme-light .esnaf-create-panel,
body.light-theme .esnaf-create-panel {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.06), rgba(37, 99, 235, 0.03));
  border-color: rgba(59, 130, 246, 0.15);
  box-shadow: 0 8px 32px rgba(100, 116, 139, 0.08);
}

body.theme-light .esnaf-create-panel:hover,
body.light-theme .esnaf-create-panel:hover {
  box-shadow: 0 12px 48px rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
}

body.theme-light .esnaf-create-header,
body.light-theme .esnaf-create-header {
  border-bottom-color: rgba(59, 130, 246, 0.12);
}

body.theme-light .esnaf-create-title,
body.light-theme .esnaf-create-title {
  color: #1e293b;
}

body.theme-light .esnaf-create-icon,
body.light-theme .esnaf-create-icon {
  color: #2563eb;
}

body.theme-light .esnaf-create-subtitle,
body.light-theme .esnaf-create-subtitle {
  color: #64748b;
}

body.theme-light .esnaf-create-label,
body.light-theme .esnaf-create-label {
  color: #64748b;
  background: linear-gradient(to bottom, transparent 50%, #f8fafc 50%);
}

body.theme-light .esnaf-create-input,
body.light-theme .esnaf-create-input {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(203, 213, 225, 0.6);
  color: #1e293b;
}

body.theme-light .esnaf-create-input:focus,
body.light-theme .esnaf-create-input:focus {
  background: #ffffff;
  border-color: #3b82f6;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

body.theme-light .esnaf-create-input:hover:not(:focus),
body.light-theme .esnaf-create-input:hover:not(:focus) {
  border-color: rgba(148, 163, 184, 0.5);
}

body.theme-light .esnaf-create-input:focus ~ .esnaf-create-label,
body.theme-light .esnaf-create-input:not(:placeholder-shown) ~ .esnaf-create-label,
body.light-theme .esnaf-create-input:focus ~ .esnaf-create-label,
body.light-theme .esnaf-create-input:not(:placeholder-shown) ~ .esnaf-create-label {
  color: #2563eb;
}

body.theme-light .esnaf-password-toggle,
body.light-theme .esnaf-password-toggle {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.15);
}

body.theme-light .esnaf-password-toggle:hover,
body.light-theme .esnaf-password-toggle:hover {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.3);
}

body.theme-light .esnaf-password-toggle img,
body.light-theme .esnaf-password-toggle img {
  filter: brightness(0) saturate(100%) invert(35%) sepia(80%) saturate(2000%) hue-rotate(200deg) brightness(95%) contrast(95%);
  opacity: 0.7;
}

body.theme-light .esnaf-password-toggle:hover img,
body.light-theme .esnaf-password-toggle:hover img {
  opacity: 1;
}

body.theme-light .esnaf-phone-prefix,
body.light-theme .esnaf-phone-prefix {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.2);
  color: #2563eb;
}

body.theme-light .esnaf-phone-wrap:focus-within .esnaf-phone-prefix,
body.light-theme .esnaf-phone-wrap:focus-within .esnaf-phone-prefix {
  background: rgba(59, 130, 246, 0.18);
  border-color: #3b82f6;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

body.theme-light .esnaf-create-btn,
body.light-theme .esnaf-create-btn {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.25);
}

body.theme-light .esnaf-create-btn:hover:not(:disabled),
body.light-theme .esnaf-create-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);
}

body.theme-light .esnaf-create-ok,
body.light-theme .esnaf-create-ok {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(22, 163, 74, 0.08));
  border-color: rgba(34, 197, 94, 0.25);
  color: #15803d;
}

body.theme-light .esnaf-create-ok::before,
body.light-theme .esnaf-create-ok::before {
  background: rgba(34, 197, 94, 0.15);
}

body.theme-light .esnaf-create-err,
body.light-theme .esnaf-create-err {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), rgba(220, 38, 38, 0.08));
  border-color: rgba(239, 68, 68, 0.25);
  color: #b91c1c;
}

body.theme-light .esnaf-create-err::before,
body.light-theme .esnaf-create-err::before {
  background: rgba(239, 68, 68, 0.15);
}

body.theme-light .esnaf-create-result code,
body.light-theme .esnaf-create-result code {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.3);
  color: #d97706;
}

body.theme-light .esnaf-create-hint,
body.light-theme .esnaf-create-hint {
  background: rgba(59, 130, 246, 0.08);
  border-left-color: #3b82f6;
  color: #1e40af;
}

/* Light Theme - Excel Import & Model Yonetimi Panels */
body.theme-light .excel-import-panel,
body.theme-light .model-yonetimi-panel,
body.theme-light .uyelik-panel {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

body.theme-light .excel-import-title,
body.theme-light .model-yonetimi-title,
body.theme-light .uyelik-panel-title {
  color: #1e293b;
}

body.theme-light .excel-import-hint {
  color: #475569;
}

body.theme-light .model-yonetimi-input,
body.theme-light .model-yonetimi-select {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .model-yonetimi-btn {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

body.theme-light .model-yonetimi-btn:hover:not(:disabled) {
  background: #1d4ed8;
}

body.theme-light .excel-import-result,
body.theme-light .model-yonetimi-result {
  background: rgba(0, 0, 0, 0.04);
}

body.theme-light .excel-import-result.ok,
body.theme-light .model-yonetimi-ok {
  color: #15803d;
}

body.theme-light .excel-import-result.err,
body.theme-light .model-yonetimi-err {
  color: #b91c1c;
}

body.theme-light .excel-import-btn {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

body.theme-light .excel-import-btn:hover {
  background: #1d4ed8;
}

body.theme-light .excel-import-result a {
  color: #2563eb;
}

body.theme-light .uyelik-add-btn {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.18);
  color: #475569;
}

body.theme-light .uyelik-add-btn:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #1e293b;
}

body.theme-light .uyelik-add-input {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .uyelik-add-input::placeholder {
  color: #94a3b8;
}

body.theme-light .uyelik-subtract-btn {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #b45309;
}

body.theme-light .uyelik-subtract-btn:hover {
  background: rgba(245, 158, 11, 0.25);
  color: #92400e;
}

body.theme-light .uyelik-delete-btn,
body.theme-light .uyelik-end-btn {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.4);
  color: #b91c1c;
}

body.theme-light .uyelik-delete-btn:hover,
body.theme-light .uyelik-end-btn:hover {
  background: rgba(239, 68, 68, 0.2);
  color: #991b1b;
}

body.theme-light .uyelik-password-input {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .uyelik-password-input::placeholder {
  color: #94a3b8;
}

body.theme-light .uyelik-pass-btn {
  background: rgba(37, 99, 235, 0.12);
  border-color: rgba(37, 99, 235, 0.4);
  color: #1d4ed8;
}

body.theme-light .uyelik-pass-btn:hover {
  background: rgba(37, 99, 235, 0.2);
  color: #1e40af;
}

body.theme-light .uyelik-ip-reset-btn {
  background: rgba(234, 88, 12, 0.12);
  border-color: rgba(234, 88, 12, 0.4);
  color: #c2410c;
}

body.theme-light .uyelik-ip-reset-btn:hover {
  background: rgba(234, 88, 12, 0.2);
  color: #9a3412;
}

body.theme-light .uyelik-bulk-ip-reset-btn {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.35);
  color: #b91c1c;
}

body.theme-light .uyelik-bulk-ip-reset-btn:hover {
  background: rgba(239, 68, 68, 0.18);
  color: #991b1b;
}

body.theme-light .admin-badge {
  color: #1d4ed8;
  background: rgba(37, 99, 235, 0.12);
  border-color: rgba(37, 99, 235, 0.35);
}

body.theme-light .admin-store-label {
  color: #475569;
}

body.theme-light .admin-store-input {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .admin-store-input::placeholder {
  color: #94a3b8;
}

body.theme-light .admin-store-info-band {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .admin-store-info-band-name {
  color: #1e293b;
}

body.theme-light .admin-store-info-band-item {
  color: #475569;
}

body.theme-light .admin-store-info-band-item span {
  color: #1e293b;
}

body.theme-light .admin-announcement-banner {
  background: linear-gradient(135deg,
      rgba(37, 99, 235, 0.1),
      rgba(59, 130, 246, 0.08));
  border-color: rgba(59, 130, 246, 0.25);
}

body.theme-light .admin-announcement-text {
  color: #1e293b;
}

body.theme-light .admin-announcement-icon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(0.8);
}

body.theme-light .admin-announcement-close {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .admin-announcement-close:hover {
  background: rgba(0, 0, 0, 0.1);
}

.admin-announcement-view-mode {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.admin-announcement-view-actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

.admin-announcement-banner-editable {
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}

.admin-announcement-editor {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}

.admin-announcement-input-inline {
  width: 100%;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: #e8eef4;
  font-size: 0.9rem;
  font-family: inherit;
  resize: vertical;
  min-height: 60px;
}

.admin-announcement-input-inline::placeholder {
  color: rgba(232, 238, 244, 0.5);
}

.admin-announcement-input-inline:focus {
  outline: 0;
  border-color: rgba(59, 130, 246, 0.5);
  background: rgba(255, 255, 255, 0.08);
}

.admin-announcement-editor-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.admin-announcement-editor-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}

.admin-announcement-editor-btn.save {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.admin-announcement-editor-btn.save:hover {
  background: rgba(34, 197, 94, 0.3);
  border-color: rgba(34, 197, 94, 0.5);
}

.admin-announcement-editor-btn.delete {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.admin-announcement-editor-btn.delete:hover {
  background: rgba(239, 68, 68, 0.3);
  border-color: rgba(239, 68, 68, 0.5);
}

.admin-announcement-editor-btn.edit {
  background: rgba(59, 130, 246, 0.2);
  color: #93c5fd;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.admin-announcement-editor-btn.edit:hover {
  background: rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.5);
}

.admin-announcement-editor-btn.push {
  background: rgba(59, 130, 246, 0.2);
  color: #93c5fd;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.admin-announcement-editor-btn.push:hover {
  background: rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.5);
}

.admin-announcement-editor-btn.cancel {
  background: rgba(156, 163, 175, 0.2);
  color: #d1d5db;
  border: 1px solid rgba(156, 163, 175, 0.3);
}

.admin-announcement-editor-btn.cancel:hover {
  background: rgba(156, 163, 175, 0.3);
  border-color: rgba(156, 163, 175, 0.5);
}

.admin-announcement-editor-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.admin-announcement-editor-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

body.theme-light .admin-announcement-input-inline {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.15);
  color: #1e293b;
}

body.theme-light .admin-announcement-input-inline::placeholder {
  color: rgba(30, 41, 59, 0.5);
}

body.theme-light .admin-announcement-input-inline:focus {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(0, 0, 0, 0.08);
}

body.theme-light .admin-announcement-editor-btn.save {
  background: rgba(34, 197, 94, 0.15);
  color: #16a34a;
  border-color: rgba(34, 197, 94, 0.25);
}

body.theme-light .admin-announcement-editor-btn.save:hover {
  background: rgba(34, 197, 94, 0.25);
  border-color: rgba(34, 197, 94, 0.4);
}

body.theme-light .admin-announcement-editor-btn.delete {
  background: rgba(239, 68, 68, 0.15);
  color: #dc2626;
  border-color: rgba(239, 68, 68, 0.25);
}

body.theme-light .admin-announcement-editor-btn.delete:hover {
  background: rgba(239, 68, 68, 0.25);
  border-color: rgba(239, 68, 68, 0.4);
}

body.theme-light .admin-announcement-editor-btn.edit {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
  border-color: rgba(59, 130, 246, 0.2);
}

body.theme-light .admin-announcement-editor-btn.edit:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.35);
}

body.theme-light .admin-announcement-editor-btn.push {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
  border-color: rgba(59, 130, 246, 0.2);
}

body.theme-light .admin-announcement-editor-btn.push:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.35);
}

body.theme-light .admin-announcement-editor-btn.cancel {
  background: rgba(156, 163, 175, 0.12);
  color: #6b7280;
  border-color: rgba(156, 163, 175, 0.2);
}

body.theme-light .admin-announcement-editor-btn.cancel:hover {
  background: rgba(156, 163, 175, 0.2);
  border-color: rgba(156, 163, 175, 0.35);
}

@media (max-width: 1024px) {
  .admin-announcement-view-mode {
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  .admin-announcement-view-actions {
    width: 100%;
    justify-content: stretch;
  }

  .admin-announcement-banner-editable {
    padding: 0.75rem 1rem;
  }

  .admin-announcement-input-inline {
    font-size: 0.85rem;
    padding: 0.65rem;
  }

  .admin-announcement-editor-actions {
    flex-direction: column;
  }

  .admin-announcement-editor-btn {
    width: 100%;
    justify-content: center;
  }
}

body.theme-light .admin-announcement-close-icon {
  filter: brightness(0) invert(0.4);
}

body.theme-light .admin-announcement-section-title {
  color: #1e293b;
}

body.theme-light .admin-announcement-hint {
  color: #64748b;
}

body.theme-light .admin-announcement-input {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .admin-announcement-input::placeholder {
  color: #94a3b8;
}

body.theme-light .settings-admin-divider {
  background: rgba(0, 0, 0, 0.1);
}

body.theme-light .admin-store-opt {
  color: #475569;
}

body.theme-light .admin-store-opt:hover {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .action-btn {
  background: #f1f5f9;
  border-color: rgba(0, 0, 0, 0.15);
  color: #475569;
}

body.theme-light .action-btn:hover {
  background: #e2e8f0;
  color: #1e293b;
  border-color: rgba(0, 0, 0, 0.2);
}

body.theme-light .action-btn.action-delete:hover,
body.theme-light .action-btn.delete-btn:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #b91c1c;
}

body.theme-light .action-btn.action-edit:hover,
body.theme-light .action-btn.edit-btn:hover {
  background: rgba(234, 179, 8, 0.2);
  border-color: rgba(234, 179, 8, 0.4);
  color: #a16207;
}

body.theme-light .action-btn.copy-btn:hover {
  background: rgba(37, 99, 235, 0.15);
  border-color: rgba(37, 99, 235, 0.35);
  color: #1d4ed8;
}

body.theme-light .action-btn.customer-share-btn:hover {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.4);
  color: #15803d;
}

body.theme-light .action-btn.genel-save-edit-btn,
body.theme-light .action-btn.save-edit-btn {
  color: #15803d;
}

body.theme-light .action-btn.genel-save-edit-btn:hover,
body.theme-light .action-btn.save-edit-btn:hover {
  background: rgba(34, 197, 94, 0.15);
  color: #166534;
}

body.theme-light .action-btn.cancel-edit-btn,
body.theme-light .action-btn.genel-cancel-edit-btn {
  color: #b91c1c;
}

body.theme-light .action-btn.cancel-edit-btn:hover,
body.theme-light .action-btn.genel-cancel-edit-btn:hover {
  background: rgba(239, 68, 68, 0.12);
  color: #991b1b;
}

body.theme-light .customer-share-standalone-btn span {
  color: inherit;
}

body.theme-light .add-device-form button {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

body.theme-light .add-device-form button:hover {
  background: #1d4ed8;
}



body.theme-light .confirm-modal-cancel,
body.theme-light .delete-modal-cancel {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.15);
  color: #475569;
}

body.theme-light .confirm-modal-cancel:hover,
body.theme-light .delete-modal-cancel:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #1e293b;
}

body.theme-light .delete-modal-confirm {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #b91c1c;
}

body.theme-light .delete-modal-confirm:hover {
  background: rgba(239, 68, 68, 0.25);
  color: #991b1b;
}

body.theme-light .confirm-modal-confirm {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

body.theme-light .confirm-modal-confirm:hover {
  background: #1d4ed8;
}

body.theme-light .sync-toast {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(148, 163, 184, 0.24);
  color: #1e293b;
  box-shadow: 0 18px 42px rgba(148, 163, 184, 0.22);
}

body.light-theme .sync-toast {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(148, 163, 184, 0.24);
  color: #1e293b;
  box-shadow: 0 18px 42px rgba(148, 163, 184, 0.22);
}

body.theme-light .bulk-price-modal-card {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.15);
}

body.theme-light .bulk-price-modal-title {
  color: #1e293b;
}

body.theme-light .bulk-price-modal-label {
  color: #475569;
}

body.theme-light .bulk-price-modal-input {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  color: #1e293b;
}

body.theme-light .bulk-price-modal-input::placeholder {
  color: #94a3b8;
}

body.theme-light .bulk-price-modal-cancel {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.15);
  color: #475569;
}

body.theme-light .bulk-price-modal-cancel:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #1e293b;
}

body.theme-light .bulk-price-modal-ok {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

body.theme-light .bulk-price-modal-ok:hover {
  background: #1d4ed8;
}

.pull-to-refresh {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(70px + env(safe-area-inset-top));
  padding-top: env(safe-area-inset-top);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--theme-bg);
  color: var(--theme-color-muted);
  font-size: 0.85rem;
  z-index: 9998;
  transform: translateY(-100%);
  transition: transform 0.2s ease;
  pointer-events: none;
}

.pull-to-refresh.visible {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.pull-to-refresh-text {
  font-weight: 500;
}

.pull-to-refresh-spinner-wrap {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.pull-to-refresh-spinner {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.pull-to-refresh-track {
  stroke: rgba(255, 255, 255, 0.15);
}

body.theme-light .pull-to-refresh-track {
  stroke: rgba(0, 0, 0, 0.1);
}

.pull-to-refresh-progress {
  stroke: #5da8e8;
  transition: stroke-dashoffset 0.1s ease-out;
}

body.theme-light .pull-to-refresh-progress {
  stroke: #2563eb;
}

.hizli-sorgu-panel {
  padding: 1rem 1.25rem 2rem;
  max-width: 900px;
  margin: 0 auto;
}

body.customer-mode #genel-content .hizli-sorgu-panel {
  max-width: none !important;
  width: 100% !important;
  min-width: 0;
  padding: 1rem 0 2rem;
  margin: 0;
  box-sizing: border-box;
}

body.customer-mode #genel-content .hizli-sorgu-panel>* {
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

body.customer-mode #genel-content .hizli-product-list,
body.customer-mode #genel-content .hizli-section,
body.customer-mode #genel-content .hizli-sorgu-results {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

body.customer-mode .hizli-product-list {
  gap: 0.5rem;
}

body.customer-mode .hizli-product-row {
  width: 100%;
  max-width: none;
  padding: 0.6rem;
  border-radius: 12px;
  box-sizing: border-box;
  gap: 0.5rem;
}

body.customer-mode .hizli-row-thumb,
body.customer-mode .hizli-row-thumb-empty {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  flex-shrink: 0;
}

body.customer-mode .hizli-row-body {
  gap: 0.2rem;
}

body.customer-mode .hizli-row-main {
  gap: 0.3rem;
}

body.customer-mode .hizli-row-model {
  font-size: 0.82rem;
  font-weight:500;
  flex: 1 1 120px;
}

body.customer-mode .hizli-row-fiyat {
  font-size: 0.82rem;
  font-weight: 800;
  color: #4ade80;
  background: rgba(34, 197, 94, 0.1);
  padding: 0.1rem 0.35rem;
  border-radius: 6px;
}

body.light-theme.customer-mode .hizli-row-fiyat {
  color: #16a34a;
  background: rgba(34, 197, 94, 0.08);
}

body.customer-mode .hizli-row-details {
  font-size: 0.65rem;
  color: #94a3b8;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3;
}

body.customer-mode .hizli-row-store {
  max-width: 120px;
  font-size: 0.68rem;
  opacity: 0.7;
}

.hizli-sorgu-title {
  font-size: 1.1rem;
  font-weight:450;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hizli-sorgu-desc {
  font-size: 0.9rem;
  color: var(--theme-color-muted);
  margin-bottom: 1rem;
}

body.theme-light .hizli-empty,
body.theme-light .hizli-empty-hint,
body.theme-light .hizli-piyasa-empty,
body.theme-light .hizli-piyasa-hint,
body.theme-light .hizli-piyasa-list-header,
body.theme-light .hizli-row-details,
body.theme-light .hizli-row-store,
body.theme-light .hizli-section-title,
body.theme-light .hizli-sorgu-desc,
body.theme-light .takas-placeholder {
  color: #475569;
}

body.theme-light .hizli-section-title,
body.theme-light .hizli-sorgu-title {
  color: #1e293b;
}

body.theme-light .hizli-piyasa-model,
body.theme-light .hizli-row-model {
  color: #1e293b;
}

body.theme-light .hizli-takas-wrap label {
  color: #475569;
}

.hizli-sorgu-search-wrap {
  margin-bottom: 0.6rem;
}

.hizli-filtre-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.hizli-fiyat-wrap {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.hizli-fiyat-input {
  width: 90px;
  padding: 0.4rem 0.6rem;
  border-radius: 8px;
  border: 1px solid var(--theme-border);
  background: var(--theme-input-bg);
  color: var(--theme-color);
  font-size: 0.85rem;
}

.hizli-fiyat-sep {
  color: var(--theme-color-muted);
  font-size: 0.85rem;
}

.hizli-filtre-select {
  padding: 0.4rem 0.6rem;
  border-radius: 8px;
  border: 1px solid var(--theme-border);
  background: var(--theme-input-bg);
  color: var(--theme-color);
  font-size: 0.85rem;
}

.hizli-filtre-temizle-btn {
  padding: 0.4rem 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--theme-border);
  background: 0 0;
  color: var(--theme-color-muted);
  font-size: 0.82rem;
  cursor: pointer;
}

.hizli-filtre-temizle-btn:hover {
  background: var(--theme-border);
}

.hizli-sorgu-search {
  width: 100%;
  padding: 0.9rem 1rem;
  font-size: 1rem;
  border: 1px solid var(--theme-border);
  border-radius: 10px;
  background: var(--theme-input-bg);
  color: var(--theme-color);
}

.hizli-sorgu-search::placeholder {
  color: var(--theme-color-muted);
}

.hizli-sorgu-search:focus {
  outline: 0;
  border-color: #5da8e8;
}

.hizli-section {
  margin-bottom: 1.5rem;
}

.hizli-section-title {
  font-size: 0.95rem;
  font-weight:450;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.hizli-product-list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.hizli-product-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--theme-input-bg);
  border-radius: 10px;
  border: 1px solid var(--theme-border);
}

.hizli-row-thumb {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  cursor: pointer;
  border: 1px solid var(--theme-border);
  user-select: none;
}

.hizli-row-thumb-empty {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-border);
  color: var(--theme-color-muted);
}

.hizli-row-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.hizli-compare-btn {
  padding: 0.2rem 0.35rem;
  min-width: unset;
}

.hizli-row-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.hizli-row-model {
  font-weight:450;
  min-width: 0;
  flex: 1 1 140px;
  font-size: 0.95rem;
}

.hizli-row-store {
  font-size: 0.8rem;
  color: var(--theme-color-muted);
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hizli-row-fiyat {
  font-weight:450;
  color: #5da8e8;
  font-size: 0.95rem;
}

.hizli-row-details {
  font-size: 0.82rem;
  color: var(--theme-color-muted);
  line-height: 1.4;
}

.hizli-row-details .durum-badge {
  font-size: 0.7rem;
  padding: 0.15rem 0.4rem;
}

.hizli-row-aciklama {
  font-size: 0.8rem;
  color: var(--theme-color-muted);
  font-style: italic;
  line-height: 1.4;
  border-left: 2px solid var(--theme-border);
  padding-left: 0.5rem;
}

.hizli-row-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.hizli-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.4rem 0.65rem;
  font-size: 0.82rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 6px;
  white-space: nowrap;
}

.hizli-action-btn.call-btn {
  background: #22c55e;
  color: #fff;
}

.hizli-action-btn.call-btn:hover {
  background: #16a34a;
}

.hizli-action-btn.wp-action-btn {
  background: #25d366;
  color: #fff;
}

.hizli-action-btn.wp-action-btn:hover {
  background: #1da851;
}

.hizli-action-icon {
  width: 14px;
  height: 14px;
}

.hizli-info-btn {
  background: 0 0;
  border: none;
  padding: 0.3rem;
  cursor: pointer;
  color: var(--theme-color-muted);
  border-radius: 4px;
}

.hizli-info-btn:hover {
  color: #5da8e8;
  background: rgba(93, 168, 232, 0.1);
}

.hizli-takas-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 500;
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}

.hizli-takas-btn:hover {
  background: #1d4ed8;
}

.hizli-takas-icon {
  width: 14px;
  height: 14px;
}

@media (max-width: 600px) {
  .hizli-row-actions {
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.35rem;
    margin-top: 0.15rem;
  }

  .hizli-action-btn {
    padding: 0.4rem;
    font-size: 0;
    gap: 0;
    border-radius: 6px;
    flex: 0 0 auto;
    justify-content: center;
  }

  .hizli-action-btn span {
    display: none;
  }

  .hizli-takas-btn {
    padding: 0.3rem 0.55rem;
    font-size: 0.75rem;
    gap: 0.25rem;
    border-radius: 6px;
    flex: 1;
    justify-content: center;
  }

  .hizli-action-icon {
    width: 16px;
    height: 16px;
  }

  .hizli-takas-icon {
    width: 12px;
    height: 12px;
  }

  .hizli-row-main {
    gap: 0.3rem;
  }

  .hizli-row-model {
    font-size: 0.87rem;
    flex: 1 1 100px;
  }

  .hizli-row-fiyat {
    font-size: 0.87rem;
  }

  .hizli-row-store {
    font-size: 0.72rem;
    max-width: 90px;
  }

  .hizli-row-details {
    font-size: 0.75rem;
  }

  body.customer-mode .hizli-row-model {
    font-size: 0.8rem;
    flex: 1 1 100px;
  }

  body.customer-mode .hizli-row-fiyat {
    font-size: 0.8rem;
  }

  body.customer-mode .hizli-row-store {
    font-size: 0.65rem;
    max-width: 100px;
  }

  body.customer-mode .hizli-row-details {
    font-size: 0.62rem;
    -webkit-line-clamp: 2;
  }

  body.customer-mode .hizli-row-thumb,
  body.customer-mode .hizli-row-thumb-empty {
    width: 56px;
    height: 56px;
  }
}

.hizli-empty,
.hizli-empty-hint {
  font-size: 0.9rem;
  color: var(--theme-color-muted);
  padding: 0.75rem;
}

.hizli-piyasa-content {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  background: var(--theme-input-bg);
  border-radius: 10px;
  border: 1px solid var(--theme-border);
}

.hizli-piyasa-model {
  font-weight:450;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}

.hizli-piyasa-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.hizli-piyasa-card {
  flex: 1;
  min-width: 140px;
}

.hizli-piyasa-content .piyasa-stat-card {
  padding: 0.9rem 1rem;
  margin: 0;
}

.hizli-piyasa-content .piyasa-stat-title {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

.hizli-piyasa-content .piyasa-stat-row {
  font-size: 0.85rem;
  padding: 0.25rem 0;
}

.hizli-piyasa-empty {
  font-size: 0.9rem;
  color: var(--theme-color-muted);
  margin: 0.5rem 0 0;
  padding: 0.5rem 0;
}

.hizli-piyasa-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.8rem;
  font-weight:450;
  color: var(--theme-color-muted);
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--theme-border);
}

.hizli-piyasa-hint {
  font-size: 0.85rem;
  color: var(--theme-color-muted);
  margin: 0 0 0.75rem;
  padding: 0.5rem 0;
}

.hizli-piyasa-cards-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.hizli-piyasa-card {
  background: var(--theme-input-bg);
  border-radius: 12px;
  border: 1px solid var(--theme-border);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.hizli-piyasa-card-model {
  font-size: 1.05rem;
  font-weight:500;
  color: var(--theme-color);
  border-bottom: 1px solid var(--theme-border);
  padding-bottom: 0.5rem;
}

.hizli-piyasa-card-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.hizli-piyasa-type-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.hizli-piyasa-type-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hizli-piyasa-durum {
  font-size: 0.8rem;
  color: var(--theme-color);
  font-weight:500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hizli-piyasa-count {
  font-size: 0.75rem;
  color: var(--theme-color-muted);
}

.hizli-piyasa-price-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.05);
  padding: 0.5rem;
  border-radius: 8px;
}

body.theme-light .hizli-piyasa-price-grid {
  background: rgba(0, 0, 0, 0.02);
}

.hp-price-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.2rem;
}

.hp-label {
  font-size: 0.65rem;
  color: var(--theme-color-muted);
  text-transform: uppercase;
}

.hp-val {
  font-size: 0.85rem;
  font-weight:450;
  color: var(--theme-color);
}

.hp-avg .hp-val {
  color: #60a5fa;
  font-size: 0.95rem;
  font-weight:500;
}

body.theme-light .hp-avg .hp-val {
  color: #2563eb;
}

.hizli-piyasa-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 0.7rem;
  width: 100%;
}

.hizli-piyasa-market-card {
  display: grid;
  grid-template-columns: clamp(90px, 30%, 120px) minmax(0, 1fr);
  grid-template-areas:
    "top top"
    "average stats";
  align-items: stretch;
  justify-content: start;
  gap: 0.58rem 0.72rem;
  height: 118px;
  min-height: 118px;
  padding: 0.7rem;
  overflow: hidden;
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.theme-light .hizli-piyasa-market-card {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.035), rgba(15, 23, 42, 0.015));
}

.hizli-piyasa-card-top {
  grid-area: top;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.55rem;
  min-width: 0;
}

.hizli-piyasa-card-model {
  min-width: 0 !important;
  max-width: 58% !important; /* badges alanını ezmesini kesinlikle engeller */
  color: var(--theme-color) !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.hizli-piyasa-card-badges {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 0.28rem !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
  width: auto !important;
}

.hizli-piyasa-card-badges .hizli-piyasa-durum {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 0.42rem !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.12) !important;
  color: var(--theme-color-muted) !important;
  font-size: 0.64rem !important; /* iPad ve dar dikey tablet ekranlarında pürüzsüz sığma */
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.hizli-piyasa-card-badges .hizli-piyasa-storage {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 0.42rem !important;
  border-radius: 999px !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.hizli-piyasa-card-average {
  grid-area: average;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 0.18rem;
  width: 100%;
  height: 62px;
  min-height: 0;
  padding: 0.55rem 0.45rem;
  box-sizing: border-box;
  border-radius: 10px;
  background: rgba(96, 165, 250, 0.1);
  text-align: center;
}

body.theme-light .hizli-piyasa-card-average {
  background: rgba(37, 99, 235, 0.08);
}

.hizli-piyasa-card-average span {
  color: var(--theme-color-muted);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
}

.hizli-piyasa-card-average strong {
  color: #60a5fa;
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1.1;
}

body.theme-light .hizli-piyasa-card-average strong {
  color: #2563eb;
}

.hizli-piyasa-card-stats {
  grid-area: stats;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1fr);
  align-items: center;
  justify-content: space-evenly;
  column-gap: 0.25rem;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 62px;
  align-self: center;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.hizli-piyasa-card-stats span {
  display: grid;
  gap: 0.16rem;
  min-width: 0;
  overflow: hidden;
}

.hizli-piyasa-card-stats small {
  color: var(--theme-color-muted);
  font-size: 0.64rem;
  font-weight: 700;
}

.hizli-piyasa-card-stats b {
  color: var(--theme-color);
  font-size: 0.76rem;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .hizli-piyasa-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hizli-piyasa-market-card {
    grid-template-columns: clamp(108px, 32vw, 120px) minmax(0, 1fr);
    height: 134px;
    min-height: 134px;
    gap: 0.55rem 0.55rem;
  }

  .hizli-piyasa-card-average {
    width: 100%;
  }

  .hizli-piyasa-card-average,
  .hizli-piyasa-card-stats {
    height: 76px;
  }

  .hizli-piyasa-card-stats {
    grid-template-columns: minmax(48px, 1fr) minmax(52px, 1fr) minmax(24px, 0.55fr);
    grid-auto-rows: 1fr;
    justify-content: space-evenly;
    column-gap: 0.38rem;
    row-gap: 0;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    align-content: center;
  }

  .hizli-piyasa-card-stats span {
    min-width: 0;
  }

  .hizli-piyasa-card-stats small {
    font-size: 0.6rem;
  }

  .hizli-piyasa-card-stats b {
    font-size: 0.72rem;
  }
}

@media (max-width: 380px) {
  .hizli-piyasa-market-card {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 0.5rem 0.45rem;
    padding: 0.62rem;
  }

  .hizli-piyasa-card-average strong {
    font-size: 0.98rem;
  }

  .hizli-piyasa-card-average span,
  .hizli-piyasa-card-stats small {
    font-size: 0.56rem;
  }

  .hizli-piyasa-card-stats {
    grid-template-columns: minmax(44px, 1fr) minmax(48px, 1fr) minmax(22px, 0.5fr);
    column-gap: 0.28rem;
  }

  .hizli-piyasa-card-stats b {
    font-size: 0.66rem;
  }
}

.hizli-piyasa-table {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.hizli-piyasa-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 58px 96px 104px 96px;
  align-items: center;
  gap: 0.55rem;
  min-height: 46px;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--theme-border);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
}

body.theme-light .hizli-piyasa-row {
  background: rgba(15, 23, 42, 0.035);
}

.hizli-piyasa-row-head {
  min-height: 30px;
  padding: 0.25rem 0.75rem;
  border-color: transparent;
  background: transparent;
  color: var(--theme-color-muted);
  font-size: 0.68rem;
  font-weight: 650;
  text-transform: uppercase;
}

.hizli-piyasa-row-head span:nth-child(n+3) {
  justify-self: end;
  text-align: right;
}

body.theme-light .hizli-piyasa-row-head {
  background: transparent;
}

.hizli-piyasa-row-main {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}

.hizli-piyasa-row-model {
  min-width: 0;
  color: var(--theme-color);
  font-size: 0.9rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hizli-piyasa-row-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 0 0 auto;
}

.hizli-piyasa-storage,
.hizli-piyasa-row .hizli-piyasa-durum {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 0.45rem;
  border-radius: 999px;
  background: rgba(96, 165, 250, 0.12);
  color: #bfdbfe;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.hizli-piyasa-row .hizli-piyasa-durum {
  background: rgba(148, 163, 184, 0.12);
  color: var(--theme-color-muted);
}

body.theme-light .hizli-piyasa-storage {
  background: rgba(37, 99, 235, 0.1);
  color: #1d4ed8;
}

body.theme-light .hizli-piyasa-row .hizli-piyasa-durum {
  background: rgba(15, 23, 42, 0.07);
}

.hizli-piyasa-row .hizli-piyasa-count {
  justify-self: start;
  color: var(--theme-color-muted);
  font-size: 0.76rem;
  white-space: nowrap;
}

.hizli-piyasa-price {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  justify-self: end;
  gap: 0.45rem;
  min-width: 0;
  color: var(--theme-color);
  font-size: 0.82rem;
  text-align: right;
}

.hizli-piyasa-price small {
  display: none;
  color: var(--theme-color-muted);
  font-size: 0.66rem;
  font-weight: 600;
  white-space: nowrap;
}

.hizli-piyasa-price b {
  font-size: 0.86rem;
  font-weight: 800;
  white-space: nowrap;
}

.hizli-piyasa-price.hp-avg b {
  color: #60a5fa;
  font-size: 0.94rem;
}

body.theme-light .hizli-piyasa-price.hp-avg b {
  color: #2563eb;
}

@media (max-width: 700px) {
  .hizli-piyasa-row-head {
    display: none;
  }

  .hizli-piyasa-table {
    gap: 0.5rem;
  }

  .hizli-piyasa-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem 0.65rem;
    min-height: 0;
    padding: 0.65rem;
  }

  .hizli-piyasa-row-main {
    grid-column: 1 / -1;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
  }

  .hizli-piyasa-row-meta {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .hizli-piyasa-row .hizli-piyasa-count {
    grid-column: 1 / -1;
  }

  .hizli-piyasa-price {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.1rem;
    padding-top: 0.25rem;
    text-align: left;
  }

  .hizli-piyasa-price small {
    display: block;
    font-size: 0.62rem;
  }

  .hizli-piyasa-price b {
    font-size: 0.82rem;
  }
}

.hizli-takas-wrap {
  margin-top: 2rem;
  padding: 1.25rem 0 1rem;
  border-top: 1px solid var(--theme-border);
}

.hizli-takas-wrap .hizli-section-title {
  margin-bottom: 0.75rem;
}

.hizli-takas-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.hizli-takas-form label {
  font-size: 0.9rem;
  color: var(--theme-color-muted);
}

.hizli-takas-input {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  background: var(--theme-input-bg);
  border: 1px solid var(--theme-border);
  border-radius: 8px;
  color: var(--theme-color);
}

.hizli-takas-input:focus {
  outline: 0;
  border-color: #5da8e8;
}

.hizli-takas-result {
  padding: 1rem 1.25rem;
  background: rgba(93, 168, 232, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(93, 168, 232, 0.2);
}

.hizli-takas-result .takas-placeholder {
  font-size: 0.9rem;
  color: var(--theme-color-muted);
  margin: 0;
}

.hizli-takas-result .takas-fark-label {
  font-size: 0.9rem;
  color: var(--theme-color-muted);
  margin: 0 0 0.25rem;
}

.hizli-takas-result .takas-fark-value {
  font-size: 1.5rem;
  font-weight:500;
  color: #5da8e8;
  margin: 0;
}

.triggered-alerts-title {
  font-size: 0.86rem;
  font-weight:500;
  color: #e5edf7;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.triggered-alerts-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.triggered-alerts-surface {
  padding: 0.85rem;
}

.triggered-alerts-read-all {
  border: 1px solid rgba(125, 193, 255, 0.18);
  background: rgba(125, 193, 255, 0.08);
  color: #dbeafe;
  border-radius: 999px;
  padding: 0.42rem 0.8rem;
  font-size: 0.75rem;
  font-weight:450;
  line-height: 1.2;
  cursor: pointer;
}

.triggered-alerts-summary {
  margin: 0.1rem 0 0.55rem;
  font-size: 0.8rem;
  color: #c7d3e3;
}

.triggered-alerts-list {
  list-style: none;
  padding: 0;
  margin: 0 0 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  max-height: 240px;
  overflow-y: auto;
  padding-right: 0.1rem;
}

#uyarilarim-tracking-view .uyarilarim-list {
  max-height: min(44vh, 430px);
}

.triggered-alert-item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.034) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-left: 3px solid #f4a62a;
  border-radius: 14px;
  padding: 0.8rem 0.9rem;
  transition: opacity 0.2s, border-color 0.2s, transform 0.2s;
}

.triggered-alert-item.triggered-alert-read {
  opacity: 0.62;
  border-left-color: var(--theme-border, rgba(255, 255, 255, 0.15));
}

.triggered-alert-item:hover {
  border-color: rgba(125, 193, 255, 0.18);
  transform: translateY(-1px);
}

.triggered-alert-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.7rem;
}

.triggered-alert-copy {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  flex: 1;
  min-width: 0;
}

.triggered-alert-info {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  min-width: 0;
}

.triggered-alert-meta {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.triggered-alert-model {
  font-weight:500;
  font-size: 0.95rem;
  color: #f2f7fb;
}

.triggered-alert-fiyat {
  font-size: 0.9rem;
  color: #7dc1ff;
  font-weight:450;
}

.triggered-alert-tarih {
  font-size: 0.78rem;
  color: #9eb1c8;
  white-space: nowrap;
}

.triggered-alert-type {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.52rem;
  border-radius: 999px;
  background: rgba(244, 166, 42, 0.12);
  color: #ffd289;
  font-size: 0.72rem;
  font-weight:500;
  letter-spacing: 0.02em;
}

.triggered-alert-prev-price {
  color: #8aa0ba;
  font-size: 0.78rem;
}

.triggered-alert-actions {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-shrink: 0;
  align-self: center;
}

.triggered-alert-goto-btn {
  font-size: 0.75rem;
  padding: 0.22rem 0.55rem;
  border-radius: 6px;
  border: 1px solid var(--theme-accent, #5da8e8);
  background: 0 0;
  color: var(--theme-accent, #5da8e8);
  cursor: pointer;
  font-weight:450;
  transition:
    background 0.15s,
    color 0.15s;
}

.triggered-alert-goto-btn:hover {
  background: var(--theme-accent, #5da8e8);
  color: #fff;
}

.triggered-alert-read-btn {
  font-size: 0.75rem;
  padding: 0.22rem 0.55rem;
  border-radius: 6px;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.15));
  background: 0 0;
  color: var(--theme-color-muted);
  cursor: pointer;
  font-weight: 500;
  transition:
    background 0.15s,
    color 0.15s;
}

.triggered-alert-read-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--theme-color-text, #fff);
}

.triggered-alert-read-label {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  color: var(--theme-color-muted);
  background: rgba(255, 255, 255, 0.05);
  opacity: 0.85;
}

.triggered-alert-delete-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(248, 113, 113, 0.24);
  background: rgba(248, 113, 113, 0.08);
  cursor: pointer;
  transition:
    background 0.15s,
    border-color 0.15s,
    transform 0.15s;
}

.triggered-alert-delete-btn:hover {
  background: rgba(248, 113, 113, 0.16);
  border-color: rgba(248, 113, 113, 0.34);
  transform: translateY(-1px);
}

.triggered-alert-delete-icon {
  width: 14px;
  height: 14px;
  opacity: 0.9;
}

@media (max-width: 900px) {
  .triggered-alert-main {
    flex-wrap: wrap;
  }

  .triggered-alert-actions {
    width: 100%;
    justify-content: flex-start;
  }
}

.highlight-row {
  animation: highlightFade 2.5s ease;
}

@keyframes highlightFade {
  0% {
    background: rgba(93, 168, 232, 0.25);
  }

  100% {
    background: 0 0;
  }
}

.uyarilarim-badge {
  position: absolute;
  top: -4px;
  right: -6px;
  background: #e74c3c;
  color: #fff;
  font-size: 0.65rem;
  font-weight:500;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  line-height: 1;
}

.uyarilarim-btn {
  position: relative;
}

.model-count-badge {
  display: inline-flex;
  align-items: center;
  background: rgba(93, 168, 232, 0.15);
  color: var(--theme-accent, #5da8e8);
  border: 1px solid rgba(93, 168, 232, 0.3);
  border-radius: 4px;
  font-size: 0.68rem;
  font-weight:500;
  padding: 1px 5px;
  vertical-align: middle;
  white-space: nowrap;
}

.genel-model-count-info {
  color: var(--theme-accent, #5da8e8);
  font-size: 0.85em;
}

.genel-model-count-info strong {
  font-weight:500;
}

.fiyat-uyari {
  font-size: 0.8rem;
  color: #e67e22;
  background: rgba(230, 126, 34, 0.1);
  border: 1px solid rgba(230, 126, 34, 0.3);
  border-radius: 6px;
  padding: 0.3rem 0.6rem;
  margin-top: 0.25rem;
}

.suresi-dolan-section {
  margin: 1rem 0 0;
  padding: 1rem;
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, 0.1), transparent 26%),
    linear-gradient(180deg, rgba(17, 24, 39, 0.92), rgba(15, 23, 42, 0.9));
  border: 1px solid rgba(96, 165, 250, 0.16);
  border-radius: 16px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 18px 36px rgba(2, 8, 23, 0.16);
}

/* V56: Satilanlar arsivi ozet satiri esit genislik ve dusuk bosluk */
#magaza-satilan-content .satilan-filter-main-row {
  gap: 8px !important;
}

#magaza-satilan-content .satilan-filter-main-group-secondary {
  gap: 6px !important;
}

#magaza-satilan-content .satilan-filter-footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  margin-top: 0.45rem !important;
  padding-top: 8px !important;
}

#magaza-satilan-content .satilan-summary-row {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}

#magaza-satilan-content .satilan-summary-row > * {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

#magaza-satilan-content .satilan-summary-card {
  flex: none !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  min-height: 88px !important;
  padding: 0.9rem 0.95rem !important;
  border-radius: 18px !important;
}

@media (max-width: 1320px) {
  #magaza-satilan-content .satilan-summary-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 960px) {
  #magaza-satilan-content .satilan-summary-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  #magaza-satilan-content .satilan-summary-row {
    grid-template-columns: 1fr !important;
  }
}

/* V58: Satilan filtreleri tablet ve buyuk telefonlarda hizali tut */
@media (min-width: 961px) and (max-width: 1320px) {
  #magaza-satilan-content .satilan-filter-main-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  #magaza-satilan-content .satilan-filter-main-group-secondary {
    grid-template-columns: minmax(14rem, 1fr) auto !important;
    justify-self: stretch !important;
    align-items: end !important;
    gap: 10px !important;
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 960px) {
  #magaza-satilan-content .satilan-filter-main-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  #magaza-satilan-content .satilan-filter-main-group-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #magaza-satilan-content .satilan-filter-search,
  #magaza-satilan-content .satilan-quick-range-inline {
    grid-column: 1 / -1 !important;
  }

  #magaza-satilan-content .satilan-quick-range-inline {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #magaza-satilan-content .satilan-filter-main-group-secondary {
    grid-template-columns: minmax(0, 1fr) auto !important;
    justify-self: stretch !important;
    align-items: end !important;
    gap: 10px !important;
    width: 100% !important;
  }

  #magaza-satilan-content .satilan-filter-sort {
    min-width: 0 !important;
  }

  #magaza-satilan-content .satilan-filter-clear-btn.filter-clear-all-btn {
    min-width: 6.75rem !important;
  }
}

@media (min-width: 540px) and (max-width: 767px) {
  #magaza-satilan-content .satilan-filter-main-group-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #magaza-satilan-content .satilan-filter-search,
  #magaza-satilan-content .satilan-quick-range-inline {
    grid-column: 1 / -1 !important;
  }

  #magaza-satilan-content .satilan-quick-range-inline {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #magaza-satilan-content .satilan-filter-main-group-secondary {
    grid-template-columns: minmax(0, 1fr) auto !important;
    width: 100% !important;
    gap: 8px !important;
    align-items: end !important;
  }

  #magaza-satilan-content .satilan-sort-select.genel-sort {
    width: 100% !important;
  }

  #magaza-satilan-content .satilan-filter-clear-btn.filter-clear-all-btn {
    min-width: 6.5rem !important;
    width: auto !important;
  }
}

/* V59: Satilan kartlarinda tekrar aktife al butonu her kartta tam genislikte ve esit olsun */
#magaza-satilan-content #magaza-satilan-cards .satilan-device-card,
#magaza-satilan-cards .satilan-device-card {
  grid-template-rows: auto 1fr auto !important;
  align-items: stretch !important;
  padding-bottom: 66px !important;
  position: relative !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-actions,
#magaza-satilan-cards .satilan-device-card .magaza-card-actions {
  display: block !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  width: auto !important;
  justify-self: auto !important;
  align-self: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
}

#magaza-satilan-content #magaza-satilan-cards .restore-to-stock-btn,
#magaza-satilan-cards .satilan-device-card .restore-to-stock-btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 0.82rem !important;
  font-weight:500 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

/* V58: Satilanlar Arsivi exact filter layout */
#magaza-satilan-content .satilan-filter-main-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

#magaza-satilan-content .satilan-filter-main-row > .satilan-filter-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

#magaza-satilan-content .satilan-filter-search {
  flex: 2 1 0 !important;
  min-width: 160px !important;
  grid-column: auto !important;
}

#magaza-satilan-content .satilan-filter-main-row > .satilan-filter-field:not(.satilan-filter-search):not(.satilan-filter-sort) {
  flex: 1.5 1 0 !important;
  min-width: 130px !important;
}

#magaza-satilan-content .satilan-filter-sort {
  flex: 1.2 1 0 !important;
  min-width: 130px !important;
  grid-column: auto !important;
}

#magaza-satilan-content .satilan-quick-range-inline {
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  padding-bottom: 2px !important;
  margin: 0 !important;
  grid-column: auto !important;
}

#magaza-satilan-content .satilan-filter-clear-btn {
  flex-shrink: 0 !important;
  padding-bottom: 2px !important;
  align-self: flex-end !important;
}

@media (max-width: 1024px) {
  #magaza-satilan-content .satilan-filter-main-row {
    flex-wrap: wrap !important;
  }

  #magaza-satilan-content .satilan-filter-search {
    flex: 1 1 calc(40% - 12px) !important;
  }

  #magaza-satilan-content .satilan-filter-main-row > .satilan-filter-field:not(.satilan-filter-search):not(.satilan-filter-sort) {
    flex: 1 1 calc(30% - 12px) !important;
  }

  #magaza-satilan-content .satilan-quick-range-inline {
    order: 10 !important;
    flex-wrap: wrap !important;
  }

  #magaza-satilan-content .satilan-filter-sort {
    order: 11 !important;
    flex: 1 1 220px !important;
  }

  #magaza-satilan-content .satilan-filter-clear-btn {
    order: 12 !important;
  }
}

@media (max-width: 640px) {
  #magaza-satilan-content .satilan-filter-main-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #magaza-satilan-content .satilan-filter-main-row > .satilan-filter-field,
  #magaza-satilan-content .satilan-filter-search,
  #magaza-satilan-content .satilan-filter-sort,
  #magaza-satilan-content .satilan-quick-range-inline,
  #magaza-satilan-content .satilan-filter-clear-btn {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }

  #magaza-satilan-content .satilan-quick-range-inline {
    flex-wrap: wrap !important;
  }
}

/* V57: Satilanlar Arsivi single-row desktop filters */
#magaza-satilan-content .satilan-filter-main-row {
  display: grid !important;
  grid-template-columns: minmax(240px, 320px) minmax(150px, 170px) minmax(150px, 170px) auto minmax(150px, 180px) 96px !important;
  gap: 12px !important;
  align-items: end !important;
}

#magaza-satilan-content .satilan-quick-range-inline {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  max-width: none !important;
}

#magaza-satilan-content .satilan-quick-range-inline .satilan-quick-range-btn.filter-clear-all-btn {
  padding: 0.42rem 0.68rem !important;
  font-size: 0.8rem !important;
}

#magaza-satilan-content .satilan-filter-sort {
  min-width: 150px !important;
}

#magaza-satilan-content #satilan-filtre-temizle {
  width: 96px !important;
  justify-self: end !important;
  align-self: end !important;
}

@media (max-width: 1280px) {
  #magaza-satilan-content .satilan-filter-main-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #magaza-satilan-content .satilan-filter-search {
    grid-column: 1 / -1 !important;
  }

  #magaza-satilan-content .satilan-quick-range-inline {
    grid-column: 1 / -1 !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  #magaza-satilan-content .satilan-filter-sort {
    min-width: 0 !important;
  }

  #magaza-satilan-content #satilan-filtre-temizle {
    width: 100% !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 760px) {
  #magaza-satilan-content .satilan-filter-main-row {
    grid-template-columns: 1fr !important;
  }

  #magaza-satilan-content .satilan-filter-field,
  #magaza-satilan-content .satilan-filter-sort,
  #magaza-satilan-content .satilan-filter-search,
  #magaza-satilan-content .satilan-quick-range-inline {
    grid-column: auto !important;
  }
}

/* V56: Satilanlar Arsivi inline quick filters */
#magaza-satilan-content .satilan-filter-main-row {
  grid-template-columns: minmax(240px, 360px) minmax(160px, 190px) minmax(160px, 190px) auto minmax(170px, 210px) auto !important;
  align-items: end !important;
}

#magaza-satilan-content .satilan-quick-range-inline {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  align-self: end !important;
}

#magaza-satilan-content .satilan-quick-range-inline .satilan-quick-range-btn.filter-clear-all-btn {
  min-height: 2.35rem !important;
  padding: 0.45rem 0.78rem !important;
  white-space: nowrap !important;
}

#magaza-satilan-content .satilan-filter-sort {
  min-width: 0 !important;
}

#magaza-satilan-content .satilan-filter-footer {
  grid-template-columns: 1fr !important;
  margin-top: 0.55rem !important;
}

#magaza-satilan-content .satilan-summary-row {
  justify-content: flex-start !important;
}

#magaza-satilan-content .satilan-summary-card {
  flex: 0 0 210px !important;
  min-width: 210px !important;
}

@media (max-width: 1320px) {
  #magaza-satilan-content .satilan-filter-main-row {
    grid-template-columns: minmax(240px, 1fr) repeat(2, minmax(160px, 1fr)) !important;
  }

  #magaza-satilan-content .satilan-filter-search {
    grid-column: 1 / -1;
  }

  #magaza-satilan-content .satilan-quick-range-inline {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  #magaza-satilan-content .satilan-filter-main-row {
    grid-template-columns: 1fr !important;
  }

  #magaza-satilan-content .satilan-quick-range-inline {
    grid-column: auto !important;
  }

  #magaza-satilan-content .satilan-summary-card {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
}

/* V55: Satilanlar Arsivi footer compaction */
#magaza-satilan-content .satilan-filter-footer {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin-top: 0.7rem !important;
}

#magaza-satilan-content .satilan-quick-range-row {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 320px !important;
}

#magaza-satilan-content .satilan-quick-range-btn.filter-clear-all-btn {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

#magaza-satilan-content .satilan-summary-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

#magaza-satilan-content .satilan-summary-card {
  flex: none !important;
  min-width: 0 !important;
  max-width: none !important;
}

@media (max-width: 980px) {
  #magaza-satilan-content .satilan-filter-footer {
    grid-template-columns: 1fr !important;
  }

  #magaza-satilan-content .satilan-quick-range-row {
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  #magaza-satilan-content .satilan-summary-row {
    grid-template-columns: 1fr !important;
  }
}

/* V54: Satilanlar Arsivi compact filter density */
#magaza-satilan-content .satilan-filter-panel.filter-bar {
  padding: 0.8rem !important;
}

#magaza-satilan-content .satilan-filter-main-row {
  grid-template-columns: minmax(240px, 360px) minmax(180px, 220px) minmax(180px, 220px) minmax(180px, 220px) auto !important;
  justify-content: start !important;
  gap: 10px !important;
}

#magaza-satilan-content .satilan-filter-search,
#magaza-satilan-content .satilan-filter-sort,
#magaza-satilan-content .satilan-filter-field {
  flex: none !important;
}

#magaza-satilan-content .satilan-arama-input.genel-search,
#magaza-satilan-content .satilan-date-input.genel-filter-control,
#magaza-satilan-content .satilan-sort-select.genel-sort {
  max-width: 100% !important;
}

#magaza-satilan-content .satilan-quick-range-row {
  gap: 8px !important;
}

#magaza-satilan-content .satilan-summary-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: stretch !important;
}

#magaza-satilan-content .satilan-summary-card {
  flex: 0 0 220px !important;
  min-width: 220px !important;
  max-width: 260px !important;
  min-height: 72px !important;
}

@media (max-width: 1180px) {
  #magaza-satilan-content .satilan-filter-main-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #magaza-satilan-content .satilan-filter-search {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  #magaza-satilan-content .satilan-summary-card {
    flex: 1 1 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

/* V53: Satilanlar Arsivi filter polish */
#magaza-satilan-content .satilan-arsiv-shell {
  padding: 0 !important;
  margin-bottom: 1rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#magaza-satilan-content .satilan-arsiv-head {
  margin-bottom: 0.65rem !important;
}

#magaza-satilan-content .satilan-arsiv-subtitle {
  margin-top: 0.22rem !important;
  font-size: 0.82rem !important;
  color: rgba(203, 213, 225, 0.72) !important;
}

#magaza-satilan-content .satilan-filter-panel.filter-bar {
  padding: 0.9rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  background: linear-gradient(180deg, rgba(24, 34, 52, 0.74), rgba(18, 27, 43, 0.62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 12px 24px rgba(2, 8, 23, 0.1) !important;
}

#magaza-satilan-content .satilan-filter-main-row {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.15fr) minmax(160px, 0.9fr) minmax(160px, 0.9fr) minmax(180px, 0.9fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  padding-bottom: 0.6rem !important;
  margin-bottom: 0.45rem !important;
}

#magaza-satilan-content .satilan-filter-search {
  flex: none !important;
}

#magaza-satilan-content .satilan-filter-field {
  gap: 0.28rem !important;
}

#magaza-satilan-content .satilan-filter-label {
  font-size: 0.7rem !important;
}

#magaza-satilan-content .satilan-arama-input.genel-search,
#magaza-satilan-content .satilan-date-input.genel-filter-control,
#magaza-satilan-content .satilan-sort-select.genel-sort {
  min-height: 2.4rem !important;
}

#magaza-satilan-content .satilan-filter-clear-btn.filter-clear-all-btn {
  min-height: 2.4rem !important;
  padding: 0.5rem 0.85rem !important;
}

#magaza-satilan-content .satilan-quick-range-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-top: 0 !important;
}

#magaza-satilan-content .satilan-quick-range-btn.filter-clear-all-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  justify-content: center !important;
  padding: 0.42rem 0.82rem !important;
  margin: 0 !important;
}

#magaza-satilan-content .satilan-summary-row {
  margin-top: 0.75rem !important;
  gap: 0.6rem !important;
}

#magaza-satilan-content .satilan-summary-card {
  min-height: 76px !important;
  padding: 0.8rem 0.95rem !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

body.theme-light #magaza-satilan-content .satilan-arsiv-subtitle,
body.light-theme #magaza-satilan-content .satilan-arsiv-subtitle {
  color: #64748b !important;
}

body.theme-light #magaza-satilan-content .satilan-filter-panel.filter-bar,
body.light-theme #magaza-satilan-content .satilan-filter-panel.filter-bar {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.99) 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 18px 36px rgba(148, 163, 184, 0.14) !important;
}

@media (max-width: 1100px) {
  #magaza-satilan-content .satilan-filter-main-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #magaza-satilan-content .satilan-filter-search {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  #magaza-satilan-content .satilan-filter-main-row {
    grid-template-columns: 1fr !important;
  }
}

/* V52: Satilanlar Arsivi align with existing filter/card system */
#magaza-satilan-content .satilan-arsiv-shell {
  margin-bottom: 1rem;
}

#magaza-satilan-content .satilan-arsiv-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

#magaza-satilan-content .satilan-arsiv-head-copy {
  min-width: 0;
}

#magaza-satilan-content .satilan-arsiv-title {
  margin: 0;
}

#magaza-satilan-content .satilan-arsiv-subtitle {
  margin: 0.35rem 0 0;
  font-size: 0.84rem;
  line-height: 1.5;
  color: var(--theme-color-muted);
}

#magaza-satilan-content .satilan-filter-panel.filter-bar {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.025);
  box-shadow: 0 12px 28px rgba(2, 8, 23, 0.12);
}

#magaza-satilan-content .satilan-filter-main-row {
  align-items: flex-end;
}

#magaza-satilan-content .satilan-filter-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  flex: 1 1 170px;
}

#magaza-satilan-content .satilan-filter-search {
  flex: 1.2 1 240px;
}

#magaza-satilan-content .satilan-filter-sort {
  flex: 0.85 1 180px;
}

#magaza-satilan-content .satilan-filter-label {
  font-size: 0.72rem;
  font-weight:500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8ea3ba;
}

#magaza-satilan-content .satilan-arama-input.genel-search,
#magaza-satilan-content .satilan-date-input.genel-filter-control,
#magaza-satilan-content .satilan-sort-select.genel-sort {
  width: 100%;
  min-width: 0;
}

#magaza-satilan-content .satilan-filter-clear-btn.filter-clear-all-btn {
  min-height: 2.5rem;
}

#magaza-satilan-content .satilan-quick-range-row {
  padding-top: 0;
  margin-top: 0.15rem;
}

#magaza-satilan-content .satilan-quick-range-btn.filter-clear-all-btn {
  min-height: 2.25rem;
  padding: 0.45rem 0.85rem;
  color: #9ca8b8;
}

#magaza-satilan-content .satilan-quick-range-btn.active {
  color: #5da8e8;
  background: rgba(93, 168, 232, 0.12);
  border-color: rgba(93, 168, 232, 0.28);
}

#magaza-satilan-content .satilan-summary-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.9rem;
}

#magaza-satilan-content .satilan-summary-card {
  min-height: 82px;
  padding: 0.9rem 1rem;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

#magaza-satilan-content .satilan-summary-label {
  display: block;
  margin-bottom: 0.28rem;
  font-size: 0.72rem;
  font-weight:500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8ea3ba;
}

#magaza-satilan-content .satilan-summary-value {
  display: block;
  font-size: 1.1rem;
  font-weight:500;
  color: #f8fafc;
}

#magaza-satilan-content .satilan-arsiv-listing-row {
  margin-bottom: 0.75rem;
}

#magaza-satilan-content #magaza-satilan-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 0.75rem !important;
  align-items: stretch !important;
}

@media (min-width: 1280px) {
  #magaza-satilan-content #magaza-satilan-cards {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
  }
}

#magaza-satilan-content #magaza-satilan-cards .satilan-device-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 220px !important;
  height: 100% !important;
  padding: 1.25rem !important;
  gap: 0.75rem !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-top {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-main {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  gap: 0.45rem !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip {
  flex: 0 0 60px !important;
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb {
  width: 60px !important;
  min-width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  transform: none !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb:nth-child(n + 2) {
  display: none !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-header {
  display: block !important;
  margin: 0 !important;
  min-width: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-model {
  min-width: 0 !important;
  font-size: 0.95rem !important;
  font-weight:450 !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-fiyat,
#magaza-satilan-content #magaza-satilan-cards .magaza-card-fiyatlar {
  display: none !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-details {
  margin: 0 !important;
  font-size: 0.75rem !important;
  color: #64748b !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.4 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metrics {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 8px !important;
  margin: 12px 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metric {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  text-align: center !important;
  min-width: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-label {
  display: block !important;
  margin-bottom: 2px !important;
  font-size: 0.7rem !important;
  color: #64748b !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-value {
  display: block !important;
  font-size: 0.9rem !important;
  font-weight:500 !important;
  color: #f1f5f9 !important;
  line-height: 1.35 !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  margin-top: auto !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .restore-to-stock-btn {
  width: 100% !important;
  margin-top: auto !important;
  padding: 10px !important;
  border-radius: 8px !important;
  font-size: 0.85rem !important;
  font-weight:450 !important;
  min-height: 0 !important;
  height: auto !important;
}

body.theme-light #magaza-satilan-content .satilan-filter-panel.filter-bar,
body.light-theme #magaza-satilan-content .satilan-filter-panel.filter-bar {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.99) 100%);
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: 0 18px 36px rgba(148, 163, 184, 0.14);
}

body.theme-light #magaza-satilan-content .satilan-arsiv-subtitle,
body.light-theme #magaza-satilan-content .satilan-arsiv-subtitle,
body.theme-light #magaza-satilan-content .satilan-summary-label,
body.light-theme #magaza-satilan-content .satilan-summary-label,
body.theme-light #magaza-satilan-content .satilan-filter-label,
body.light-theme #magaza-satilan-content .satilan-filter-label {
  color: #64748b;
}

body.theme-light #magaza-satilan-content .satilan-summary-card,
body.light-theme #magaza-satilan-content .satilan-summary-card {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(148, 163, 184, 0.18);
}

body.theme-light #magaza-satilan-content .satilan-summary-value,
body.light-theme #magaza-satilan-content .satilan-summary-value,
body.theme-light #magaza-satilan-content #magaza-satilan-cards .satilan-card-value,
body.light-theme #magaza-satilan-content #magaza-satilan-cards .satilan-card-value {
  color: #0f172a !important;
}

@media (max-width: 920px) {
  #magaza-satilan-content .satilan-summary-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  #magaza-satilan-content .satilan-filter-main-row {
    gap: 0.5rem;
  }

  #magaza-satilan-content .satilan-filter-field,
  #magaza-satilan-content .satilan-filter-search,
  #magaza-satilan-content .satilan-filter-sort {
    flex-basis: 100%;
  }
}

/* V51: Satilanlar Arsivi strict card layout */
#magaza-satilan-content #magaza-satilan-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-device-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 220px !important;
  height: 100% !important;
  padding: 1rem !important;
  gap: 12px !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-top {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-main {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  gap: 8px !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip {
  flex: 0 0 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 88px !important;
  min-height: 88px !important;
  margin: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb {
  width: 88px !important;
  min-width: 88px !important;
  height: 88px !important;
  min-height: 88px !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  transform: none !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb:nth-child(n + 2) {
  display: none !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-header {
  display: block !important;
  margin: 0 !important;
  min-width: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-model {
  font-size: 0.95rem !important;
  font-weight:450 !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
  text-overflow: initial !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-details {
  font-size: 0.75rem !important;
  color: #64748b !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metrics {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 8px !important;
  margin: 12px 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metric {
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  text-align: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-label {
  display: block !important;
  margin-bottom: 2px !important;
  font-size: 0.7rem !important;
  color: #64748b !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-value {
  font-size: 0.9rem !important;
  font-weight:500 !important;
  color: #f1f5f9 !important;
  line-height: 1.35 !important;
  word-break: normal !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-actions {
  display: flex !important;
  margin-top: auto !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .restore-to-stock-btn {
  width: 100% !important;
  margin-top: auto !important;
  padding: 10px !important;
  border-radius: 8px !important;
  font-size: 0.85rem !important;
  font-weight:450 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* V46: Satilanlar Arsivi final layout reset */
#magaza-satilan-content .satilan-arsiv-shell {
  overflow: hidden;
}

#magaza-satilan-content #magaza-satilan-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-device-card {
  display: flex !important;
  flex-direction: column !important;
  grid-template-areas: none !important;
  grid-template-columns: none !important;
  gap: 0.9rem !important;
  min-height: 0 !important;
  padding: 1rem !important;
  align-items: stretch !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-top {
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 0.9rem !important;
  align-items: start !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-main {
  display: grid !important;
  gap: 0.65rem !important;
  min-width: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip {
  grid-area: auto !important;
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 88px !important;
  min-height: 88px !important;
  margin: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  justify-self: start !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb {
  width: 88px !important;
  min-width: 88px !important;
  height: 88px !important;
  min-height: 88px !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  transform: scale(1.08) !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb:nth-child(n + 2) {
  display: none !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-header {
  grid-area: auto !important;
  display: block !important;
  margin: 0 !important;
  min-width: 0 !important;
  align-self: auto !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-model {
  display: block !important;
  min-width: 0 !important;
  font-size: 1.02rem !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-fiyat,
#magaza-satilan-content #magaza-satilan-cards .magaza-card-fiyatlar {
  display: none !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-details {
  grid-area: auto !important;
  margin: 0 !important;
  min-width: 0 !important;
  font-size: 0.76rem !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  align-self: auto !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metrics {
  grid-area: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  min-width: 0 !important;
  font-size: 1rem !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metric {
  min-width: 0 !important;
  min-height: 74px !important;
  padding: 0.65rem 0.75rem !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-label {
  font-size: 0.7rem !important;
  margin-bottom: 0.28rem !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-value {
  font-size: 0.95rem !important;
  line-height: 1.35 !important;
  word-break: keep-all !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-actions {
  grid-area: auto !important;
  display: flex !important;
  grid-template-columns: none !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding-top: 0.8rem !important;
  border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}

#magaza-satilan-content #magaza-satilan-cards .restore-to-stock-btn {
  grid-column: auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 1rem !important;
}

@media (max-width: 820px) {
  #magaza-satilan-content #magaza-satilan-cards {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  #magaza-satilan-content #magaza-satilan-cards .satilan-card-top {
    grid-template-columns: 1fr !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip,
  #magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 96px !important;
    min-height: 96px !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-metrics {
    grid-template-columns: 1fr !important;
  }
}

.satilan-filter-panel {
  display: grid;
  gap: 0.9rem;
  margin-bottom: 0.9rem;
}

.satilan-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: end;
}

.satilan-filter-main-row {
  align-items: stretch;
}

.satilan-filter-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 150px;
  flex: 1 1 170px;
}

.satilan-filter-search {
  flex: 2 1 260px;
}

.satilan-filter-sort {
  flex: 1 1 220px;
}

.satilan-filter-label {
  font-size: 0.74rem;
  font-weight:500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8ea3ba;
}

.satilan-arama-input,
.satilan-date-input,
.satilan-sort-select {
  width: 100%;
  min-height: 44px;
  padding: 0.7rem 0.9rem;
  border-radius: 12px;
  border: 1px solid var(--theme-border);
  background: rgba(19, 30, 49, 0.88);
  color: var(--theme-color);
  font-size: 0.92rem;
  outline: 0;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.satilan-arama-input {
  max-width: none;
}

.satilan-date-input::-webkit-calendar-picker-indicator {
  opacity: 0.78;
  cursor: pointer;
}

.satilan-sort-select {
  cursor: pointer;
}

.satilan-filter-clear-btn {
  min-height: 44px;
  padding: 0 1rem;
  border-radius: 12px;
  border: 1px solid rgba(93, 168, 232, 0.28);
  background: rgba(19, 30, 49, 0.72);
  color: #dbeafe;
  font-weight:500;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.satilan-filter-clear-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(93, 168, 232, 0.46);
  background: rgba(28, 44, 70, 0.92);
}

.satilan-arama-input:focus,
.satilan-date-input:focus,
.satilan-sort-select:focus {
  border-color: #5da8e8;
  box-shadow: 0 0 0 3px rgba(93, 168, 232, 0.14);
}

.satilan-quick-range-row {
  align-items: center;
}

.satilan-quick-range-btn {
  min-height: 36px;
  padding: 0 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.58);
  color: #cbd5e1;
  font-weight:450;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}

.satilan-quick-range-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(93, 168, 232, 0.36);
  color: #eff6ff;
}

.satilan-quick-range-btn.active {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.24), rgba(20, 184, 166, 0.2));
  border-color: rgba(93, 168, 232, 0.5);
  color: #f8fbff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
}

.satilan-summary-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.satilan-summary-card {
  padding: 0.9rem 1rem;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.76), rgba(19, 30, 49, 0.92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.satilan-summary-card-profit {
  border-color: rgba(16, 185, 129, 0.2);
}

.satilan-summary-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.74rem;
  font-weight:500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8ea3ba;
}

.satilan-summary-value {
  display: block;
  font-size: 1.22rem;
  font-weight: 800;
  color: #f8fafc;
}

body.theme-light .satilan-filter-label,
body.light-theme .satilan-filter-label,
body.theme-light .satilan-summary-label,
body.light-theme .satilan-summary-label {
  color: #64748b;
}

body.theme-light .satilan-arama-input,
body.theme-light .satilan-date-input,
body.theme-light .satilan-sort-select,
body.light-theme .satilan-arama-input,
body.light-theme .satilan-date-input,
body.light-theme .satilan-sort-select {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(15, 23, 42, 0.12);
  color: #1e293b;
}

body.theme-light .satilan-filter-clear-btn,
body.light-theme .satilan-filter-clear-btn {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(37, 99, 235, 0.18);
  color: #1d4ed8;
}

body.theme-light .satilan-quick-range-btn,
body.light-theme .satilan-quick-range-btn {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(15, 23, 42, 0.1);
  color: #475569;
}

body.theme-light .satilan-quick-range-btn.active,
body.light-theme .satilan-quick-range-btn.active {
  color: #0f172a;
}

body.theme-light .satilan-summary-card,
body.light-theme .satilan-summary-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.92));
  border-color: rgba(15, 23, 42, 0.08);
}

body.theme-light .satilan-summary-value,
body.light-theme .satilan-summary-value {
  color: #0f172a;
}

.magaza-satilan-cards .satilan-device-card {
  grid-template-columns: 76px 1fr !important;
  gap: 0.2rem 0.7rem !important;
  padding: 0.75rem !important;
}

.magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip {
  width: 76px !important;
  min-width: 76px !important;
  height: 76px !important;
  min-height: 76px !important;
  max-width: 76px !important;
  border-radius: 14px !important;
  background: radial-gradient(circle at top, rgba(255, 255, 255, 0.16), rgba(15, 23, 42, 0.2)) !important;
}

.magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb {
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  min-height: 76px !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.08);
}

.magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb:hover {
  transform: scale(1.14);
}

@media (max-width: 920px) {
  .satilan-summary-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .satilan-filter-field,
  .satilan-filter-search,
  .satilan-filter-sort {
    flex-basis: 100%;
  }

  .satilan-filter-clear-btn {
    width: 100%;
  }
}

.satilan-arsiv-shell {
  margin-bottom: 1rem;
  padding: 1.1rem;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background:
    radial-gradient(circle at top left, rgba(93, 168, 232, 0.08), transparent 26%),
    linear-gradient(180deg, rgba(19, 30, 49, 0.72), rgba(15, 23, 42, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 16px 36px rgba(2, 8, 23, 0.16);
}

.satilan-arsiv-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.95rem;
}

.satilan-arsiv-head-copy {
  min-width: 0;
}

.satilan-arsiv-head .satilan-arsiv-title {
  margin: 0;
}

.satilan-arsiv-subtitle {
  margin: 0.35rem 0 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: rgba(203, 213, 225, 0.78);
}

.satilan-filter-panel {
  padding: 1rem;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.1);
  background: rgba(15, 23, 42, 0.34);
}

.satilan-filter-main-row {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) repeat(3, minmax(150px, 0.8fr)) auto;
  gap: 0.75rem;
  align-items: end;
}

.satilan-filter-field {
  min-width: 0;
}

.satilan-filter-clear-btn {
  align-self: end;
}

.satilan-quick-range-row {
  margin-top: 0.15rem;
}

.satilan-summary-row {
  margin-top: 0.15rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.satilan-summary-card {
  min-height: 88px;
  padding: 0.95rem 1rem;
}

.satilan-arsiv-listing-row {
  margin-top: 0.95rem;
  margin-bottom: 0;
  align-items: center;
}

#magaza-satilan-content .listing-count {
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

#magaza-satilan-cards .satilan-device-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.85rem !important;
  padding: 0.95rem !important;
  border-radius: 20px !important;
}

#magaza-satilan-cards .satilan-card-top {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 0.9rem;
  align-items: start;
}

#magaza-satilan-cards .satilan-card-main {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
}

#magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip {
  width: 92px !important;
  min-width: 92px !important;
  height: 92px !important;
  min-height: 92px !important;
  max-width: 92px !important;
  margin: 0 !important;
  border-radius: 16px !important;
  align-self: start !important;
}

#magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb {
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  border-radius: 16px !important;
  transform: scale(1.1);
}

#magaza-satilan-cards .satilan-device-card .magaza-card-header {
  display: block !important;
  margin: 0 !important;
  min-width: 0 !important;
}

#magaza-satilan-cards .satilan-device-card .magaza-card-model {
  display: block !important;
  font-size: 1.03rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: initial !important;
}

#magaza-satilan-cards .satilan-device-card .magaza-card-fiyat {
  display: none !important;
}

#magaza-satilan-cards .satilan-device-card .magaza-card-details {
  margin: 0 !important;
  font-size: 0.76rem !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: initial !important;
}

#magaza-satilan-cards .satilan-device-card .satilan-card-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
  margin: 0 !important;
}

#magaza-satilan-cards .satilan-device-card .satilan-card-metric {
  min-height: 76px;
  padding: 0.65rem 0.7rem;
  border-radius: 14px;
}

#magaza-satilan-cards .satilan-device-card .satilan-card-label {
  margin-bottom: 0.28rem;
  font-size: 0.7rem;
}

#magaza-satilan-cards .satilan-device-card .satilan-card-value {
  font-size: 0.95rem;
  line-height: 1.35;
}

#magaza-satilan-cards .satilan-device-card .magaza-card-actions {
  display: flex !important;
  grid-area: auto !important;
  grid-template-columns: none !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding-top: 0.8rem !important;
  border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}

#magaza-satilan-cards .satilan-device-card .restore-to-stock-btn {
  min-height: 40px;
  padding: 0 1rem;
  border-radius: 12px;
  font-weight:500;
}

body.theme-light .satilan-arsiv-shell,
body.light-theme .satilan-arsiv-shell {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.06), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.94));
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 16px 32px rgba(148, 163, 184, 0.12);
}

body.theme-light .satilan-arsiv-subtitle,
body.light-theme .satilan-arsiv-subtitle {
  color: #64748b;
}

body.theme-light .satilan-filter-panel,
body.light-theme .satilan-filter-panel {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(15, 23, 42, 0.08);
}

@media (max-width: 1180px) {
  .satilan-filter-main-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .satilan-filter-search {
    grid-column: 1 / -1;
  }

  .satilan-summary-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .satilan-arsiv-shell {
    padding: 0.9rem;
  }

  .satilan-filter-panel {
    padding: 0.85rem;
  }

  .satilan-summary-row {
    grid-template-columns: 1fr;
  }

  #magaza-satilan-cards .satilan-card-top {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 0.75rem;
  }

  #magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip,
  #magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb {
    width: 76px !important;
    min-width: 76px !important;
    height: 76px !important;
    min-height: 76px !important;
  }
}

@media (max-width: 640px) {
  .satilan-filter-main-row {
    grid-template-columns: 1fr;
  }

  .satilan-quick-range-row {
    gap: 0.5rem;
  }

  .satilan-quick-range-btn {
    flex: 1 1 calc(50% - 0.5rem);
    text-align: center;
    justify-content: center;
  }

  .satilan-arsiv-head {
    margin-bottom: 0.8rem;
  }

  .satilan-arsiv-subtitle {
    font-size: 0.84rem;
  }

  #magaza-satilan-cards .satilan-card-top {
    grid-template-columns: 1fr;
  }

  #magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip {
    width: 88px !important;
    min-width: 88px !important;
    height: 88px !important;
    min-height: 88px !important;
  }

  #magaza-satilan-cards .satilan-device-card .satilan-card-metrics {
    grid-template-columns: 1fr !important;
  }
}

.suresi-dolan-title {
  font-size: 0.9rem;
  font-weight:500;
  color: #e74c3c;
  margin: 0 0 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.suresi-dolan-hint {
  font-size: 0.78rem;
  color: rgba(203, 213, 225, 0.78);
  margin: 0 0 0.8rem;
  line-height: 1.55;
}

.suresi-dolan-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.suresi-dolan-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background: var(--theme-bg-secondary, rgba(255, 255, 255, 0.04));
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.1));
  border-radius: 7px;
  padding: 0.45rem 0.7rem;
  flex-wrap: wrap;
}

.suresi-dolan-info {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  flex-wrap: wrap;
  flex: 1;
}

.suresi-dolan-model {
  font-weight:450;
  font-size: 0.87rem;
}

.suresi-dolan-fiyat {
  font-size: 0.82rem;
  color: var(--theme-accent, #5da8e8);
}

.suresi-dolan-tarih {
  font-size: 0.75rem;
  color: #e74c3c;
}

.suresi-dolan-actions {
  display: flex;
  gap: 0.35rem;
}

.suresi-dolan-yenile-btn {
  font-size: 0.75rem;
  padding: 0.22rem 0.6rem;
  border-radius: 6px;
  border: 1px solid var(--theme-accent, #5da8e8);
  background: 0 0;
  color: var(--theme-accent, #5da8e8);
  cursor: pointer;
  font-weight:450;
  transition:
    background 0.15s,
    color 0.15s;
}

.suresi-dolan-yenile-btn:hover {
  background: var(--theme-accent, #5da8e8);
  color: #fff;
}

.suresi-dolan-sil-btn {
  font-size: 0.75rem;
  padding: 0.22rem 0.6rem;
  border-radius: 6px;
  border: 1px solid rgba(231, 76, 60, 0.4);
  background: 0 0;
  color: #e74c3c;
  cursor: pointer;
  font-weight:450;
  transition:
    background 0.15s,
    color 0.15s;
}

.suresi-dolan-sil-btn:hover {
  background: #e74c3c;
  color: #fff;
}

.suresi-dolan-group {
  position: relative;
  padding: 1rem;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(15, 23, 42, 0.34);
}

.suresi-dolan-group + .suresi-dolan-group {
  margin-top: 1.15rem;
}

.suresi-dolan-group::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 999px;
  opacity: 0.95;
}

.suresi-dolan-group-yaklasan {
  background:
    linear-gradient(180deg, rgba(245, 158, 11, 0.05), rgba(15, 23, 42, 0.14)),
    rgba(15, 23, 42, 0.36);
  border-color: rgba(245, 158, 11, 0.18);
}

.suresi-dolan-group-yaklasan::before {
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.95), rgba(245, 158, 11, 0.42));
}

.suresi-dolan-group-expired {
  background:
    linear-gradient(180deg, rgba(239, 68, 68, 0.05), rgba(15, 23, 42, 0.16)),
    rgba(15, 23, 42, 0.36);
  border-color: rgba(239, 68, 68, 0.16);
}

.suresi-dolan-group-expired::before {
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.95), rgba(239, 68, 68, 0.38));
}

#magaza-suresi-dolacak-group .satilan-arsiv-title {
  color: #fde68a;
}

#magaza-suresi-dolan-group .satilan-arsiv-title {
  color: #fca5a5;
}

#magaza-suresi-dolacak-group .suresi-dolan-card {
  border-color: rgba(245, 158, 11, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 12px 28px rgba(15, 23, 42, 0.18);
}

#magaza-suresi-dolan-group .suresi-dolan-card {
  border-color: rgba(239, 68, 68, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 12px 28px rgba(15, 23, 42, 0.18);
}

/* ── Süresi Dolan Kart Aksiyon Grid ─────────────────────────────── */
.suresi-dolan-card-actions {
  grid-area: actions !important;
  display: grid;
  grid-template-columns: 1.15fr 1.15fr 0.7fr;
  gap: 4px;
  width: 100%;
  margin-top: auto;
  padding-top: 8px;
}

.suresi-dolan-card-actions .action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  padding: 8px 6px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight:450;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.1s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  text-align: center;
}

.suresi-dolan-card-actions .action-btn:active {
  transform: scale(0.97);
}

.suresi-dolan-card-actions .suresi-dolan-yenile-btn {
  border: 1px solid rgba(93, 168, 232, 0.35);
  background: rgba(93, 168, 232, 0.08);
  color: var(--theme-accent, #5da8e8);
}

.suresi-dolan-card-actions .suresi-dolan-yenile-btn:hover {
  background: var(--theme-accent, #5da8e8);
  color: #fff;
}

.suresi-dolan-card-actions .suresi-dolan-fiyat-dusur-btn {
  border: 1px solid rgba(245, 158, 11, 0.35);
  background: rgba(245, 158, 11, 0.08);
  color: #f59e0b;
}

.suresi-dolan-card-actions .suresi-dolan-fiyat-dusur-btn:hover {
  background: #f59e0b;
  color: #fff;
}

.suresi-dolan-card-actions .suresi-dolan-sil-btn {
  border: 1px solid rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
  color: var(--danger, #ef4444);
}

.suresi-dolan-card-actions .suresi-dolan-sil-btn:hover {
  background: #e74c3c;
  color: #fff;
}

.suresi-dolan-card-actions .action-btn-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.suresi-dolan-card-actions .suresi-dolan-sil-btn .action-btn-icon {
  filter: invert(20%) sepia(80%) saturate(3000%) hue-rotate(350deg);
}

.suresi-dolan-card-actions .suresi-dolan-sil-btn:hover .action-btn-icon {
  filter: brightness(0) invert(1);
}

.suresi-dolan-card-actions .suresi-dolan-fiyat-dusur-btn .action-btn-icon {
  filter: invert(70%) sepia(85%) saturate(1000%) hue-rotate(360deg) brightness(100%);
}

.suresi-dolan-card-actions .suresi-dolan-fiyat-dusur-btn:hover .action-btn-icon {
  filter: brightness(0) invert(1);
}

body.theme-light .suresi-dolan-section {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
  border-color: rgba(148, 163, 184, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 18px 36px rgba(148, 163, 184, 0.12);
}

body.theme-light .suresi-dolan-group {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(148, 163, 184, 0.16);
}

body.theme-light .suresi-dolan-group-yaklasan {
  background:
    linear-gradient(180deg, rgba(251, 191, 36, 0.08), rgba(255, 255, 255, 0.84)),
    rgba(255, 255, 255, 0.78);
  border-color: rgba(245, 158, 11, 0.2);
}

body.theme-light .suresi-dolan-group-expired {
  background:
    linear-gradient(180deg, rgba(248, 113, 113, 0.08), rgba(255, 255, 255, 0.84)),
    rgba(255, 255, 255, 0.78);
  border-color: rgba(239, 68, 68, 0.18);
}

body.theme-light .suresi-dolan-hint {
  color: #64748b;
}

body.theme-light #magaza-suresi-dolacak-group .satilan-arsiv-title {
  color: #b45309;
}

body.theme-light #magaza-suresi-dolan-group .satilan-arsiv-title {
  color: #dc2626;
}

/* ── Fiyat Düşür Modalı ─────────────────────────────────────────── */
.fiyat-dusur-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  animation: fdFadeIn 0.2s ease;
}

@keyframes fdFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fiyat-dusur-modal-card {
  background: var(--theme-bg-card, #1e2433);
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.12));
  border-radius: 16px;
  padding: 0;
  width: 100%;
  max-width: 380px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
  animation: fdSlideUp 0.25s ease;
  overflow: hidden;
}

@keyframes fdSlideUp {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.fiyat-dusur-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08));
}

.fiyat-dusur-modal-header h3 {
  margin: 0;
  font-size: 1rem;
  font-weight:500;
  color: var(--theme-color, #fff);
}

.fiyat-dusur-close {
  background: none;
  border: none;
  color: var(--theme-color-muted, #888);
  font-size: 1.4rem;
  cursor: pointer;
  padding: 0 4px;
  line-height: 1;
  transition: color 0.15s;
}

.fiyat-dusur-close:hover {
  color: #e74c3c;
}

.fiyat-dusur-modal-body {
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.fiyat-dusur-model {
  font-size: 1rem;
  font-weight:500;
  color: var(--theme-accent, #5da8e8);
  margin: 0;
}

.fiyat-dusur-mevcut {
  font-size: 0.88rem;
  color: var(--theme-color-muted, #aaa);
  margin: 0;
}

.fiyat-dusur-mevcut strong {
  color: var(--theme-color, #fff);
}

.fiyat-dusur-label {
  font-size: 0.85rem;
  font-weight:450;
  color: var(--theme-color, #fff);
  margin-top: 0.25rem;
}

.fiyat-dusur-input {
  width: 100%;
  padding: 0.7rem 0.9rem;
  font-size: 1.1rem;
  font-weight:500;
  background: var(--theme-input-bg, rgba(255, 255, 255, 0.06));
  border: 2px solid var(--theme-border, rgba(255, 255, 255, 0.15));
  border-radius: 10px;
  color: var(--theme-color, #fff);
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.fiyat-dusur-input:focus {
  border-color: var(--theme-accent, #5da8e8);
}

.fiyat-dusur-hint {
  font-size: 0.78rem;
  color: var(--theme-color-muted, #888);
  margin: 0;
  line-height: 1.4;
}

.fiyat-dusur-modal-actions {
  display: flex;
  gap: 0.6rem;
  padding: 0.85rem 1.25rem 1.1rem;
  justify-content: flex-end;
}

.fiyat-dusur-cancel-btn {
  padding: 0.5rem 1.1rem;
  border-radius: 8px;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.15));
  background: none;
  color: var(--theme-color-muted, #aaa);
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
}

.fiyat-dusur-cancel-btn:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--theme-color, #fff);
}

.fiyat-dusur-confirm-btn {
  padding: 0.5rem 1.25rem;
  border-radius: 8px;
  border: none;
  background: linear-gradient(135deg, #5da8e8, #4a90d9);
  color: #fff;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight:500;
  transition: background 0.15s, transform 0.1s;
  box-shadow: 0 2px 8px rgba(93, 168, 232, 0.3);
}

.fiyat-dusur-confirm-btn:hover {
  background: linear-gradient(135deg, #4a90d9, #3b7fd1);
}

.fiyat-dusur-confirm-btn:active {
  transform: scale(0.97);
}

/* ── Responsive: Süresi Dolan Kart Butonları ────────────────────── */
@media (max-width: 480px) {
  .suresi-dolan-card-actions {
    grid-template-columns: 1.15fr 1.15fr 0.7fr;
    gap: 3px;
  }

  .suresi-dolan-card-actions .action-btn {
    flex-direction: row;
    padding: 8px 4px;
    font-size: 0.70rem;
    gap: 3px;
  }

  .suresi-dolan-card-actions .action-btn-icon {
    width: 14px;
    height: 14px;
  }

  .fiyat-dusur-modal-card {
    max-width: 100%;
    border-radius: 12px;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .suresi-dolan-card-actions .action-btn {
    padding: 8px 4px;
    font-size: 0.74rem;
  }
}

@media (min-width: 1024px) {
  .suresi-dolan-card-actions .action-btn {
    padding: 8px 6px;
    font-size: 0.78rem;
  }
}

.copy-field-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.copy-field-modal {
  background: var(--theme-bg-card, #1e2433);
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.12));
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  width: 100%;
  max-width: 340px;
}

.copy-field-modal-title {
  font-size: 1rem;
  font-weight:500;
  margin: 0 0 0.25rem;
}

.copy-field-modal-hint {
  font-size: 0.8rem;
  color: var(--theme-color-muted);
  margin: 0 0 0.9rem;
}

.copy-field-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem 0.75rem;
  margin-bottom: 1rem;
}

.copy-field-label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  cursor: pointer;
}

.copy-field-modal-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

.copy-field-cancel-btn {
  padding: 0.35rem 0.9rem;
  border-radius: 7px;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.15));
  background: 0 0;
  color: var(--theme-color-muted);
  cursor: pointer;
  font-size: 0.85rem;
}

.copy-field-confirm-btn {
  padding: 0.35rem 0.9rem;
  border-radius: 7px;
  border: none;
  background: var(--theme-accent, #5da8e8);
  color: #fff;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight:450;
}

.input-error {
  border-color: #e74c3c !important;
  box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.25) !important;
  animation: inputShake 0.3s ease;
}

@keyframes inputShake {

  0%,
  100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-4px);
  }

  75% {
    transform: translateX(4px);
  }
}

.aciklama-field-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.aciklama-sablon-row {
  display: flex;
  gap: 0.4rem;
}

.aciklama-sablon-btn {
  font-size: 0.75rem;
  padding: 0.2rem 0.6rem;
  border-radius: 6px;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.15));
  background: 0 0;
  color: var(--theme-color-muted);
  cursor: pointer;
  transition:
    border-color 0.15s,
    color 0.15s;
}

.aciklama-sablon-btn:hover {
  border-color: var(--theme-accent, #5da8e8);
  color: var(--theme-accent, #5da8e8);
}

.sablon-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  max-height: 260px;
  overflow-y: auto;
}

.sablon-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: var(--theme-bg-secondary, rgba(255, 255, 255, 0.04));
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.1));
  border-radius: 7px;
}

.sablon-text {
  font-size: 0.82rem;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sablon-item-actions {
  display: flex;
  gap: 0.3rem;
  flex-shrink: 0;
}

.sablon-sec-btn {
  font-size: 0.72rem;
  padding: 0.18rem 0.5rem;
  border-radius: 5px;
  border: 1px solid var(--theme-accent, #5da8e8);
  background: 0 0;
  color: var(--theme-accent, #5da8e8);
  cursor: pointer;
  font-weight:450;
}

.sablon-sil-btn {
  font-size: 0.72rem;
  padding: 0.18rem 0.5rem;
  border-radius: 5px;
  border: 1px solid rgba(231, 76, 60, 0.4);
  background: 0 0;
  color: #e74c3c;
  cursor: pointer;
  font-weight:450;
}

#genel-table .action-col,
#genel-table .genel-copy-col {
  width: auto;
  min-width: 0;
  white-space: nowrap;
}

#genel-table .action-col .action-btn span,
#genel-table .action-col .copy-btn span,
#genel-table .genel-copy-col .action-btn span,
#genel-table .genel-copy-col .call-btn span,
#genel-table .genel-copy-col .copy-btn span,
#genel-table .genel-copy-col .wp-action-btn span,
#genel-table .genel-copy-col .wp-action-link span {
  display: none;
}

#genel-table .action-btn,
#genel-table .call-btn,
#genel-table .copy-btn,
#genel-table .wp-action-btn,
#genel-table .wp-action-link {
  padding: 0.3rem 0.4rem;
  min-width: 66px;
  width: 66px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.genel-foto-th {
  width: 54px;
  text-align: center;
}

.genel-foto-td {
  width: 54px;
  padding: 4px 6px;
  text-align: center;
  vertical-align: middle;
}

.genel-table-foto {
  width: 46px;
  height: 46px;
  object-fit: cover;
  border-radius: 7px;
  display: block;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  transition: opacity 0.15s;
}

.genel-table-foto:hover {
  opacity: 0.8;
}

.genel-table-foto-empty {
  color: rgba(255, 255, 255, 0.2);
  font-size: 0.9rem;
}

.ilan-gizli-aktif {
  opacity: 0.6;
}

.magaza-device-card.ilan-gizli-card,
tr.ilan-gizli-row td {
  opacity: 0.55;
}

#photo-upload-section .photo-upload-hint {
  font-size: 0.75rem;
  color: rgba(232, 238, 244, 0.45);
  font-weight: 400;
}

.photo-upload-area {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  padding: 1rem;
  cursor: pointer;
  transition: border-color 0.2s;
  margin-bottom: 0.5rem;
}

.photo-upload-area:hover {
  border-color: rgba(59, 130, 246, 0.6);
}

.photo-file-input {
  display: none;
}

.photo-upload-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
  color: rgba(232, 238, 244, 0.6);
  font-size: 0.88rem;
}

.photo-upload-icon {
  font-size: 1.8rem;
  line-height: 1;
  color: rgba(59, 130, 246, 0.8);
}

.photo-preview-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.4rem;
}

.photo-preview-item {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.12);
  cursor: grab;
  transition:
    border-color 0.15s,
    opacity 0.15s;
}

.photo-preview-item.photo-main {
  border-color: #3b82f6;
}

.photo-preview-item.dragging {
  opacity: 0.45;
}

.photo-preview-item.drag-over {
  border-color: #60a5fa;
}

.photo-preview-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.photo-main-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(59, 130, 246, 0.85);
  color: #fff;
  font-size: 0.65rem;
  font-weight:500;
  text-align: center;
  padding: 1px 0;
  pointer-events: none;
}

.photo-remove-btn {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 18px;
  height: 18px;
  background: rgba(239, 68, 68, 0.9);
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.photo-remove-btn:hover {
  background: #dc2626;
}

.photo-loading-msg {
  font-size: 0.82rem;
  color: rgba(232, 238, 244, 0.55);
  padding: 0.3rem 0;
  width: 100%;
}

.genel-card-ana-foto {
  width: 100%;
  max-height: 180px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 0.5rem;
}

.genel-card-foto {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  transition: opacity 0.15s;
}

.genel-card-foto:hover {
  opacity: 0.85;
}

.detail-thumb-strip {
  display: flex;
  gap: 0.45rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 12px;
}

.detail-thumb {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.12);
  cursor: pointer;
  transition:
    border-color 0.15s,
    transform 0.15s;
}

.detail-thumb:hover {
  border-color: #3b82f6;
  transform: scale(1.06);
}

.detail-thumb.active {
  border-color: #3b82f6;
}

.detail-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.photo-lightbox {
  position: fixed;
  inset: 0;
  z-index: 300000 !important;
  display: none;
  align-items: center;
  justify-content: center;
}

.lightbox-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
}

.lightbox-img-wrap {
  position: relative;
  z-index: 1;
  width: min(92vw, 860px);
  height: min(88vh, 860px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  touch-action: none;
}

.lightbox-img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
  object-fit: contain;
  transform-origin: 0 0;
  user-select: none;
  -webkit-user-drag: none;
  transition:
    opacity 0.12s ease,
    transform 0.12s ease;
}

.lightbox-img.is-zoomed {
  cursor: grab;
}

.lightbox-img.is-panning {
  cursor: grabbing;
  transition: none;
}

@keyframes lb-slide-in-from-right {
  from {
    opacity: 0;
    transform: translateX(40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes lb-slide-in-from-left {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.lightbox-img.lb-slide-left {
  opacity: 0;
  transform: translateX(-30px);
}

.lightbox-img.lb-slide-right {
  opacity: 0;
  transform: translateX(30px);
}

.lightbox-img.lb-slide-in-right {
  animation: lb-slide-in-from-right 0.2s ease forwards;
}

.lightbox-img.lb-slide-in-left {
  animation: lb-slide-in-from-left 0.2s ease forwards;
}

.lightbox-close {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}

.lightbox-close:hover {
  background: rgba(239, 68, 68, 0.8);
}

.lightbox-close img {
  width: 18px;
  height: 18px;
  filter: invert(1);
}

.lightbox-next,
.lightbox-prev {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background: rgba(0, 0, 0, 0.55);
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 1.6rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}

.lightbox-next:hover,
.lightbox-prev:hover {
  background: rgba(59, 130, 246, 0.7);
}

.lightbox-prev {
  left: 1rem;
}

.lightbox-next {
  right: 1rem;
}

.lightbox-counter {
  position: fixed;
  bottom: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0.3rem 0.9rem;
  border-radius: 20px;
  font-size: 0.82rem;
}

.edit-photo-row {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}

.edit-photo-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: flex-start;
}

.edit-photo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.edit-photo-thumb-item {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 9px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.12);
  cursor: grab;
  touch-action: none;
}

.edit-photo-thumb-item.dragging {
  opacity: 0.4;
  border-style: dashed;
}

.edit-photo-thumb-item.drag-over {
  border-color: #60a5fa;
  border-style: solid;
}

.edit-photo-thumb-item.edit-photo-main {
  border-color: #3b82f6;
}

.edit-photo-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.edit-photo-add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 9px;
  border: 2px dashed rgba(255, 255, 255, 0.22);
  font-size: 1.6rem;
  color: rgba(59, 130, 246, 0.8);
  cursor: pointer;
  transition: border-color 0.15s;
}

.edit-photo-add-btn:hover {
  border-color: #3b82f6;
}

#vitrin-content {
  padding: 0 0 2rem;
}

.vitrin-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  gap: 1rem;
  flex-wrap: wrap;
}

.vitrin-store-name {
  font-size: 1.1rem;
  font-weight:500;
  color: #e2e8f0;
}

.vitrin-stok-count {
  font-size: 0.85rem;
  color: #64748b;
  margin-left: 0.6rem;
}

.vitrin-view-toggle {
  display: flex;
  gap: 4px;
}

.vitrin-view-btn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #94a3b8;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}

.vitrin-view-btn.active {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  color: #60a5fa;
}

.vitrin-view-btn:hover {
  color: #e2e8f0;
}

.vitrin-filters {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1.25rem;
}

.vitrin-search-input {
  width: 100%;
  padding: 0.6rem 0.9rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.9rem;
  outline: 0;
  box-sizing: border-box;
}

.vitrin-search-input::placeholder {
  color: #4a5568;
}

.vitrin-search-input:focus {
  border-color: rgba(59, 130, 246, 0.4);
}

.vitrin-filter-row {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.vitrin-price-range {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.vitrin-fiyat-input {
  width: 90px;
  padding: 0.5rem 0.6rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.82rem;
  outline: 0;
}

.vitrin-fiyat-input:focus {
  border-color: rgba(59, 130, 246, 0.4);
}

.vitrin-fiyat-sep {
  color: #4a5568;
  font-size: 0.85rem;
}

.vitrin-kondisyon-select {
  padding: 0.5rem 0.7rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.82rem;
  outline: 0;
  cursor: pointer;
}

.vitrin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
}

.vitrin-card {
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(145deg,
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(255, 255, 255, 0.09);
  transition:
    transform 0.18s,
    box-shadow 0.18s;
}

.vitrin-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.vitrin-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}

.vitrin-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  cursor: pointer;
  transition: opacity 0.15s;
}

.vitrin-card-img:hover {
  opacity: 0.88;
}

.vitrin-card-no-img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.2);
}

.vitrin-card-img-count {
  position: absolute;
  bottom: 6px;
  right: 7px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 0.7rem;
  padding: 2px 7px;
  border-radius: 10px;
  pointer-events: none;
}

.vitrin-card-body {
  padding: 0.75rem;
}

.vitrin-card-model {
  font-size: 0.88rem;
  font-weight:450;
  color: #e2e8f0;
  margin-bottom: 0.3rem;
}

.vitrin-card-meta {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-bottom: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.vitrin-card-fiyat {
  font-size: 1.05rem;
  font-weight:500;
  color: #34d399;
  margin-bottom: 0.35rem;
}

.vitrin-tl {
  font-size: 0.85rem;
}

.vitrin-card-detail {
  font-size: 0.73rem;
  color: #64748b;
  margin-bottom: 0.5rem;
}

.vitrin-card-btns {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.vitrin-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.vitrin-row {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.65rem 0.9rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: background 0.15s;
}

.vitrin-row:hover {
  background: rgba(255, 255, 255, 0.07);
}

.vitrin-row-img-wrap {
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}

.vitrin-row-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  display: block;
}

.vitrin-row-no-img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.2);
}

.vitrin-row-info {
  flex: 1;
  min-width: 0;
}

.vitrin-row-model {
  display: block;
  font-size: 0.88rem;
  font-weight:450;
  color: #e2e8f0;
}

.vitrin-row-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 3px;
}

.vitrin-row-fiyat {
  font-size: 1rem;
  font-weight:500;
  color: #34d399;
  white-space: nowrap;
  flex-shrink: 0;
}

.vitrin-row-btns {
  display: flex;
  gap: 0.35rem;
  flex-shrink: 0;
}

.vitrin-call-btn,
.vitrin-wa-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0.35rem 0.65rem;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight:450;
  text-decoration: none;
  transition: opacity 0.15s;
}

.vitrin-call-btn {
  background: rgba(59, 130, 246, 0.18);
  color: #60a5fa;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.vitrin-call-btn:hover {
  opacity: 0.8;
}

.vitrin-wa-btn {
  background: rgba(37, 211, 102, 0.15);
  color: #4ade80;
  border: 1px solid rgba(37, 211, 102, 0.3);
}

.vitrin-wa-btn:hover {
  opacity: 0.8;
}

.vitrin-wa-icon {
  width: 14px;
  height: 14px;
}

.vitrin-empty {
  text-align: center;
  color: #4a5568;
  padding: 3rem 0;
  font-size: 0.9rem;
}

.photo-upload-wrap.input-error {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.25);
}

@media (max-width: 640px) {
  .vitrin-grid {
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 0.65rem;
  }

  .vitrin-filter-row {
    flex-direction: column;
  }

  .vitrin-price-range {
    width: 100%;
  }

  .vitrin-fiyat-input {
    width: 50%;
    flex: 1;
  }
}

body.theme-light .photo-upload-area {
  border-color: rgba(0, 0, 0, 0.22);
}

body.theme-light .photo-upload-area:hover {
  border-color: rgba(37, 99, 235, 0.5);
}

body.theme-light .photo-upload-label {
  color: rgba(30, 41, 59, 0.65);
}

body.theme-light #photo-upload-section .photo-upload-hint {
  color: rgba(30, 41, 59, 0.5);
}

body.theme-light .photo-preview-item {
  border-color: rgba(0, 0, 0, 0.18);
}

body.theme-light .photo-loading-msg {
  color: rgba(30, 41, 59, 0.55);
}

body.theme-light .genel-table-foto {
  border-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .genel-table-foto-empty {
  color: rgba(0, 0, 0, 0.25);
}

body.theme-light .detail-thumb-strip {
  background: rgba(0, 0, 0, 0.04);
}

body.theme-light .detail-thumb {
  border-color: rgba(0, 0, 0, 0.15);
}

body.theme-light .edit-photo-thumb-item {
  border-color: rgba(0, 0, 0, 0.15);
}

body.theme-light .edit-photo-add-btn {
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(37, 99, 235, 0.75);
}

body.theme-light .edit-photo-add-btn:hover {
  border-color: #2563eb;
}

body.theme-light .vitrin-store-name {
  color: #1e293b;
}

body.theme-light .vitrin-stok-count {
  color: #64748b;
}

body.theme-light .vitrin-view-btn {
  border-color: rgba(0, 0, 0, 0.14);
  background: rgba(0, 0, 0, 0.05);
  color: #64748b;
}

body.theme-light .vitrin-view-btn.active {
  background: rgba(37, 99, 235, 0.12);
  border-color: rgba(37, 99, 235, 0.35);
  color: #2563eb;
}

body.theme-light .vitrin-view-btn:hover {
  color: #1e293b;
}

body.theme-light .vitrin-search-input {
  border-color: rgba(0, 0, 0, 0.14);
  background: rgba(0, 0, 0, 0.05);
  color: #1e293b;
}

body.theme-light .vitrin-search-input::placeholder {
  color: #94a3b8;
}

body.theme-light .vitrin-search-input:focus {
  border-color: rgba(37, 99, 235, 0.4);
}

body.theme-light .vitrin-fiyat-input {
  border-color: rgba(0, 0, 0, 0.14);
  background: rgba(0, 0, 0, 0.05);
  color: #1e293b;
}

body.theme-light .vitrin-fiyat-input:focus {
  border-color: rgba(37, 99, 235, 0.4);
}

body.theme-light .vitrin-fiyat-sep {
  color: #94a3b8;
}

body.theme-light .vitrin-kondisyon-select {
  border-color: rgba(0, 0, 0, 0.14);
  background: rgba(0, 0, 0, 0.05);
  color: #1e293b;
}

body.theme-light .vitrin-card {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .vitrin-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

body.theme-light .vitrin-card-img-wrap {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .vitrin-card-no-img {
  color: rgba(0, 0, 0, 0.2);
}

body.theme-light .vitrin-card-model {
  color: #1e293b;
}

body.theme-light .vitrin-card-meta {
  color: #64748b;
}

body.theme-light .vitrin-card-fiyat {
  color: #16a34a;
}

body.theme-light .vitrin-card-detail {
  color: #64748b;
}

body.theme-light .vitrin-row {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.09);
}

body.theme-light .vitrin-row:hover {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .vitrin-row-img-wrap {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .vitrin-row-no-img {
  color: rgba(0, 0, 0, 0.2);
}

body.theme-light .vitrin-row-model {
  color: #1e293b;
}

body.theme-light .vitrin-row-meta {
  color: #64748b;
}

body.theme-light .vitrin-row-fiyat {
  color: #16a34a;
}

body.theme-light .vitrin-call-btn {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.25);
}

body.theme-light .vitrin-wa-btn {
  background: rgba(22, 163, 74, 0.1);
  color: #16a34a;
  border-color: rgba(22, 163, 74, 0.25);
}

body.theme-light .vitrin-empty {
  color: #94a3b8;
}

body.theme-light .hizli-sorgu-search {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.14);
  color: #1e293b;
}

body.theme-light .hizli-sorgu-search::placeholder {
  color: #94a3b8;
}

body.theme-light .hizli-sorgu-search:focus {
  border-color: rgba(37, 99, 235, 0.4);
}

body.theme-light .hizli-fiyat-input {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.14);
  color: #1e293b;
}

body.theme-light .hizli-filtre-select {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.14);
  color: #1e293b;
}

body.theme-light .hizli-filtre-temizle-btn {
  border-color: rgba(0, 0, 0, 0.14);
  color: #64748b;
}

body.theme-light .hizli-filtre-temizle-btn:hover {
  background: rgba(0, 0, 0, 0.08);
}

body.theme-light .hizli-fiyat-sep {
  color: #94a3b8;
}

body.theme-light .hizli-product-row {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
}

body.theme-light .hizli-row-fiyat {
  color: #16a34a;
}

body.theme-light .hizli-takas-input {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.14);
  color: #1e293b;
}

body.theme-light .hizli-takas-input::placeholder {
  color: #94a3b8;
}

body.theme-light .hizli-takas-result {
  color: #1e293b;
}

body.theme-light .hizli-takas-fark-value {
  color: #2563eb;
}

.satilan-arama-wrap {
  margin-bottom: 0.75rem;
}

.satilan-arama-input {
  width: 100%;
  max-width: 360px;
  padding: 0.55rem 0.85rem;
  border-radius: 10px;
  border: 1px solid var(--theme-border);
  background: var(--theme-input-bg);
  color: var(--theme-color);
  font-size: 0.9rem;
  outline: 0;
}

.satilan-arama-input::placeholder {
  color: var(--theme-color-muted);
}

.satilan-arama-input:focus {
  border-color: #5da8e8;
}

body.theme-light .satilan-arama-input {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.14);
  color: #1e293b;
}

body.theme-light .satilan-arama-input::placeholder {
  color: #94a3b8;
}

body.theme-light .satilan-arama-input:focus {
  border-color: rgba(37, 99, 235, 0.4);
}

.takas-modal {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: none;
  align-items: center;
  justify-content: center;
}

.takas-modal[style*="flex"] {
  display: flex !important;
}

.takas-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(3px);
}

.takas-modal-card {
  position: relative;
  z-index: 1;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 18px;
  width: min(420px, 92vw);
  padding: 0;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  animation: takas-modal-in 0.2s ease;
}

@keyframes takas-modal-in {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.takas-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem 0.75rem;
  border-bottom: 1px solid var(--theme-border);
}

.takas-modal-title {
  font-size: 1rem;
  font-weight:450;
  color: var(--theme-color);
  display: flex;
  align-items: center;
}

.takas-modal-close {
  background: 0 0;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: opacity 0.15s;
}

.takas-modal-close:hover {
  opacity: 1;
}

.takas-modal-body {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.takas-modal-label {
  font-size: 0.85rem;
  color: var(--theme-color-muted);
  margin-bottom: -0.2rem;
}

body.theme-light .takas-modal-card {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

body.theme-light .takas-modal-close img {
  filter: none;
  opacity: 0.5;
}

.sistem-durum-panel {
  margin: 1.25rem 0;
  background: var(--theme-bg-card);
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  overflow: hidden;
}

.sistem-durum-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.9rem 1.25rem;
  border-bottom: 1px solid var(--theme-border);
}

.sistem-durum-title {
  font-weight:450;
  font-size: 0.95rem;
  color: var(--theme-color);
  display: flex;
  align-items: center;
}

.sistem-durum-refresh-btn {
  background: 0 0;
  border: 1px solid var(--theme-border);
  border-radius: 8px;
  padding: 0.3rem 0.7rem;
  color: var(--theme-color-muted);
  font-size: 0.82rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: background 0.15s;
}

.sistem-durum-refresh-btn:hover {
  background: var(--theme-border);
}

.sistem-durum-body {
  padding: 1.25rem;
}

.sistem-durum-loading {
  text-align: center;
  color: var(--theme-color-muted);
  padding: 1.5rem;
  font-size: 0.9rem;
}

.sistem-durum-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

@media (max-width: 1024px) {
  .sistem-durum-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .sistem-durum-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.sdurum-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  padding: 1rem;
}

.sdurum-card-info {
  flex: 1;
  min-width: 0;
}

.sdurum-card-title {
  font-size: 0.78rem;
  color: var(--theme-color-muted);
  margin-bottom: 2px;
}

.sdurum-card-val {
  font-size: 0.92rem;
  font-weight:450;
  color: var(--theme-color);
}

.sdurum-card-sub {
  font-size: 0.78rem;
  color: var(--theme-color-muted);
  margin-top: 2px;
}

.sdurum-iyi {
  color: #34d399;
}

.sdurum-uyari {
  color: #f59e0b;
}

.sdurum-krit {
  color: #ef4444;
}

.sdurum-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--theme-border);
  font-size: 0.82rem;
  color: var(--theme-color-muted);
}

.sdurum-ts {
  margin-left: auto;
}

body.theme-light .sdurum-card {
  background: rgba(0, 0, 0, 0.03);
}

body.theme-light .sistem-durum-panel {
  background: #fff;
}

@media (max-width: 600px) {
  .sistem-durum-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sistem-durum-panel {
    max-width: 100%;
    box-sizing: border-box;
  }

  .sistem-durum-body {
    padding: 0.75rem;
    overflow-x: hidden;
  }

  .sdurum-card {
    padding: 0.65rem;
    gap: 0.5rem;
  }

  .sdurum-card-val {
    font-size: 0.82rem;
    word-break: break-all;
  }

  .sdurum-footer {
    font-size: 0.75rem;
    gap: 0.35rem 0.5rem;
  }
}

@media (max-width: 480px) {
  .sistem-durum-grid {
    grid-template-columns: 1fr;
  }

  .sistem-durum-header {
    padding: 0.6rem 0.75rem;
  }

  .sistem-durum-title {
    font-size: 0.85rem;
  }

  .sistem-durum-refresh-btn {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
  }

  .sistem-durum-body {
    padding: 0.5rem;
  }

  .sdurum-card {
    padding: 0.6rem 0.75rem;
  }

  .sdurum-card-val {
    font-size: 0.85rem;
    word-break: break-word;
  }

  .sdurum-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .sdurum-ts {
    margin-left: 0;
  }
}

@media (max-width: 1024px) {
  .tabs {
    position: fixed !important;
    bottom: 0.6rem !important;
    left: 1rem !important;
    right: 1rem !important;
    width: auto !important;
    background: rgba(30, 42, 60, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 24px !important;
    padding: 0.4rem 0.5rem !important;
    box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.4),
      inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    z-index: 9999 !important;
    height: auto !important;
  }

  .tabs .tab.admin-only-tab {
    display: none !important;
  }

  #app-root.admin-mode .tabs .tab.admin-only-tab {
    display: flex !important;
  }

  body.customer-mode #app-root.admin-mode .tabs .tab.admin-only-tab {
    display: none !important;
  }

  .tabs .tab {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: 0 0 !important;
    border: none !important;
    color: #9ca8b8 !important;
    font-size: 0.65rem !important;
    font-weight: 500 !important;
    padding: 0.4rem 0 !important;
    border-radius: 16px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: visible !important;
  }

  .tabs .tab .tab-icon {
    width: 1.4rem !important;
    height: 1.4rem !important;
    margin-bottom: 0.2rem !important;
    margin-right: 0 !important;
    filter: brightness(0) saturate(100%) invert(70%) sepia(20%) saturate(300%) hue-rotate(180deg) !important;
    transition: all 0.3s ease !important;
  }

  .tabs .tab:hover {
    color: #c8d4e0 !important;
  }

  .tabs .tab:hover .tab-icon {
    filter: brightness(0) saturate(100%) invert(85%) sepia(10%) saturate(200%) hue-rotate(190deg) !important;
    transform: translateY(-2px) !important;
  }

  .tabs .tab.active {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  }

  .tabs .tab.active .tab-icon {
    filter: brightness(0) saturate(100%) invert(1) !important;
    transform: translateY(-2px) !important;
  }

  .tabs .tab.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: -0.1rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #60a5fa !important;
    box-shadow: 0 0 8px rgba(96, 165, 250, 0.8) !important;
  }
}

@media (max-width: 1024px) {
  main {
    padding-bottom: 7rem !important;
  }
}

@media (max-width: 1024px) {
  body.light-theme .tabs {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.1),
      inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
  }

  body.light-theme .tabs .tab {
    color: #64748b !important;
  }

  body.light-theme .tabs .tab .tab-icon {
    filter: brightness(0) saturate(100%) invert(45%) sepia(10%) saturate(600%) hue-rotate(180deg) !important;
  }

  body.light-theme .tabs .tab:hover {
    color: #334155 !important;
  }

  body.light-theme .tabs .tab:hover .tab-icon {
    filter: brightness(0) saturate(100%) invert(25%) sepia(20%) saturate(800%) hue-rotate(190deg) !important;
  }

  body.light-theme .tabs .tab.active {
    color: #2563eb !important;
    background: rgba(37, 99, 235, 0.08) !important;
    box-shadow: none !important;
  }

  body.light-theme .tabs .tab.active .tab-icon {
    filter: brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(3000%) hue-rotate(215deg) !important;
  }
}

.admin-only-tab,
.tabs .tab.admin-only-tab {
  display: none !important;
}

#app-root.admin-mode .admin-only-tab,
#app-root.admin-mode .tabs .tab.admin-only-tab {
  display: flex !important;
}

body.customer-mode #app-root.admin-mode .admin-only-tab,
body.customer-mode #app-root.admin-mode .tabs .tab.admin-only-tab {
  display: none !important;
}

@media (max-width: 1024px) {

  .genel-card-actions .action-btn,
  .genel-card-actions .call-btn,
  .genel-card-actions .genel-copy-link,
  .genel-card-actions .wp-action-link {
    flex: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
  }

  .genel-card-actions .device-detail-info-btn,
  .genel-card-actions .genel-compare-add-btn,
  .genel-card-actions .genel-favori-btn {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
  }

  .genel-card-actions span {
    display: none !important;
  }

  .genel-card-actions .action-btn-icon,
  .genel-card-actions img {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
  }
}

.genel-compare-add-btn {
  transition: all 0.2s;
}

.genel-compare-add-btn.active,
.genel-compare-add-btn.is-compare {
  background: rgba(59, 130, 246, 0.2) !important;
  border-color: rgba(59, 130, 246, 0.4) !important;
}

.genel-compare-add-btn.active .action-btn-icon,
.genel-compare-add-btn.is-compare .action-btn-icon {
  filter: brightness(0) saturate(100%) invert(50%) sepia(80%) saturate(1500%) hue-rotate(200deg) !important;
}

@media (max-width: 1024px) {
  .genel-cards-mobile .genel-device-card {
    display: grid !important;
    grid-template-areas: "foto header" "foto details" "actions actions";
    grid-template-columns: 65px 1fr !important;
    gap: 0.2rem 0.5rem !important;
    padding: 0.6rem !important;
    min-height: auto !important;
    align-items: center !important;
  }

  .genel-card-ana-foto {
    grid-area: foto !important;
    margin: 0 !important;
    width: 65px !important;
    min-width: 65px !important;
    height: 65px !important;
    min-height: 65px !important;
    aspect-ratio: 1/1 !important;
    display: block !important;
    position: relative !important;
    border-radius: 10px !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    z-index: 1 !important;
  }

  .genel-card-foto {
    width: 65px !important;
    height: 65px !important;
    min-width: 65px !important;
    min-height: 65px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .genel-card-header {
    grid-area: header !important;
    margin-bottom: 0 !important;
    align-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.3rem !important;
  }

  .genel-card-store {
    font-size: 0.68rem !important;
    opacity: 0.7 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .genel-card-fiyat {
    font-size: 0.8rem !important;
    font-weight:500 !important;
    color: #4ade80 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  body.light-theme .genel-card-fiyat {
    color: #16a34a !important;
  }

  .genel-card-model {
    grid-area: model !important;
    margin-bottom: 0 !important;
    font-size: 0.82rem !important;
    font-weight:450 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    align-self: center !important;
  }

  .genel-card-details {
    grid-area: details !important;
    margin-bottom: 0 !important;
    font-size: 0.65rem !important;
    line-height: 1.25 !important;
    min-height: auto !important;
    align-self: start !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #94a3b8 !important;
  }

  .genel-card-actions {
    grid-area: actions !important;
    margin-top: 0.35rem !important;
    padding-top: 0.35rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.3rem !important;
  }

  body.light-theme .genel-card-actions {
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  }

  body.customer-mode .genel-card-store {
    display: none !important;
  }

  body.customer-mode .genel-card-fiyat {
    font-size: 0.88rem !important;
    font-weight: 800 !important;
  }

  body.customer-mode .genel-card-model {
    font-size: 0.85rem !important;
    font-weight:500 !important;
  }

  body.customer-mode .genel-card-details {
    font-size: 0.68rem !important;
  }

  .genel-device-card:not(:has(.genel-card-ana-foto)) {
    grid-template-areas: "header header" "details details" "actions actions" !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .magaza-cards-mobile .magaza-device-card,
  .magaza-satilan-cards .magaza-device-card {
    display: grid !important;
    grid-template-areas: "foto header" "foto fiyatlar" "foto details" "actions actions" "share share";
    grid-template-columns: 60px 1fr !important;
    gap: 0.15rem 0.5rem !important;
    padding: 0.6rem !important;
    min-height: auto !important;
    align-items: center !important;
  }

  .magaza-cards-mobile .magaza-card-foto-strip,
  .magaza-satilan-cards .magaza-card-foto-strip,
  .magaza-satilan-cards .satilan-card-foto-strip {
    grid-area: foto !important;
    width: 60px !important;
    min-width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-width: 60px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    display: block !important;
    position: relative !important;
    background: rgba(255, 255, 255, 0.1) !important;
    z-index: 1 !important;
  }

  .magaza-cards-mobile .magaza-card-foto-strip .magaza-card-foto-thumb,
  .magaza-satilan-cards .magaza-card-foto-thumb {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .magaza-cards-mobile .magaza-card-foto-strip .magaza-card-foto-thumb:nth-child(n + 2),
  .magaza-satilan-cards .magaza-card-foto-thumb:nth-child(n + 2) {
    display: none !important;
  }

  .magaza-cards-mobile .magaza-card-header,
  .magaza-satilan-cards .magaza-card-header {
    grid-area: header !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0.3rem !important;
    margin: 0 !important;
    min-width: 0 !important;
    align-self: end !important;
  }

  .magaza-cards-mobile .magaza-card-model,
  .magaza-satilan-cards .magaza-card-model {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .magaza-cards-mobile .magaza-card-fiyat,
  .magaza-satilan-cards .magaza-card-fiyat {
    display: none !important;
  }

  .magaza-cards-mobile .magaza-card-fiyatlar,
  .magaza-satilan-cards .magaza-card-fiyatlar {
    grid-area: fiyatlar !important;
    margin: 0 !important;
    display: flex !important;
    gap: 0.3rem !important;
    align-items: center !important;
    font-size: 0 !important;
    align-self: center !important;
  }

  .magaza-cards-mobile .magaza-card-details,
  .magaza-satilan-cards .magaza-card-details {
    grid-area: details !important;
    margin: 0 !important;
    font-size: 0.68rem !important;
    line-height: 1.25 !important;
    color: #94a3b8 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    align-self: start !important;
  }

  .magaza-satilan-cards .satilan-card-metrics {
    margin: 0 !important;
    min-width: 0 !important;
    font-size: 0.7rem !important;
  }

  .magaza-cards-mobile .magaza-device-card:not(:has(.magaza-card-foto-strip)),
  .magaza-satilan-cards .magaza-device-card:not(:has(.magaza-card-foto-strip)):not( :has(.satilan-card-foto-strip)) {
    grid-template-areas: "header header" "fiyatlar fiyatlar" "details details" "actions actions" "share share" !important;
    grid-template-columns: 1fr !important;
  }

  .magaza-cards-mobile .magaza-card-actions,
  .magaza-satilan-cards .magaza-card-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.25rem !important;
    margin: 0 !important;
    padding-top: 0.4rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    min-width: 0 !important;
  }

  .magaza-cards-mobile .magaza-card-actions .promo-btn,
  .magaza-cards-mobile .magaza-card-actions .sattim-btn,
  .magaza-cards-mobile .magaza-card-actions .status-btn,
  .magaza-satilan-cards .magaza-card-actions .sattim-btn {
    grid-column: 1/-1 !important;
    min-width: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 0.5rem !important;
    font-size: 0.72rem !important;
    justify-content: center !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
  }

  .magaza-cards-mobile .magaza-card-actions .action-btn,
  .magaza-satilan-cards .magaza-card-actions .action-btn {
    min-width: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    font-size: 0.72rem !important;
    justify-content: center !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
  }

  .magaza-cards-mobile .card-action-btns-grid {
    display: contents !important;
  }

  .magaza-cards-mobile .card-action-btns-grid .action-btn {
    min-width: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 8px !important;
  }

  .magaza-cards-mobile .customer-share-wrap {
    grid-area: share !important;
    grid-column: 1/-1 !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .magaza-cards-mobile .customer-share-wrap .customer-share-standalone-btn {
    width: 100% !important;
    min-height: 32px !important;
    height: 32px !important;
    justify-content: center !important;
    font-size: 0.72rem !important;
    border-radius: 8px !important;
  }

  .magaza-cards-mobile .magaza-card-actions img,
  .magaza-satilan-cards .magaza-card-actions img {
    width: 16px !important;
    height: 16px !important;
  }

  body.light-theme .magaza-cards-mobile .magaza-card-actions,
  body.light-theme .magaza-satilan-cards .magaza-card-actions {
    border-top-color: rgba(0, 0, 0, 0.08) !important;
  }
}

@media (max-width: 1024px) {
  .suresi-dolan-item {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.5rem !important;
    padding: 0.6rem 0.75rem !important;
  }

  .suresi-dolan-info {
    flex-wrap: wrap !important;
    gap: 0.35rem !important;
  }

  .suresi-dolan-actions {
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    justify-content: flex-start !important;
  }

  .suresi-dolan-sil-btn,
  .suresi-dolan-yenile-btn {
    min-height: 40px !important;
    padding: 0.35rem 0.75rem !important;
    font-size: 0.8rem !important;
  }
}

.fiyat-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
  font-size: 0.68rem;
  font-weight:450;
  white-space: nowrap;
  line-height: 1.3;
}

.fiyat-alis {
  background: rgba(239, 68, 68, 0.12);
  color: #f87171;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.fiyat-satis {
  background: rgba(34, 197, 94, 0.12);
  color: #4ade80;
  border: 1px solid rgba(34, 197, 94, 0.2);
}

body.light-theme .fiyat-alis {
  background: rgba(239, 68, 68, 0.08);
  color: #dc2626;
  border-color: rgba(239, 68, 68, 0.15);
}

body.light-theme .fiyat-satis {
  background: rgba(34, 197, 94, 0.08);
  color: #16a34a;
  border-color: rgba(34, 197, 94, 0.15);
}

@media (max-width: 1024px) {
  .magaza-cards-mobile .magaza-device-card.magaza-card-edit {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    padding: 0.75rem !important;
    grid-template-areas: none !important;
    grid-template-columns: none !important;
  }

  .magaza-card-edit .magaza-card-edit-row {
    width: 100% !important;
    min-width: 0 !important;
  }

  .magaza-card-edit .magaza-card-edit-row label {
    font-size: 0.75rem !important;
    min-width: 70px !important;
  }

  .magaza-card-edit .magaza-card-edit-row input,
  .magaza-card-edit .magaza-card-edit-row select,
  .magaza-card-edit .magaza-card-edit-row textarea {
    font-size: 0.8rem !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .magaza-card-edit .magaza-card-edit-actions {
    display: flex !important;
    gap: 0.4rem !important;
    width: 100% !important;
  }

  .magaza-card-edit .magaza-card-edit-actions .action-btn {
    flex: 1 !important;
    min-height: 36px !important;
    font-size: 0.8rem !important;
    justify-content: center !important;
  }

  .magaza-card-edit .edit-photo-row {
    flex-direction: column !important;
  }

  .magaza-card-edit .edit-photo-inner {
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
  body.customer-mode .genel-cards-mobile .genel-device-card {
    grid-template-columns: 70px 1fr !important;
    gap: 0.2rem 0.55rem !important;
    padding: 0.65rem !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
  }

  body.light-theme.customer-mode .genel-cards-mobile .genel-device-card {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05) !important;
  }

  body.customer-mode .genel-card-ana-foto {
    width: 70px !important;
    min-width: 70px !important;
    height: 70px !important;
    min-height: 70px !important;
    aspect-ratio: 1/1 !important;
    border-radius: 12px !important;
    display: block !important;
    position: relative !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    z-index: 1 !important;
  }

  body.customer-mode .genel-card-foto {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    border-radius: 12px !important;
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body.customer-mode .genel-card-fiyat {
    background: rgba(34, 197, 94, 0.1) !important;
    padding: 0.1rem 0.4rem !important;
    border-radius: 6px !important;
  }

  body.light-theme.customer-mode .genel-card-fiyat {
    background: rgba(34, 197, 94, 0.08) !important;
  }

  body.light-theme.customer-mode .genel-card-details {
    color: #64748b !important;
  }

  body.customer-mode .genel-card-actions {
    display: flex !important;
    gap: 0.3rem !important;
    padding-top: 0.35rem !important;
    margin-top: 0.3rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
  }

  body.light-theme.customer-mode .genel-card-actions {
    border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
  }

  body.customer-mode .genel-card-actions .call-btn,
  body.customer-mode .genel-card-actions .wp-action-link {
    flex: 1 !important;
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }

  body.customer-mode .genel-card-actions .call-btn span,
  body.customer-mode .genel-card-actions .wp-action-link span {
    display: none !important;
  }

  body.customer-mode .genel-card-actions .call-btn img,
  body.customer-mode .genel-card-actions .wp-action-link img {
    width: 20px !important;
    height: 20px !important;
  }

  body.customer-mode .genel-card-actions .device-detail-info-btn {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }
}

body.customer-mode .hizli-row-actions .device-detail-info-btn,
body.customer-mode .hizli-row-actions .hizli-compare-btn {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid var(--theme-border);
  background: var(--theme-input-bg);
}

body.customer-mode .hizli-row-actions .device-detail-info-btn .action-btn-icon,
body.customer-mode .hizli-row-actions .hizli-compare-btn .action-btn-icon {
  width: 16px;
  height: 16px;
}

body.customer-mode .hizli-row-actions {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}

body.customer-mode .hizli-row-actions .hizli-action-btn {
  flex: 0 1 auto;
  min-height: 30px;
  height: 30px;
  font-size: 0.72rem;
  border-radius: 8px;
  padding: 0 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

body.customer-mode .hizli-row-actions .hizli-action-icon {
  width: 16px;
  height: 16px;
}

body.customer-mode .hizli-row-actions .hizli-takas-btn {
  flex: 0 0 auto;
  min-height: 30px;
  height: 30px;
  font-size: 0.7rem;
  border-radius: 8px;
  padding: 0 0.45rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

body.customer-mode .hizli-row-actions .hizli-takas-icon {
  width: 14px;
  height: 14px;
}

@media (max-width: 1024px) {
  body.theme-light .tabs {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow:
      0 -4px 20px rgba(0, 0, 0, 0.08),
      inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
  }

  body.theme-light .tabs .tab {
    color: #64748b !important;
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important;
  }

  body.theme-light .tabs .tab:hover {
    color: #1e293b !important;
    background: rgba(0, 0, 0, 0.04) !important;
  }

  body.theme-light .tabs .tab.active {
    color: #1e293b !important;
    background: rgba(59, 130, 246, 0.1) !important;
  }

  body.theme-light .tabs .tab .tab-icon {
    filter: brightness(0) saturate(100%) invert(40%) sepia(10%) saturate(500%) hue-rotate(180deg) !important;
  }

  body.theme-light .tabs .tab.active .tab-icon {
    filter: brightness(0) saturate(100%) invert(20%) sepia(60%) saturate(700%) hue-rotate(200deg) !important;
  }

  body.theme-light .tabs .tab.active::after {
    background: #3b82f6 !important;
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.5) !important;
  }

  body.theme-light .tabs .tab .tab-label {
    color: inherit !important;
  }
}

.settings-panel {
  z-index: 99999 !important;
}

.swal2-container {
  z-index: 999999 !important;
}

body.theme-light .tabs {
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.theme-light .tabs .tab {
  color: #64748b !important;
  background: rgba(0, 0, 0, 0.02) !important;
}

.marka-multi-wrap .custom-select-panel {
  min-width: 200px;
}

.marka-multi-wrap .custom-select-opt {
  position: relative;
  padding-left: 2rem;
}

.marka-multi-wrap .custom-select-opt::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 2px solid var(--theme-border);
  border-radius: 3px;
  background: var(--theme-bg);
}

.marka-multi-wrap .custom-select-opt.selected::before {
  background: #5da8e8;
  border-color: #5da8e8;
}

.marka-multi-wrap .custom-select-opt.selected::after {
  content: "✓";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight:500;
}

#genel-depolama+.custom-select-trigger,
#genel-pil+.custom-select-trigger {
  min-width: 100px;
}

.filter-fiyat-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.genel-fiyat-input {
  width: 80px;
  padding: 0.5rem 0.75rem;
  background: var(--theme-input-bg);
  border: 1px solid var(--theme-border);
  border-radius: 8px;
  color: var(--theme-color);
  font-size: 0.875rem;
  text-align: center;
}

.genel-fiyat-input:focus {
  outline: 0;
  border-color: #5da8e8;
}

.filter-sep {
  color: var(--theme-color-muted);
  font-size: 0.875rem;
}

@media (max-width: 768px) {
  .filter-row-main {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .custom-select-wrap {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 120px;
  }

  .filter-fiyat-wrap {
    flex: 1 1 100%;
    justify-content: center;
  }

  .genel-fiyat-input {
    flex: 1;
    max-width: 120px;
  }
}

.skeleton-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
  padding: 0.5rem 0;
  width: 100%;
}

.skeleton-card {
  background: linear-gradient(145deg,
      rgba(30, 41, 59, 0.5),
      rgba(15, 23, 42, 0.6));
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 18px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 180px;
  overflow: hidden;
}

body.theme-light .skeleton-card {
  background: linear-gradient(145deg,
      rgba(241, 245, 249, 0.95),
      rgba(226, 232, 240, 0.7));
  border-color: rgba(0, 0, 0, 0.06);
}

.skeleton-line {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.skeleton-line::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      transparent 0,
      rgba(255, 255, 255, 0.06) 40%,
      rgba(255, 255, 255, 0.12) 50%,
      rgba(255, 255, 255, 0.06) 60%,
      transparent 100%);
  animation: skeletonShimmer 1.8s ease-in-out infinite;
}

body.theme-light .skeleton-line::after {
  background: linear-gradient(90deg,
      transparent 0,
      rgba(255, 255, 255, 0.5) 40%,
      rgba(255, 255, 255, 0.8) 50%,
      rgba(255, 255, 255, 0.5) 60%,
      transparent 100%);
}

.skeleton-line-header {
  height: 14px;
  width: 45%;
  background: rgba(255, 255, 255, 0.06);
}

.skeleton-line-title {
  height: 18px;
  width: 70%;
  background: rgba(255, 255, 255, 0.08);
}

.skeleton-line-detail {
  height: 12px;
  width: 90%;
  background: rgba(255, 255, 255, 0.05);
}

.skeleton-line-detail.short {
  width: 55%;
}

.skeleton-line-actions {
  height: 32px;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  margin-top: auto;
  border-radius: 10px;
}

body.theme-light .skeleton-line-header {
  background: rgba(0, 0, 0, 0.06);
}

body.theme-light .skeleton-line-title {
  background: rgba(0, 0, 0, 0.08);
}

body.theme-light .skeleton-line-detail {
  background: rgba(0, 0, 0, 0.05);
}

body.theme-light .skeleton-line-actions {
  background: rgba(0, 0, 0, 0.04);
}

@keyframes skeletonShimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.skeleton-card:first-child {
  animation: skeletonFadeIn 0.4s ease 0ms both;
}

.skeleton-card:nth-child(2) {
  animation: skeletonFadeIn 0.4s ease 80ms both;
}

.skeleton-card:nth-child(3) {
  animation: skeletonFadeIn 0.4s ease 0.16s both;
}

.skeleton-card:nth-child(4) {
  animation: skeletonFadeIn 0.4s ease 0.24s both;
}

.skeleton-card:nth-child(5) {
  animation: skeletonFadeIn 0.4s ease 0.32s both;
}

.skeleton-card:nth-child(6) {
  animation: skeletonFadeIn 0.4s ease 0.4s both;
}

@keyframes skeletonFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 600px) {
  .skeleton-grid {
    grid-template-columns: 1fr;
  }
}

@keyframes selectPanelIn {
  from {
    opacity: 0;
    transform: scaleY(0.92) translateY(-4px);
  }

  to {
    opacity: 1;
    transform: scaleY(1) translateY(0);
  }
}

.genel-device-card {
  animation: cardFadeSlideUp 0.35s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}

@keyframes cardFadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.genel-cards-mobile .genel-device-card:first-child {
  animation-delay: 0s;
}

.genel-cards-mobile .genel-device-card:nth-child(2) {
  animation-delay: 40ms;
}

.genel-cards-mobile .genel-device-card:nth-child(3) {
  animation-delay: 80ms;
}

.genel-cards-mobile .genel-device-card:nth-child(4) {
  animation-delay: 0.12s;
}

.genel-cards-mobile .genel-device-card:nth-child(5) {
  animation-delay: 0.16s;
}

.genel-cards-mobile .genel-device-card:nth-child(6) {
  animation-delay: 0.2s;
}

.genel-cards-mobile .genel-device-card:nth-child(7) {
  animation-delay: 0.24s;
}

.genel-cards-mobile .genel-device-card:nth-child(8) {
  animation-delay: 0.28s;
}

.genel-cards-mobile .genel-device-card:nth-child(n + 9) {
  animation-delay: 0.3s;
}

.custom-select-opt {
  transition:
    background 0.15s ease,
    padding-left 0.15s ease;
}

.custom-select-opt:hover {
  padding-left: 1rem;
}

.genel-card-model {
  letter-spacing: -0.01em;
}

.genel-card-fiyat {
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

.genel-device-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 19px;
  background: linear-gradient(135deg,
      rgba(93, 168, 232, 0),
      rgba(93, 168, 232, 0));
  z-index: -1;
  transition: background 0.3s ease;
  pointer-events: none;
}

.genel-device-card {
  position: relative;
}

.genel-device-card:hover::before {
  background: linear-gradient(135deg,
      rgba(93, 168, 232, 0.08),
      rgba(147, 51, 234, 0.05));
}

body.theme-light .genel-device-card:hover {
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(37, 99, 235, 0.08),
    inset 0 1px 1px #fff;
}

body.theme-light .genel-device-card:hover::before {
  background: linear-gradient(135deg,
      rgba(37, 99, 235, 0.05),
      rgba(147, 51, 234, 0.03));
}

.tab {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.tab:hover:not(.active) {
  background: rgba(255, 255, 255, 0.04);
  transform: translateY(-1px);
}

body.theme-light .tab:hover:not(.active) {
  background: rgba(0, 0, 0, 0.03);
}

@keyframes inputShake {

  0%,
  100% {
    transform: translateX(0);
  }

  10% {
    transform: translateX(-6px);
  }

  20% {
    transform: translateX(5px);
  }

  30% {
    transform: translateX(-4px);
  }

  40% {
    transform: translateX(3px);
  }

  50% {
    transform: translateX(-2px);
  }

  60% {
    transform: translateX(1px);
  }
}

.input-error {
  border-color: #ef4444 !important;
  box-shadow:
    0 0 0 3px rgba(239, 68, 68, 0.15),
    inset 0 1px 2px rgba(239, 68, 68, 0.1) !important;
  animation: inputShake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.input-success {
  border-color: #22c55e !important;
  box-shadow:
    0 0 0 3px rgba(34, 197, 94, 0.15),
    inset 0 1px 2px rgba(34, 197, 94, 0.1) !important;
  transition:
    border-color 0.3s,
    box-shadow 0.3s;
}

.form-error-msg {
  font-size: 0.8rem;
  color: #fca5a5;
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  animation: errorMsgIn 0.25s ease both;
}

body.theme-light .form-error-msg {
  color: #dc2626;
}

@keyframes errorMsgIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.login-input.input-error {
  animation: inputShake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.add-device-form input.input-error,
.add-device-form select.input-error,
.add-device-form textarea.input-error {
  animation: inputShake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.add-device-form input:focus,
.add-device-form select:focus,
.add-device-form textarea:focus {
  outline: 0;
  border-color: rgba(93, 168, 232, 0.6);
  box-shadow: 0 0 0 3px rgba(93, 168, 232, 0.12);
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

body.theme-light .add-device-form input:focus,
body.theme-light .add-device-form select:focus,
body.theme-light .add-device-form textarea:focus {
  border-color: rgba(37, 99, 235, 0.5);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

#hizli-sorgu-panel {
  min-height: 120px;
}

#genel-pool-content {
  min-height: 500px;
  content-visibility: auto;
  contain-intrinsic-size: 500px;
}

#magaza-content {
  min-height: 500px;
}

.genel-table-wrap {
  min-height: 400px;
}

.promo-section {
  min-height: 140px;
}

.filter-bar {
  min-height: 100px;
}

.devices-table td:first-child .store-profile-link {
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}

.action-col {
  min-width: 100px;
}

.col-store {
  white-space: nowrap;
}

.action-col {
  width: auto !important;
  max-width: 140px;
}

.devices-table th.action-col {
  min-width: 80px !important;
  width: 110px !important;
  text-align: center;
}

/* V20: Tablo yazilarini ortala */
.devices-table th,
.devices-table td {
  text-align: center !important;
  vertical-align: middle !important;
}

/* Eger Dukkan veya Model sola dayali kalmasi gerekirse override edilir ama kullanici TUMU dedigi icin hepsini ortaliyoruz */

/* V21: Butonlari karsilastirma butonu boyutlarina kucult */
.devices-table .action-buttons-wrap .device-detail-info-btn,
.devices-table .action-buttons-wrap .genel-compare-add-btn,
.devices-table .action-buttons-wrap .genel-favori-btn,
.devices-table .action-buttons-wrap .genel-copy-btn,
.devices-table .action-buttons-wrap .hizli-action-btn {
  width: 32px !important;
  height: 32px !important;
  padding: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.devices-table .action-buttons-wrap img,
.devices-table .action-buttons-wrap svg {
  width: 18px !important;
  height: 18px !important;
}

.action-buttons-wrap {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* V22: Islemler (Action-Col) sola yaslanmali */
.devices-table th.action-col,
.devices-table th.genel-copy-col,
.devices-table td.action-col,
.devices-table td.genel-copy-col {
  text-align: left !important;
}

.action-buttons-wrap {
  justify-content: flex-start !important;
}

/* V23: Tum islem butonlarini yapisal olarak karsilastirma butonuyla birebir esitle */
.devices-table .action-buttons-wrap .device-detail-info-btn,
.devices-table .action-buttons-wrap .genel-compare-add-btn,
.devices-table .action-buttons-wrap .genel-favori-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 6px !important;
  color: #9ca8b8 !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
}

body.theme-light .devices-table .action-buttons-wrap .device-detail-info-btn,
body.theme-light .devices-table .action-buttons-wrap .genel-compare-add-btn,
body.theme-light .devices-table .action-buttons-wrap .genel-favori-btn {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.18) !important;
  color: #64748b !important;
}

/* Ikon boyutlarini da tam matchliyelim (1rem veya 16px gibi) */
.devices-table .action-buttons-wrap img,
.devices-table .action-buttons-wrap svg {
  width: 16px !important;
  height: 16px !important;
}

/* V25: Mağazam Tablo Görünümü Icin "İşlemler" Grid Düzeni */
@media (min-width: 1025px) {
  #magaza-table td.action-col .action-buttons-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, max-content) !important;
    gap: 6px !important;
    justify-content: start !important;
    align-items: stretch !important;
  }

  /* Make sure all base action buttons in this grid have a harmonized padding so the columns lock together perfectly */
  #magaza-table td.action-col .action-buttons-wrap .action-btn {
    padding: 0.35rem !important;
    /* Locks width/height into neat cubes naturally */
    width: 32px !important;
  }
}

/* 1. Prevent ONLY short/critical fields from wrapping, but let long texts like Açıklama wrap naturally. */
#magaza-table td:not(.note-cell):not(.magaza-model-td) {
  white-space: nowrap;
}

/* Let the textarea or long description wrap naturally and wrap long texts over multiple lines softly */
#magaza-table td.note-cell,
#magaza-table td.magaza-model-td {
  word-break: break-word;
  white-space: normal;
  min-width: 180px;
}

#magaza-table td.note-cell textarea {
  width: 100%;
  min-width: 160px;
  resize: vertical;
}

/* 2. Action Column Width should be guaranteed to fit the Müşteriye Gönder text fully */
#magaza-table td.action-col,
#magaza-table th.action-col {
  min-width: 165px;
}

#magaza-table td.action-col .action-buttons-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  justify-items: center !important;
}

/* Make all 6 standard action buttons identical squares in the Mağazam grid */
#magaza-table td.action-col .action-buttons-wrap .action-btn,
#magaza-table td.action-col .action-buttons-wrap .action-copy {
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1e3a5f !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  color: #c8d4e0 !important;
}

body.theme-light #magaza-table td.action-col .action-buttons-wrap .action-btn,
body.theme-light #magaza-table td.action-col .action-buttons-wrap .action-copy {
  background: #f1f5f9 !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #475569 !important;
}

/* 3. Let "Müşteriye Gönder" be fully visible on its own row */
#magaza-table td.action-col .customer-share-standalone-btn {
  white-space: nowrap;
  font-size: 0.8rem;
  padding: 0.4rem 0.65rem;
  min-height: 32px;
}

/* V28: Finalizing Magaza UX - Single Line Cells with Hover Tooltips */
#magaza-table th,
#magaza-table td {
  white-space: nowrap !important;
  /* Force true 1-line tabular dashboard */
}

/* Make sure the note cell doesn't infinitely expand the table and cause massive scroll tracking */
#magaza-table td.note-cell {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#magaza-table td.note-cell .note-truncated {
  cursor: help;
}

#magaza-table td.action-col {
  min-width: 175px !important;
  /* Extremely important to prevent 'Müşteriye Gönder' from cutting off */
}

#magaza-table td.action-col .action-buttons-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  justify-items: center !important;
}

#magaza-table td.action-col .action-buttons-wrap .action-btn,
#magaza-table td.action-col .action-buttons-wrap .action-copy {
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1e3a5f !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  color: #c8d4e0 !important;
}

body.theme-light #magaza-table td.action-col .action-buttons-wrap .action-btn,
body.theme-light #magaza-table td.action-col .action-buttons-wrap .action-copy {
  background: #f1f5f9 !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #475569 !important;
}

#magaza-table td.action-col .customer-share-wrap {
  margin-top: 6px;
  width: 100%;
}

#magaza-table td.action-col .customer-share-standalone-btn {
  white-space: nowrap !important;
  width: 100% !important;
  padding: 0.4rem 0.5rem !important;
  margin: 0 !important;
}

/* V29: Force Grid layout for Magaza cards (Active & Sold) on Desktop screens */
@media (min-width: 1024px) {

  #magaza-cards-mobile,
  #magaza-satilan-cards,
  #genel-cards-mobile {
    display: grid !important;
    /* Create responsive columns that stretch to fill space with a min width of 340px */
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
    gap: 1.25rem !important;
    align-items: start;
  }
}

/* V32: Cloned Mobile Layout for Desktop Magaza Cards */

/* V32: Extracted Mobile Styles mapped globally */

.magaza-cards-mobile .magaza-device-card,
.magaza-satilan-cards .magaza-device-card {
  display: grid !important;
  grid-template-areas: "foto header" "foto fiyatlar" "foto details" "actions actions" "share share";
  grid-template-columns: 60px 1fr !important;
  gap: 0.15rem 0.5rem !important;
  padding: 0.6rem !important;
  min-height: auto !important;
  align-items: center !important;
}

.magaza-cards-mobile .magaza-card-foto-strip,
.magaza-satilan-cards .magaza-card-foto-strip,
.magaza-satilan-cards .satilan-card-foto-strip {
  grid-area: foto !important;
  width: 60px !important;
  min-width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  max-width: 60px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: block !important;
  position: relative !important;
  background: rgba(255, 255, 255, 0.1) !important;
  z-index: 1 !important;
}

.magaza-cards-mobile .magaza-card-foto-strip .magaza-card-foto-thumb,
.magaza-satilan-cards .magaza-card-foto-thumb {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
}

.magaza-cards-mobile .magaza-card-foto-strip .magaza-card-foto-thumb:nth-child(n + 2),
.magaza-satilan-cards .magaza-card-foto-thumb:nth-child(n + 2) {
  display: none !important;
}

.magaza-cards-mobile .magaza-card-header,
.magaza-satilan-cards .magaza-card-header {
  grid-area: header !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 0.3rem !important;
  margin: 0 !important;
  min-width: 0 !important;
  align-self: end !important;
}

.magaza-cards-mobile .magaza-card-model,
.magaza-satilan-cards .magaza-card-model {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.magaza-cards-mobile .magaza-card-fiyat,
.magaza-satilan-cards .magaza-card-fiyat {
  display: none !important;
}

.magaza-cards-mobile .magaza-card-fiyatlar,
.magaza-satilan-cards .magaza-card-fiyatlar {
  grid-area: fiyatlar !important;
  margin: 0 !important;
  display: flex !important;
  gap: 0.3rem !important;
  align-items: center !important;
  font-size: 0 !important;
  align-self: center !important;
}

.magaza-cards-mobile .magaza-card-details,
.magaza-satilan-cards .magaza-card-details {
  grid-area: details !important;
  margin: 0 !important;
  font-size: 0.68rem !important;
  line-height: 1.25 !important;
  color: #94a3b8 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  align-self: start !important;
}

.magaza-satilan-cards .satilan-card-metrics {
  margin: 0 !important;
  min-width: 0 !important;
  font-size: 0.7rem !important;
}

.magaza-cards-mobile .magaza-device-card:not(:has(.magaza-card-foto-strip)),
.magaza-satilan-cards .magaza-device-card:not(:has(.magaza-card-foto-strip)):not( :has(.satilan-card-foto-strip)) {
  grid-template-areas: "header header" "fiyatlar fiyatlar" "details details" "actions actions" "share share" !important;
  grid-template-columns: 1fr !important;
}

.magaza-cards-mobile .magaza-card-actions,
.magaza-satilan-cards .magaza-card-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0.25rem !important;
  margin: 0 !important;
  padding-top: 0.4rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  min-width: 0 !important;
}

.magaza-cards-mobile .magaza-card-actions .promo-btn,
.magaza-cards-mobile .magaza-card-actions .sattim-btn,
.magaza-cards-mobile .magaza-card-actions .status-btn,
.magaza-satilan-cards .magaza-card-actions .sattim-btn {
  grid-column: 1/-1 !important;
  min-width: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 0.5rem !important;
  font-size: 0.72rem !important;
  justify-content: center !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
}

.magaza-cards-mobile .magaza-card-actions .action-btn,
.magaza-satilan-cards .magaza-card-actions .action-btn {
  min-width: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  font-size: 0.72rem !important;
  justify-content: center !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
}

.magaza-cards-mobile .card-action-btns-grid {
  display: contents !important;
}

.magaza-cards-mobile .card-action-btns-grid .action-btn {
  min-width: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  justify-content: center !important;
  border-radius: 8px !important;
}

.magaza-cards-mobile .customer-share-wrap {
  grid-area: share !important;
  grid-column: 1/-1 !important;
  margin: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

.magaza-cards-mobile .customer-share-wrap .customer-share-standalone-btn {
  width: 100% !important;
  min-height: 32px !important;
  height: 32px !important;
  justify-content: center !important;
  font-size: 0.72rem !important;
  border-radius: 8px !important;
}

.magaza-cards-mobile .magaza-card-actions img,
.magaza-satilan-cards .magaza-card-actions img {
  width: 16px !important;
  height: 16px !important;
}

body.light-theme .magaza-cards-mobile .magaza-card-actions,
body.light-theme .magaza-satilan-cards .magaza-card-actions {
  border-top-color: rgba(0, 0, 0, 0.08) !important;
}

/* V33: Exact Match of Desktop 'Esnaf Stok Havuzu' Cards to Mobile Form */

.genel-cards-mobile .genel-device-card {
  display: grid !important;
  grid-template-areas: "foto header" "foto details" "actions actions";
  grid-template-columns: 65px 1fr !important;
  gap: 0.2rem 0.5rem !important;
  padding: 0.6rem !important;
  min-height: auto !important;
  align-items: center !important;
}

.genel-card-ana-foto {
  grid-area: foto !important;
  margin: 0 !important;
  width: 65px !important;
  min-width: 65px !important;
  height: 65px !important;
  min-height: 65px !important;
  aspect-ratio: 1/1 !important;
  display: block !important;
  position: relative !important;
  border-radius: 10px !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  z-index: 1 !important;
}

.genel-card-foto {
  width: 65px !important;
  height: 65px !important;
  min-width: 65px !important;
  min-height: 65px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
}

.genel-card-header {
  grid-area: header !important;
  margin-bottom: 0 !important;
  align-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.3rem !important;
}

.genel-card-store {
  font-size: 0.68rem !important;
  opacity: 0.7 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.genel-card-fiyat {
  font-size: 0.8rem !important;
  font-weight:500 !important;
  color: #4ade80 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

body.light-theme .genel-card-fiyat {
  color: #16a34a !important;
}

.genel-card-model {
  grid-area: model !important;
  margin-bottom: 0 !important;
  font-size: 0.82rem !important;
  font-weight:450 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  align-self: center !important;
}

.genel-card-details {
  grid-area: details !important;
  margin-bottom: 0 !important;
  font-size: 0.65rem !important;
  line-height: 1.25 !important;
  min-height: auto !important;
  align-self: start !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #94a3b8 !important;
}

.genel-card-actions {
  grid-area: actions !important;
  margin-top: 0.35rem !important;
  padding-top: 0.35rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.3rem !important;
}

body.light-theme .genel-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.genel-device-card:not(:has(.genel-card-ana-foto)) {
  grid-template-areas: "header header" "details details" "actions actions" !important;
  grid-template-columns: 1fr 1fr !important;
}

/* V35: Remove Action Button Gaps in Esnaf Mode while Preserving Button Styles */
#genel-cards-mobile .genel-card-actions {
  justify-content: flex-start !important;
  gap: 0.5rem !important;
}

/* V36: Evenly Distribute Remaining Space Between Ara and WhatsApp Buttons */
#genel-cards-mobile .genel-card-actions .call-btn,
#genel-cards-mobile .genel-card-actions .wp-action-link {
  flex: 1 !important;
  justify-content: center !important;
  text-align: center !important;
}

/* V39: Force-kill all internal margins in promo-card-content to eliminate gaps */
.promo-card-content .promo-card-header {
  margin-bottom: 0 !important;
}

.promo-card-content .promo-card-model {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.promo-card-content .promo-card-details {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  line-height: 1.3 !important;
}

.promo-card-content .promo-card-badge {
  margin-bottom: 0 !important;
}

.promo-card-content .promo-card-fiyat {
  margin-bottom: 0 !important;
}

.promo-card-content .promo-card-tel {
  margin-top: 3px !important;
}

.promo-card-content {
  gap: 0 !important;
}

/* DESKTOP TABS RESET (V40) */
@media (min-width: 1024px) {
  .tabs {
    position: static !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 1rem 0 1rem 0 !important;
    padding: 0 1.5rem !important;
    /* Keep aligned with main layout paddings if any or reset to 0 */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.theme-light .tabs {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  #app-root > .tabs {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: calc(100% - 3rem) !important;
    max-width: none !important;
    gap: 0.75rem !important;
  }

  #app-root > .tabs .tab,
  #app-root > .tabs > a.tab {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* TEXT OVERFLOW FIX FOR LONG MODELS IN DESKTOP CARDS (V42) */
.promo-card-model,
.genel-card-model,
.magaza-card-model {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

/* DISABLING LIST VIEW OPTIONS AND INFINITE SCROLL MODE (User Request) */
.genel-view-toggle,
.magaza-satilan-view-toggle,
.genel-pagination-mode-switch {
  display: none !important;
}


/* V46_REV: Elevate all modal panels above mobile tabs so they gracefully occlude the navigation */
.settings-panel,
.uyarilarim-panel,
.notification-panel {
  z-index: 99999 !important;
}

/* Fix for Grid text-overflow performance lag! (V42 Patch) */
.promo-card,
.genel-card,
.magaza-card {
  min-width: 0;
}

.promo-card-model,
.genel-card-model,
.magaza-card-model {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

/* V48: Completely banish List View tables from DOM paint to prevent initial UI jumping/re-rendering */
.table-wrap,
#genel-table,
#magaza-table,
#magaza-satilan-table {
  display: none !important;
}

#genel-cards-mobile,
#magaza-cards-mobile,
#magaza-satilan-cards {
  display: grid !important;
}

/* V49: Force horizontal flex headers to truncate correctly without breaking the grid */
/* Removed overrides on main cards to preserve their structural grids/flex widths */

.genel-card-header,
.magaza-card-header,
.promo-card-header {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.genel-card-model,
.magaza-card-model,
.promo-card-model {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

.device-detail-title-btn {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  appearance: none !important;
  color: inherit !important;
  font-family: inherit !important;
  font-style: inherit !important;
  font-variant: inherit !important;
  text-transform: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  min-width: 0 !important;
}

.device-detail-title-btn.genel-card-model,
.device-detail-title-btn.magaza-card-model,
.device-detail-title-btn.magaza-card-model-text,
.device-detail-title-btn.promo-card-model {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.device-detail-title-btn.genel-card-model,
.device-detail-title-btn.magaza-card-model-text {
  flex: 1 1 auto !important;
  display: block !important;
  align-self: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.device-detail-title-btn.hizli-row-model {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 0.82rem !important;
  font-weight:500 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  align-self: center !important;
}

.device-detail-title-btn.hizli-row-model {
  flex: 1 1 120px !important;
}

.device-detail-title-btn.magaza-card-model-text {
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
}

body.theme-light .device-detail-title-btn.hizli-row-model,
body.light-theme .device-detail-title-btn.hizli-row-model {
  color: #1e293b !important;
}

.device-detail-title-btn:focus-visible {
  outline: 2px solid rgba(159, 197, 255, 0.9) !important;
  outline-offset: 2px !important;
  border-radius: 10px !important;
}

.genel-card-price-group,
.magaza-card-price-group,
.promo-card-price-group,
.magaza-card-fiyat-wrap {
  flex: 0 0 auto !important;
  text-align: right !important;
  max-width: 40% !important;
  min-width: fit-content;
}

/* V50: Disable all animations forcefully during theme switch so we don't drop frames */
body.theme-transitioning,
body.theme-transitioning * {
  transition: none !important;
}

/* V51: Uyarilarim mobile/tablet layout stabilization */
@media (max-width: 1024px) {
  .uyarilarim-panel {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: calc(100dvh - 70px - env(safe-area-inset-top)) !important;
    max-height: calc(100dvh - 70px - env(safe-area-inset-top)) !important;
    padding: 0.9rem 0.9rem calc(1rem + env(safe-area-inset-bottom)) !important;
    gap: 0.8rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .uyarilarim-panel .notification-panel-header {
    position: sticky;
    top: 0;
    z-index: 3;
    background: inherit;
    padding-bottom: 0.55rem;
  }

  .uyarilarim-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }

  .uyarilarim-stat-card {
    min-height: 0 !important;
    padding: 0.72rem 0.75rem !important;
  }

  .uyarilarim-stat-card strong {
    font-size: 1.12rem;
  }

  .uyarilarim-stat-card span {
    font-size: 0.72rem;
    line-height: 1.2;
  }

  .triggered-alerts-surface,
  .uyarilarim-add-form-wrap,
  .uyarilarim-tracking-head,
  .uyarilarim-empty-msg,
  .model-alerts-list.uyarilarim-surface {
    flex-shrink: 0;
  }

  .triggered-alerts-list,
  .uyarilarim-list,
  #uyarilarim-tracking-view .uyarilarim-list {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  .uyarilarim-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem !important;
    align-items: stretch;
  }

  .uyarilarim-form .custom-select-wrap,
  .uyarilarim-form .model-alert-maxprice,
  .uyarilarim-form .model-alert-add-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .uyarilarim-form .model-alert-add-btn {
    grid-column: 1 / -1;
  }

  .model-alert-row-single {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  .model-alert-info,
  .model-alert-side {
    width: 100%;
    min-width: 0;
  }

  .model-alert-side {
    justify-content: space-between;
    gap: 0.65rem;
  }

  .model-alert-inline-stats {
    flex-wrap: wrap;
  }

  .triggered-alert-main {
    flex-wrap: wrap;
  }

  .triggered-alert-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .uyarilarim-panel {
    border-radius: 18px 18px 0 0 !important;
    padding: 0.8rem 0.8rem calc(0.95rem + env(safe-area-inset-bottom)) !important;
    gap: 0.72rem !important;
  }

  .info-tooltip-container {
    display: none;
  }

  .uyarilarim-stats {
    gap: 0.42rem !important;
  }

  .uyarilarim-stat-card {
    border-radius: 12px;
    padding: 0.66rem 0.62rem !important;
  }

  .uyarilarim-stat-card strong {
    font-size: 1.02rem;
  }

  .uyarilarim-stat-card span {
    font-size: 0.68rem;
  }

  .triggered-alerts-head,
  .uyarilarim-tracking-head {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
  }

  .triggered-alerts-read-all,
  .uyarilarim-inline-action {
    width: 100%;
    justify-content: center;
  }

  .triggered-alert-item,
  .model-alert-item {
    padding: 0.76rem 0.8rem;
  }

  .triggered-alert-model {
    font-size: 0.88rem;
  }

  .triggered-alert-actions {
    gap: 0.45rem;
  }

  .triggered-alert-goto-btn,
  .triggered-alert-read-btn,
  .triggered-alert-read-label,
  .triggered-alert-delete-btn {
    flex: 1 1 0;
    justify-content: center;
    min-height: 34px;
    text-align: center;
  }

  .uyarilarim-form {
    grid-template-columns: 1fr;
    gap: 0.6rem !important;
    padding: 0.76rem !important;
  }

  .model-alert-model-name {
    font-size: 0.86rem;
  }

  .model-alert-side {
    flex-direction: column;
    align-items: stretch;
  }

  .model-alert-inline-stats,
  .model-alert-actions-inline {
    width: 100%;
  }

  .model-alert-actions-inline {
    justify-content: flex-end;
  }

  .model-alert-edit-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .model-alert-edit-input,
  .model-alert-edit-save {
    width: 100%;
  }
}

/* V50: Align desktop/fine-pointer card hover quality across esnaf and customer cards */
@media (hover: hover) and (pointer: fine) {
  .magaza-device-card,
  body.customer-mode #genel-content .genel-cards-mobile .genel-device-card,
  body.customer-mode #genel-content .hizli-product-row {
    transition:
      translate 0.25s cubic-bezier(0.4, 0, 0.2, 1),
      box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
      border-color 0.25s ease,
      background 0.25s ease;
  }

  body:not(.theme-light):not(.light-theme) .magaza-device-card:hover,
  body:not(.theme-light):not(.light-theme).customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover,
  body:not(.theme-light):not(.light-theme).customer-mode #genel-content .hizli-product-row:hover {
    transform: none !important;
    translate: 0 -2px !important;
    border-color: rgba(93, 168, 232, 0.14) !important;
    box-shadow:
      0 12px 32px rgba(0, 0, 0, 0.28),
      inset 0 1px 1px rgba(255, 255, 255, 0.08) !important;
  }

  body:not(.theme-light):not(.light-theme) .magaza-device-card:hover,
  body:not(.theme-light):not(.light-theme).customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover {
    background: linear-gradient(145deg,
        rgba(34, 47, 66, 0.76),
        rgba(18, 28, 48, 0.84)) !important;
  }

  body:not(.theme-light):not(.light-theme).customer-mode #genel-content .hizli-product-row:hover {
    background: rgba(255, 255, 255, 0.055) !important;
  }

  body.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover::before {
    background: linear-gradient(135deg,
        rgba(93, 168, 232, 0.05),
        rgba(147, 51, 234, 0.02)) !important;
  }

  body.theme-light .magaza-device-card:hover,
  body.light-theme .magaza-device-card:hover,
  body.theme-light.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover,
  body.light-theme.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover,
  body.theme-light.customer-mode #genel-content .hizli-product-row:hover,
  body.light-theme.customer-mode #genel-content .hizli-product-row:hover {
    transform: none !important;
    translate: 0 -2px !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
    box-shadow:
      0 12px 28px rgba(15, 23, 42, 0.1),
      inset 0 1px 1px rgba(255, 255, 255, 0.92) !important;
  }

  body.theme-light .magaza-device-card:hover,
  body.light-theme .magaza-device-card:hover,
  body.theme-light.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover,
  body.light-theme.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover {
    background: linear-gradient(145deg,
        rgba(255, 255, 255, 0.98),
        rgba(241, 245, 249, 0.94)) !important;
  }

  body.theme-light.customer-mode #genel-content .hizli-product-row:hover,
  body.light-theme.customer-mode #genel-content .hizli-product-row:hover {
    background: rgba(255, 255, 255, 0.98) !important;
  }

  body.theme-light.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover::before,
  body.light-theme.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover::before {
    background: linear-gradient(135deg,
        rgba(37, 99, 235, 0.035),
        rgba(147, 51, 234, 0.015)) !important;
  }
}

/* Keep touch/mobile interactions calm even if a browser synthesizes :hover */
@media (hover: none), (pointer: coarse) {
  .magaza-device-card:hover {
    transform: none !important;
    translate: none !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    background: linear-gradient(145deg,
        rgba(30, 41, 59, 0.7),
        rgba(15, 23, 42, 0.8)) !important;
    box-shadow:
      0 8px 24px rgba(0, 0, 0, 0.2),
      inset 0 1px 1px rgba(255, 255, 255, 0.05) !important;
  }

  body.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover {
    transform: none !important;
    translate: none !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow:
      0 8px 24px rgba(0, 0, 0, 0.2),
      inset 0 1px 1px rgba(255, 255, 255, 0.05) !important;
  }

  body.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover::before {
    background: linear-gradient(135deg,
        rgba(93, 168, 232, 0),
        rgba(93, 168, 232, 0)) !important;
  }

  body.theme-light .magaza-device-card:hover,
  body.light-theme .magaza-device-card:hover {
    border-color: rgba(0, 0, 0, 0.12) !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  }

  body.theme-light.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover,
  body.light-theme.customer-mode #genel-content .genel-cards-mobile .genel-device-card:hover {
    border-color: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05) !important;
  }
}

/* V57: Satilanlar arsivi ozet satiri gercek final override */
#magaza-satilan-content .satilan-filter-main-row {
  gap: 8px !important;
}

#magaza-satilan-content .satilan-filter-main-group-secondary {
  gap: 6px !important;
}

#magaza-satilan-content .satilan-filter-footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  margin-top: 0.45rem !important;
  padding-top: 8px !important;
}

#magaza-satilan-content .satilan-summary-row {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
  margin: 0 !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}

#magaza-satilan-content .satilan-summary-row > * {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

#magaza-satilan-content .satilan-summary-card {
  flex: none !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  min-height: 88px !important;
  padding: 0.82rem 0.9rem !important;
}

@media (max-width: 1320px) {
  #magaza-satilan-content .satilan-summary-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 960px) {
  #magaza-satilan-content .satilan-summary-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  #magaza-satilan-content .satilan-summary-row {
    grid-template-columns: 1fr !important;
  }
}

/* V60: Satilan kartlarinda mobilde buton-metrik cakismasini engelle */
@media (max-width: 680px) {
  #magaza-satilan-content #magaza-satilan-cards .satilan-device-card,
  #magaza-satilan-cards .satilan-device-card {
    padding: 10px 6px 10px 10px !important;
    gap: 8px !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .magaza-card-actions,
  #magaza-satilan-cards .satilan-device-card .magaza-card-actions {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: calc(100% + 28px) !important;
    max-width: calc(100% + 28px) !important;
    margin-top: 2px !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .restore-to-stock-btn,
  #magaza-satilan-cards .satilan-device-card .restore-to-stock-btn {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-top,
  #magaza-satilan-cards .satilan-device-card .satilan-card-top {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    row-gap: 4px !important;
    align-items: center !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-main,
  #magaza-satilan-cards .satilan-device-card .satilan-card-main {
    display: contents !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .magaza-card-header,
  #magaza-satilan-cards .satilan-device-card .magaza-card-header {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .magaza-card-details,
  #magaza-satilan-cards .satilan-device-card .magaza-card-details {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip,
  #magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb,
  #magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip,
  #magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip,
  #magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: center !important;
    margin-top: 0 !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-metrics,
  #magaza-satilan-cards .satilan-device-card .satilan-card-metrics {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: calc(100% + 28px) !important;
    max-width: calc(100% + 28px) !important;
    gap: 4px !important;
    margin-top: 2px !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-metric,
  #magaza-satilan-cards .satilan-device-card .satilan-card-metric {
    min-height: 0 !important;
    padding: 5px 6px !important;
    display: grid !important;
    gap: 1px !important;
    align-content: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-metric:last-child,
  #magaza-satilan-cards .satilan-device-card .satilan-card-metric:last-child {
    grid-column: auto !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-label,
  #magaza-satilan-cards .satilan-device-card .satilan-card-label {
    font-size: 0.64rem !important;
    margin: 0 !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-value,
  #magaza-satilan-cards .satilan-device-card .satilan-card-value {
    font-size: clamp(0.72rem, 3.05vw, 0.8rem) !important;
    line-height: 1.2 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

/* V61: Satilan kartlarinda mobilde begenilen kompakt ic duzeni tum ekranlara tasi */
#magaza-satilan-content #magaza-satilan-cards .satilan-device-card,
#magaza-satilan-cards .satilan-device-card {
  display: grid !important;
  grid-template-rows: auto auto !important;
  padding: 10px 6px 10px 10px !important;
  gap: 8px !important;
  position: relative !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-top,
#magaza-satilan-cards .satilan-device-card .satilan-card-top {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 4px !important;
  align-items: center !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-main,
#magaza-satilan-cards .satilan-device-card .satilan-card-main {
  display: contents !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-header,
#magaza-satilan-cards .satilan-device-card .magaza-card-header {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-details,
#magaza-satilan-cards .satilan-device-card .magaza-card-details {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip,
#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb,
#magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip,
#magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip,
#magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: center !important;
  margin-top: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metrics,
#magaza-satilan-cards .satilan-device-card .satilan-card-metrics {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: calc(100% + 28px) !important;
  max-width: calc(100% + 28px) !important;
  gap: 4px !important;
  margin-top: 2px !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metric,
#magaza-satilan-cards .satilan-device-card .satilan-card-metric {
  min-height: 0 !important;
  padding: 5px 6px !important;
  display: grid !important;
  gap: 1px !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metric:last-child,
#magaza-satilan-cards .satilan-device-card .satilan-card-metric:last-child {
  grid-column: auto !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-label,
#magaza-satilan-cards .satilan-device-card .satilan-card-label {
  font-size: 0.64rem !important;
  margin: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-value,
#magaza-satilan-cards .satilan-device-card .satilan-card-value {
  font-size: clamp(0.72rem, 0.7vw, 0.8rem) !important;
  line-height: 1.2 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-actions,
#magaza-satilan-cards .satilan-device-card .magaza-card-actions {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: calc(100% + 28px) !important;
  max-width: calc(100% + 28px) !important;
  margin-top: 2px !important;
}

#magaza-satilan-content #magaza-satilan-cards .restore-to-stock-btn,
#magaza-satilan-cards .satilan-device-card .restore-to-stock-btn {
  width: calc(100% + clamp(28px, 3vw, 52px)) !important;
  max-width: calc(100% + clamp(28px, 3vw, 52px)) !important;
  margin: 0 !important;
}

/* V62: Satilan kartlarinda sag boslugu tum ekranlarda alanlara kat */
#magaza-satilan-content #magaza-satilan-cards .satilan-card-top,
#magaza-satilan-content #magaza-satilan-cards .satilan-card-metrics,
#magaza-satilan-content #magaza-satilan-cards .magaza-card-actions,
#magaza-satilan-cards .satilan-device-card .satilan-card-top,
#magaza-satilan-cards .satilan-device-card .satilan-card-metrics,
#magaza-satilan-cards .satilan-device-card .magaza-card-actions {
  width: calc(100% + clamp(28px, 3vw, 52px)) !important;
  max-width: calc(100% + clamp(28px, 3vw, 52px)) !important;
  justify-self: stretch !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-device-card,
#magaza-satilan-cards .satilan-device-card {
  overflow: hidden !important;
}

/* V63: Tekrar aktife al butonunu metriklerle ayni genislige bagla */
#magaza-satilan-content #magaza-satilan-cards .restore-to-stock-btn,
#magaza-satilan-cards .satilan-device-card .restore-to-stock-btn {
  width: calc(100% + clamp(28px, 3vw, 52px)) !important;
  max-width: calc(100% + clamp(28px, 3vw, 52px)) !important;
}

/* V64: Satilan kartlari icin tek ve stabil kompakt duzen */
#magaza-satilan-content #magaza-satilan-cards,
#magaza-satilan-cards.magaza-satilan-cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  justify-items: stretch !important;
  align-items: stretch !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-device-card,
#magaza-satilan-cards .satilan-device-card {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 10px !important;
  padding-bottom: 10px !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  position: relative !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-top,
#magaza-satilan-cards .satilan-device-card .satilan-card-top {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 4px !important;
  align-items: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-main,
#magaza-satilan-cards .satilan-device-card .satilan-card-main {
  display: contents !important;
  min-width: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-header,
#magaza-satilan-cards .satilan-device-card .magaza-card-header {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-model,
#magaza-satilan-cards .satilan-device-card .magaza-card-model {
  display: block !important;
  min-width: 0 !important;
  font-size: clamp(0.86rem, 0.75vw, 0.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-details,
#magaza-satilan-cards .satilan-device-card .magaza-card-details {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: clamp(0.68rem, 0.62vw, 0.74rem) !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip,
#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb,
#magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip,
#magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  border-radius: 12px !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip,
#magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  overflow: hidden !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb,
#magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb {
  object-fit: cover !important;
  transform: none !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb:nth-child(n + 2),
#magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb:nth-child(n + 2) {
  display: none !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metrics,
#magaza-satilan-cards .satilan-device-card .satilan-card-metrics {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 2px 0 0 !important;
  box-sizing: border-box !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metric,
#magaza-satilan-cards .satilan-device-card .satilan-card-metric {
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 5px 4px !important;
  display: grid !important;
  gap: 1px !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-label,
#magaza-satilan-cards .satilan-device-card .satilan-card-label {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(0.58rem, 0.55vw, 0.64rem) !important;
  line-height: 1.05 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-value,
#magaza-satilan-cards .satilan-device-card .satilan-card-value {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: clamp(0.72rem, 0.7vw, 0.82rem) !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-actions,
#magaza-satilan-cards .satilan-device-card .magaza-card-actions {
  display: block !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  box-sizing: border-box !important;
}

#magaza-satilan-content #magaza-satilan-cards .restore-to-stock-btn,
#magaza-satilan-cards .satilan-device-card .restore-to-stock-btn {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 1479px) {
  #magaza-satilan-content #magaza-satilan-cards,
  #magaza-satilan-cards.magaza-satilan-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  #magaza-satilan-content #magaza-satilan-cards,
  #magaza-satilan-cards.magaza-satilan-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  #magaza-satilan-content #magaza-satilan-cards,
  #magaza-satilan-cards.magaza-satilan-cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-value,
  #magaza-satilan-cards .satilan-device-card .satilan-card-value {
    font-size: clamp(0.7rem, 3vw, 0.8rem) !important;
  }
}

@media (max-width: 380px) {
  #magaza-satilan-content #magaza-satilan-cards .satilan-device-card,
  #magaza-satilan-cards .satilan-device-card {
    padding: 8px !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-top,
  #magaza-satilan-cards .satilan-device-card .satilan-card-top {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    column-gap: 7px !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip,
  #magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-thumb,
  #magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip,
  #magaza-satilan-cards .satilan-device-card .magaza-card-foto-thumb {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  #magaza-satilan-content #magaza-satilan-cards .satilan-card-metric,
  #magaza-satilan-cards .satilan-device-card .satilan-card-metric {
    padding: 5px 3px !important;
  }
}

/* V65: Eski named-grid kalintilarini kapat, ic bloklari tam kart genisligine bagla */
#magaza-satilan-content #magaza-satilan-cards .satilan-device-card,
#magaza-satilan-cards .satilan-device-card {
  grid-template-areas: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-top,
#magaza-satilan-cards .satilan-device-card .satilan-card-top {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-header,
#magaza-satilan-cards .satilan-device-card .magaza-card-header {
  grid-area: auto !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-details,
#magaza-satilan-cards .satilan-device-card .magaza-card-details {
  grid-area: auto !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-foto-strip,
#magaza-satilan-cards .satilan-device-card .magaza-card-foto-strip {
  grid-area: auto !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
}

#magaza-satilan-content #magaza-satilan-cards .satilan-card-metrics,
#magaza-satilan-cards .satilan-device-card .satilan-card-metrics {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
}

#magaza-satilan-content #magaza-satilan-cards .magaza-card-actions,
#magaza-satilan-cards .satilan-device-card .magaza-card-actions {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
}

#magaza-satilan-content #magaza-satilan-cards .restore-to-stock-btn,
#magaza-satilan-cards .satilan-device-card .restore-to-stock-btn {
  width: 100% !important;
  max-width: 100% !important;
}

/* V66: Aksiyon ikon butonlarini ayni olcuye sabitle */
.devices-table .action-buttons-wrap .action-btn,
.devices-table .action-buttons-wrap .genel-compare-add-btn,
.devices-table .action-buttons-wrap .genel-favori-btn,
.devices-table .action-buttons-wrap .genel-copy-btn,
.devices-table .action-buttons-wrap .hizli-action-btn,
#genel-table .action-buttons-wrap .action-btn,
#genel-table .action-buttons-wrap .genel-compare-add-btn,
#genel-table .action-buttons-wrap .genel-favori-btn,
#genel-table .action-buttons-wrap .genel-copy-btn,
#magaza-table td.action-col .action-buttons-wrap .action-btn,
#magaza-table td.action-col .action-buttons-wrap .action-copy {
  box-sizing: border-box !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}

.devices-table .action-buttons-wrap .action-btn-icon,
.devices-table .action-buttons-wrap .favori-btn-icon,
.devices-table .action-buttons-wrap .hizli-action-icon,
#genel-table .action-buttons-wrap .action-btn-icon,
#genel-table .action-buttons-wrap .favori-btn-icon,
#genel-table .action-buttons-wrap .hizli-action-icon,
#magaza-table td.action-col .action-buttons-wrap .action-btn-icon {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

.genel-card-actions .action-btn,
.genel-card-actions .genel-compare-add-btn,
.genel-card-actions .genel-favori-btn,
.genel-card-actions .genel-copy-link {
  box-sizing: border-box !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}

.genel-card-actions .action-btn-icon,
.genel-card-actions .favori-btn-icon,
.genel-card-actions .hizli-action-icon {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

.genel-card-actions .call-btn,
.genel-card-actions .wp-action-link,
#genel-cards-mobile .genel-card-actions .call-btn,
#genel-cards-mobile .genel-card-actions .wp-action-link {
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}

/* V67: Musteri modu hizli aksiyonlarini esnaf modu ile uyumlu hale getir */
body.customer-mode .hizli-row-actions {
  display: grid !important;
  grid-template-columns: 28px 28px 28px minmax(46px, 0.95fr) minmax(40px, 0.8fr) minmax(66px, 1.2fr) !important;
  gap: 0.2rem !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.customer-mode .hizli-row-actions .device-detail-info-btn,
body.customer-mode .hizli-row-actions .genel-favori-btn,
body.customer-mode .hizli-row-actions .hizli-compare-btn {
  box-sizing: border-box !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: #1e3a5f !important;
  color: #c8d4e0 !important;
  line-height: 1 !important;
}

body.customer-mode .hizli-row-actions .device-detail-info-btn:hover,
body.customer-mode .hizli-row-actions .genel-favori-btn:hover,
body.customer-mode .hizli-row-actions .hizli-compare-btn:hover {
  background: #264a78 !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
}

body.theme-light.customer-mode .hizli-row-actions .device-detail-info-btn,
body.theme-light.customer-mode .hizli-row-actions .genel-favori-btn,
body.theme-light.customer-mode .hizli-row-actions .hizli-compare-btn,
body.light-theme.customer-mode .hizli-row-actions .device-detail-info-btn,
body.light-theme.customer-mode .hizli-row-actions .genel-favori-btn,
body.light-theme.customer-mode .hizli-row-actions .hizli-compare-btn {
  background: #f1f5f9 !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #475569 !important;
}

body.theme-light.customer-mode .hizli-row-actions .device-detail-info-btn:hover,
body.theme-light.customer-mode .hizli-row-actions .genel-favori-btn:hover,
body.theme-light.customer-mode .hizli-row-actions .hizli-compare-btn:hover,
body.light-theme.customer-mode .hizli-row-actions .device-detail-info-btn:hover,
body.light-theme.customer-mode .hizli-row-actions .genel-favori-btn:hover,
body.light-theme.customer-mode .hizli-row-actions .hizli-compare-btn:hover {
  background: #e2e8f0 !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  color: #1e293b !important;
}

body.customer-mode .hizli-row-actions .action-btn-icon,
body.customer-mode .hizli-row-actions .favori-btn-icon,
body.customer-mode .hizli-row-actions .hizli-action-icon,
body.customer-mode .hizli-row-actions .hizli-takas-icon {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  flex: 0 0 14px !important;
}

body.customer-mode .hizli-row-actions .hizli-action-btn,
body.customer-mode .hizli-row-actions .hizli-takas-btn {
  box-sizing: border-box !important;
  flex: none !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 0.28rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.12rem !important;
  border-radius: 9px !important;
  font-size: 0.62rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body.customer-mode .hizli-row-actions .hizli-takas-btn {
  grid-column: auto !important;
  grid-row: auto !important;
}

body.customer-mode .hizli-row-actions .call-btn {
  grid-column: auto !important;
  grid-row: auto !important;
}

body.customer-mode .hizli-row-actions .wp-action-link {
  grid-column: auto !important;
  grid-row: auto !important;
}

body.customer-mode .hizli-row-actions .hizli-action-btn span,
body.customer-mode .hizli-row-actions .hizli-takas-btn span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* V68: Yonetim uyelik listesi daha sade ve kompakt */
#genel-durum-content > .uyelik-panel {
  margin: 0.15rem 0 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 0.78rem !important;
  box-sizing: border-box !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-header {
  gap: 0.55rem 0.85rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-title {
  font-size: 0.98rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-row {
  gap: 0.72rem !important;
  padding: 0.82rem !important;
  border-radius: 14px !important;
  background: rgba(15, 23, 42, 0.42) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-left: 3px solid rgba(93, 168, 232, 0.54) !important;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-actions {
  gap: 0.62rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-action-group {
  gap: 0.48rem !important;
  padding: 0.62rem !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.026) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-action-group-title {
  font-size: 0.68rem !important;
  letter-spacing: 0.035em !important;
}

#genel-durum-content > .uyelik-panel .uyelik-action-group-body {
  gap: 0.42rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-actions button,
#genel-durum-content > .uyelik-panel .uyelik-actions input {
  min-height: 30px !important;
  padding: 0 0.52rem !important;
  border-radius: 8px !important;
  font-size: 0.7rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-actions button {
  line-height: 1.05 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-button-row,
#genel-durum-content > .uyelik-panel .uyelik-inline-form {
  gap: 0.38rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-pill {
  min-height: 30px !important;
  padding: 0 0.68rem !important;
  font-size: 0.74rem !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-row,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-row {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  border-left-color: rgba(37, 99, 235, 0.44) !important;
  box-shadow: 0 8px 18px rgba(148, 163, 184, 0.08) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel,
body.light-theme #genel-durum-content > .uyelik-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 560px) {
  #genel-durum-content > .uyelik-panel {
    gap: 0.72rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-row {
    gap: 0.66rem !important;
    padding: 0.72rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-actions {
    gap: 0.58rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-actions button,
  #genel-durum-content > .uyelik-panel .uyelik-actions input {
    min-height: 30px !important;
    font-size: 0.69rem !important;
    padding-inline: 0.48rem !important;
  }
}

/* V69: Uyelik kartlarinda kisa aksiyonlari tek satira sikistir */
#genel-durum-content > .uyelik-panel .uyelik-row {
  gap: 0.58rem !important;
  padding: 0.72rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-actions {
  gap: 0.46rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-action-group {
  gap: 0.36rem !important;
  padding: 0.5rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-action-group-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.35rem !important;
  min-height: 1.1rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-title-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.4rem !important;
  height: 1.1rem !important;
  padding: 0 0.32rem !important;
  border-radius: 999px !important;
  background: rgba(37, 99, 235, 0.16) !important;
  color: #dbeafe !important;
  font-size: 0.68rem !important;
  line-height: 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-button-row-membership {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-inline-form-membership {
  grid-template-columns: minmax(3.1rem, 0.72fr) minmax(3rem, 0.52fr) minmax(4.8rem, 0.85fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-inline-form-credit {
  grid-template-columns: repeat(3, minmax(2.25rem, 0.42fr)) minmax(3.7rem, 0.72fr) minmax(3rem, 0.54fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-inline-form-password {
  grid-template-columns: minmax(5.4rem, 1fr) minmax(3.2rem, 0.5fr) minmax(4.35rem, 0.62fr) minmax(2.6rem, 0.42fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-action-group-body {
  gap: 0.3rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-actions button,
#genel-durum-content > .uyelik-panel .uyelik-actions input {
  min-height: 26px !important;
  height: 26px !important;
  padding: 0 0.36rem !important;
  border-radius: 7px !important;
  font-size: 0.66rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-actions input {
  text-align: center !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-summary,
#genel-durum-content > .uyelik-panel .uyelik-credit-pill {
  display: none !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-title-pill,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-title-pill {
  background: rgba(37, 99, 235, 0.1) !important;
  color: #1d4ed8 !important;
}

@media (max-width: 1280px) {
  #genel-durum-content > .uyelik-panel .uyelik-actions {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-action-group-account {
    grid-column: auto !important;
  }
}

@media (max-width: 560px) {
  #genel-durum-content > .uyelik-panel .uyelik-button-row-membership {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-inline-form-membership,
  #genel-durum-content > .uyelik-panel .uyelik-inline-form-credit,
  #genel-durum-content > .uyelik-panel .uyelik-inline-form-password {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-actions button,
  #genel-durum-content > .uyelik-panel .uyelik-actions input {
    min-height: 28px !important;
    height: 28px !important;
  }
}

/* V70: Uyelik yonetimi sifirdan, yogun ve okunabilir satir tasarimi */
#genel-durum-content > .uyelik-panel {
  display: grid !important;
  gap: 0.58rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-header {
  min-height: 2rem !important;
  padding: 0 0.1rem !important;
  gap: 0.55rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-title {
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-bulk-ip-reset-btn {
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 0.65rem !important;
  border-radius: 8px !important;
  font-size: 0.68rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-row-compact {
  display: grid !important;
  grid-template-columns: minmax(11.5rem, 0.52fr) minmax(0, 2.6fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: rgba(12, 20, 34, 0.74) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-left: 3px solid rgba(93, 168, 232, 0.68) !important;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.12) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  display: grid !important;
  align-content: center !important;
  gap: 0.42rem !important;
  min-width: 0 !important;
  padding: 0.58rem 0.62rem !important;
  background: rgba(255, 255, 255, 0.025) !important;
  border-right: 1px solid rgba(148, 163, 184, 0.12) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-name {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #f8fafc !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #7f91aa !important;
  font-size: 0.68rem !important;
  line-height: 1.1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.22rem !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.18rem !important;
  max-width: 100% !important;
  padding: 0 0.38rem !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.09) !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  color: #aab8cb !important;
  font-size: 0.62rem !important;
  font-weight:500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-ok {
  background: rgba(34, 197, 94, 0.12) !important;
  border-color: rgba(34, 197, 94, 0.18) !important;
  color: #bbf7d0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-warn {
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.22) !important;
  color: #fde68a !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-danger,
#genel-durum-content > .uyelik-panel .uyelik-chip-expired {
  background: rgba(239, 68, 68, 0.14) !important;
  border-color: rgba(239, 68, 68, 0.24) !important;
  color: #fecaca !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-credit {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(96, 165, 250, 0.18) !important;
  color: #bfdbfe !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  display: grid !important;
  grid-template-columns: minmax(24rem, 1.36fr) minmax(13rem, 0.78fr) minmax(17rem, 0.98fr) !important;
  gap: 0.42rem !important;
  align-items: stretch !important;
  min-width: 0 !important;
  padding: 0.42rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.42rem !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0.34rem 0.42rem !important;
  border-radius: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  background: rgba(255, 255, 255, 0.028) !important;
  box-sizing: border-box !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  width: 3.25rem !important;
  color: #91a3ba !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-body,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  display: grid !important;
  gap: 0.22rem !important;
  align-items: center !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls {
  grid-template-columns: repeat(6, minmax(1.75rem, 0.28fr)) minmax(2.9rem, 0.48fr) minmax(2.5rem, 0.36fr) minmax(4.2rem, 0.68fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-controls {
  grid-template-columns: repeat(3, minmax(2rem, 0.38fr)) minmax(3.5rem, 0.72fr) minmax(2.8rem, 0.5fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-controls {
  grid-template-columns: minmax(5.6rem, 1fr) minmax(2.7rem, 0.44fr) minmax(3.8rem, 0.58fr) minmax(2.2rem, 0.32fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 24px !important;
  height: 24px !important;
  padding: 0 0.28rem !important;
  border-radius: 7px !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  font-size: 0.62rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  background: rgba(15, 23, 42, 0.54) !important;
  color: #e2e8f0 !important;
  text-align: center !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-btn,
#genel-durum-content > .uyelik-panel .uyelik-credit-btn {
  background: rgba(59, 130, 246, 0.13) !important;
  border-color: rgba(96, 165, 250, 0.18) !important;
  color: #dbeafe !important;
}

#genel-durum-content > .uyelik-panel .uyelik-subtract-btn {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.18) !important;
  color: #fde68a !important;
}

#genel-durum-content > .uyelik-panel .uyelik-end-btn,
#genel-durum-content > .uyelik-panel .uyelik-delete-btn {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.2) !important;
  color: #fecaca !important;
}

#genel-durum-content > .uyelik-panel .uyelik-pass-btn,
#genel-durum-content > .uyelik-panel .uyelik-ip-reset-btn:not(.uyelik-bulk-ip-reset-btn) {
  background: rgba(148, 163, 184, 0.1) !important;
  color: #d6e0ee !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-row-compact,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-row-compact {
  background: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  border-left-color: rgba(37, 99, 235, 0.5) !important;
  box-shadow: 0 8px 18px rgba(148, 163, 184, 0.08) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-account-summary,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-account-summary {
  background: rgba(248, 250, 252, 0.88) !important;
  border-right-color: rgba(148, 163, 184, 0.18) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-store-name,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-store-name {
  color: #0f172a !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-username,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-username,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-control-title,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-control-title {
  color: #64748b !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-control-group,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-control-group {
  background: rgba(248, 250, 252, 0.86) !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-control-buttons input,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  background: #fff !important;
  color: #0f172a !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-chip,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-chip {
  background: rgba(241, 245, 249, 0.9) !important;
  color: #475569 !important;
}

@media (max-width: 1420px) {
  #genel-durum-content > .uyelik-panel .uyelik-row-compact {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-summary {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.4fr) !important;
    align-items: center !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  }
}

@media (max-width: 1180px) {
  #genel-durum-content > .uyelik-panel .uyelik-control-strip {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  #genel-durum-content > .uyelik-panel .uyelik-account-summary {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-control-group {
    grid-template-columns: 1fr !important;
    gap: 0.28rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-control-title {
    width: auto !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls input,
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-manual-btn,
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn,
  #genel-durum-content > .uyelik-panel .uyelik-credit-controls input,
  #genel-durum-content > .uyelik-panel .uyelik-credit-controls .uyelik-credit-manual-btn,
  #genel-durum-content > .uyelik-panel .uyelik-account-controls input {
    grid-column: 1 / -1 !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-credit-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* V71: Uyelik kartlarini dikey akista daha dengeli hale getir */
#genel-durum-content > .uyelik-panel .uyelik-row-compact {
  grid-template-columns: 1fr !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  grid-template-columns: minmax(10rem, 0.72fr) minmax(0, 1.65fr) !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.56rem 0.64rem !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-name {
  gap: 0.08rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  justify-content: flex-end !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  grid-template-columns: 1fr !important;
  gap: 0.28rem !important;
  padding: 0.38rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  grid-template-columns: 4.8rem minmax(0, 1fr) !important;
  min-height: 2.08rem !important;
  padding: 0.3rem 0.36rem !important;
  gap: 0.36rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  width: auto !important;
  min-width: 4.2rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-body,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.22rem !important;
  align-items: center !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  flex: 0 0 auto !important;
  width: auto !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls button[data-days],
#genel-durum-content > .uyelik-panel .uyelik-credit-controls button[data-credit-delta] {
  min-width: 2.15rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-input {
  width: 3.6rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-input {
  width: 4rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-manual-btn,
#genel-durum-content > .uyelik-panel .uyelik-credit-manual-btn {
  min-width: 3rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-end-btn {
  min-width: 4.9rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-password-input {
  flex: 1 1 8rem !important;
  min-width: 7rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-pass-btn {
  min-width: 3.4rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-ip-reset-btn:not(.uyelik-bulk-ip-reset-btn) {
  min-width: 4.4rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-delete-btn {
  min-width: 2.6rem !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-account-summary,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-account-summary {
  border-bottom-color: rgba(148, 163, 184, 0.18) !important;
}

@media (max-width: 720px) {
  #genel-durum-content > .uyelik-panel .uyelik-account-summary {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-chips {
    justify-content: flex-start !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-control-group {
    grid-template-columns: 1fr !important;
    gap: 0.22rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-control-title {
    min-width: 0 !important;
  }
}

/* V72: Uyelik kartlarini cok sutunlu dikey kart grid'ine cevir */
#genel-durum-content > .uyelik-panel {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)) !important;
  gap: 0.58rem !important;
  align-items: start !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-header {
  grid-column: 1 / -1 !important;
  margin-bottom: 0.05rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-row-compact {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-self: stretch !important;
  min-width: 0 !important;
  border-radius: 12px !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.38rem !important;
  padding: 0.5rem 0.56rem !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-name {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 0.45rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-name {
  font-size: 0.82rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  flex: 0 1 auto !important;
  max-width: 42% !important;
  font-size: 0.62rem !important;
  text-align: right !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  justify-content: flex-start !important;
  gap: 0.18rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  min-height: 1.08rem !important;
  padding: 0 0.32rem !important;
  font-size: 0.58rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.26rem !important;
  padding: 0.34rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.22rem !important;
  min-height: 0 !important;
  padding: 0.34rem !important;
  border-radius: 9px !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  width: auto !important;
  min-width: 0 !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-body,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  display: grid !important;
  gap: 0.18rem !important;
  width: 100% !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-input {
  grid-column: span 2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-manual-btn {
  grid-column: span 2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn {
  grid-column: span 2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-controls {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-controls {
  grid-template-columns: minmax(0, 1.35fr) 0.58fr 0.78fr 0.45fr !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  flex: initial !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 0.24rem !important;
  border-radius: 6px !important;
  font-size: 0.6rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls button[data-days],
#genel-durum-content > .uyelik-panel .uyelik-credit-controls button[data-credit-delta],
#genel-durum-content > .uyelik-panel .uyelik-add-input,
#genel-durum-content > .uyelik-panel .uyelik-credit-input,
#genel-durum-content > .uyelik-panel .uyelik-add-manual-btn,
#genel-durum-content > .uyelik-panel .uyelik-credit-manual-btn,
#genel-durum-content > .uyelik-panel .uyelik-end-btn,
#genel-durum-content > .uyelik-panel .uyelik-password-input,
#genel-durum-content > .uyelik-panel .uyelik-pass-btn,
#genel-durum-content > .uyelik-panel .uyelik-ip-reset-btn:not(.uyelik-bulk-ip-reset-btn),
#genel-durum-content > .uyelik-panel .uyelik-delete-btn {
  width: 100% !important;
  min-width: 0 !important;
}

@media (min-width: 1500px) {
  #genel-durum-content > .uyelik-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 820px) and (max-width: 1499px) {
  #genel-durum-content > .uyelik-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  #genel-durum-content > .uyelik-panel {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-name {
    display: grid !important;
    gap: 0.08rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-username {
    max-width: 100% !important;
    text-align: left !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-controls {
    grid-template-columns: 1fr !important;
  }
}

/* Admin Analizler V1 */
#isletme-ozet-content .business-summary-cards.admin-analytics-dashboard {
  display: block !important;
  width: 100%;
}

.admin-analytics-shell {
  --aa-bg: #0b1422;
  --aa-panel: #142235;
  --aa-panel-2: #182a42;
  --aa-border: rgba(116, 152, 194, 0.28);
  --aa-border-soft: rgba(116, 152, 194, 0.16);
  --aa-text: #edf5ff;
  --aa-muted: #9fb1c7;
  --aa-blue: #3b82f6;
  --aa-cyan: #22d3ee;
  --aa-green: #14c985;
  --aa-amber: #f59e0b;
  --aa-red: #ef4565;
  color: var(--aa-text);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.admin-analytics-head,
.admin-analytics-panel,
.admin-analytics-kpi {
  border: 1px solid var(--aa-border);
  background: linear-gradient(180deg, rgba(24, 42, 66, 0.98), rgba(15, 28, 46, 0.98));
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

.admin-analytics-head {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  transform: none !important;
  will-change: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 12px;
}

.admin-analytics-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.admin-analytics-title > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #dbeafe;
  font-size: 0.96rem;
  font-weight: 800;
  white-space: nowrap;
}

.admin-analytics-title h3 {
  margin: 0;
  font-size: 1.38rem;
  line-height: 1.2;
  color: var(--aa-text);
  letter-spacing: 0;
}

.admin-analytics-title p {
  margin: 0;
  color: var(--aa-muted);
  font-size: 0.93rem;
  line-height: 1.45;
}

.admin-analytics-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}

.admin-analytics-actions time {
  flex-basis: 100%;
  color: var(--aa-muted);
  font-size: 0.78rem;
  text-align: right;
}

.admin-analytics-range {
  display: inline-flex;
  padding: 4px;
  border-radius: 10px;
  background: rgba(8, 15, 27, 0.68);
  border: 1px solid var(--aa-border-soft);
}

.admin-analytics-range-btn {
  border: 0;
  background: transparent;
  color: #b8c8dc;
  font-size: 0.82rem;
  font-weight: 800;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
}

.admin-analytics-range-btn.is-active {
  background: linear-gradient(135deg, #1d4ed8, #2563eb);
  color: #fff;
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.34);
}

.admin-analytics-refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 13px;
  border-radius: 10px;
  border: 1px solid rgba(96, 165, 250, 0.38);
  background: rgba(37, 99, 235, 0.18);
  color: #cfe4ff;
  font-size: 0.84rem;
  font-weight: 800;
  cursor: pointer;
}

.admin-analytics-icon {
  width: 16px;
  height: 16px;
  filter: brightness(0) saturate(100%) invert(72%) sepia(51%) saturate(1676%) hue-rotate(182deg) brightness(101%) contrast(98%);
}

.admin-analytics-kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.admin-analytics-kpi {
  min-height: 132px;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  overflow: hidden;
}

.admin-analytics-kpi-head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.admin-analytics-kpi-icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.16);
  border: 1px solid rgba(96, 165, 250, 0.24);
  flex: 0 0 auto;
}

.admin-analytics-kpi-label,
.admin-analytics-panel-head span,
.admin-analytics-store-row em,
.admin-analytics-risk-row em {
  color: var(--aa-muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.admin-analytics-kpi-value {
  font-size: 1.72rem;
  line-height: 1;
  color: var(--aa-text);
}

.admin-analytics-kpi-meta {
  min-height: 32px;
  color: #b8c8dc;
  font-size: 0.84rem;
  line-height: 1.35;
}

.admin-analytics-kpi-track,
.admin-analytics-store-progress {
  height: 5px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.18);
  overflow: hidden;
  margin-top: auto;
}

.admin-analytics-kpi-track span,
.admin-analytics-store-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--aa-blue);
}

.admin-analytics-kpi.is-cyan .admin-analytics-kpi-track span { background: var(--aa-cyan); }
.admin-analytics-kpi.is-green .admin-analytics-kpi-track span { background: var(--aa-green); }
.admin-analytics-kpi.is-purple .admin-analytics-kpi-track span { background: #8b5cf6; }
.admin-analytics-kpi.is-red .admin-analytics-kpi-track span { background: var(--aa-red); }

.admin-analytics-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
  gap: 14px;
  align-items: start;
}

.admin-analytics-grid.is-bottom {
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.65fr);
  align-items: start;
}

.admin-analytics-panel {
  border-radius: 12px;
  padding: 18px;
  min-width: 0;
  overflow: hidden;
}

.admin-analytics-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.admin-analytics-panel-head div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.admin-analytics-panel-head strong {
  color: var(--aa-text);
  font-size: 1rem;
}

.admin-analytics-panel-head > em {
  color: #9cc9ff;
  font-style: normal;
  font-size: 0.84rem;
  font-weight: 800;
}

.admin-analytics-legend {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #b8c8dc;
  font-size: 0.78rem;
  font-weight: 800;
}

.admin-analytics-legend i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

.admin-analytics-legend .is-added,
.admin-analytics-trend-bars .is-added { background: var(--aa-blue); }
.admin-analytics-legend .is-sold,
.admin-analytics-trend-bars .is-sold { background: var(--aa-green); }

.admin-analytics-trend {
  min-height: 164px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(20px, 1fr);
  gap: 8px;
  align-items: end;
  overflow-x: auto;
  padding: 8px 2px 2px;
}

.admin-analytics-trend.is-range-90 {
  grid-auto-columns: minmax(10px, 1fr);
  gap: 4px;
}

.admin-analytics-trend-day {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.admin-analytics-trend-bars {
  height: 96px;
  display: inline-flex;
  align-items: end;
  justify-content: center;
  gap: 3px;
}

.admin-analytics-trend-bars span {
  width: 8px;
  min-height: 8px;
  border-radius: 999px 999px 3px 3px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}

.admin-analytics-trend-day small {
  height: 16px;
  color: #8fa3bc;
  font-size: 0.68rem;
  white-space: nowrap;
}

.admin-analytics-store-table {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 540px;
  overflow: auto;
  padding-right: 3px;
}

.admin-analytics-store-head,
.admin-analytics-store-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.5fr) 112px repeat(4, minmax(72px, 0.62fr)) minmax(112px, 0.9fr);
  gap: 10px;
  align-items: center;
}

.admin-analytics-store-head {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0 12px 6px;
  background: linear-gradient(180deg, rgba(20, 34, 53, 1), rgba(20, 34, 53, 0.9));
  color: var(--aa-muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.admin-analytics-store-row {
  position: relative;
  min-height: 74px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid var(--aa-border-soft);
  background: rgba(9, 18, 32, 0.45);
}

.admin-analytics-store-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.admin-analytics-avatar {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(37, 99, 235, 0.22);
  border: 1px solid rgba(96, 165, 250, 0.32);
  color: #bfdbfe;
  font-size: 0.95rem;
  font-weight: 900;
  flex: 0 0 auto;
}

.admin-analytics-store-main div,
.admin-analytics-store-row > span:not(.admin-analytics-avatar):not(.admin-analytics-status) {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.admin-analytics-store-main strong,
.admin-analytics-store-row strong {
  color: var(--aa-text);
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-analytics-status {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 900;
}

.admin-analytics-status.is-success { color: #7cf3c3; background: rgba(20, 201, 133, 0.12); }
.admin-analytics-status.is-warning { color: #ffd68a; background: rgba(245, 158, 11, 0.16); }
.admin-analytics-status.is-danger { color: #ff9aaa; background: rgba(239, 69, 101, 0.15); }
.admin-analytics-status.is-muted { color: #bfcbdb; background: rgba(148, 163, 184, 0.13); }

.admin-analytics-store-progress {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 7px;
  height: 4px;
}

.admin-analytics-store-progress span { background: linear-gradient(90deg, var(--aa-green), var(--aa-blue)); }

.admin-analytics-model-list,
.admin-analytics-risk-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.admin-analytics-model-list {
  max-height: 250px !important;
  overflow-y: auto !important;
  padding-right: 6px !important;
}

.admin-analytics-model-list::-webkit-scrollbar {
  width: 5px !important;
}

.admin-analytics-model-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 999px !important;
}

.admin-analytics-model-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15) !important;
  border-radius: 999px !important;
}

.admin-analytics-model-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}

.admin-analytics-model-row,
.admin-analytics-risk-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 10px;
  border-radius: 10px;
  background: rgba(9, 18, 32, 0.42);
  border: 1px solid var(--aa-border-soft);
}

.admin-analytics-rank {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.18);
  color: #bfdbfe;
  font-size: 0.78rem;
  font-weight: 900;
  flex: 0 0 auto;
}

.admin-analytics-model-row > div {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-analytics-model-row strong {
  display: block;
  color: var(--aa-text);
  font-size: 0.86rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-analytics-model-row div span {
  display: block;
  height: 4px;
  margin-top: 7px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.16);
  overflow: hidden;
}

.admin-analytics-model-row div span i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--aa-blue), var(--aa-green));
}

.admin-analytics-model-row > em {
  color: #9cc9ff;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.admin-analytics-risk-row > span {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(59, 130, 246, 0.13);
  flex: 0 0 auto;
}

.admin-analytics-risk-row.is-danger > span { background: rgba(239, 69, 101, 0.14); }
.admin-analytics-risk-row.is-warning > span { background: rgba(245, 158, 11, 0.15); }

.admin-analytics-risk-row div {
  min-width: 0;
}

.admin-analytics-risk-row strong {
  display: block;
  color: var(--aa-text);
  font-size: 0.88rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-analytics-empty,
.admin-analytics-error {
  min-height: 148px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  color: var(--aa-muted);
  border: 1px dashed var(--aa-border);
  border-radius: 12px;
  padding: 18px;
  background: rgba(9, 18, 32, 0.35);
}

.admin-analytics-empty strong,
.admin-analytics-error strong {
  color: var(--aa-text);
  font-size: 0.95rem;
}

.admin-analytics-loading-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.admin-analytics-loading-grid span {
  min-height: 132px;
  border-radius: 12px;
  border: 1px solid var(--aa-border-soft);
  background: linear-gradient(90deg, rgba(24, 42, 66, 0.5), rgba(39, 64, 96, 0.76), rgba(24, 42, 66, 0.5));
  background-size: 220% 100%;
  animation: adminAnalyticsPulse 1.4s ease-in-out infinite;
}

@keyframes adminAnalyticsPulse {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

body.theme-light .admin-analytics-shell,
body.light-theme .admin-analytics-shell {
  --aa-bg: #f8fafc;
  --aa-panel: #ffffff;
  --aa-panel-2: #f1f5f9;
  --aa-border: rgba(100, 116, 139, 0.24);
  --aa-border-soft: rgba(100, 116, 139, 0.17);
  --aa-text: #0f172a;
  --aa-muted: #64748b;
}

body.theme-light .admin-analytics-head,
body.theme-light .admin-analytics-panel,
body.theme-light .admin-analytics-kpi,
body.light-theme .admin-analytics-head,
body.light-theme .admin-analytics-panel,
body.light-theme .admin-analytics-kpi {
  background: linear-gradient(180deg, #ffffff, #f8fafc);
}

body.theme-light .admin-analytics-store-row,
body.theme-light .admin-analytics-model-row,
body.theme-light .admin-analytics-risk-row,
body.light-theme .admin-analytics-store-row,
body.light-theme .admin-analytics-model-row,
body.light-theme .admin-analytics-risk-row {
  background: rgba(241, 245, 249, 0.74);
}

@media (max-width: 1180px) {
  .admin-analytics-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-analytics-grid,
  .admin-analytics-grid.is-bottom {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .admin-analytics-head {
    flex-direction: column;
    padding: 16px;
  }

  .admin-analytics-actions {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }

  .admin-analytics-actions time {
    text-align: left;
  }

  .admin-analytics-kpi-grid {
    grid-template-columns: 1fr;
  }

  .admin-analytics-store-table {
    max-height: none;
  }

  .admin-analytics-store-head {
    display: none;
  }

  .admin-analytics-store-row {
    grid-template-columns: 1fr 1fr;
    gap: 10px 12px;
  }

  .admin-analytics-store-main {
    grid-column: 1 / -1;
  }

  .admin-analytics-date {
    grid-column: 1 / -1;
  }
}

@media (max-width: 420px) {
  .admin-analytics-panel,
  .admin-analytics-kpi {
    padding: 14px;
  }

  .admin-analytics-range {
    width: 100%;
  }

  .admin-analytics-range-btn {
    flex: 1 1 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .admin-analytics-trend {
    grid-auto-columns: minmax(18px, 1fr);
  }
}

/* Admin Analizler V2: sade renk, sabit grafik ve temiz mağaza tablosu */
.admin-analytics-shell {
  --aa-panel: #101a2b;
  --aa-panel-2: #15243a;
  --aa-border: rgba(104, 132, 169, 0.24);
  --aa-border-soft: rgba(104, 132, 169, 0.15);
  --aa-text: #f3f7ff;
  --aa-muted: #93a4ba;
  --aa-blue: #5da8e8;
  --aa-cyan: #38bdf8;
  --aa-green: #27c79a;
  --aa-amber: #e6ad45;
  --aa-red: #e66b7c;
  gap: 16px;
}

.admin-analytics-head,
.admin-analytics-panel,
.admin-analytics-kpi {
  background: linear-gradient(180deg, rgba(18, 31, 50, 0.98), rgba(13, 24, 40, 0.98)) !important;
  border-color: var(--aa-border) !important;
  box-shadow: none !important;
}

.admin-analytics-head {
  border-radius: 10px;
  padding: 18px 20px;
}

.admin-analytics-title > span,
.admin-analytics-panel-head > em,
.admin-analytics-model-row > em {
  color: #8fc4f6;
}

.admin-analytics-range {
  background: rgba(5, 12, 24, 0.78);
  border-color: rgba(104, 132, 169, 0.18);
}

.admin-analytics-range-btn {
  color: #aebdd0;
  min-width: 76px;
}

.admin-analytics-range-btn.is-active {
  background: #2563eb;
  box-shadow: none;
}

.admin-analytics-refresh {
  background: rgba(93, 168, 232, 0.12);
  border-color: rgba(93, 168, 232, 0.34);
  color: #b8d9f8;
}

.admin-analytics-kpi {
  min-height: 114px;
  border-radius: 10px;
  padding: 15px;
  gap: 8px;
}

.admin-analytics-kpi-icon {
  background: rgba(93, 168, 232, 0.12);
  border-color: rgba(93, 168, 232, 0.26);
}

.admin-analytics-kpi-value {
  font-size: 1.62rem;
}

.admin-analytics-kpi-meta {
  min-height: 0;
  font-size: 0.82rem;
}

.admin-analytics-kpi-track,
.admin-analytics-store-progress {
  display: none !important;
}

.admin-analytics-panel {
  border-radius: 10px;
  padding: 16px;
}

.admin-analytics-trend {
  min-height: 164px;
  padding: 12px 4px 4px;
  overflow: visible;
  align-items: end;
}

.admin-analytics-trend.is-range-7 {
  grid-auto-flow: row;
  grid-template-columns: repeat(7, minmax(42px, 1fr));
  gap: 12px;
}

.admin-analytics-trend.is-range-30 {
  grid-auto-flow: row;
  grid-template-columns: repeat(30, minmax(10px, 1fr));
  gap: 5px;
}

.admin-analytics-trend-bars {
  width: 100%;
  height: 104px;
  gap: 3px;
  padding: 0 2px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.admin-analytics-trend-bars span {
  width: 100%;
  max-width: 12px;
  min-height: 0;
  border-radius: 6px 6px 2px 2px;
  box-shadow: none;
}

.admin-analytics-trend.is-range-30 .admin-analytics-trend-bars span {
  max-width: 7px;
}

.admin-analytics-trend-day small {
  color: #8292a7;
  font-size: 0.66rem;
}

.admin-analytics-trend-empty {
  min-height: 164px;
}

.admin-analytics-store-table {
  max-height: none;
  overflow: visible;
  padding-right: 0;
  gap: 7px;
}

.admin-analytics-store-head,
.admin-analytics-store-row {
  grid-template-columns: minmax(220px, 1.55fr) 112px minmax(74px, 0.55fr) minmax(74px, 0.55fr) minmax(88px, 0.6fr) minmax(74px, 0.5fr) minmax(124px, 0.8fr);
  gap: 10px;
}

.admin-analytics-store-head {
  position: static;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--aa-border-soft);
  background: rgba(8, 17, 31, 0.62);
  color: #a9bad0;
  font-size: 0.7rem;
  letter-spacing: 0;
}

.admin-analytics-store-row {
  min-height: 64px;
  padding: 11px 12px;
  border-radius: 8px;
  background: rgba(9, 18, 32, 0.36);
}

.admin-analytics-store-row:hover {
  background: rgba(18, 33, 52, 0.74);
  border-color: rgba(93, 168, 232, 0.26);
}

.admin-analytics-avatar {
  background: rgba(93, 168, 232, 0.14);
  border-color: rgba(93, 168, 232, 0.3);
  color: #b8d9f8;
}

.admin-analytics-store-metric strong,
.admin-analytics-date strong {
  font-size: 0.88rem;
}

.admin-analytics-store-row em {
  color: #8798ad;
  font-size: 0.7rem;
  font-weight: 750;
}

.admin-analytics-status {
  min-height: 24px;
  padding: 0 9px;
  border-radius: 8px;
  font-size: 0.7rem;
}

.admin-analytics-status.is-success { color: #85e4c0; background: rgba(39, 199, 154, 0.11); }
.admin-analytics-status.is-warning { color: #f1cc7b; background: rgba(230, 173, 69, 0.13); }
.admin-analytics-status.is-danger { color: #f3a1ab; background: rgba(230, 107, 124, 0.13); }
.admin-analytics-status.is-muted { color: #b2bdcb; background: rgba(148, 163, 184, 0.1); }

.admin-analytics-empty,
.admin-analytics-error {
  background: rgba(7, 15, 28, 0.42);
  border-color: rgba(104, 132, 169, 0.22);
}

body.theme-light .admin-analytics-head,
body.theme-light .admin-analytics-panel,
body.theme-light .admin-analytics-kpi,
body.light-theme .admin-analytics-head,
body.light-theme .admin-analytics-panel,
body.light-theme .admin-analytics-kpi {
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

@media (max-width: 760px) {
  .admin-analytics-head {
    padding: 15px;
  }

  .admin-analytics-trend.is-range-30 {
    grid-template-columns: repeat(15, minmax(12px, 1fr));
    row-gap: 12px;
  }

  .admin-analytics-store-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
  }

  .admin-analytics-status {
    justify-self: start;
  }
}

/* Admin Analizler V3: esnaf grafik dili, kompakt KPI, yapışkan mağaza başlığı */
.admin-analytics-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-analytics-kpi {
  min-height: 58px;
  height: 58px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  border-radius: 9px;
}

.admin-analytics-kpi-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

.admin-analytics-kpi-icon .admin-analytics-icon {
  width: 14px;
  height: 14px;
}

.admin-analytics-kpi-label {
  font-size: 0.78rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-analytics-kpi-value {
  font-size: 1.2rem;
  line-height: 1;
  justify-self: end;
}

.admin-analytics-grid {
  align-items: stretch;
}

.admin-analytics-grid:not(.is-bottom) > .admin-analytics-panel {
  min-height: 280px;
  display: flex;
  flex-direction: column;
}

.admin-analytics-grid:not(.is-bottom) .admin-analytics-empty {
  flex: 1 1 auto;
  min-height: 0;
}

.admin-analytics-line-grid {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-height: 0;
}

.admin-analytics-line-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid rgba(104, 132, 169, 0.16);
  background: rgba(7, 15, 28, 0.32);
}

.admin-analytics-line-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.admin-analytics-line-head span {
  color: #aabbd0;
  font-size: 0.78rem;
  font-weight: 850;
}

.admin-analytics-line-head strong {
  color: #f4f8ff;
  font-size: 1rem;
  font-weight: 900;
}

.admin-analytics-line-chart.business-summary-chart-shell {
  flex: 1 1 auto;
  min-height: 174px;
  margin: 0;
  padding: 10px 10px 12px;
  border-radius: 9px;
  background: rgba(5, 12, 23, 0.34);
  border-color: rgba(104, 132, 169, 0.12);
  box-shadow: none;
}

.admin-analytics-line-chart .business-summary-chart-svg-wrap {
  min-height: 148px;
}

.admin-analytics-line-chart.is-added .business-summary-chart-area.sales {
  fill: rgba(93, 168, 232, 0.17);
}

.admin-analytics-line-chart.is-added .business-summary-chart-line.sales,
.admin-analytics-line-chart.is-added .business-summary-chart-point.sales {
  stroke: #5da8e8;
  background: #5da8e8;
}

.admin-analytics-line-chart.is-sold .business-summary-chart-area.sales {
  fill: rgba(39, 199, 154, 0.16);
}

.admin-analytics-line-chart.is-sold .business-summary-chart-line.sales,
.admin-analytics-line-chart.is-sold .business-summary-chart-point.sales {
  stroke: #27c79a;
  background: #27c79a;
}

.admin-analytics-line-chart .business-summary-chart-scale {
  height: 22px;
  margin-top: 4px;
}

.admin-analytics-line-chart .business-summary-chart-scale-label {
  font-size: 0.64rem;
}

.admin-analytics-line-chart .business-summary-chart-scale.is-day-dense {
  height: 24px;
}

.admin-analytics-line-chart .business-summary-chart-scale.is-day-dense .business-summary-chart-scale-item {
  min-width: 8px;
}

.admin-analytics-line-chart .business-summary-chart-scale.is-day-dense .business-summary-chart-scale-label {
  font-size: 0.52rem;
  line-height: 1;
}

.admin-analytics-line-empty {
  min-height: 174px;
}

.admin-analytics-panel.is-store-panel {
  overflow: visible;
}

.admin-analytics-store-head {
  position: sticky;
  top: 104px;
  z-index: 9;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.2);
}

.admin-analytics-store-row {
  min-height: 56px;
}

.admin-analytics-store-main strong,
.admin-analytics-store-row strong {
  font-size: 0.88rem;
}

.admin-analytics-store-username {
  color: #8798ad;
  font-size: 0.7rem;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-analytics-store-row > span:not(.admin-analytics-status),
.admin-analytics-store-metric,
.admin-analytics-date {
  justify-content: center;
}

.admin-analytics-store-row em {
  display: none;
}

@media (max-width: 1180px) {
  .admin-analytics-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .admin-analytics-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-analytics-line-grid {
    grid-template-columns: 1fr;
  }

  .admin-analytics-store-head {
    top: 92px;
  }
}

@media (max-width: 760px) {
  .admin-analytics-head {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
  }

  .admin-analytics-title > span {
    font-size: 0.82rem;
  }

  .admin-analytics-actions {
    width: auto;
    flex: 0 0 auto;
    justify-content: flex-end;
  }

  .admin-analytics-range {
    padding: 3px;
  }

  .admin-analytics-range-btn {
    padding: 7px 10px;
    font-size: 0.78rem;
  }

  .admin-analytics-kpi-grid {
    grid-template-columns: 1fr;
  }

  .admin-analytics-kpi {
    height: 54px;
    min-height: 54px;
  }

  .admin-analytics-store-head {
    display: none;
  }

  .admin-analytics-line-card {
    overflow-x: hidden;
    padding: 10px;
    scrollbar-width: none;
  }

  .admin-analytics-line-card::-webkit-scrollbar {
    display: none;
  }

  .admin-analytics-line-chart.business-summary-chart-shell {
    width: 100%;
    min-width: 0;
    min-height: 154px;
    padding: 8px 6px 9px;
  }

  .admin-analytics-line-chart .business-summary-chart-svg-wrap {
    min-height: 110px;
  }

  .admin-analytics-line-chart .business-summary-chart-scale.is-day-dense {
    height: 16px;
  }

  .admin-analytics-line-chart .business-summary-chart-scale.is-day-dense .business-summary-chart-scale-item {
    min-width: 0;
  }

  .admin-analytics-line-chart .business-summary-chart-scale.is-day-dense .business-summary-chart-scale-item:first-child,
  .admin-analytics-line-chart .business-summary-chart-scale.is-day-dense .business-summary-chart-scale-item:last-child {
    transform: translateX(-50%);
  }

  .admin-analytics-line-chart .business-summary-chart-scale.is-day-dense .business-summary-chart-scale-tick {
    display: none;
  }

  .admin-analytics-line-chart .business-summary-chart-scale.is-day-dense .business-summary-chart-scale-label {
    font-size: 0.4rem;
    line-height: 1;
  }

  .admin-analytics-store-table {
    gap: 10px;
  }

  .admin-analytics-store-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    min-height: 0;
    padding: 11px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(13, 25, 42, 0.92), rgba(8, 17, 31, 0.86));
  }

  .admin-analytics-store-main {
    grid-column: 1 / -1;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(104, 132, 169, 0.14);
  }

  .admin-analytics-status,
  .admin-analytics-store-metric,
  .admin-analytics-date {
    width: 100%;
    min-height: 40px;
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between !important;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid rgba(104, 132, 169, 0.15);
    background: rgba(5, 12, 23, 0.36);
    justify-self: stretch;
  }

  .admin-analytics-status {
    grid-column: 1 / -1;
    min-height: 36px;
    border-radius: 10px;
    font-size: 0.74rem;
  }

  .admin-analytics-date {
    grid-column: 1 / -1;
  }

  .admin-analytics-status::before,
  .admin-analytics-store-metric::before,
  .admin-analytics-date::before {
    content: attr(data-label);
    color: #8fa3bc;
    font-size: 0.68rem;
    font-weight: 850;
    line-height: 1.1;
  }

  .admin-analytics-store-metric strong,
  .admin-analytics-date strong {
    color: #f4f8ff;
    font-size: 0.9rem;
    text-align: right;
  }
}

/* V73: Uyelik kartlarini daha toplu, daha dar ve daha az bosluklu hale getir */
#genel-durum-content > .uyelik-panel {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18.5rem), 1fr)) !important;
  gap: 0.42rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-row-compact {
  border-radius: 10px !important;
  box-shadow: 0 6px 14px rgba(2, 6, 23, 0.1) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  gap: 0.3rem !important;
  padding: 0.42rem 0.48rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-name {
  gap: 0.32rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-name {
  font-size: 0.78rem !important;
  line-height: 1.12 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  font-size: 0.58rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  gap: 0.14rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  min-height: 1rem !important;
  padding: 0 0.28rem !important;
  font-size: 0.55rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  gap: 0.22rem !important;
  padding: 0.28rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  gap: 0.18rem !important;
  padding: 0.26rem !important;
  border-radius: 8px !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  font-size: 0.55rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-body,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  gap: 0.14rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 0.18rem !important;
  border-radius: 6px !important;
  font-size: 0.56rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-controls {
  grid-template-columns: minmax(0, 1fr) 0.58fr 0.74fr 0.42fr !important;
}

@media (min-width: 1080px) and (max-width: 1499px) {
  #genel-durum-content > .uyelik-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1500px) {
  #genel-durum-content > .uyelik-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 1380px !important;
  }
}

@media (min-width: 820px) and (max-width: 1079px) {
  #genel-durum-content > .uyelik-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 390px) {
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-input,
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-manual-btn,
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn {
    grid-column: span 1 !important;
  }
}

/* V74: Kart genisligini koru, boslugu kart icinde daha dengeli dagit */
#genel-durum-content > .uyelik-panel {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)) !important;
  gap: 0.5rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-row-compact {
  border-radius: 11px !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.36rem !important;
  padding: 0.44rem 0.5rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-name {
  display: grid !important;
  gap: 0.04rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  max-width: 9rem !important;
  text-align: right !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  justify-content: flex-end !important;
  max-width: 100% !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr) !important;
  grid-template-areas:
    "membership credit"
    "membership account" !important;
  gap: 0.26rem !important;
  padding: 0.32rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-membership {
  grid-area: membership !important;
  align-content: start !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-credit {
  grid-area: credit !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-account {
  grid-area: account !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  height: 100% !important;
  padding: 0.28rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  font-size: 0.56rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-controls {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-controls {
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.72fr) minmax(0, 0.92fr) minmax(0, 0.52fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  height: 23px !important;
  min-height: 23px !important;
  font-size: 0.57rem !important;
}

@media (min-width: 1080px) {
  #genel-durum-content > .uyelik-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 820px) and (max-width: 1079px) {
  #genel-durum-content > .uyelik-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  #genel-durum-content > .uyelik-panel .uyelik-control-strip {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "membership"
      "credit"
      "account" !important;
  }
}

@media (max-width: 520px) {
  #genel-durum-content > .uyelik-panel .uyelik-account-summary {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-username {
    max-width: 100% !important;
    text-align: left !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-chips {
    justify-content: flex-start !important;
  }
}

/* V75: Kartlari yakinlastir, kart ici bolumleri alta alta ve bosluksuz akit */
#genel-durum-content > .uyelik-panel {
  gap: 0.28rem !important;
  row-gap: 0.32rem !important;
  column-gap: 0.34rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-row-compact {
  border-radius: 10px !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  padding: 0.38rem 0.44rem !important;
  gap: 0.26rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "membership"
    "credit"
    "account" !important;
  gap: 0.18rem !important;
  padding: 0.24rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  min-height: 0 !important;
  height: auto !important;
  gap: 0.13rem !important;
  padding: 0.22rem 0.24rem !important;
  border-radius: 7px !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  font-size: 0.54rem !important;
  line-height: 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-body,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  gap: 0.12rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-input,
#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-manual-btn,
#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn {
  grid-column: span 2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-controls {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-controls {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.78fr) minmax(0, 0.92fr) minmax(0, 0.48fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 0.16rem !important;
  font-size: 0.56rem !important;
}

@media (max-width: 520px) {
  #genel-durum-content > .uyelik-panel {
    gap: 0.3rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-controls {
    grid-template-columns: 1fr !important;
  }
}

/* V76: Okunurlugu buyut, kart ici karmasayi azalt */
#genel-durum-content > .uyelik-panel {
  row-gap: 0.42rem !important;
  column-gap: 0.46rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-row-compact {
  border-radius: 11px !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  padding: 0.5rem 0.56rem !important;
  gap: 0.34rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-name {
  font-size: 0.9rem !important;
  line-height: 1.18 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  font-size: 0.68rem !important;
  line-height: 1.12 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  gap: 0.2rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  min-height: 1.22rem !important;
  padding: 0 0.4rem !important;
  border-radius: 7px !important;
  font-size: 0.64rem !important;
  font-weight: 750 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  gap: 0.24rem !important;
  padding: 0.32rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  gap: 0.2rem !important;
  padding: 0.34rem 0.36rem !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, 0.34) !important;
  border-color: rgba(148, 163, 184, 0.11) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  color: #cbd5e1 !important;
  font-size: 0.67rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-body,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  gap: 0.18rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 0.28rem !important;
  border-radius: 7px !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-controls {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-controls {
  grid-template-columns: minmax(0, 1.32fr) minmax(0, 0.75fr) minmax(0, 0.95fr) minmax(0, 0.5fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-btn,
#genel-durum-content > .uyelik-panel .uyelik-credit-btn {
  background: rgba(37, 99, 235, 0.2) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-subtract-btn {
  background: rgba(146, 64, 14, 0.18) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-pass-btn,
#genel-durum-content > .uyelik-panel .uyelik-ip-reset-btn:not(.uyelik-bulk-ip-reset-btn) {
  background: rgba(71, 85, 105, 0.34) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-control-group,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-control-group {
  background: rgba(248, 250, 252, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-control-title,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-control-title {
  color: #334155 !important;
}

@media (min-width: 1280px) {
  #genel-durum-content > .uyelik-panel .uyelik-store-name {
    font-size: 0.94rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
  #genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
    height: 27px !important;
    min-height: 27px !important;
    font-size: 0.68rem !important;
  }
}

@media (max-width: 820px) {
  #genel-durum-content > .uyelik-panel {
    row-gap: 0.44rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-control-title {
    font-size: 0.7rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
  #genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
    height: 28px !important;
    min-height: 28px !important;
    font-size: 0.68rem !important;
  }
}

@media (max-width: 520px) {
  #genel-durum-content > .uyelik-panel .uyelik-account-summary {
    padding: 0.52rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-store-name {
    font-size: 0.95rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-chip {
    font-size: 0.66rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-input,
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-manual-btn,
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn {
    grid-column: span 1 !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-credit-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-credit-controls .uyelik-credit-input,
  #genel-durum-content > .uyelik-panel .uyelik-credit-controls .uyelik-credit-manual-btn {
    grid-column: span 1 !important;
  }
}

/* V77: Uyelik kartlarini sade liste duzenine cek, kutu icinde kutu hissini azalt */
#genel-durum-content > .uyelik-panel {
  row-gap: 0.44rem !important;
  column-gap: 0.48rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-row-compact {
  overflow: hidden !important;
  border-radius: 12px !important;
  background: rgba(15, 23, 42, 0.74) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-left: 3px solid rgba(96, 165, 250, 0.72) !important;
  box-shadow: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 0.56rem 0.62rem !important;
  background: rgba(255, 255, 255, 0.025) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-name {
  font-size: 0.92rem !important;
  font-weight: 850 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  color: #8ea0b8 !important;
  font-size: 0.66rem !important;
  font-weight:500 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  min-height: 1.2rem !important;
  padding: 0 0.42rem !important;
  border-radius: 999px !important;
  font-size: 0.64rem !important;
  background: rgba(148, 163, 184, 0.1) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "membership"
    "credit"
    "account" !important;
  gap: 0 !important;
  padding: 0.08rem 0.58rem 0.5rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  display: grid !important;
  grid-template-columns: 4.8rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.46rem !important;
  min-height: 2.65rem !important;
  height: auto !important;
  padding: 0.42rem 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(148, 163, 184, 0.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group:first-child {
  border-top: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  color: #93a4bc !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-body,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  gap: 0.22rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls {
  grid-template-columns: repeat(6, minmax(0, 1fr)) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.35fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-input,
#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-manual-btn,
#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn {
  grid-column: auto !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-controls {
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr) minmax(0, 1fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-controls {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.78fr) minmax(0, 0.95fr) minmax(0, 0.58fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 0.32rem !important;
  border-radius: 7px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-btn,
#genel-durum-content > .uyelik-panel .uyelik-credit-btn {
  background: rgba(37, 99, 235, 0.18) !important;
  border-color: rgba(96, 165, 250, 0.18) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-subtract-btn {
  background: rgba(120, 83, 28, 0.2) !important;
  border-color: rgba(245, 158, 11, 0.16) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-end-btn,
#genel-durum-content > .uyelik-panel .uyelik-delete-btn {
  background: rgba(127, 29, 29, 0.26) !important;
  border-color: rgba(248, 113, 113, 0.18) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-pass-btn,
#genel-durum-content > .uyelik-panel .uyelik-ip-reset-btn:not(.uyelik-bulk-ip-reset-btn) {
  background: rgba(51, 65, 85, 0.34) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-row-compact,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-row-compact {
  background: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  border-left-color: rgba(37, 99, 235, 0.58) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-account-summary,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-account-summary {
  background: rgba(248, 250, 252, 0.9) !important;
  border-bottom-color: rgba(148, 163, 184, 0.18) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-control-group,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-control-group {
  background: transparent !important;
  border-top-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-control-title,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-control-title {
  color: #475569 !important;
}

@media (max-width: 1180px) {
  #genel-durum-content > .uyelik-panel .uyelik-control-group {
    grid-template-columns: 1fr !important;
    gap: 0.26rem !important;
    align-items: stretch !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-input,
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-manual-btn,
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn {
    grid-column: span 2 !important;
  }
}

@media (max-width: 520px) {
  #genel-durum-content > .uyelik-panel .uyelik-account-summary {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-control-strip {
    padding: 0.08rem 0.52rem 0.52rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls,
  #genel-durum-content > .uyelik-panel .uyelik-credit-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-controls {
    grid-template-columns: 1fr 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-controls .uyelik-password-input {
    grid-column: 1 / -1 !important;
  }
}

/* V78: Yazilari yumusat, kullanici adini sola al, sureyi bitir butonunu rahatlat */
#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  grid-template-columns: 1fr !important;
  align-items: start !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-name {
  display: grid !important;
  justify-content: start !important;
  gap: 0.08rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  max-width: 100% !important;
  text-align: left !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  justify-content: flex-start !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-name {
  font-weight: 760 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  font-weight:450 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  font-weight: 650 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  font-weight:500 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  font-weight: 650 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls {
  grid-template-columns: repeat(6, minmax(0, 0.8fr)) minmax(0, 1.15fr) minmax(0, 1.1fr) minmax(5.4rem, 1.6fr) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-end-btn {
  min-width: 5.4rem !important;
  padding-inline: 0.42rem !important;
}

@media (max-width: 1180px) {
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn {
    grid-column: span 2 !important;
  }
}

@media (max-width: 520px) {
  #genel-durum-content > .uyelik-panel .uyelik-membership-controls {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn {
    grid-column: span 1 !important;
  }
}

/* V79: Durum rozetlerini kartin sag ustune al */
#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-name {
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  justify-content: flex-end !important;
  align-self: start !important;
  max-width: 14rem !important;
}

@media (max-width: 720px) {
  #genel-durum-content > .uyelik-panel .uyelik-account-summary {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-chips {
    justify-content: flex-start !important;
    max-width: 100% !important;
  }
}

/* V80: Esnaf modu genel kart aksiyonlarini musteri modu ikon butonlariyla esitle */
body:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
body:not(.customer-mode) .genel-card-actions .genel-favori-btn,
body:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
body:not(.customer-mode) .genel-card-actions .genel-copy-link,
body:not(.customer-mode) #genel-table .action-buttons-wrap .device-detail-info-btn,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-favori-btn,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-compare-add-btn,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-copy-link {
  box-sizing: border-box !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: #1e3a5f !important;
  color: #c8d4e0 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body:not(.customer-mode) .genel-card-actions .device-detail-info-btn:hover,
body:not(.customer-mode) .genel-card-actions .genel-favori-btn:hover,
body:not(.customer-mode) .genel-card-actions .genel-compare-add-btn:hover,
body:not(.customer-mode) .genel-card-actions .genel-copy-link:hover,
body:not(.customer-mode) #genel-table .action-buttons-wrap .device-detail-info-btn:hover,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-favori-btn:hover,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-compare-add-btn:hover,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-copy-link:hover {
  background: #264a78 !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

body:not(.customer-mode) .genel-card-actions .genel-compare-add-btn.is-compare,
body:not(.customer-mode) .genel-card-actions .genel-favori-btn.is-favori,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-compare-add-btn.is-compare,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-favori-btn.is-favori {
  background: #1e3a5f !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

body:not(.customer-mode) .genel-card-actions .action-btn-icon,
body:not(.customer-mode) .genel-card-actions .favori-btn-icon,
body:not(.customer-mode) .genel-card-actions .hizli-action-icon,
body:not(.customer-mode) #genel-table .action-buttons-wrap .action-btn-icon,
body:not(.customer-mode) #genel-table .action-buttons-wrap .favori-btn-icon,
body:not(.customer-mode) #genel-table .action-buttons-wrap .hizli-action-icon {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  flex: 0 0 18px !important;
}

body.theme-light:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-favori-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-copy-link,
body.light-theme:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-favori-btn,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-copy-link,
body.theme-light:not(.customer-mode) #genel-table .action-buttons-wrap .device-detail-info-btn,
body.theme-light:not(.customer-mode) #genel-table .action-buttons-wrap .genel-favori-btn,
body.theme-light:not(.customer-mode) #genel-table .action-buttons-wrap .genel-compare-add-btn,
body.theme-light:not(.customer-mode) #genel-table .action-buttons-wrap .genel-copy-link,
body.light-theme:not(.customer-mode) #genel-table .action-buttons-wrap .device-detail-info-btn,
body.light-theme:not(.customer-mode) #genel-table .action-buttons-wrap .genel-favori-btn,
body.light-theme:not(.customer-mode) #genel-table .action-buttons-wrap .genel-compare-add-btn,
body.light-theme:not(.customer-mode) #genel-table .action-buttons-wrap .genel-copy-link {
  background: #f1f5f9 !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  color: #475569 !important;
}

body.theme-light:not(.customer-mode) .genel-card-actions .device-detail-info-btn:hover,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-favori-btn:hover,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-compare-add-btn:hover,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-copy-link:hover,
body.light-theme:not(.customer-mode) .genel-card-actions .device-detail-info-btn:hover,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-favori-btn:hover,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-compare-add-btn:hover,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-copy-link:hover,
body.theme-light:not(.customer-mode) #genel-table .action-buttons-wrap .device-detail-info-btn:hover,
body.theme-light:not(.customer-mode) #genel-table .action-buttons-wrap .genel-favori-btn:hover,
body.theme-light:not(.customer-mode) #genel-table .action-buttons-wrap .genel-compare-add-btn:hover,
body.theme-light:not(.customer-mode) #genel-table .action-buttons-wrap .genel-copy-link:hover,
body.light-theme:not(.customer-mode) #genel-table .action-buttons-wrap .device-detail-info-btn:hover,
body.light-theme:not(.customer-mode) #genel-table .action-buttons-wrap .genel-favori-btn:hover,
body.light-theme:not(.customer-mode) #genel-table .action-buttons-wrap .genel-compare-add-btn:hover,
body.light-theme:not(.customer-mode) #genel-table .action-buttons-wrap .genel-copy-link:hover {
  background: #e2e8f0 !important;
  border-color: rgba(15, 23, 42, 0.2) !important;
  color: #1e293b !important;
}

@media (max-width: 1024px) {
  body:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
  body:not(.customer-mode) .genel-card-actions .genel-favori-btn,
  body:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
  body:not(.customer-mode) .genel-card-actions .genel-copy-link {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 12px !important;
  }

  body:not(.customer-mode) .genel-card-actions .action-btn-icon,
  body:not(.customer-mode) .genel-card-actions .favori-btn-icon,
  body:not(.customer-mode) .genel-card-actions .hizli-action-icon {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
  }
}

/* V81: Esnaf aksiyon ikonlarini Ara/WhatsApp buton yuksekligine indir */
body:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
body:not(.customer-mode) .genel-card-actions .genel-favori-btn,
body:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
body:not(.customer-mode) .genel-card-actions .genel-copy-link,
body:not(.customer-mode) #genel-table .action-buttons-wrap .device-detail-info-btn,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-favori-btn,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-compare-add-btn,
body:not(.customer-mode) #genel-table .action-buttons-wrap .genel-copy-link {
  flex-basis: 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  border-radius: 10px !important;
}

body:not(.customer-mode) .genel-card-actions .action-btn-icon,
body:not(.customer-mode) .genel-card-actions .favori-btn-icon,
body:not(.customer-mode) .genel-card-actions .hizli-action-icon,
body:not(.customer-mode) #genel-table .action-buttons-wrap .action-btn-icon,
body:not(.customer-mode) #genel-table .action-buttons-wrap .favori-btn-icon,
body:not(.customer-mode) #genel-table .action-buttons-wrap .hizli-action-icon {
  width: 16px !important;
  height: 16px !important;
  flex-basis: 16px !important;
}

@media (max-width: 1024px) {
  body:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
  body:not(.customer-mode) .genel-card-actions .genel-favori-btn,
  body:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
  body:not(.customer-mode) .genel-card-actions .genel-copy-link {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    border-radius: 10px !important;
  }

  body:not(.customer-mode) .genel-card-actions .action-btn-icon,
  body:not(.customer-mode) .genel-card-actions .favori-btn-icon,
  body:not(.customer-mode) .genel-card-actions .hizli-action-icon {
    width: 16px !important;
    height: 16px !important;
    flex-basis: 16px !important;
  }
}

/* V82: Musteri modunda Bu Magazada aksiyonlarini genis Takas butonuyla dengele */
body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions {
  display: grid !important;
  grid-template-columns: 30px 30px 30px minmax(7.5rem, 1fr) !important;
  gap: 0.36rem !important;
  align-items: center !important;
  width: 100% !important;
}

body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions .device-detail-info-btn,
body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions .genel-favori-btn,
body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions .hizli-compare-btn {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}

body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions .hizli-takas-btn {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  justify-content: center !important;
  border-radius: 9px !important;
}

@media (max-width: 380px) {
  body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions {
    grid-template-columns: 30px 30px 30px minmax(5.8rem, 1fr) !important;
    gap: 0.28rem !important;
  }
}

/* V83: Bu Magazada aksiyon bosluklarini Diger Magazalar ile esitle */
body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions {
  grid-template-columns: 30px 30px 30px minmax(7rem, 1fr) !important;
  gap: 0.42rem !important;
}

body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions .device-detail-info-btn,
body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions .genel-favori-btn,
body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions .hizli-compare-btn,
body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions .hizli-takas-btn {
  height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
}

@media (max-width: 380px) {
  body.customer-mode .hizli-product-row:not(.has-store) .hizli-row-actions {
    grid-template-columns: 30px 30px 30px minmax(5.5rem, 1fr) !important;
    gap: 0.34rem !important;
  }
}

/* V84: Mobil Uyarilarim panelini sabitle, kapatma butonunu geri getir ve akiciligi iyilestir */
#uyarilarim-panel-close {
  display: inline-flex !important;
}

#uyarilarim-panel .notification-panel-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  background: rgba(12, 19, 34, 0.98) !important;
}

#uyarilarim-panel {
  contain: layout paint !important;
}

@media (max-width: 768px) {
  #uyarilarim-panel.uyarilarim-panel {
    left: 0.55rem !important;
    right: 0.55rem !important;
    bottom: max(0px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: min(82vh, calc(100dvh - 5.25rem)) !important;
    max-height: min(82vh, calc(100dvh - 5.25rem)) !important;
    padding: 0.72rem !important;
    gap: 0.66rem !important;
    border-radius: 18px 18px 0 0 !important;
    background: rgba(12, 19, 34, 0.98) !important;
    box-shadow: 0 -18px 42px rgba(2, 8, 23, 0.42) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow: hidden !important;
  }

  #uyarilarim-panel .notification-panel-header {
    margin: -0.72rem -0.72rem 0 !important;
    padding: 0.72rem 0.78rem !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
    border-radius: 18px 18px 0 0 !important;
    color: #e8eef4 !important;
  }

  #uyarilarim-panel-close.notification-panel-close {
    width: 2.35rem !important;
    height: 2.35rem !important;
    min-width: 2.35rem !important;
    padding: 0 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #dbe7f5 !important;
  }

  #uyarilarim-panel-close .panel-close-icon {
    width: 1.05rem !important;
    height: 1.05rem !important;
    filter: brightness(0) invert(0.92) !important;
  }

  #uyarilarim-panel .uyarilarim-list,
  #uyarilarim-panel .triggered-alerts-list {
    max-height: none !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
  }

  #uyarilarim-panel .model-alerts-list.uyarilarim-list {
    flex: 1 1 auto !important;
  }

  #uyarilarim-panel .info-tooltip-container {
    display: none !important;
  }
}

body.theme-light #uyarilarim-panel .notification-panel-header,
body.light-theme #uyarilarim-panel .notification-panel-header {
  background: rgba(255, 255, 255, 0.98) !important;
  color: #0f172a !important;
}

body.theme-light #uyarilarim-panel-close.notification-panel-close,
body.light-theme #uyarilarim-panel-close.notification-panel-close {
  background: rgba(15, 23, 42, 0.06) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  color: #334155 !important;
}

/* V113: Ana sekmeler anlık açılır; yatay panel kayması kapalıdır */
.tab-viewport {
  overflow-x: hidden !important;
}

#tab-slider-wrap.tab-slider-wrap {
  display: block !important;
  width: 100% !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

#tab-slider-wrap .tab-content {
  display: none !important;
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#tab-slider-wrap .tab-content.active {
  display: block !important;
}

#tab-slider-wrap .tab-content.tab-panel-enter {
  animation: tabPanelEnter var(--app-panel-motion-duration) var(--app-panel-motion-ease) both !important;
}

#app-root .tabs .tab,
#app-root .tabs > a.tab {
  transition:
    background-color 90ms ease,
    border-color 90ms ease,
    color 90ms ease,
    box-shadow 90ms ease !important;
}

#app-root .tabs .tab:hover,
#app-root .tabs > a.tab:hover {
  transform: none !important;
}

#app-root .tabs .tab .tab-icon,
#app-root .tabs > a.tab .tab-icon {
  transition: filter 90ms ease, opacity 90ms ease !important;
  animation: none !important;
  transform: none !important;
}

#app-root .tabs .tab:hover .tab-icon,
#app-root .tabs .tab.active .tab-icon,
#app-root .tabs > a.tab:hover .tab-icon,
#app-root .tabs > a.tab.active .tab-icon {
  animation: none !important;
  transform: none !important;
}

#app-root .tabs .tab::before,
#app-root .tabs > a.tab::before {
  transition: width 90ms ease !important;
}

@media (prefers-reduced-motion: reduce) {
  #tab-slider-wrap .tab-content.tab-panel-enter {
    animation: none !important;
  }
}

/* V114: Stok Havuzu sekme girisi kart ve filtre animasyonlarini sessizlestirir */
body.is-primary-tab-switching #genel-content,
body.is-primary-tab-switching #genel-content * {
  transition-duration: 0ms !important;
  transition-delay: 0ms !important;
}

#genel-content.genel-silent-entry.tab-panel-enter,
#genel-content.genel-silent-entry .filter-bar,
#genel-content.genel-silent-entry .hizli-filter-bar,
#genel-content.genel-silent-entry .search-stats-widget,
#genel-content.genel-silent-entry .promo-card,
#genel-content.genel-silent-entry .genel-device-card,
#genel-content.genel-silent-entry .hizli-product-row {
  animation: none !important;
  animation-delay: 0ms !important;
  will-change: auto !important;
}

#genel-durum-content,
#hata-raporlari-content,
#isletme-ozet-content {
  max-width: 100% !important;
}

/* V86: Hata raporlarini iframe yerine ana uygulama paneli gibi goster */
#hata-raporlari-content > .panel-shell {
  display: none !important;
}

.admin-error-reports-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.admin-error-reports-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.15rem 0 0.35rem;
}

.admin-error-reports-header .section-title {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  color: #e8eef4;
}

.admin-error-reports-subtitle {
  margin: 0.35rem 0 0;
  color: #9ca8b8;
  font-size: 0.92rem;
}

.admin-error-reports-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-error-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 36px;
  padding: 0.48rem 0.72rem;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(31, 45, 66, 0.92);
  color: #dbe7f5;
  font-weight: 650;
  cursor: pointer;
}

.admin-error-action-btn.primary {
  background: rgba(37, 99, 235, 0.22);
  border-color: rgba(96, 165, 250, 0.35);
}

.admin-error-action-btn.danger {
  background: rgba(127, 29, 29, 0.25);
  border-color: rgba(248, 113, 113, 0.3);
}

.admin-error-action-btn.loading .admin-error-action-icon {
  animation: spin 0.8s linear infinite;
}

.admin-error-action-icon {
  width: 15px;
  height: 15px;
  filter: brightness(0) invert(0.92);
}

.admin-error-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}

.admin-error-summary-card {
  min-height: 74px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(20, 33, 50, 0.92);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
}

.admin-error-summary-card strong {
  color: #8ccfff;
  font-size: 1.35rem;
  line-height: 1;
}

.admin-error-summary-card strong small {
  margin-left: 0.2rem;
  font-size: 0.7rem;
  color: #94a3b8;
}

.admin-error-summary-card span {
  color: #98a8bb;
  font-size: 0.78rem;
}

.admin-error-summary-card.danger strong {
  color: #f87171;
}

.admin-error-summary-card.warning strong {
  color: #fbbf24;
}

.admin-error-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.admin-error-filter {
  min-height: 32px;
  padding: 0.36rem 0.7rem;
  border-radius: 9px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(24, 38, 58, 0.9);
  color: #b8c5d6;
  cursor: pointer;
  font-weight:450;
}

.admin-error-filter.active {
  color: #fff;
  background: rgba(37, 99, 235, 0.75);
  border-color: rgba(96, 165, 250, 0.55);
}

.admin-error-list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.admin-error-card {
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(18, 31, 48, 0.94);
  overflow: hidden;
}

.admin-error-card.critical {
  border-left: 3px solid #ef4444;
}

.admin-error-card.warning {
  border-left: 3px solid #f59e0b;
}

.admin-error-card.info {
  border-left: 3px solid #3b82f6;
}

.admin-error-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0.85rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.admin-error-card-head time {
  color: #8ea0b6;
  font-size: 0.78rem;
  white-space: nowrap;
}

.admin-error-badges {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.admin-error-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0.18rem 0.45rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight:500;
}

.admin-error-badge.critical {
  color: #fecaca;
  background: rgba(239, 68, 68, 0.14);
}

.admin-error-badge.warning {
  color: #fde68a;
  background: rgba(245, 158, 11, 0.14);
}

.admin-error-badge.info {
  color: #bfdbfe;
  background: rgba(59, 130, 246, 0.14);
}

.admin-error-badge.neutral,
.admin-error-badge.repeat {
  color: #cbd5e1;
  background: rgba(148, 163, 184, 0.1);
}

.admin-error-card-body {
  padding: 0.85rem;
  display: grid;
  gap: 0.62rem;
}

.admin-error-user {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

.admin-error-user strong {
  color: #e8eef4;
}

.admin-error-user span,
.admin-error-file {
  color: #91a1b5;
  font-size: 0.82rem;
}

.admin-error-message {
  padding: 0.62rem 0.7rem;
  border-radius: 10px;
  background: rgba(2, 8, 23, 0.24);
  color: #dbe7f5;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.admin-error-endpoint {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  color: #a9b8ca;
}

.admin-error-endpoint span,
.admin-error-endpoint em {
  font-style: normal;
  border-radius: 7px;
  padding: 0.16rem 0.4rem;
  background: rgba(59, 130, 246, 0.13);
  color: #bfdbfe;
  font-size: 0.74rem;
  font-weight:500;
}

.admin-error-endpoint code {
  color: #cbd5e1;
  white-space: normal;
  overflow-wrap: anywhere;
}

.admin-error-empty {
  min-height: 170px;
  display: grid;
  place-items: center;
  text-align: center;
  border: 1px dashed rgba(148, 163, 184, 0.22);
  border-radius: 14px;
  color: #94a3b8;
}

.admin-error-empty strong {
  display: block;
  color: #dbe7f5;
  margin-bottom: 0.35rem;
}

body.theme-light .admin-error-reports-header .section-title,
body.light-theme .admin-error-reports-header .section-title,
body.theme-light .admin-error-user strong,
body.light-theme .admin-error-user strong,
body.theme-light .admin-error-empty strong,
body.light-theme .admin-error-empty strong {
  color: #0f172a;
}

body.theme-light .admin-error-reports-subtitle,
body.light-theme .admin-error-reports-subtitle,
body.theme-light .admin-error-summary-card span,
body.light-theme .admin-error-summary-card span,
body.theme-light .admin-error-user span,
body.light-theme .admin-error-user span,
body.theme-light .admin-error-file,
body.light-theme .admin-error-file {
  color: #64748b;
}

body.theme-light .admin-error-summary-card,
body.light-theme .admin-error-summary-card,
body.theme-light .admin-error-card,
body.light-theme .admin-error-card {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.1);
}

body.theme-light .admin-error-filter,
body.light-theme .admin-error-filter,
body.theme-light .admin-error-action-btn,
body.light-theme .admin-error-action-btn {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.12);
  color: #1e293b;
}

body.theme-light .admin-error-message,
body.light-theme .admin-error-message {
  background: #f1f5f9;
  color: #0f172a;
}

body.theme-light .admin-error-endpoint code,
body.light-theme .admin-error-endpoint code {
  color: #334155;
}

@media (max-width: 720px) {
  .admin-error-reports-header {
    flex-direction: column;
  }

  .admin-error-reports-actions {
    width: 100%;
    justify-content: stretch;
  }

  .admin-error-action-btn {
    flex: 1;
  }

  .admin-error-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-error-card-head {
    flex-direction: column;
  }
}

/* V87: Hata raporlarina onceki ekranin renkli ikonlu karakterini geri ver */
.admin-error-reports-panel {
  gap: 1rem;
}

.admin-error-reports-header {
  padding: 0.35rem 0 0.45rem;
}

.admin-error-reports-header .section-title .section-title-icon {
  width: 18px;
  height: 18px;
  filter: brightness(0) saturate(100%) invert(67%) sepia(83%) saturate(2460%) hue-rotate(199deg) brightness(103%) contrast(101%);
}

.admin-error-action-btn {
  box-shadow: 0 8px 24px rgba(2, 8, 23, 0.18);
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.admin-error-action-btn:hover {
  transform: translateY(-1px);
}

.admin-error-action-btn.primary {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.95), rgba(59, 130, 246, 0.82));
  border-color: rgba(147, 197, 253, 0.45);
  color: #fff;
}

.admin-error-action-btn.danger {
  background: linear-gradient(135deg, rgba(185, 28, 28, 0.92), rgba(239, 68, 68, 0.78));
  border-color: rgba(252, 165, 165, 0.42);
  color: #fff;
}

.admin-error-summary-card {
  min-height: 86px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0.75rem;
  padding: 0.85rem;
  text-align: left;
}

.admin-error-summary-card.total {
  background: linear-gradient(145deg, rgba(37, 99, 235, 0.2), rgba(18, 31, 48, 0.95));
  border-color: rgba(96, 165, 250, 0.24);
}

.admin-error-summary-card.danger {
  background: linear-gradient(145deg, rgba(127, 29, 29, 0.32), rgba(18, 31, 48, 0.95));
  border-color: rgba(248, 113, 113, 0.28);
}

.admin-error-summary-card.warning {
  background: linear-gradient(145deg, rgba(120, 53, 15, 0.28), rgba(18, 31, 48, 0.95));
  border-color: rgba(251, 191, 36, 0.26);
}

.admin-error-summary-card.info {
  background: linear-gradient(145deg, rgba(30, 64, 175, 0.22), rgba(18, 31, 48, 0.95));
  border-color: rgba(96, 165, 250, 0.24);
}

.admin-error-summary-icon,
.admin-error-user-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.admin-error-summary-icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(96, 165, 250, 0.16);
  border: 1px solid rgba(147, 197, 253, 0.2);
}

.admin-error-summary-card.danger .admin-error-summary-icon {
  background: rgba(239, 68, 68, 0.16);
  border-color: rgba(248, 113, 113, 0.24);
}

.admin-error-summary-card.warning .admin-error-summary-icon {
  background: rgba(245, 158, 11, 0.16);
  border-color: rgba(251, 191, 36, 0.24);
}

.admin-error-summary-icon img {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(0.92);
}

.admin-error-summary-card strong {
  font-size: 1.55rem;
}

.admin-error-filter {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  border-radius: 999px;
}

.admin-error-filter img,
.admin-error-badge img,
.admin-error-message img,
.admin-error-file img,
.admin-error-user-icon img {
  width: 13px;
  height: 13px;
  filter: brightness(0) invert(0.88);
}

.admin-error-filter.active img,
.admin-error-action-icon {
  filter: brightness(0) invert(1);
}

.admin-error-badge {
  gap: 0.32rem;
  border: 1px solid transparent;
}

.admin-error-badge.critical {
  border-color: rgba(248, 113, 113, 0.2);
}

.admin-error-badge.warning {
  border-color: rgba(251, 191, 36, 0.2);
}

.admin-error-badge.info {
  border-color: rgba(96, 165, 250, 0.2);
}

.admin-error-card {
  background: linear-gradient(145deg, rgba(26, 45, 71, 0.72), rgba(15, 31, 53, 0.78));
  box-shadow: 0 10px 28px rgba(2, 8, 23, 0.12);
}

.admin-error-card-head {
  background: rgba(15, 23, 42, 0.24);
}

.admin-error-user {
  flex-direction: row;
  align-items: center;
  gap: 0.65rem;
}

.admin-error-user-icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: rgba(96, 165, 250, 0.14);
  border: 1px solid rgba(147, 197, 253, 0.18);
}

.admin-error-message,
.admin-error-file {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}

.admin-error-message img {
  margin-top: 0.18rem;
  filter: brightness(0) saturate(100%) invert(68%) sepia(73%) saturate(5707%) hue-rotate(327deg) brightness(101%) contrast(94%);
}

body.theme-light .admin-error-summary-card,
body.light-theme .admin-error-summary-card {
  background: linear-gradient(145deg, #ffffff, #f8fafc);
}

body.theme-light .admin-error-summary-card.total,
body.light-theme .admin-error-summary-card.total {
  background: linear-gradient(145deg, #eff6ff, #ffffff);
  border-color: rgba(37, 99, 235, 0.18);
}

body.theme-light .admin-error-summary-card.danger,
body.light-theme .admin-error-summary-card.danger {
  background: linear-gradient(145deg, #fff1f2, #ffffff);
  border-color: rgba(239, 68, 68, 0.2);
}

body.theme-light .admin-error-summary-card.warning,
body.light-theme .admin-error-summary-card.warning {
  background: linear-gradient(145deg, #fffbeb, #ffffff);
  border-color: rgba(245, 158, 11, 0.22);
}

body.theme-light .admin-error-card,
body.light-theme .admin-error-card {
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

body.theme-light .admin-error-card-head,
body.light-theme .admin-error-card-head {
  background: #f8fafc;
}

body.theme-light .admin-error-filter img,
body.light-theme .admin-error-filter img,
body.theme-light .admin-error-badge img,
body.light-theme .admin-error-badge img,
body.theme-light .admin-error-file img,
body.light-theme .admin-error-file img,
body.theme-light .admin-error-user-icon img,
body.light-theme .admin-error-user-icon img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(901%) hue-rotate(176deg) brightness(93%) contrast(90%);
}

/* V89: Hata raporlari V1 gunluk kontrol paneli */
.admin-error-summary-card {
  appearance: none;
  cursor: pointer;
  color: inherit;
}

.admin-error-summary-card span:last-child {
  display: grid;
  gap: 0.2rem;
}

.admin-error-summary-card em {
  font-style: normal;
  color: #98a8bb;
  font-size: 0.78rem;
}

.admin-error-filter-form {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  padding: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(12, 23, 38, 0.55);
}

.admin-error-filter-form label {
  min-width: 0;
  display: grid;
  gap: 0.28rem;
  color: #93a4ba;
  font-size: 0.72rem;
  font-weight: 650;
}

.admin-error-filter-form input,
.admin-error-filter-form select,
.admin-error-status-note textarea {
  width: 100%;
  min-height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.68);
  color: #dbe7f5;
  padding: 0.45rem 0.6rem;
  font: inherit;
  font-size: 0.86rem;
}

.admin-error-filter-search {
  grid-column: span 2;
}

.admin-error-top-repeated {
  display: grid;
  gap: 0.55rem;
}

.admin-error-repeated-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: #dbe7f5;
}

.admin-error-repeated-head span {
  color: #8ea0b6;
  font-size: 0.82rem;
}

.admin-error-repeated-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.5rem;
}

.admin-error-repeated-item {
  min-width: 0;
  display: grid;
  gap: 0.24rem;
  text-align: left;
  border: 1px solid rgba(251, 191, 36, 0.2);
  background: linear-gradient(145deg, rgba(120, 53, 15, 0.22), rgba(15, 31, 53, 0.78));
  color: #dbe7f5;
  border-radius: 12px;
  padding: 0.68rem;
  cursor: pointer;
}

.admin-error-repeated-item strong {
  color: #fbbf24;
  font-size: 0.88rem;
}

.admin-error-repeated-item span,
.admin-error-repeated-item em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #9fb0c4;
  font-size: 0.75rem;
  font-style: normal;
}

.admin-error-card {
  cursor: pointer;
}

.admin-error-card.selected {
  border-color: rgba(96, 165, 250, 0.62);
  box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.22), 0 16px 34px rgba(2, 8, 23, 0.18);
}

.admin-error-badge.status.new {
  color: #bfdbfe;
  background: rgba(59, 130, 246, 0.14);
  border-color: rgba(96, 165, 250, 0.2);
}

.admin-error-badge.status.investigating {
  color: #fde68a;
  background: rgba(245, 158, 11, 0.14);
  border-color: rgba(251, 191, 36, 0.2);
}

.admin-error-badge.status.resolved {
  color: #bbf7d0;
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(74, 222, 128, 0.22);
}

.admin-error-badge.status.ignored {
  color: #cbd5e1;
  background: rgba(100, 116, 139, 0.14);
  border-color: rgba(148, 163, 184, 0.22);
}

.admin-error-badge.status.reopened {
  color: #fecaca;
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(248, 113, 113, 0.22);
}

.admin-error-card-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  color: #8294ab;
  font-size: 0.76rem;
}

.admin-error-card-foot span {
  padding: 0.18rem 0.42rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.08);
}

.admin-error-user > div {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}

.admin-error-detail {
  position: sticky;
  bottom: 0.75rem;
  z-index: 8;
}

.admin-error-detail-empty,
.admin-error-detail-card {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  background: rgba(11, 21, 36, 0.96);
  box-shadow: 0 20px 50px rgba(2, 8, 23, 0.32);
}

.admin-error-detail-empty {
  display: grid;
  gap: 0.28rem;
  padding: 0.85rem 1rem;
  color: #8ea0b6;
}

.admin-error-detail-empty strong {
  color: #dbe7f5;
}

.admin-error-detail-card {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
}

.admin-error-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.admin-error-detail-kicker {
  color: #60a5fa;
  font-size: 0.74rem;
  font-weight: 700;
}

.admin-error-detail-head h3 {
  margin: 0.12rem 0 0;
  color: #f8fafc;
  font-size: 1.08rem;
}

.admin-error-detail-close {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(148, 163, 184, 0.1);
  cursor: pointer;
}

.admin-error-detail-close img {
  width: 15px;
  height: 15px;
  filter: brightness(0) invert(0.9);
}

.admin-error-detail-message {
  margin: 0;
  padding: 0.75rem;
  border-radius: 12px;
  background: rgba(2, 8, 23, 0.32);
  color: #dbe7f5;
  overflow-wrap: anywhere;
}

.admin-error-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}

.admin-error-detail-row {
  min-width: 0;
  display: grid;
  gap: 0.22rem;
  padding: 0.58rem 0.65rem;
  border-radius: 12px;
  background: rgba(148, 163, 184, 0.08);
}

.admin-error-detail-row span {
  color: #8ea0b6;
  font-size: 0.72rem;
}

.admin-error-detail-row strong {
  min-width: 0;
  color: #e8eef4;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.admin-error-status-note {
  display: grid;
  gap: 0.35rem;
  color: #9fb0c4;
  font-size: 0.78rem;
  font-weight: 650;
}

.admin-error-status-note textarea {
  min-height: 58px;
  resize: vertical;
}

.admin-error-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.admin-error-action-btn.success {
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.92), rgba(34, 197, 94, 0.78));
  border-color: rgba(134, 239, 172, 0.38);
  color: #fff;
}

.admin-error-stack {
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(2, 8, 23, 0.24);
  color: #dbe7f5;
}

.admin-error-stack summary {
  cursor: pointer;
  padding: 0.65rem 0.75rem;
}

.admin-error-stack pre {
  max-height: 220px;
  overflow: auto;
  margin: 0;
  padding: 0 0.75rem 0.75rem;
  white-space: pre-wrap;
  color: #cbd5e1;
  font-size: 0.78rem;
}

.admin-error-copy-source {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}

body.theme-light .admin-error-filter-form,
body.light-theme .admin-error-filter-form,
body.theme-light .admin-error-detail-empty,
body.light-theme .admin-error-detail-empty,
body.theme-light .admin-error-detail-card,
body.light-theme .admin-error-detail-card {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

body.theme-light .admin-error-filter-form label,
body.light-theme .admin-error-filter-form label,
body.theme-light .admin-error-status-note,
body.light-theme .admin-error-status-note,
body.theme-light .admin-error-summary-card em,
body.light-theme .admin-error-summary-card em,
body.theme-light .admin-error-repeated-head span,
body.light-theme .admin-error-repeated-head span,
body.theme-light .admin-error-detail-row span,
body.light-theme .admin-error-detail-row span {
  color: #64748b;
}

body.theme-light .admin-error-filter-form input,
body.light-theme .admin-error-filter-form input,
body.theme-light .admin-error-filter-form select,
body.light-theme .admin-error-filter-form select,
body.theme-light .admin-error-status-note textarea,
body.light-theme .admin-error-status-note textarea {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.12);
  color: #0f172a;
}

body.theme-light .admin-error-repeated-head,
body.light-theme .admin-error-repeated-head,
body.theme-light .admin-error-detail-head h3,
body.light-theme .admin-error-detail-head h3,
body.theme-light .admin-error-detail-empty strong,
body.light-theme .admin-error-detail-empty strong,
body.theme-light .admin-error-detail-row strong,
body.light-theme .admin-error-detail-row strong {
  color: #0f172a;
}

body.theme-light .admin-error-repeated-item,
body.light-theme .admin-error-repeated-item {
  background: linear-gradient(145deg, #fffbeb, #ffffff);
  color: #0f172a;
}

body.theme-light .admin-error-detail-message,
body.light-theme .admin-error-detail-message,
body.theme-light .admin-error-detail-row,
body.light-theme .admin-error-detail-row,
body.theme-light .admin-error-stack,
body.light-theme .admin-error-stack {
  background: #f8fafc;
  color: #0f172a;
}

body.theme-light .admin-error-detail-close,
body.light-theme .admin-error-detail-close {
  background: #f1f5f9;
}

body.theme-light .admin-error-detail-close img,
body.light-theme .admin-error-detail-close img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(901%) hue-rotate(176deg) brightness(93%) contrast(90%);
}

body.theme-light .admin-error-action-btn.primary,
body.light-theme .admin-error-action-btn.primary {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.95), rgba(59, 130, 246, 0.82));
  border-color: rgba(37, 99, 235, 0.28);
  color: #fff;
}

body.theme-light .admin-error-action-btn.danger,
body.light-theme .admin-error-action-btn.danger {
  background: linear-gradient(135deg, rgba(185, 28, 28, 0.92), rgba(239, 68, 68, 0.78));
  border-color: rgba(185, 28, 28, 0.24);
  color: #fff;
}

body.theme-light .admin-error-action-btn:not(.primary):not(.danger):not(.success) .admin-error-action-icon,
body.light-theme .admin-error-action-btn:not(.primary):not(.danger):not(.success) .admin-error-action-icon {
  filter: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(901%) hue-rotate(176deg) brightness(93%) contrast(90%);
}

@media (max-width: 1120px) {
  .admin-error-filter-form,
  .admin-error-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-error-repeated-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .admin-error-filter-form,
  .admin-error-detail-grid,
  .admin-error-repeated-list {
    grid-template-columns: 1fr;
  }

  .admin-error-filter-search {
    grid-column: auto;
  }

  .admin-error-detail {
    position: static;
  }

  .admin-error-detail-actions .admin-error-action-btn {
    flex: 1 1 calc(50% - 0.45rem);
  }
}

/* V88: Yonetim araclarini tablet/dikey ekranlarda dengeli tek kolona indir */
@media (max-width: 1120px) {
  #genel-durum-content .admin-tools-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 0.85rem !important;
    padding: 0.85rem !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel,
  #genel-durum-content .admin-tools-grid > .esnaf-create-panel {
    height: auto !important;
    min-height: 0 !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-form {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(9.5rem, 0.62fr) !important;
    align-items: end !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-btn {
    grid-column: auto !important;
    min-width: 0 !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-btn {
    grid-column: 1 / -1 !important;
    align-self: stretch !important;
    min-height: 44px !important;
  }
}

@media (max-width: 860px) {
  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-form,
  #genel-durum-content .admin-tools-grid .esnaf-create-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-btn,
  #genel-durum-content .admin-tools-grid .esnaf-create-btn {
    grid-column: 1 / -1 !important;
    min-height: 44px !important;
  }
}

@media (max-width: 620px) {
  #genel-durum-content .admin-tools-grid {
    padding: 0.65rem !important;
    gap: 0.65rem !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-form,
  #genel-durum-content .admin-tools-grid .esnaf-create-form {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }
  
  #genel-durum-content .admin-tools-grid .esnaf-create-field {
    width: 100% !important;
  }
  
  #genel-durum-content .admin-tools-grid .esnaf-create-btn {
    grid-column: 1 / -1 !important;
    min-height: 46px !important;
    font-size: 0.95rem !important;
  }
}

/* V89: Dikey ekran/tabletlerde arac kartlarini iki tam satir yap */
@media (max-width: 1120px),
  (orientation: portrait) and (max-width: 1400px),
  (hover: none) and (pointer: coarse) and (max-width: 1400px) {
  #genel-durum-content .admin-tools-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    align-items: stretch !important;
  }

  #genel-durum-content .admin-tools-grid > .esnaf-create-panel {
    order: 1 !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel {
    order: 2 !important;
  }

  #genel-durum-content .admin-tools-grid > .esnaf-create-panel,
  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel {
    height: auto !important;
    min-height: 0 !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    align-items: stretch !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-btn {
    grid-column: 1 / -1 !important;
    align-self: stretch !important;
    height: 42px !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-form {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr) minmax(9.5rem, 0.65fr) !important;
    align-items: end !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-btn {
    grid-column: auto !important;
    min-width: 0 !important;
  }
}

@media (max-width: 980px) {
  #genel-durum-content .admin-tools-grid .esnaf-create-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-btn {
    grid-column: 1 / -1 !important;
    align-self: stretch !important;
    min-height: 44px !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-btn {
    grid-column: 1 / -1 !important;
  }
  
  #genel-durum-content .admin-tools-grid .esnaf-password-wrap,
  #genel-durum-content .admin-tools-grid .esnaf-phone-wrap {
    min-height: 44px !important;
  }
}

/* V90: Dikey tablet/monitorlarda esnaf formunu 6-6 dengeli iki kolon yap */
@media (orientation: portrait) and (min-width: 621px) and (max-width: 1400px),
  (hover: none) and (pointer: coarse) and (min-width: 621px) and (max-width: 1400px) {
  #genel-durum-content .admin-tools-grid .esnaf-create-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    align-items: end !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-field,
  #genel-durum-content .admin-tools-grid .esnaf-create-btn {
    min-width: 0 !important;
    width: 100% !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-btn {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    max-width: 100% !important;
    min-height: 46px !important;
  }
  
  #genel-durum-content .admin-tools-grid .esnaf-password-wrap,
  #genel-durum-content .admin-tools-grid .esnaf-phone-wrap {
    min-height: 46px !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-form {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) minmax(9rem, 0.6fr) !important;
    gap: 0.68rem !important;
  }
}

@media (min-width: 1121px) and (orientation: landscape) {
  #genel-durum-content .admin-tools-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr) !important;
  }
}

/* V91: Admin araclari panelleri responsive, panel icleri tek satir */
#genel-durum-content .admin-tools-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 26rem) !important;
  grid-auto-rows: auto !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

#genel-durum-content .admin-tools-grid > .esnaf-create-panel {
  order: 1 !important;
}

#genel-durum-content .admin-tools-grid > .model-yonetimi-panel {
  order: 2 !important;
}

#genel-durum-content .admin-tools-grid > .esnaf-create-panel,
#genel-durum-content .admin-tools-grid > .model-yonetimi-panel {
  height: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#genel-durum-content .admin-tools-grid .esnaf-create-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (min-width: 640px) {
  #genel-durum-content .admin-tools-grid .esnaf-create-form {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }
}

@media (min-width: 1024px) {
  #genel-durum-content .admin-tools-grid .esnaf-create-form {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

#genel-durum-content .admin-tools-grid .model-yonetimi-form {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 0.65rem !important;
  align-items: end !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  padding-bottom: 0.18rem;
}

#genel-durum-content .admin-tools-grid .model-yonetimi-form {
  grid-template-columns: none !important;
}

#genel-durum-content .admin-tools-grid .esnaf-create-field,
#genel-durum-content .admin-tools-grid .model-yonetimi-field {
  min-width: 0 !important;
  width: 100% !important;
}

/* Flex özellikleri kaldırıldı - Grid layout kullanılıyor */

#genel-durum-content .admin-tools-grid .model-yonetimi-field:first-child {
  flex: 0.9 0 10.5rem !important;
}

#genel-durum-content .admin-tools-grid .model-yonetimi-field:nth-child(2) {
  flex: 1.2 0 15rem !important;
}

#genel-durum-content .admin-tools-grid .esnaf-create-btn,
#genel-durum-content .admin-tools-grid .model-yonetimi-btn {
  flex: 0.9 0 10rem !important;
  grid-column: auto !important;
  justify-self: stretch !important;
  align-self: end !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  white-space: nowrap !important;
}

#genel-durum-content .admin-tools-grid .model-yonetimi-btn {
  flex-basis: 9rem !important;
}

@media (max-width: 1279px), (orientation: portrait) {
  #genel-durum-content .admin-tools-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* V92: ESKİ 6 sütunlu kural kaldırıldı - Yeni responsive kurallar kullanılıyor (satır 25297-25315) */

#genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-field,
#genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-btn {
  flex: initial !important;
  min-width: 0 !important;
  width: 100% !important;
}

#genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-label {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-input,
#genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-btn {
  min-width: 0 !important;
}

@media (max-width: 640px) {
  #genel-durum-content > .admin-tools-grid {
    padding: 0.5rem !important;
  }

  #genel-durum-content .admin-tools-grid > .esnaf-create-panel {
    padding: 0.48rem !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 0.18rem !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-field {
    gap: 0.22rem !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-label {
    color: transparent !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-label::after {
    color: #94a3b8;
    display: block;
    font-size: clamp(0.46rem, 2.05vw, 0.62rem);
    font-weight: 800;
    line-height: 1.05;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-field:nth-child(1) .esnaf-create-label::after {
    content: 'Mağaza';
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-field:nth-child(2) .esnaf-create-label::after {
    content: 'Kullanıcı';
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-field:nth-child(3) .esnaf-create-label::after {
    content: 'Şifre';
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-field:nth-child(4) .esnaf-create-label::after {
    content: 'Tel';
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-field-days .esnaf-create-label::after {
    content: 'Gün';
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-input {
    height: 34px !important;
    min-height: 34px !important;
    padding-inline: clamp(0.14rem, 0.9vw, 0.38rem) !important;
    font-size: clamp(0.62rem, 2.4vw, 0.78rem) !important;
    border-radius: 8px !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-input::placeholder {
    color: transparent !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-btn {
    position: relative;
    height: 34px !important;
    min-height: 34px !important;
    padding-inline: 0.08rem !important;
    border-radius: 8px !important;
    font-size: 0 !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-create-form .esnaf-create-btn::after {
    content: 'Oluştur';
    font-size: clamp(0.46rem, 1.8vw, 0.62rem);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
  }
}

/* V93: Admin kartlarini dengeli tut, gereksiz alt bosluklari azalt. */
#genel-durum-content .admin-tools-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr) !important;
  align-items: start !important;
  gap: 0.72rem !important;
}

#genel-durum-content .admin-tools-grid > .esnaf-create-panel,
#genel-durum-content .admin-tools-grid > .model-yonetimi-panel {
  align-self: start !important;
  height: auto !important;
  padding: 0.68rem !important;
  gap: 0.42rem !important;
}

#genel-durum-content .admin-tools-grid .esnaf-create-title,
#genel-durum-content .admin-tools-grid .model-yonetimi-title {
  margin-bottom: 0.35rem !important;
}

#genel-durum-content .admin-tools-grid .esnaf-create-result[style*="display: none"],
#genel-durum-content .admin-tools-grid .model-yonetimi-result[style*="display: none"] {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
}

#genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-form {
  display: grid !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.25fr) minmax(0, 0.72fr) !important;
  gap: clamp(0.24rem, 0.7vw, 0.56rem) !important;
  overflow-x: hidden !important;
  padding-bottom: 0 !important;
}

#genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-field,
#genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-btn {
  flex: initial !important;
  grid-column: auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

@media (max-width: 1279px), (orientation: portrait) {
  #genel-durum-content .admin-tools-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 640px) {
  #genel-durum-content .admin-tools-grid {
    gap: 0.5rem !important;
  }

  #genel-durum-content .admin-tools-grid > .esnaf-create-panel,
  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel {
    padding: 0.48rem !important;
    gap: 0.3rem !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-form {
    gap: 0.1rem !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-label {
    font-size: clamp(0.46rem, 2.05vw, 0.62rem) !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-select,
  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-input {
    height: 34px !important;
    min-height: 34px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-inline: clamp(0.14rem, 0.9vw, 0.38rem) !important;
    font-size: clamp(0.62rem, 2.4vw, 0.78rem) !important;
    border-radius: 8px !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-input::placeholder {
    color: transparent !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-btn {
    position: relative;
    height: 34px !important;
    min-height: 34px !important;
    padding-inline: 0.08rem !important;
    border-radius: 8px !important;
    font-size: 0 !important;
  }

  #genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-btn::after {
    content: 'Ekle';
    font-size: clamp(0.5rem, 2vw, 0.64rem);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
  }
}

/* V94: Esnaf formunda sabit telefon oneki ve sifre goster/gizle. */
#genel-durum-content .admin-tools-grid .esnaf-password-wrap,
#genel-durum-content .admin-tools-grid .esnaf-phone-wrap {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 42px !important;
  border-radius: 12px !important;
  background: rgba(15, 23, 42, 0.62) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  overflow: hidden !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#genel-durum-content .admin-tools-grid .esnaf-password-wrap:focus-within,
#genel-durum-content .admin-tools-grid .esnaf-phone-wrap:focus-within {
  border-color: rgba(96, 165, 250, 0.5) !important;
  background: rgba(15, 23, 42, 0.72) !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

#genel-durum-content .admin-tools-grid .esnaf-password-wrap .esnaf-create-input,
#genel-durum-content .admin-tools-grid .esnaf-phone-wrap .esnaf-create-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-inline: 0.56rem !important;
  font-size: 0.9rem !important;
  color: #e2e8f0 !important;
}

#genel-durum-content .admin-tools-grid .esnaf-password-wrap .esnaf-create-input::placeholder,
#genel-durum-content .admin-tools-grid .esnaf-phone-wrap .esnaf-create-input::placeholder {
  color: #64748b !important;
  opacity: 0.8 !important;
}

body.theme-light #genel-durum-content .admin-tools-grid .esnaf-password-wrap .esnaf-create-input,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-password-wrap .esnaf-create-input,
body.theme-light #genel-durum-content .admin-tools-grid .esnaf-phone-wrap .esnaf-create-input,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-phone-wrap .esnaf-create-input {
  color: #1e293b !important;
}

body.theme-light #genel-durum-content .admin-tools-grid .esnaf-password-wrap .esnaf-create-input::placeholder,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-password-wrap .esnaf-create-input::placeholder,
body.theme-light #genel-durum-content .admin-tools-grid .esnaf-phone-wrap .esnaf-create-input::placeholder,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-phone-wrap .esnaf-create-input::placeholder {
  color: #94a3b8 !important;
}

#genel-durum-content .admin-tools-grid .esnaf-phone-prefix {
  flex: 0 0 auto !important;
  padding-left: 0.56rem !important;
  padding-right: 0.35rem !important;
  color: #94a3b8 !important;
  font-size: 0.82rem !important;
  font-weight:450 !important;
  white-space: nowrap !important;
  user-select: none !important;
  border-right: 1px solid rgba(148, 163, 184, 0.12) !important;
  margin-right: 0.15rem !important;
}

#genel-durum-content .admin-tools-grid .esnaf-password-toggle {
  flex: 0 0 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  margin-right: 0.2rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: background-color 0.2s ease, opacity 0.2s ease !important;
  opacity: 0.7 !important;
}

#genel-durum-content .admin-tools-grid .esnaf-password-toggle:hover {
  background: rgba(148, 163, 184, 0.15) !important;
  opacity: 1 !important;
}

#genel-durum-content .admin-tools-grid .esnaf-password-toggle:active {
  background: rgba(148, 163, 184, 0.22) !important;
}

#genel-durum-content .admin-tools-grid .esnaf-password-toggle img {
  width: 1rem !important;
  height: 1rem !important;
  filter: brightness(0) invert(1) !important;
  transition: transform 0.15s ease !important;
}

#genel-durum-content .admin-tools-grid .esnaf-password-toggle:hover img {
  transform: scale(1.1) !important;
}

body.theme-light #genel-durum-content .admin-tools-grid .esnaf-password-wrap,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-password-wrap,
body.theme-light #genel-durum-content .admin-tools-grid .esnaf-phone-wrap,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-phone-wrap {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

body.theme-light #genel-durum-content .admin-tools-grid .esnaf-password-wrap:focus-within,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-password-wrap:focus-within,
body.theme-light #genel-durum-content .admin-tools-grid .esnaf-phone-wrap:focus-within,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-phone-wrap:focus-within {
  border-color: rgba(37, 99, 235, 0.4) !important;
  background: rgba(255, 255, 255, 1) !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

body.theme-light #genel-durum-content .admin-tools-grid .esnaf-phone-prefix,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-phone-prefix {
  color: #64748b !important;
  border-right-color: rgba(148, 163, 184, 0.2) !important;
}

body.theme-light #genel-durum-content .admin-tools-grid .esnaf-password-toggle,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-password-toggle {
  opacity: 0.6 !important;
}

body.theme-light #genel-durum-content .admin-tools-grid .esnaf-password-toggle:hover,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-password-toggle:hover {
  background: rgba(148, 163, 184, 0.12) !important;
  opacity: 1 !important;
}

body.theme-light #genel-durum-content .admin-tools-grid .esnaf-password-toggle img,
body.light-theme #genel-durum-content .admin-tools-grid .esnaf-password-toggle img {
  filter: brightness(0) saturate(100%) invert(35%) sepia(13%) saturate(837%) hue-rotate(176deg) brightness(94%) contrast(90%) !important;
}

@media (max-width: 640px) {
  #genel-durum-content .admin-tools-grid .esnaf-password-wrap,
  #genel-durum-content .admin-tools-grid .esnaf-phone-wrap {
    min-height: 34px !important;
    border-radius: 8px !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-password-wrap .esnaf-create-input,
  #genel-durum-content .admin-tools-grid .esnaf-phone-wrap .esnaf-create-input {
    height: 32px !important;
    min-height: 32px !important;
    padding-inline: 0.3rem !important;
    font-size: clamp(0.8rem, 2.2vw, 0.88rem) !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-phone-prefix {
    padding-left: 0.28rem !important;
    padding-right: 0.22rem !important;
    margin-right: 0.08rem !important;
    font-size: clamp(0.58rem, 2vw, 0.68rem) !important;
    font-weight:500 !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-password-toggle {
    flex-basis: 1.6rem !important;
    width: 1.6rem !important;
    height: 1.6rem !important;
    margin-right: 0.12rem !important;
    border-radius: 6px !important;
  }

  #genel-durum-content .admin-tools-grid .esnaf-password-toggle img {
    width: 0.85rem !important;
    height: 0.85rem !important;
  }
  }
  
  /* Esnaf Hesabı Oluştur Modal */
  .esnaf-create-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: esnafModalFadeIn 0.2s ease-out;
  }
  
  .esnaf-create-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    animation: esnafOverlayFadeIn 0.2s ease-out;
  }
  
  .esnaf-create-modal-card {
    position: relative;
    z-index: 1;
    background: var(--theme-bg-card);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: esnafCardSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
  
  .esnaf-create-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.08) 0%, transparent 100%);
  }
  
  .esnaf-create-modal-title {
    margin: 0;
    font-size: 1.375rem;
    font-weight:500;
    color: #f8fafc;
    letter-spacing: -0.01em;
  }
  
  .esnaf-create-modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  
  .esnaf-create-modal-close:hover {
    background: var(--theme-bg-hover);
  }
  
  .esnaf-create-modal-close:active {
    transform: scale(0.95);
  }
  
  .esnaf-create-modal-close img {
    width: 1.25rem;
    height: 1.25rem;
    opacity: 0.7;
  }
  
  .esnaf-create-modal-body {
    padding: 1.75rem 1.75rem 2rem;
    overflow-y: auto;
    flex: 1;
  }
  
  /* Esnaf Hesabı Oluştur Butonu */
  .esnaf-create-open-modal-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: var(--theme-primary, #007bff);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
    box-shadow: none;
  }
  
  .esnaf-create-open-modal-btn:hover {
    background: var(--theme-primary-dark, #0056b3);
    transform: none;
    box-shadow: none;
  }
  
  .esnaf-create-open-modal-btn:active {
    transform: none;
  }
  
  .esnaf-create-btn-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
  }
  
  /* Animasyonlar */
  @keyframes esnafModalFadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  @keyframes esnafOverlayFadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  @keyframes esnafCardSlideUp {
    from {
      opacity: 0;
      transform: translateY(20px) scale(0.95);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  
  /* Responsive */
  @media (max-width: 640px) {
    .esnaf-create-modal {
      padding: 0.5rem;
    }
  
    .esnaf-create-modal-card {
      max-height: 95vh;
      border-radius: 10px;
    }
  
    .esnaf-create-modal-header {
      padding: 1rem 1.25rem;
    }
  
    .esnaf-create-modal-title {
      font-size: 1.125rem;
    }
  
    .esnaf-create-modal-body {
      padding: 1.25rem;
    }
  
    .esnaf-create-open-modal-btn {
      width: 100%;
      justify-content: center;
      padding: 0.875rem 1.25rem;
    }
  }
  
  /* Dark tema uyumluluğu */
  body.dark-theme .esnaf-create-modal-overlay {
    background: rgba(0, 0, 0, 0.75);
  }
  
  body.dark-theme .esnaf-create-modal-card {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  }
  
  body.dark-theme .esnaf-create-open-modal-btn {
    box-shadow: none;
  }
  
  body.dark-theme .esnaf-create-open-modal-btn:hover {
    box-shadow: none;
  }

/* V95: Esnaf hesabı oluştur modalı - site uyumlu, zorunlu şifre akışı */
.esnaf-create-modal {
  z-index: 12000;
  padding: 1.25rem;
}

.esnaf-create-modal-overlay {
  background: rgba(4, 10, 22, 0.78);
  backdrop-filter: blur(6px);
}

.esnaf-create-modal-card {
  max-width: 640px;
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(30, 48, 75, 0.98) 0%, rgba(13, 27, 47, 0.98) 100%);
  border: 1px solid rgba(125, 168, 220, 0.22);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.esnaf-create-modal-card::before {
  content: '';
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #38bdf8 0%, #2563eb 52%, #22c55e 100%);
}

.esnaf-create-modal-header {
  padding: 1.15rem 1.4rem;
  background: rgba(9, 18, 32, 0.34);
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.esnaf-create-modal-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #f8fafc;
  font-size: 1.2rem;
  font-weight: 750;
  letter-spacing: 0;
}

.esnaf-create-modal-title::before {
  content: '';
  width: 0.45rem;
  height: 1.55rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #38bdf8, #22c55e);
  box-shadow: 0 0 18px rgba(56, 189, 248, 0.28);
  flex: 0 0 auto;
}

.esnaf-create-modal-close {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.42);
  border: 1px solid rgba(148, 163, 184, 0.14);
}

.esnaf-create-modal-close:hover {
  background: rgba(30, 41, 59, 0.72);
  border-color: rgba(148, 163, 184, 0.26);
}

.esnaf-create-modal-close img {
  filter: brightness(0) invert(1);
  opacity: 0.82;
}

.esnaf-create-modal-body {
  padding: 1.35rem 1.4rem 1.45rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0));
}

.esnaf-create-modal .esnaf-create-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.esnaf-create-modal .esnaf-create-field {
  gap: 0.45rem;
}

.esnaf-create-modal .esnaf-create-field:last-of-type {
  grid-column: 1 / -1;
  max-width: 13rem;
}

.esnaf-create-modal .esnaf-create-label {
  color: #dbe7f5;
  font-size: 0.85rem;
  font-weight:500;
  letter-spacing: 0;
}

.esnaf-create-modal .esnaf-create-input {
  min-height: 3rem;
  padding: 0.82rem 0.95rem;
  background: rgba(8, 17, 31, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  color: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.16);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.esnaf-create-modal .esnaf-create-input:hover:not(:focus) {
  background: rgba(10, 21, 38, 0.82);
  border-color: rgba(148, 163, 184, 0.28);
}

.esnaf-create-modal .esnaf-create-input:focus {
  background: rgba(10, 21, 38, 0.92);
  border-color: rgba(96, 165, 250, 0.78);
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.esnaf-create-modal .esnaf-create-input::placeholder {
  color: #6f8096;
  opacity: 1;
}

.esnaf-create-modal .esnaf-password-wrap,
.esnaf-create-modal .esnaf-phone-wrap {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-height: 3rem;
  background: rgba(8, 17, 31, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.16);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.esnaf-create-modal .esnaf-password-wrap:focus-within,
.esnaf-create-modal .esnaf-phone-wrap:focus-within {
  background: rgba(10, 21, 38, 0.92);
  border-color: rgba(96, 165, 250, 0.78);
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.esnaf-create-modal .esnaf-password-wrap .esnaf-create-input,
.esnaf-create-modal .esnaf-phone-wrap .esnaf-create-input {
  min-height: 2.875rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.esnaf-create-modal .esnaf-password-wrap .esnaf-create-input {
  padding-right: 3.2rem;
}

.esnaf-create-modal .esnaf-phone-wrap .esnaf-create-input {
  flex: 1 1 auto;
  min-width: 0;
}

.esnaf-create-modal .esnaf-phone-prefix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.35rem;
  padding: 0 0.7rem;
  margin: 0;
  background: rgba(37, 99, 235, 0.18);
  border: 0;
  border-right: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 0;
  color: #93c5fd;
  font-size: 0.88rem;
  font-weight: 800;
}

.esnaf-create-modal .esnaf-password-toggle {
  right: 0.45rem;
  top: 50%;
  width: 2.1rem;
  height: 2.1rem;
  margin: 0;
  border-radius: 8px;
  transform: translateY(-50%);
  background: rgba(37, 99, 235, 0.16);
  border: 1px solid rgba(96, 165, 250, 0.18);
}

.esnaf-create-modal .esnaf-password-toggle:hover {
  transform: translateY(-50%);
  background: rgba(37, 99, 235, 0.26);
  border-color: rgba(96, 165, 250, 0.34);
}

.esnaf-create-modal .esnaf-password-toggle:active {
  transform: translateY(-50%) scale(0.96);
}

.esnaf-create-modal .esnaf-password-toggle img {
  width: 1rem;
  height: 1rem;
  filter: brightness(0) invert(1);
  opacity: 0.82;
}

.esnaf-create-modal .esnaf-create-btn {
  grid-column: 1 / -1;
  min-height: 3.15rem;
  margin-top: 0.15rem;
  border-radius: 8px;
  background: linear-gradient(135deg, #1f6feb 0%, #2d5be3 52%, #1e40af 100%);
  box-shadow:
    0 14px 28px rgba(37, 99, 235, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.esnaf-create-modal .esnaf-create-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #2f80ff 0%, #3867f0 54%, #2450c4 100%);
  box-shadow:
    0 18px 34px rgba(37, 99, 235, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.esnaf-create-modal .esnaf-create-btn:active:not(:disabled) {
  transform: translateY(0);
}

.esnaf-create-modal .esnaf-create-btn.esnaf-create-btn-loading .esnaf-create-btn-text {
  opacity: 0;
}

.esnaf-create-modal .esnaf-create-btn.esnaf-create-btn-loading::after {
  content: '';
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  left: 50%;
  top: 50%;
  border: 3px solid rgba(255, 255, 255, 0.32);
  border-top-color: #ffffff;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  animation: btn-spin 0.8s linear infinite;
}

.esnaf-create-modal .esnaf-create-result {
  margin-top: 1rem;
  border-radius: 8px;
}

.esnaf-create-modal .esnaf-create-result-success,
.esnaf-create-modal .esnaf-create-result-error {
  border: 1px solid;
  font-weight:500;
}

.esnaf-create-modal .esnaf-create-result-success {
  background: rgba(22, 163, 74, 0.14);
  border-color: rgba(34, 197, 94, 0.32);
  color: #86efac;
}

.esnaf-create-modal .esnaf-create-result-error {
  background: rgba(220, 38, 38, 0.14);
  border-color: rgba(248, 113, 113, 0.32);
  color: #fecaca;
}

body.theme-light .esnaf-create-modal-overlay,
body.light-theme .esnaf-create-modal-overlay {
  background: rgba(15, 23, 42, 0.48);
}

body.theme-light .esnaf-create-modal-card,
body.light-theme .esnaf-create-modal-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border-color: rgba(59, 130, 246, 0.18);
  box-shadow: 0 28px 76px rgba(15, 23, 42, 0.2);
}

body.theme-light .esnaf-create-modal-header,
body.light-theme .esnaf-create-modal-header {
  background: rgba(239, 246, 255, 0.74);
  border-bottom-color: rgba(59, 130, 246, 0.14);
}

body.theme-light .esnaf-create-modal-title,
body.light-theme .esnaf-create-modal-title,
body.theme-light .esnaf-create-modal .esnaf-create-label,
body.light-theme .esnaf-create-modal .esnaf-create-label {
  color: #13243a;
}

body.theme-light .esnaf-create-modal-close,
body.light-theme .esnaf-create-modal-close {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(15, 23, 42, 0.12);
}

body.theme-light .esnaf-create-modal-close img,
body.light-theme .esnaf-create-modal-close img {
  filter: none;
}

body.theme-light .esnaf-create-modal .esnaf-create-input,
body.light-theme .esnaf-create-modal .esnaf-create-input,
body.theme-light .esnaf-create-modal .esnaf-password-wrap,
body.light-theme .esnaf-create-modal .esnaf-password-wrap,
body.theme-light .esnaf-create-modal .esnaf-phone-wrap,
body.light-theme .esnaf-create-modal .esnaf-phone-wrap {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.16);
  color: #172033;
}

body.theme-light .esnaf-create-modal .esnaf-create-input::placeholder,
body.light-theme .esnaf-create-modal .esnaf-create-input::placeholder {
  color: #94a3b8;
}

body.theme-light .esnaf-create-modal .esnaf-phone-prefix,
body.light-theme .esnaf-create-modal .esnaf-phone-prefix {
  background: rgba(37, 99, 235, 0.1);
  color: #1d4ed8;
}

@media (max-width: 640px) {
  .esnaf-create-modal {
    align-items: flex-start;
    padding: 0.65rem;
  }

  .esnaf-create-modal-card {
    max-height: calc(100dvh - 1.3rem);
  }

  .esnaf-create-modal-header {
    padding: 0.95rem 1rem;
  }

  .esnaf-create-modal-body {
    padding: 1rem;
  }

  .esnaf-create-modal .esnaf-create-form {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
  }

  .esnaf-create-modal .esnaf-create-field:last-of-type {
    max-width: none;
  }
}

/* V96: Esnaf modalı tek kolon form düzeni */
.esnaf-create-modal-card {
  max-width: 460px;
}

.esnaf-create-modal-header {
  padding: 1rem 1.1rem;
}

.esnaf-create-modal-body {
  padding: 1.1rem;
}

.esnaf-create-modal .esnaf-create-form {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9rem;
}

.esnaf-create-modal .esnaf-create-field,
.esnaf-create-modal .esnaf-create-field:last-of-type {
  grid-column: 1;
  max-width: none;
}

.esnaf-create-modal .esnaf-create-btn {
  grid-column: 1;
  margin-top: 0.25rem;
}

.esnaf-create-modal .esnaf-duration-wrap {
  display: flex;
  align-items: stretch;
  min-height: 3rem;
  background: rgba(8, 17, 31, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 1px 2px rgba(0, 0, 0, 0.16);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.esnaf-create-modal .esnaf-duration-wrap:focus-within {
  background: rgba(10, 21, 38, 0.92);
  border-color: rgba(96, 165, 250, 0.78);
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.esnaf-create-modal .esnaf-duration-wrap .esnaf-create-input {
  min-height: 2.875rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.esnaf-create-modal .esnaf-duration-unit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.2rem;
  padding: 0 0.7rem;
  color: #93c5fd;
  font-size: 0.86rem;
  font-weight: 800;
  border-left: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(37, 99, 235, 0.14);
}

body.theme-light .esnaf-create-modal .esnaf-duration-wrap,
body.light-theme .esnaf-create-modal .esnaf-duration-wrap {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.16);
  color: #172033;
}

body.theme-light .esnaf-create-modal .esnaf-duration-unit,
body.light-theme .esnaf-create-modal .esnaf-duration-unit {
  background: rgba(37, 99, 235, 0.1);
  color: #1d4ed8;
}

/* V97: Tek kolon modalı daha kompakt ve site panel ritmine yakın */
.esnaf-create-modal {
  padding: 0.9rem;
}

.esnaf-create-modal-card {
  max-width: 420px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(24, 41, 65, 0.98) 0%, rgba(14, 28, 48, 0.98) 100%);
}

.esnaf-create-modal-header {
  min-height: 4.2rem;
  padding: 0.9rem 1rem;
}

.esnaf-create-modal-title {
  font-size: 1.08rem;
}

.esnaf-create-modal-title::before {
  width: 0.38rem;
  height: 1.38rem;
}

.esnaf-create-modal-close {
  width: 2rem;
  height: 2rem;
}

.esnaf-create-modal-body {
  padding: 0.95rem 1rem 1rem;
}

.esnaf-create-modal .esnaf-create-form {
  gap: 0.72rem;
}

.esnaf-create-modal .esnaf-create-field {
  gap: 0.32rem;
}

.esnaf-create-modal .esnaf-create-label {
  font-size: 0.82rem;
}

.esnaf-create-modal .esnaf-create-input,
.esnaf-create-modal .esnaf-password-wrap,
.esnaf-create-modal .esnaf-phone-wrap,
.esnaf-create-modal .esnaf-duration-wrap {
  min-height: 2.72rem;
}

.esnaf-create-modal .esnaf-create-input {
  padding: 0.68rem 0.84rem;
  font-size: 0.92rem;
}

.esnaf-create-modal .esnaf-password-wrap .esnaf-create-input,
.esnaf-create-modal .esnaf-phone-wrap .esnaf-create-input,
.esnaf-create-modal .esnaf-duration-wrap .esnaf-create-input {
  min-height: 2.58rem;
}

.esnaf-create-modal .esnaf-password-toggle {
  width: 1.9rem;
  height: 1.9rem;
  right: 0.38rem;
}

.esnaf-create-modal .esnaf-phone-prefix,
.esnaf-create-modal .esnaf-duration-unit {
  min-width: 3rem;
  font-size: 0.82rem;
}

.esnaf-create-modal .esnaf-create-btn {
  min-height: 2.95rem;
  margin-top: 0.2rem;
  font-size: 0.95rem;
}

@media (max-width: 480px) {
  .esnaf-create-modal {
    padding: 0.65rem;
  }

  .esnaf-create-modal-card {
    max-width: min(100%, 410px);
  }

  .esnaf-create-modal-body {
    padding: 0.85rem 0.9rem 0.95rem;
  }
}

/* V98: Mobil modal dikey merkezleme ve arka plan scroll kilidi */
body.modal-open {
  overflow: hidden !important;
}

html:has(body.modal-open) {
  overflow: hidden !important;
}

.esnaf-create-modal {
  overscroll-behavior: contain;
}

.esnaf-create-modal-body {
  overscroll-behavior: contain;
}

@media (max-width: 640px) {
  .esnaf-create-modal {
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    overflow: hidden;
  }

  .esnaf-create-modal-card {
    max-height: calc(100dvh - 1.5rem);
  }

  .esnaf-create-modal-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* V99: Admin araçlarında esnaf oluştur butonu kompakt, üyelik satırı canlı yenileme vurgusu */
#genel-durum-content .admin-tools-grid > .esnaf-create-panel {
  justify-self: start !important;
  align-self: start !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#genel-durum-content .admin-tools-grid > .esnaf-create-panel .esnaf-create-open-modal-btn {
  width: auto !important;
  min-width: 12.5rem !important;
  height: 42px !important;
  padding: 0 1rem !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #1f6feb 0%, #2d5be3 100%) !important;
  border: 1px solid rgba(96, 165, 250, 0.32) !important;
  box-shadow:
    0 10px 22px rgba(37, 99, 235, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-weight: 750 !important;
}

#genel-durum-content .admin-tools-grid > .esnaf-create-panel .esnaf-create-open-modal-btn:hover {
  background: linear-gradient(135deg, #2f80ff 0%, #315fe7 100%) !important;
  border-color: rgba(147, 197, 253, 0.42) !important;
  transform: translateY(-1px) !important;
}

.uyelik-row.uyelik-row-new {
  animation: uyelikRowNewFlash 2.4s ease-out;
  border-color: rgba(34, 197, 94, 0.75) !important;
  box-shadow:
    0 0 0 1px rgba(34, 197, 94, 0.38),
    0 14px 34px rgba(34, 197, 94, 0.12) !important;
}

@keyframes uyelikRowNewFlash {
  0% {
    background: rgba(34, 197, 94, 0.18);
  }
  100% {
    background: transparent;
  }
}

@media (max-width: 640px) {
  #genel-durum-content .admin-tools-grid > .esnaf-create-panel {
    justify-self: stretch !important;
    width: 100% !important;
  }

  #genel-durum-content .admin-tools-grid > .esnaf-create-panel .esnaf-create-open-modal-btn {
    width: 100% !important;
  }
}

/* V100: Figma benzeri Türkçe üyelik yönetimi kartları */
#genel-durum-content > .uyelik-panel {
  display: block !important;
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0.85rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#genel-durum-content > .uyelik-panel .uyelik-shell {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-title {
  margin: 0 !important;
  color: #f8fafc !important;
  font-size: 0.98rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-subtitle {
  display: block;
  margin-top: 0.18rem;
  color: #8ea4c1;
  font-size: 0.72rem;
  font-weight: 650;
}

#genel-durum-content > .uyelik-panel .uyelik-bulk-ip-reset-btn {
  flex: 0 0 auto;
  min-height: 2rem !important;
  padding: 0 0.78rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(248, 113, 113, 0.34) !important;
  background: rgba(127, 29, 29, 0.24) !important;
  color: #fecaca !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-search-row {
  width: 100%;
}

#genel-durum-content > .uyelik-panel .uyelik-search-input {
  width: 100%;
  min-width: 0;
  height: 2.55rem;
  padding: 0 0.8rem;
  border-radius: 8px;
  border: 1px solid rgba(96, 165, 250, 0.18);
  background: rgba(7, 16, 29, 0.88);
  color: #e5edf8;
  font-size: 0.84rem;
  font-weight: 650;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

#genel-durum-content > .uyelik-panel .uyelik-search-input:focus {
  border-color: rgba(96, 165, 250, 0.72);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
}

#genel-durum-content > .uyelik-panel .uyelik-search-input::placeholder {
  color: #7689a5;
}

#genel-durum-content > .uyelik-panel .uyelik-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

#genel-durum-content > .uyelik-panel .uyelik-stat-card {
  min-height: 3rem;
  padding: 0.72rem 0.8rem;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 27, 45, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

#genel-durum-content > .uyelik-panel .uyelik-stat-label {
  display: block;
  color: #9fb0c8;
  font-size: 0.65rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

#genel-durum-content > .uyelik-panel .uyelik-stat-value {
  display: block;
  margin-top: 0.2rem;
  color: #34d399;
  font-size: 1.12rem;
  line-height: 1;
}

#genel-durum-content > .uyelik-panel .uyelik-stat-soon .uyelik-stat-value {
  color: #fb7185;
}

#genel-durum-content > .uyelik-panel .uyelik-card-list {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 0.68rem;
}

#genel-durum-content > .uyelik-panel .uyelik-member-card {
  display: block !important;
  width: 100% !important;
  padding: 0.75rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  background: linear-gradient(180deg, rgba(18, 30, 49, 0.98) 0%, rgba(13, 24, 40, 0.98) 100%) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-name {
  min-width: 0;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.18rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-name {
  display: block !important;
  max-width: 100% !important;
  color: #f8fafc !important;
  font-size: 0.98rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  display: block !important;
  color: #8fb3df !important;
  font-size: 0.75rem !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 0.35rem !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.35rem !important;
  padding: 0 0.5rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: rgba(30, 41, 59, 0.66) !important;
  color: #c9d7eb !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-ok {
  background: rgba(22, 163, 74, 0.18) !important;
  border-color: rgba(74, 222, 128, 0.28) !important;
  color: #86efac !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-warn {
  background: rgba(202, 138, 4, 0.18) !important;
  border-color: rgba(250, 204, 21, 0.28) !important;
  color: #fde68a !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-danger,
#genel-durum-content > .uyelik-panel .uyelik-chip-expired {
  background: rgba(190, 18, 60, 0.2) !important;
  border-color: rgba(251, 113, 133, 0.32) !important;
  color: #fecdd3 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.85rem;
  padding: 0.55rem 0.65rem;
  border-radius: 8px;
  border: 1px solid rgba(34, 197, 94, 0.16);
  background: rgba(6, 78, 59, 0.13);
  color: #a7f3d0;
  font-size: 0.75rem;
  font-weight: 800;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-line strong {
  color: #f8fafc;
  font-size: 0.92rem;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.95rem !important;
  margin-top: 0.9rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  padding: 0.8rem 0 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  display: block !important;
  margin: 0 0 0.55rem !important;
  padding: 0 !important;
  color: #98acd0 !important;
  font-size: 0.64rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-body,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  width: 100% !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  display: grid !important;
  gap: 0.38rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls,
#genel-durum-content > .uyelik-panel .uyelik-credit-controls {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-controls {
  grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  width: 100% !important;
  min-width: 0 !important;
  height: 2.18rem !important;
  min-height: 2.18rem !important;
  padding: 0 0.5rem !important;
  border-radius: 6px !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: rgba(7, 16, 29, 0.88) !important;
  color: #e5edf8 !important;
  outline: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons input::placeholder {
  color: #778aa6 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-btn {
  border: 1px solid rgba(96, 165, 250, 0.22) !important;
  background: rgba(37, 99, 235, 0.34) !important;
  color: #dbeafe !important;
}

#genel-durum-content > .uyelik-panel .uyelik-subtract-btn {
  border: 1px solid rgba(250, 204, 21, 0.2) !important;
  background: rgba(113, 63, 18, 0.34) !important;
  color: #fde68a !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-btn {
  border: 1px solid rgba(74, 222, 128, 0.22) !important;
  background: rgba(22, 163, 74, 0.32) !important;
  color: #dcfce7 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-pass-btn,
#genel-durum-content > .uyelik-panel .uyelik-ip-reset-btn:not(.uyelik-bulk-ip-reset-btn) {
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  background: rgba(30, 41, 59, 0.75) !important;
  color: #dbe7f6 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-end-btn,
#genel-durum-content > .uyelik-panel .uyelik-delete-btn {
  border: 1px solid rgba(251, 113, 133, 0.28) !important;
  background: rgba(159, 18, 57, 0.45) !important;
  color: #fecdd3 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-input,
#genel-durum-content > .uyelik-panel .uyelik-credit-controls .uyelik-credit-input {
  grid-column: span 2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-manual-btn,
#genel-durum-content > .uyelik-panel .uyelik-credit-manual-btn {
  grid-column: span 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-end-btn,
#genel-durum-content > .uyelik-panel .uyelik-delete-btn {
  grid-column: 1 / -1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-empty-state {
  padding: 0.95rem;
  border-radius: 8px;
  border: 1px dashed rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.58);
  color: #9fb0c8;
  text-align: center;
  font-size: 0.82rem;
  font-weight: 750;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-panel-title,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-panel-title,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-store-name,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-store-name {
  color: #172033 !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-member-card,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-member-card,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-stat-card,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-stat-card {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-search-input,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-search-input,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-control-buttons input,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  background: #f8fafc !important;
  color: #172033 !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
}

@media (max-width: 820px) {
  #genel-durum-content > .uyelik-panel {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 560px) {
  #genel-durum-content > .uyelik-panel .uyelik-panel-header,
  #genel-durum-content > .uyelik-panel .uyelik-account-summary {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-chips {
    justify-content: flex-start !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-stat-grid {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-controls .uyelik-password-input {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 390px) {
  #genel-durum-content > .uyelik-panel .uyelik-member-card {
    padding: 0.65rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
  #genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
    font-size: 0.66rem !important;
    padding: 0 0.35rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-controls {
    grid-template-columns: 1fr !important;
  }
}

/* V101: Kompakt masaüstü 4 kolon üyelik kartları ve çalışan arama */
#genel-durum-content > .uyelik-panel {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0.65rem 0 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-shell {
  width: 100% !important;
  gap: 0.5rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-header {
  align-items: flex-end !important;
  min-height: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-title {
  font-size: 0.92rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-subtitle {
  color: #8fb5f5 !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-bulk-ip-reset-btn {
  height: 1.8rem !important;
  min-height: 1.8rem !important;
  padding: 0 0.72rem !important;
  background: #76152d !important;
  border-color: #a92a48 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-search-input {
  height: 2.15rem !important;
  border-color: #263954 !important;
  background: #08111f !important;
  color: #dce9ff !important;
  font-size: 0.76rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-stat-grid {
  width: min(100%, 430px) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-stat-card {
  min-height: 2.55rem !important;
  padding: 0.52rem 0.68rem !important;
  border-color: #263954 !important;
  background: #111b2b !important;
  box-shadow: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-stat-label {
  color: #9db7e8 !important;
  font-size: 0.58rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-stat-value {
  margin-top: 0.12rem !important;
  color: #27d17f !important;
  font-size: 0.98rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-stat-soon .uyelik-stat-value {
  color: #ff4f6d !important;
}

#genel-durum-content > .uyelik-panel .uyelik-card-list {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)) !important;
  gap: 0.55rem !important;
  align-items: start !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.58rem !important;
  border-radius: 8px !important;
  border-color: #263954 !important;
  background: #111a2a !important;
  box-shadow: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-card[hidden],
#genel-durum-content > .uyelik-panel .uyelik-member-card.uyelik-row-hidden {
  display: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.42rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-name {
  gap: 0.12rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-name {
  font-size: 0.88rem !important;
  line-height: 1.08 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  color: #78aaf2 !important;
  font-size: 0.65rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-chips {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  gap: 0.22rem !important;
  max-width: 100% !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  white-space: nowrap !important;
  min-height: 1.08rem !important;
  padding: 0 0.34rem !important;
  border-radius: 999px !important;
  border-color: #2f4360 !important;
  background: #1a2639 !important;
  color: #d6e6ff !important;
  font-size: 0.56rem !important;
  font-weight: 900 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-ok {
  background: #12633a !important;
  border-color: #189a57 !important;
  color: #ffffff !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-warn {
  background: #75601a !important;
  border-color: #b99623 !important;
  color: #ffffff !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip-danger,
#genel-durum-content > .uyelik-panel .uyelik-chip-expired {
  background: #8f1432 !important;
  border-color: #c6254e !important;
  color: #ffffff !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-line {
  min-height: 2rem !important;
  margin-top: 0.45rem !important;
  padding: 0.42rem 0.55rem !important;
  border-color: #185d43 !important;
  background: #0f2c27 !important;
  color: #64f0b3 !important;
  font-size: 0.66rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-line strong {
  font-size: 0.85rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-strip {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.55rem !important;
  margin-top: 0.55rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  display: block !important;
  grid-template-columns: none !important;
  padding: 0.48rem 0 0 !important;
  border-top-color: #273951 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-title {
  display: block !important;
  width: 100% !important;
  margin: 0 0 0.35rem !important;
  color: #90b7fb !important;
  font-size: 0.56rem !important;
  line-height: 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons {
  display: grid !important;
  gap: 0.3rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls,
#genel-durum-content > .uyelik-panel .uyelik-credit-controls {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-controls {
  grid-template-columns: minmax(0, 1.12fr) repeat(2, minmax(0, 0.82fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons button,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  height: 1.75rem !important;
  min-height: 1.75rem !important;
  padding: 0 0.35rem !important;
  border-radius: 5px !important;
  font-size: 0.62rem !important;
  font-weight: 900 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  background: #08111f !important;
  border-color: #22334c !important;
  color: #e7f0ff !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-btn {
  background: #1c3f86 !important;
  border-color: #315fc5 !important;
  color: #ffffff !important;
}

#genel-durum-content > .uyelik-panel .uyelik-subtract-btn {
  background: #2b3445 !important;
  border-color: #4b5871 !important;
  color: #ffd56f !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-btn {
  background: #145938 !important;
  border-color: #218b54 !important;
  color: #ffffff !important;
}

#genel-durum-content > .uyelik-panel .uyelik-pass-btn,
#genel-durum-content > .uyelik-panel .uyelik-ip-reset-btn:not(.uyelik-bulk-ip-reset-btn) {
  background: #1a2638 !important;
  border-color: #354860 !important;
  color: #f2f7ff !important;
}

#genel-durum-content > .uyelik-panel .uyelik-end-btn,
#genel-durum-content > .uyelik-panel .uyelik-delete-btn {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  background: #76152d !important;
  border-color: #a92a48 !important;
  color: #ffffff !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-end-btn,
#genel-durum-content > .uyelik-panel .uyelik-account-controls .uyelik-delete-btn {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

#genel-durum-content > .uyelik-panel .uyelik-membership-controls .uyelik-add-input,
#genel-durum-content > .uyelik-panel .uyelik-credit-controls .uyelik-credit-input {
  grid-column: span 2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-manual-btn,
#genel-durum-content > .uyelik-panel .uyelik-credit-manual-btn {
  grid-column: span 1 !important;
}

@media (min-width: 1180px) {
  #genel-durum-content > .uyelik-panel .uyelik-card-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #genel-durum-content > .uyelik-panel .uyelik-card-list {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  #genel-durum-content > .uyelik-panel .uyelik-panel-header {
    align-items: stretch !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-stat-grid,
  #genel-durum-content > .uyelik-panel .uyelik-card-list {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-summary {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-account-chips {
    justify-content: flex-start !important;
  }
}

/* V102: Yönetim ekranı sıralama ve Figma taslağına yakın kompakt araç satırı */
#genel-durum-content {
  gap: 0.78rem !important;
}

#genel-durum-content > .sistem-durum-panel {
  margin-bottom: 0 !important;
}

#genel-durum-content > .admin-announcement-banner {
  margin-top: 0.75rem !important;
  margin-bottom: 0.7rem !important;
  background:
    linear-gradient(180deg, rgba(27, 48, 76, 0.92), rgba(16, 30, 50, 0.96)) !important;
  border-color: rgba(103, 139, 179, 0.26) !important;
  box-shadow:
    0 16px 34px rgba(2, 6, 23, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body.theme-light #genel-durum-content > .admin-announcement-banner,
body.light-theme #genel-durum-content > .admin-announcement-banner {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.98)) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  box-shadow:
    0 14px 30px rgba(148, 163, 184, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

#genel-durum-content > #admin-tools-grid.admin-tools-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 0.86fr) !important;
  gap: 0.65rem !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#genel-durum-content #admin-tools-grid > .model-yonetimi-panel,
#genel-durum-content #admin-tools-grid > .esnaf-create-panel {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 8.2rem !important;
  margin: 0 !important;
  padding: 0.88rem !important;
  border-radius: 8px !important;
  border: 1px solid #263954 !important;
  background: #111a2a !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#genel-durum-content #admin-tools-grid > .model-yonetimi-panel {
  justify-content: space-between !important;
  order: 1 !important;
}

#genel-durum-content #admin-tools-grid > .esnaf-create-panel {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0.46rem !important;
  order: 2 !important;
}

#genel-durum-content .model-yonetimi-head {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.68rem !important;
  min-width: 0 !important;
}

#genel-durum-content .model-yonetimi-icon,
#genel-durum-content .esnaf-create-card-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.15rem !important;
  height: 2.15rem !important;
  flex: 0 0 auto !important;
  border-radius: 8px !important;
  border: 1px solid rgba(96, 165, 250, 0.18) !important;
  background: #1a2638 !important;
}

#genel-durum-content .model-yonetimi-icon img,
#genel-durum-content .esnaf-create-card-icon img,
#genel-durum-content .model-yonetimi-btn img,
#genel-durum-content .esnaf-create-open-modal-btn img,
#genel-durum-content .uyelik-member-icon img {
  width: 1rem !important;
  height: 1rem !important;
  filter: invert(63%) sepia(89%) saturate(521%) hue-rotate(183deg) brightness(103%) contrast(96%) !important;
}

#genel-durum-content .esnaf-create-card-icon {
  width: 2.65rem !important;
  height: 2.65rem !important;
  background: #123f30 !important;
  border-color: #1d7f4c !important;
}

#genel-durum-content .esnaf-create-card-icon img {
  width: 1.2rem !important;
  height: 1.2rem !important;
  filter: invert(76%) sepia(78%) saturate(432%) hue-rotate(88deg) brightness(94%) contrast(93%) !important;
}

#genel-durum-content .model-yonetimi-title,
#genel-durum-content .esnaf-create-card-title {
  margin: 0 !important;
  color: #f2f7ff !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

#genel-durum-content .model-yonetimi-lead,
#genel-durum-content .esnaf-create-card-lead {
  max-width: 42rem !important;
  margin: 0.28rem 0 0 !important;
  color: #879bb8 !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

#genel-durum-content .model-yonetimi-form {
  display: grid !important;
  grid-template-columns: minmax(150px, 0.8fr) minmax(180px, 1.1fr) minmax(130px, 0.56fr) !important;
  gap: 0.48rem !important;
  align-items: end !important;
  margin-top: 0.9rem !important;
  max-width: none !important;
}

#genel-durum-content .model-yonetimi-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.28rem !important;
  min-width: 0 !important;
}

#genel-durum-content .model-yonetimi-label {
  color: #93b7ec !important;
  font-size: 0.6rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

#genel-durum-content .model-yonetimi-select,
#genel-durum-content .model-yonetimi-input {
  width: 100% !important;
  height: 2.28rem !important;
  min-height: 2.28rem !important;
  border-radius: 8px !important;
  border: 1px solid #263954 !important;
  background: #08111f !important;
  color: #edf5ff !important;
  font-size: 0.78rem !important;
  font-weight: 750 !important;
}

#genel-durum-content .model-yonetimi-btn,
#genel-durum-content .esnaf-create-open-modal-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.42rem !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 2.28rem !important;
  min-height: 2.28rem !important;
  padding: 0 0.8rem !important;
  border-radius: 7px !important;
  border: 1px solid #315fc5 !important;
  background: #2863e8 !important;
  color: #ffffff !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

#genel-durum-content .esnaf-create-open-modal-btn {
  width: min(100%, 12.8rem) !important;
  margin-top: 0.22rem !important;
  border-color: #239e57 !important;
  background: #25a956 !important;
  color: #07111f !important;
}

#genel-durum-content .esnaf-create-open-modal-btn img {
  filter: invert(5%) sepia(25%) saturate(1331%) hue-rotate(173deg) brightness(90%) contrast(96%) !important;
}

#genel-durum-content > .uyelik-panel {
  margin-top: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 0.65rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-header-tools {
  display: grid !important;
  grid-template-columns: minmax(13.5rem, 18rem) auto !important;
  gap: 0.38rem !important;
  align-items: center !important;
}

#genel-durum-content > .uyelik-panel .uyelik-search-row {
  display: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-search-input {
  height: 2rem !important;
  border-color: #263954 !important;
  background: #08111f !important;
}

#genel-durum-content > .uyelik-panel .uyelik-bulk-ip-reset-btn {
  font-size: 0 !important;
  width: 2rem !important;
  min-width: 2rem !important;
  padding: 0 !important;
  position: relative !important;
}

#genel-durum-content > .uyelik-panel .uyelik-bulk-ip-reset-btn::before {
  content: "" !important;
  width: 0.95rem !important;
  height: 0.95rem !important;
  background: currentColor !important;
  display: block !important;
  margin: auto !important;
  -webkit-mask: url("../assets/icons/rotate.svg") center / contain no-repeat !important;
  mask: url("../assets/icons/rotate.svg") center / contain no-repeat !important;
}

#genel-durum-content > .uyelik-panel .uyelik-card-list {
  margin-top: 0.12rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-card {
  min-height: 0 !important;
  padding: 0.62rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-account-summary {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-identity {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.95rem !important;
  height: 1.95rem !important;
  flex: 0 0 auto !important;
  border-radius: 7px !important;
  border: 1px solid #2a3d58 !important;
  background: #1a2638 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  font-size: 0.58rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-line {
  margin-top: 0.58rem !important;
}

@media (min-width: 1180px) {
  #genel-durum-content > .uyelik-panel .uyelik-card-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #genel-durum-content > #admin-tools-grid.admin-tools-grid {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content .model-yonetimi-form {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-panel-header,
  #genel-durum-content > .uyelik-panel .uyelik-header-tools {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-bulk-ip-reset-btn {
    width: 100% !important;
    font-size: 0.72rem !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-bulk-ip-reset-btn::before {
    display: none !important;
  }
}

/* V103: Üyelik ve hesap oluştur tipografisini sunucu durumu ritmine yaklaştır */
#genel-durum-content #admin-tools-grid > .model-yonetimi-panel,
#genel-durum-content #admin-tools-grid > .esnaf-create-panel,
#genel-durum-content > .uyelik-panel .uyelik-member-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--theme-border) !important;
}

#genel-durum-content #admin-tools-grid > .esnaf-create-panel {
  align-items: stretch !important;
  justify-content: space-between !important;
  text-align: left !important;
  gap: 0.6rem !important;
}

#genel-durum-content .esnaf-create-card-icon {
  width: 2.15rem !important;
  height: 2.15rem !important;
  background: rgba(34, 197, 94, 0.12) !important;
  border-color: rgba(34, 197, 94, 0.26) !important;
}

#genel-durum-content .model-yonetimi-title,
#genel-durum-content .esnaf-create-card-title,
#genel-durum-content > .uyelik-panel .uyelik-panel-title {
  color: var(--theme-color) !important;
  font-size: 0.95rem !important;
  font-weight:450 !important;
  line-height: 1.2 !important;
}

#genel-durum-content .model-yonetimi-lead,
#genel-durum-content .esnaf-create-card-lead,
#genel-durum-content > .uyelik-panel .uyelik-panel-subtitle {
  color: var(--theme-color-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

#genel-durum-content .model-yonetimi-label,
#genel-durum-content > .uyelik-panel .uyelik-control-title {
  color: var(--theme-color-muted) !important;
  font-size: 0.72rem !important;
  font-weight:450 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-name {
  color: var(--theme-color) !important;
  font-size: 0.92rem !important;
  font-weight:450 !important;
  line-height: 1.16 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username {
  color: var(--theme-color-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-chip {
  min-height: 1.18rem !important;
  padding: 0 0.42rem !important;
  font-size: 0.68rem !important;
  font-weight:450 !important;
  line-height: 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-line {
  background: rgba(34, 197, 94, 0.08) !important;
  border-color: rgba(34, 197, 94, 0.22) !important;
  color: var(--theme-color-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-line strong {
  color: var(--theme-color) !important;
  font-size: 0.92rem !important;
  font-weight:450 !important;
}

#genel-durum-content .model-yonetimi-select,
#genel-durum-content .model-yonetimi-input,
#genel-durum-content > .uyelik-panel .uyelik-search-input,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons input {
  color: var(--theme-color) !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
}

#genel-durum-content .model-yonetimi-btn,
#genel-durum-content .esnaf-create-open-modal-btn,
#genel-durum-content > .uyelik-panel .uyelik-control-buttons button {
  font-size: 0.78rem !important;
  font-weight:450 !important;
  line-height: 1.1 !important;
}

#genel-durum-content .esnaf-create-open-modal-btn {
  width: 100% !important;
  margin-top: auto !important;
  background: #22a957 !important;
  border-color: #2bc76a !important;
  color: #ffffff !important;
}

#genel-durum-content .esnaf-create-open-modal-btn img {
  filter: invert(100%) brightness(1.4) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-control-group {
  border-top-color: var(--theme-border) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-icon {
  background: rgba(96, 165, 250, 0.08) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-add-btn {
  background: #244d9d !important;
  border-color: #356ac8 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-subtract-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--theme-border) !important;
  color: #fbbf24 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-btn {
  background: #1d6c45 !important;
  border-color: #2d8b5c !important;
}

#genel-durum-content > .uyelik-panel .uyelik-end-btn,
#genel-durum-content > .uyelik-panel .uyelik-delete-btn,
#genel-durum-content > .uyelik-panel .uyelik-bulk-ip-reset-btn {
  background: #8b1734 !important;
  border-color: #b7284d !important;
}


/* �yelik Y�netimi Modal */
.uyelik-yonetim-modal { position: fixed; inset: 0; z-index: 12000; display: flex; align-items: center; justify-content: center; padding: 0.9rem; }
.uyelik-yonetim-overlay { position: absolute; inset: 0; background: rgba(4, 10, 22, 0.78); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.uyelik-yonetim-card { position: relative; max-width: 520px; width: 100%; max-height: 85vh; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 0.85rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45); overflow: hidden; display: flex; flex-direction: column; }
.uyelik-yonetim-header { display: flex; justify-content: space-between; align-items: flex-start; padding: 1.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: rgba(15, 23, 42, 0.6); }
.uyelik-yonetim-user-info { flex: 1; }
.uyelik-yonetim-username { font-size: 1.25rem; font-weight:450; color: rgba(255, 255, 255, 0.95); margin: 0 0 0.25rem 0; }
.uyelik-yonetim-store { font-size: 0.875rem; color: rgba(255, 255, 255, 0.6); margin: 0; }
.uyelik-yonetim-close { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0.5rem; padding: 0.5rem; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; }
.uyelik-yonetim-close:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.2); }
.uyelik-yonetim-close .panel-close-icon { width: 20px; height: 20px; opacity: 0.8; }
.uyelik-yonetim-body { flex: 1; overflow-y: auto; padding: 1.5rem; }
.uyelik-yonetim-section { margin-bottom: 1.5rem; }
.uyelik-yonetim-section:last-child { margin-bottom: 0; }
.uyelik-yonetim-section-title { font-size: 0.875rem; font-weight:450; color: rgba(255, 255, 255, 0.9); margin: 0 0 0.75rem 0; text-transform: uppercase; letter-spacing: 0.05em; }
.uyelik-yonetim-section .uyelik-control-body { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 0.5rem; }
.uyelik-yonetim-section .uyelik-password-input { grid-column: 1 / -1; padding: 0.625rem 0.875rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0.5rem; color: rgba(255, 255, 255, 0.9); font-size: 0.875rem; }
.uyelik-yonetim-section .uyelik-password-input::placeholder { color: rgba(255, 255, 255, 0.4); }
/* Sadele�tirilmi� Kart Stilleri */
.uyelik-member-card-compact { display: flex; flex-direction: column; gap: 1rem; padding: 1.25rem; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0.75rem; }
.uyelik-card-summary { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.uyelik-card-user { flex: 1; }
.uyelik-card-username { font-size: 1rem; font-weight:450; color: rgba(255, 255, 255, 0.95); margin: 0 0 0.25rem 0; }
.uyelik-card-store { font-size: 0.875rem; color: rgba(255, 255, 255, 0.6); margin: 0; }
.uyelik-card-stats { display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem; }
.uyelik-stat-chip { padding: 0.375rem 0.75rem; border-radius: 0.5rem; font-size: 0.75rem; font-weight:450; white-space: nowrap; }
.uyelik-stat-item { font-size: 0.875rem; color: rgba(255, 255, 255, 0.7); }
.uyelik-stat-label { color: rgba(255, 255, 255, 0.5); }
.uyelik-stat-value { font-weight:450; color: rgba(255, 255, 255, 0.9); }
.uyelik-yonet-btn { width: 100%; padding: 0.75rem; background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 0.5rem; color: white; font-size: 0.875rem; font-weight:450; cursor: pointer; transition: all 0.2s ease; }
.uyelik-yonet-btn:hover { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); border-color: rgba(59, 130, 246, 0.5); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); }
/* Responsive */
@media (max-width: 640px) { .uyelik-yonetim-card { max-width: 100%; max-height: 90vh; } .uyelik-yonetim-header, .uyelik-yonetim-body { padding: 1rem; } .uyelik-yonetim-section .uyelik-control-body { grid-template-columns: repeat(2, 1fr); } .uyelik-card-summary { flex-direction: column; } .uyelik-card-stats { align-items: flex-start; } }
  
/* Uyelik Kartlari - V3 Text-Only */  
.uyelik-card-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0.75rem; max-width: 100%; }
@media (max-width: 1600px) { .uyelik-card-list { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } }
@media (max-width: 1200px) { .uyelik-card-list { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }
@media (max-width: 768px) { .uyelik-card-list { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } }
@media (max-width: 480px) { .uyelik-card-list { grid-template-columns: 1fr; } }
.uyelik-member-card-v3 { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem; background: linear-gradient(135deg, rgba(30, 41, 59, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0.5rem; transition: all 0.2s ease; max-width: 280px; }
.uyelik-member-card-v3:hover { border-color: rgba(59, 130, 246, 0.3); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }  
.uyelik-card-header-v3 { display: flex; flex-direction: column; gap: 0.125rem; }  
.uyelik-store-v3 { display: flex; align-items: center; gap: 0.25rem; font-size: 0.875rem; font-weight:450; color: rgba(255, 255, 255, 0.95); line-height: 1.2; } .uyelik-store-v3 svg { flex-shrink: 0; opacity: 0.7; }  
.uyelik-username-v3 { display: flex; align-items: center; gap: 0.25rem; font-size: 0.6875rem; color: rgba(255, 255, 255, 0.45); font-weight: 500; } .uyelik-username-v3 svg { flex-shrink: 0; opacity: 0.5; }  
.uyelik-card-stats-v3 { display: flex; gap: 0.5rem; align-items: center; justify-content: space-between; } .uyelik-stat-item-v3 { display: flex; align-items: center; gap: 0.25rem; } .uyelik-stat-item-v3 svg { flex-shrink: 0; opacity: 0.6; }  
.uyelik-stat-chip-v3 { padding: 0.1875rem 0.4375rem; border-radius: 0.3125rem; font-size: 0.6875rem; font-weight:450; white-space: nowrap; }  
.uyelik-credit-v3 { font-weight:450; color: rgba(255, 255, 255, 0.9); font-size: 0.75rem; }  
.uyelik-yonet-btn-v3 { width: 100%; padding: 0.4375rem; background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 0.4375rem; color: white; font-size: 0.75rem; font-weight:450; cursor: pointer; transition: all 0.2s ease; margin-top: 0.125rem; }  
.uyelik-yonet-btn-v3:hover { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); border-color: rgba(59, 130, 246, 0.5); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); } 


/* Uyelik Yonetimi - temiz son katman */
#genel-durum-content > .uyelik-panel .uyelik-shell-v4 {
  display: grid !important;
  gap: 0.75rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-header-v4 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 0.75rem !important;
  margin-bottom: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-title-block {
  display: grid !important;
  gap: 0.18rem !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-title {
  margin: 0 !important;
  color: #f8fafc !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-subtitle {
  color: #93a8bf !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-header-tools-v4 {
  display: grid !important;
  grid-template-columns: minmax(14rem, 20rem) auto !important;
  align-items: center !important;
  gap: 0.45rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-search-input {
  width: 100% !important;
  min-width: 0 !important;
  height: 2.15rem !important;
  border-radius: 8px !important;
  border: 1px solid #263a55 !important;
  background: #081322 !important;
  color: #eef6ff !important;
  padding: 0 0.85rem !important;
  font-size: 0.82rem !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-search-input:focus {
  border-color: rgba(96, 165, 250, 0.58) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16) !important;
  outline: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-bulk-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  width: auto !important;
  min-width: 2.15rem !important;
  height: 2.15rem !important;
  padding: 0 0.68rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(244, 63, 94, 0.42) !important;
  background: #991b3f !important;
  color: #ffffff !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-bulk-action::before {
  display: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-bulk-action img,
#genel-durum-content > .uyelik-panel .uyelik-yonet-btn-v4 img,
#genel-durum-content > .uyelik-panel .uyelik-metric img {
  width: 0.9rem !important;
  height: 0.9rem !important;
  flex: 0 0 auto !important;
  filter: invert(100%) brightness(1.4) !important;
  opacity: 0.88 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-item {
  min-width: 0 !important;
  min-height: 3.1rem !important;
  display: grid !important;
  align-content: center !important;
  gap: 0.12rem !important;
  padding: 0.55rem 0.68rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.15) !important;
  background: rgba(15, 23, 42, 0.58) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-item strong {
  color: #f8fafc !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-item span {
  overflow: hidden !important;
  color: #8fa4bd !important;
  font-size: 0.68rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-active { border-color: rgba(16, 185, 129, 0.28) !important; }
#genel-durum-content > .uyelik-panel .uyelik-summary-critical { border-color: rgba(245, 158, 11, 0.34) !important; }
#genel-durum-content > .uyelik-panel .uyelik-summary-expired { border-color: rgba(239, 68, 68, 0.34) !important; }
#genel-durum-content > .uyelik-panel .uyelik-summary-credit { border-color: rgba(96, 165, 250, 0.3) !important; }

#genel-durum-content > .uyelik-panel .uyelik-card-list-v4 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22.5rem), 1fr)) !important;
  gap: 0.65rem !important;
  margin-top: 0 !important;
  align-items: stretch !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-card-v4 {
  display: grid !important;
  grid-template-rows: auto auto auto auto !important;
  gap: 0.62rem !important;
  min-height: 10.8rem !important;
  padding: 0.78rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: linear-gradient(180deg, rgba(20, 31, 47, 0.94), rgba(13, 23, 39, 0.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-card-v4:hover {
  border-color: rgba(96, 165, 250, 0.42) !important;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  transform: translateY(-1px) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-top {
  display: grid !important;
  grid-template-columns: 2.3rem minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.62rem !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.3rem !important;
  height: 2.3rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(96, 165, 250, 0.25) !important;
  background: #142844 !important;
  color: #bfdbfe !important;
  font-size: 0.95rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-main {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-v4 {
  overflow: hidden !important;
  color: #f8fafc !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username-v4 {
  overflow: hidden !important;
  color: #8fa4bd !important;
  font-size: 0.72rem !important;
  font-weight:450 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#genel-durum-content > .uyelik-panel .uyelik-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 3.4rem !important;
  height: 1.55rem !important;
  padding: 0 0.55rem !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#genel-durum-content > .uyelik-panel .uyelik-status-active { background: rgba(16, 185, 129, 0.15) !important; color: #34d399 !important; }
#genel-durum-content > .uyelik-panel .uyelik-status-warning { background: rgba(245, 158, 11, 0.16) !important; color: #fbbf24 !important; }
#genel-durum-content > .uyelik-panel .uyelik-status-danger { background: rgba(249, 115, 22, 0.18) !important; color: #fdba74 !important; }
#genel-durum-content > .uyelik-panel .uyelik-status-expired { background: rgba(239, 68, 68, 0.18) !important; color: #fca5a5 !important; }
#genel-durum-content > .uyelik-panel .uyelik-status-unknown { background: rgba(148, 163, 184, 0.16) !important; color: #cbd5e1 !important; }

#genel-durum-content > .uyelik-panel .uyelik-member-metrics {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(5rem, 0.65fr) !important;
  gap: 0.42rem !important;
  min-width: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-metric {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  height: 2rem !important;
  gap: 0.35rem !important;
  padding: 0 0.5rem !important;
  border-radius: 7px !important;
  border: 1px solid rgba(148, 163, 184, 0.12) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #b6c6d8 !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-metric span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-metric {
  justify-content: flex-end !important;
  color: #dbeafe !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-metric strong {
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-progress-track {
  overflow: hidden !important;
  width: 100% !important;
  height: 0.32rem !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.12) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-progress-fill {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: #60a5fa !important;
}

#genel-durum-content > .uyelik-panel .uyelik-progress-active { background: #10b981 !important; }
#genel-durum-content > .uyelik-panel .uyelik-progress-warning { background: #f59e0b !important; }
#genel-durum-content > .uyelik-panel .uyelik-progress-danger { background: #f97316 !important; }
#genel-durum-content > .uyelik-panel .uyelik-progress-expired { background: #ef4444 !important; }
#genel-durum-content > .uyelik-panel .uyelik-progress-unknown { background: #64748b !important; }

#genel-durum-content > .uyelik-panel .uyelik-yonet-btn-v4 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.42rem !important;
  width: 100% !important;
  height: 2.12rem !important;
  margin: 0 !important;
  padding: 0 0.75rem !important;
  border-radius: 7px !important;
  border: 1px solid rgba(96, 165, 250, 0.34) !important;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-yonet-btn-v4:hover {
  border-color: rgba(147, 197, 253, 0.58) !important;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24) !important;
  transform: translateY(-1px) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5rem;
  border: 1px dashed rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  color: #93a8bf;
  font-size: 0.86rem;
}

@media (max-width: 980px) {
  #genel-durum-content > .uyelik-panel .uyelik-panel-header-v4,
  #genel-durum-content > .uyelik-panel .uyelik-header-tools-v4 {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-summary-credit {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 640px) {
  #genel-durum-content > .uyelik-panel .uyelik-member-top {
    grid-template-columns: 2.15rem minmax(0, 1fr) !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-status-pill {
    grid-column: 2 !important;
    justify-self: start !important;
    min-width: 0 !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-member-metrics {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-credit-metric {
    justify-content: flex-start !important;
  }

  #genel-durum-content > .uyelik-panel .uyelik-bulk-action {
    width: 100% !important;
  }
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-member-card-v4,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-member-card-v4 {
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  box-shadow: 0 10px 24px rgba(148, 163, 184, 0.09) !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-panel-title,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-panel-title,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-store-v4,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-store-v4,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-summary-item strong,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-summary-item strong {
  color: #0f172a !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-panel-subtitle,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-panel-subtitle,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-username-v4,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-username-v4,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-summary-item span,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-summary-item span {
  color: #64748b !important;
}

body.theme-light #genel-durum-content > .uyelik-panel .uyelik-search-input,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-search-input,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-metric,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-metric,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-summary-item,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-summary-item {
  background: rgba(248, 250, 252, 0.95) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #334155 !important;
}


/* Uyelik Yonetimi - kart olcusu ve sade yazi agirligi */
#genel-durum-content > .uyelik-panel .uyelik-card-list-v4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-title {
  font-weight: 450 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-v4 {
  font-weight: 450 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username-v4,
#genel-durum-content > .uyelik-panel .uyelik-metric,
#genel-durum-content > .uyelik-panel .uyelik-panel-subtitle {
  font-weight: 450 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-status-pill,
#genel-durum-content > .uyelik-panel .uyelik-yonet-btn-v4,
#genel-durum-content > .uyelik-panel .uyelik-summary-item span {
  font-weight: 450 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-item strong,
#genel-durum-content > .uyelik-panel .uyelik-credit-metric strong,
#genel-durum-content > .uyelik-panel .uyelik-member-avatar {
  font-weight: 450 !important;
}

@media (max-width: 1420px) {
  #genel-durum-content > .uyelik-panel .uyelik-card-list-v4 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1040px) {
  #genel-durum-content > .uyelik-panel .uyelik-card-list-v4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  #genel-durum-content > .uyelik-panel .uyelik-card-list-v4 {
    grid-template-columns: 1fr !important;
  }
}

/* Uyelik yonetimi modal - kompakt son katman */
.uyelik-yonetim-modal {
  padding: 16px !important;
}

.uyelik-yonetim-card {
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  max-height: min(88vh, 640px) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 8px !important;
  background: #111827 !important;
  box-shadow: 0 22px 48px rgba(2, 6, 23, 0.42) !important;
}

.uyelik-yonetim-header {
  align-items: center !important;
  padding: 20px 24px 18px !important;
  background: #0f172a !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
}

.uyelik-yonetim-user-info {
  min-width: 0 !important;
}

.uyelik-yonetim-username {
  margin: 0 !important;
  color: #f8fafc !important;
  font-size: 1.22rem !important;
  font-weight: 450 !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}

.uyelik-yonetim-store {
  margin: 6px 0 0 !important;
  color: #9ca3af !important;
  font-size: 0.8rem !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
}

.uyelik-yonetim-close {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  flex: 0 0 auto !important;
}

.uyelik-yonetim-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  padding: 18px 24px 22px !important;
}

.uyelik-yonetim-section {
  margin: 0 !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
}

.uyelik-yonetim-section:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.uyelik-yonetim-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.uyelik-yonetim-section-title {
  margin: 0 !important;
  color: #dbe4f0 !important;
  font-size: 0.78rem !important;
  font-weight: 450 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.uyelik-yonetim-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 3px 9px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, 0.75) !important;
  color: #cbd5e1 !important;
  font-size: 0.72rem !important;
  font-weight: 450 !important;
  white-space: nowrap !important;
}

.uyelik-yonetim-chip-success {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.28) !important;
  color: #5eead4 !important;
}

.uyelik-yonetim-chip-warning {
  background: rgba(245, 158, 11, 0.13) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
  color: #fbbf24 !important;
}

.uyelik-yonetim-chip-danger {
  background: rgba(239, 68, 68, 0.13) !important;
  border-color: rgba(239, 68, 68, 0.32) !important;
  color: #fca5a5 !important;
}

.uyelik-yonetim-chip-info {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
  color: #bfdbfe !important;
}

.uyelik-yonetim-section .uyelik-control-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.uyelik-yonetim-section .uyelik-control-row {
  display: grid !important;
  gap: 8px !important;
  align-items: center !important;
}

.uyelik-yonetim-section .uyelik-control-row-three {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.uyelik-yonetim-section .uyelik-control-row-two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.uyelik-yonetim-section .uyelik-control-row-membership-manual {
  grid-template-columns: minmax(74px, 0.7fr) minmax(118px, 1fr) minmax(118px, 1fr) !important;
}

.uyelik-yonetim-section .uyelik-control-row-credit-manual {
  grid-template-columns: minmax(90px, 0.85fr) minmax(140px, 1.15fr) !important;
}

.uyelik-yonetim-section .uyelik-control-row-password {
  grid-template-columns: minmax(0, 1fr) minmax(132px, 0.55fr) !important;
}

.uyelik-yonetim-section button,
.uyelik-yonetim-section input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  font-size: 0.82rem !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
}

.uyelik-yonetim-section button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  font-weight: 450 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.uyelik-yonetim-section input {
  padding: 0 12px !important;
  background: #172033 !important;
  border: 1px solid rgba(148, 163, 184, 0.2) !important;
  color: #e5edf8 !important;
}

.uyelik-yonetim-section input::placeholder {
  color: #8b98aa !important;
}

.uyelik-yonetim-section input:focus {
  outline: none !important;
  border-color: rgba(96, 165, 250, 0.58) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.16) !important;
}

.uyelik-yonetim-section .uyelik-control-row-password .uyelik-password-input {
  grid-column: auto !important;
}

.uyelik-yonetim-section .uyelik-add-btn,
.uyelik-yonetim-section .uyelik-credit-btn,
.uyelik-yonetim-section .uyelik-pass-btn {
  background: #1f4e8c !important;
  border: 1px solid rgba(96, 165, 250, 0.34) !important;
  color: #eef6ff !important;
}

.uyelik-yonetim-section .uyelik-add-btn:hover,
.uyelik-yonetim-section .uyelik-credit-btn:hover,
.uyelik-yonetim-section .uyelik-pass-btn:hover {
  background: #2563a8 !important;
}

.uyelik-yonetim-section .uyelik-subtract-btn {
  background: rgba(120, 72, 18, 0.76) !important;
  border: 1px solid rgba(245, 158, 11, 0.36) !important;
  color: #fbbf24 !important;
}

.uyelik-yonetim-section .uyelik-subtract-btn:hover {
  background: rgba(146, 91, 22, 0.86) !important;
}

.uyelik-yonetim-section .uyelik-ip-reset-btn {
  background: rgba(105, 73, 35, 0.82) !important;
  border: 1px solid rgba(251, 191, 36, 0.3) !important;
  color: #fde68a !important;
}

.uyelik-yonetim-section .uyelik-end-btn,
.uyelik-yonetim-section .uyelik-delete-btn {
  background: rgba(127, 29, 29, 0.82) !important;
  border: 1px solid rgba(248, 113, 113, 0.32) !important;
  color: #fecaca !important;
}

.uyelik-yonetim-section .uyelik-end-btn:hover,
.uyelik-yonetim-section .uyelik-delete-btn:hover {
  background: rgba(153, 27, 27, 0.92) !important;
}

body.theme-light .uyelik-yonetim-card,
body.light-theme .uyelik-yonetim-card {
  background: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-light .uyelik-yonetim-header,
body.light-theme .uyelik-yonetim-header {
  background: #f8fafc !important;
  border-bottom-color: rgba(148, 163, 184, 0.24) !important;
}

body.theme-light .uyelik-yonetim-username,
body.light-theme .uyelik-yonetim-username,
body.theme-light .uyelik-yonetim-section-title,
body.light-theme .uyelik-yonetim-section-title {
  color: #0f172a !important;
}

body.theme-light .uyelik-yonetim-store,
body.light-theme .uyelik-yonetim-store {
  color: #64748b !important;
}

body.theme-light .uyelik-yonetim-section,
body.light-theme .uyelik-yonetim-section {
  border-bottom-color: rgba(148, 163, 184, 0.22) !important;
}

body.theme-light .uyelik-yonetim-section input,
body.light-theme .uyelik-yonetim-section input {
  background: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.36) !important;
  color: #0f172a !important;
}

@media (max-width: 430px) {
  .uyelik-yonetim-modal {
    padding: 10px !important;
    align-items: flex-start !important;
  }

  .uyelik-yonetim-card {
    max-height: calc(100vh - 20px) !important;
  }

  .uyelik-yonetim-header {
    padding: 16px !important;
  }

  .uyelik-yonetim-body {
    gap: 16px !important;
    padding: 16px !important;
  }

  .uyelik-yonetim-section-head {
    align-items: center !important;
    flex-direction: row !important;
    gap: 8px !important;
  }

  /* Mobilde de tablet/masaustu aksiyon izgarasini koru. */
  .uyelik-yonetim-section .uyelik-control-row-three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .uyelik-yonetim-section .uyelik-control-row-two {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .uyelik-yonetim-section .uyelik-control-row-membership-manual {
    grid-template-columns: minmax(0, 0.68fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .uyelik-yonetim-section .uyelik-control-row-credit-manual {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
  }

  .uyelik-yonetim-section .uyelik-control-row-password {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.72fr) !important;
  }

  .uyelik-yonetim-section button,
  .uyelik-yonetim-section input {
    min-height: 38px !important;
    padding-inline: 7px !important;
    font-size: 0.76rem !important;
  }
}

/* Uyelik yonetimi - kalin tipografi temizligi */
#genel-durum-content > .uyelik-panel,
#genel-durum-content > .uyelik-panel button,
#genel-durum-content > .uyelik-panel input,
#genel-durum-content > .uyelik-panel .uyelik-store-v4,
#genel-durum-content > .uyelik-panel .uyelik-username-v4,
#genel-durum-content > .uyelik-panel .uyelik-metric,
#genel-durum-content > .uyelik-panel .uyelik-status-pill,
#genel-durum-content > .uyelik-panel .uyelik-yonet-btn-v4,
#genel-durum-content > .uyelik-panel .uyelik-summary-item,
#genel-durum-content > .uyelik-panel .uyelik-summary-item span,
#genel-durum-content > .uyelik-panel .uyelik-summary-item strong,
#genel-durum-content > .uyelik-panel .uyelik-credit-metric strong,
.uyelik-yonetim-modal,
.uyelik-yonetim-modal button,
.uyelik-yonetim-modal input,
.uyelik-yonetim-username,
.uyelik-yonetim-store,
.uyelik-yonetim-section-title,
.uyelik-yonetim-chip {
  font-weight: 450 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-title,
#genel-durum-content > .uyelik-panel .uyelik-member-avatar {
  font-weight: 450 !important;
}

/* Uyelik yonetimi modal - sade aksiyon renkleri */
.uyelik-yonetim-section button,
.uyelik-yonetim-section .uyelik-add-btn,
.uyelik-yonetim-section .uyelik-credit-btn,
.uyelik-yonetim-section .uyelik-subtract-btn,
.uyelik-yonetim-section .uyelik-pass-btn,
.uyelik-yonetim-section .uyelik-ip-reset-btn {
  background: #1a2536 !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  color: #d8e3f0 !important;
  box-shadow: none !important;
}

.uyelik-yonetim-section button:hover,
.uyelik-yonetim-section .uyelik-add-btn:hover,
.uyelik-yonetim-section .uyelik-credit-btn:hover,
.uyelik-yonetim-section .uyelik-subtract-btn:hover,
.uyelik-yonetim-section .uyelik-pass-btn:hover,
.uyelik-yonetim-section .uyelik-ip-reset-btn:hover {
  background: #223047 !important;
  border-color: rgba(148, 163, 184, 0.34) !important;
  color: #f1f5f9 !important;
  transform: none !important;
  box-shadow: none !important;
}

.uyelik-yonetim-section .uyelik-add-manual-btn,
.uyelik-yonetim-section .uyelik-credit-manual-btn,
.uyelik-yonetim-section .uyelik-pass-btn {
  background: rgba(37, 99, 235, 0.2) !important;
  border-color: rgba(96, 165, 250, 0.28) !important;
  color: #dbeafe !important;
}

.uyelik-yonetim-section .uyelik-add-manual-btn:hover,
.uyelik-yonetim-section .uyelik-credit-manual-btn:hover,
.uyelik-yonetim-section .uyelik-pass-btn:hover {
  background: rgba(37, 99, 235, 0.28) !important;
  border-color: rgba(96, 165, 250, 0.42) !important;
  color: #eff6ff !important;
}

.uyelik-yonetim-section .uyelik-end-btn,
.uyelik-yonetim-section .uyelik-delete-btn {
  background: rgba(127, 29, 29, 0.18) !important;
  border-color: rgba(248, 113, 113, 0.26) !important;
  color: #fca5a5 !important;
  box-shadow: none !important;
}

.uyelik-yonetim-section .uyelik-end-btn:hover,
.uyelik-yonetim-section .uyelik-delete-btn:hover {
  background: rgba(127, 29, 29, 0.28) !important;
  border-color: rgba(248, 113, 113, 0.38) !important;
  color: #fecaca !important;
  transform: none !important;
  box-shadow: none !important;
}

body.theme-light .uyelik-yonetim-section button,
body.light-theme .uyelik-yonetim-section button,
body.theme-light .uyelik-yonetim-section .uyelik-add-btn,
body.light-theme .uyelik-yonetim-section .uyelik-add-btn,
body.theme-light .uyelik-yonetim-section .uyelik-credit-btn,
body.light-theme .uyelik-yonetim-section .uyelik-credit-btn,
body.theme-light .uyelik-yonetim-section .uyelik-subtract-btn,
body.light-theme .uyelik-yonetim-section .uyelik-subtract-btn,
body.theme-light .uyelik-yonetim-section .uyelik-pass-btn,
body.light-theme .uyelik-yonetim-section .uyelik-pass-btn,
body.theme-light .uyelik-yonetim-section .uyelik-ip-reset-btn,
body.light-theme .uyelik-yonetim-section .uyelik-ip-reset-btn {
  background: #f8fafc !important;
  border-color: rgba(100, 116, 139, 0.28) !important;
  color: #334155 !important;
}

body.theme-light .uyelik-yonetim-section .uyelik-add-manual-btn,
body.light-theme .uyelik-yonetim-section .uyelik-add-manual-btn,
body.theme-light .uyelik-yonetim-section .uyelik-credit-manual-btn,
body.light-theme .uyelik-yonetim-section .uyelik-credit-manual-btn,
body.theme-light .uyelik-yonetim-section .uyelik-pass-btn,
body.light-theme .uyelik-yonetim-section .uyelik-pass-btn {
  background: #eef5ff !important;
  border-color: rgba(59, 130, 246, 0.28) !important;
  color: #1e40af !important;
}

body.theme-light .uyelik-yonetim-section .uyelik-end-btn,
body.light-theme .uyelik-yonetim-section .uyelik-end-btn,
body.theme-light .uyelik-yonetim-section .uyelik-delete-btn,
body.light-theme .uyelik-yonetim-section .uyelik-delete-btn {
  background: #fff5f5 !important;
  border-color: rgba(220, 38, 38, 0.24) !important;
  color: #991b1b !important;
}

/* Admin araclari - model/esnaf kart hizalama */
#genel-durum-content > #admin-tools-grid.admin-tools-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr) !important;
  gap: 0.75rem !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0.75rem 0 1rem !important;
  padding: 0 !important;
}

#genel-durum-content #admin-tools-grid > .model-yonetimi-panel,
#genel-durum-content #admin-tools-grid > .esnaf-create-panel {
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 9rem !important;
  margin: 0 !important;
  padding: 0.95rem 1rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#genel-durum-content #admin-tools-grid > .model-yonetimi-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 0.85rem !important;
}

#genel-durum-content #admin-tools-grid > .esnaf-create-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  text-align: left !important;
  gap: 0.65rem !important;
}

#genel-durum-content .model-yonetimi-head {
  align-items: center !important;
  gap: 0.65rem !important;
}

#genel-durum-content .model-yonetimi-icon,
#genel-durum-content .esnaf-create-card-icon {
  width: 2.15rem !important;
  height: 2.15rem !important;
  border-radius: 8px !important;
  background: rgba(96, 165, 250, 0.08) !important;
  border-color: rgba(96, 165, 250, 0.22) !important;
}

#genel-durum-content .esnaf-create-card-icon {
  margin: 0 !important;
  background: rgba(34, 197, 94, 0.1) !important;
  border-color: rgba(34, 197, 94, 0.24) !important;
}

#genel-durum-content .model-yonetimi-title,
#genel-durum-content .esnaf-create-card-title {
  margin: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 450 !important;
  line-height: 1.22 !important;
}

#genel-durum-content .model-yonetimi-lead,
#genel-durum-content .esnaf-create-card-lead {
  display: block !important;
  margin: 0.22rem 0 0 !important;
  max-width: 44rem !important;
  color: var(--theme-color-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

#genel-durum-content .model-yonetimi-form {
  display: grid !important;
  grid-template-columns: minmax(150px, 0.9fr) minmax(220px, 1.35fr) minmax(150px, 0.62fr) !important;
  gap: 0.65rem !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 !important;
  max-width: none !important;
}

#genel-durum-content .model-yonetimi-field {
  gap: 0.35rem !important;
}

#genel-durum-content .model-yonetimi-select,
#genel-durum-content .model-yonetimi-input,
#genel-durum-content .model-yonetimi-btn,
#genel-durum-content .esnaf-create-open-modal-btn {
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  border-radius: 8px !important;
}

#genel-durum-content .model-yonetimi-btn,
#genel-durum-content .esnaf-create-open-modal-btn {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-weight: 450 !important;
}

#genel-durum-content .esnaf-create-open-modal-btn {
  margin-top: auto !important;
  background: #2f63d8 !important;
  border-color: rgba(96, 165, 250, 0.36) !important;
  color: #ffffff !important;
}

@media (max-width: 1180px) {
  #genel-durum-content > #admin-tools-grid.admin-tools-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #genel-durum-content .model-yonetimi-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Uyelik kartlari ve marka secimi - son ince ayar */
#genel-durum-content > .uyelik-panel .uyelik-member-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-metric {
  justify-content: flex-start !important;
  gap: 0.38rem !important;
  padding: 0 0.62rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-metric img {
  width: 0.88rem !important;
  height: 0.88rem !important;
  flex: 0 0 0.88rem !important;
  opacity: 0.82 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-metric {
  justify-content: flex-start !important;
  color: #dbeafe !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-metric strong {
  min-width: auto !important;
  margin: 0 -0.12rem 0 0 !important;
  color: #f8fafc !important;
  font-size: 0.8rem !important;
  font-weight: 450 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-status-pill {
  min-width: 4.9rem !important;
  font-weight: 450 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-status-warning {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #facc15 !important;
}

#genel-durum-content .model-yonetimi-brand-picker {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
}

#genel-durum-content .model-yonetimi-brand-trigger {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  padding: 0 0.78rem !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 8px !important;
  background: #08111f !important;
  color: var(--theme-color) !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

#genel-durum-content .model-yonetimi-brand-trigger:hover,
#genel-durum-content .model-yonetimi-brand-picker.is-open .model-yonetimi-brand-trigger {
  border-color: rgba(96, 165, 250, 0.42) !important;
  background: #0b1728 !important;
}

#genel-durum-content .model-yonetimi-brand-value {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#genel-durum-content .model-yonetimi-brand-chevron {
  width: 0.55rem !important;
  height: 0.55rem !important;
  border-right: 1.5px solid #94a3b8 !important;
  border-bottom: 1.5px solid #94a3b8 !important;
  transform: translateY(-0.12rem) rotate(45deg) !important;
  transition: transform 0.16s ease !important;
}

#genel-durum-content .model-yonetimi-brand-picker.is-open .model-yonetimi-brand-chevron {
  transform: translateY(0.1rem) rotate(225deg) !important;
}

#genel-durum-content .model-yonetimi-brand-menu {
  position: absolute !important;
  z-index: 80 !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 0.35rem) !important;
  display: none !important;
  max-height: 15.5rem !important;
  overflow-y: auto !important;
  padding: 0.35rem !important;
  border: 1px solid rgba(96, 165, 250, 0.22) !important;
  border-radius: 8px !important;
  background: #0d1828 !important;
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.42) !important;
}

#genel-durum-content .model-yonetimi-brand-picker.is-open .model-yonetimi-brand-menu {
  display: grid !important;
  gap: 0.2rem !important;
}

#genel-durum-content .model-yonetimi-brand-option {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 2rem !important;
  padding: 0 0.6rem !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #dbe7f5 !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  text-align: left !important;
  cursor: pointer !important;
}

#genel-durum-content .model-yonetimi-brand-option:hover,
#genel-durum-content .model-yonetimi-brand-option.is-selected {
  background: rgba(96, 165, 250, 0.16) !important;
  color: #ffffff !important;
}

body.theme-light #genel-durum-content .model-yonetimi-brand-trigger,
body.light-theme #genel-durum-content .model-yonetimi-brand-trigger {
  background: #f8fafc !important;
  border-color: rgba(100, 116, 139, 0.28) !important;
  color: #0f172a !important;
}

body.theme-light #genel-durum-content .model-yonetimi-brand-menu,
body.light-theme #genel-durum-content .model-yonetimi-brand-menu {
  background: #ffffff !important;
  border-color: rgba(100, 116, 139, 0.22) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18) !important;
}

body.theme-light #genel-durum-content .model-yonetimi-brand-option,
body.light-theme #genel-durum-content .model-yonetimi-brand-option {
  color: #334155 !important;
}

body.theme-light #genel-durum-content .model-yonetimi-brand-option:hover,
body.light-theme #genel-durum-content .model-yonetimi-brand-option:hover,
body.theme-light #genel-durum-content .model-yonetimi-brand-option.is-selected,
body.light-theme #genel-durum-content .model-yonetimi-brand-option.is-selected {
  background: #eaf2ff !important;
  color: #1d4ed8 !important;
}

/* Uyelik kartlari - metrik ortalama ve marka menusu duzeltmesi */
#genel-durum-content > #admin-tools-grid.admin-tools-grid,
#genel-durum-content #admin-tools-grid > .model-yonetimi-panel,
#genel-durum-content .admin-tools-grid > .model-yonetimi-panel .model-yonetimi-form,
#genel-durum-content .model-yonetimi-form,
#genel-durum-content .model-yonetimi-field {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

#genel-durum-content > #admin-tools-grid.admin-tools-grid {
  position: relative !important;
  z-index: 20 !important;
}

#genel-durum-content #admin-tools-grid > .model-yonetimi-panel {
  position: relative !important;
  z-index: 30 !important;
}

#genel-durum-content .model-yonetimi-brand-picker {
  z-index: 50 !important;
}

#genel-durum-content .model-yonetimi-brand-picker.is-open {
  z-index: 120 !important;
}

#genel-durum-content .model-yonetimi-brand-menu {
  z-index: 140 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-metric,
#genel-durum-content > .uyelik-panel .uyelik-credit-metric {
  justify-content: center !important;
  text-align: center !important;
  gap: 0.34rem !important;
  padding: 0 0.5rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-metric img {
  width: 0.84rem !important;
  height: 0.84rem !important;
  flex: 0 0 0.84rem !important;
  opacity: 0.82 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-metric img {
  filter: invert(79%) sepia(23%) saturate(963%) hue-rotate(176deg) brightness(101%) contrast(95%) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-credit-metric strong {
  margin: 0 !important;
}

/* Model yonetimi marka secimi - modal gorunum */
body.model-yonetimi-brand-modal-open {
  overflow: hidden !important;
}

#genel-durum-content .model-yonetimi-brand-picker {
  position: static !important;
}

#genel-durum-content .model-yonetimi-brand-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
}

#genel-durum-content .model-yonetimi-brand-modal.is-open {
  display: flex !important;
}

#genel-durum-content .model-yonetimi-brand-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(2, 6, 23, 0.58) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

#genel-durum-content .model-yonetimi-brand-dialog {
  position: relative !important;
  width: min(34rem, calc(100vw - 2rem)) !important;
  max-height: none !important;
  padding: 1rem !important;
  border: 1px solid rgba(96, 165, 250, 0.22) !important;
  border-radius: 10px !important;
  background: #0d1828 !important;
  box-shadow: 0 24px 60px rgba(2, 6, 23, 0.48) !important;
}

#genel-durum-content .model-yonetimi-brand-modal-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.8rem !important;
  margin-bottom: 0.85rem !important;
  color: #e5edf7 !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
}

#genel-durum-content .model-yonetimi-brand-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  height: 2rem !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, 0.74) !important;
  cursor: pointer !important;
}

#genel-durum-content .model-yonetimi-brand-close img {
  width: 0.9rem !important;
  height: 0.9rem !important;
  filter: brightness(0) invert(0.88) !important;
}

#genel-durum-content .model-yonetimi-brand-modal .model-yonetimi-brand-menu {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#genel-durum-content .model-yonetimi-brand-modal .model-yonetimi-brand-option {
  justify-content: center !important;
  min-height: 2.28rem !important;
  padding: 0 0.55rem !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  background: rgba(15, 23, 42, 0.56) !important;
  text-align: center !important;
}

#genel-durum-content .model-yonetimi-brand-modal .model-yonetimi-brand-option:hover,
#genel-durum-content .model-yonetimi-brand-modal .model-yonetimi-brand-option.is-selected {
  border-color: rgba(96, 165, 250, 0.46) !important;
  background: rgba(59, 130, 246, 0.2) !important;
}

body.theme-light #genel-durum-content .model-yonetimi-brand-dialog,
body.light-theme #genel-durum-content .model-yonetimi-brand-dialog {
  background: #ffffff !important;
  border-color: rgba(100, 116, 139, 0.22) !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18) !important;
}

body.theme-light #genel-durum-content .model-yonetimi-brand-modal-head,
body.light-theme #genel-durum-content .model-yonetimi-brand-modal-head {
  color: #0f172a !important;
}

body.theme-light #genel-durum-content .model-yonetimi-brand-modal .model-yonetimi-brand-option,
body.light-theme #genel-durum-content .model-yonetimi-brand-modal .model-yonetimi-brand-option {
  background: #f8fafc !important;
  color: #334155 !important;
}

@media (max-width: 640px) {
  #genel-durum-content .model-yonetimi-brand-modal .model-yonetimi-brand-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Model yonetimi marka secimi - filtre tipi dropdown */
body.model-yonetimi-brand-modal-open {
  overflow: auto !important;
}

#genel-durum-content .model-yonetimi-brand-modal {
  display: none !important;
}

#genel-durum-content .model-yonetimi-brand-picker {
  position: relative !important;
}

#genel-durum-content .model-yonetimi-brand-menu,
body > .model-yonetimi-brand-menu {
  position: fixed !important;
  z-index: 9999 !important;
  display: none !important;
  max-height: 17.5rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  padding: 0.32rem !important;
  border: 1px solid rgba(96, 165, 250, 0.24) !important;
  border-radius: 8px !important;
  background: #0d1828 !important;
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.42) !important;
}

#genel-durum-content .model-yonetimi-brand-picker.is-open .model-yonetimi-brand-menu,
body > .model-yonetimi-brand-menu[data-model-brand-menu="active"] {
  display: block !important;
}

#genel-durum-content .model-yonetimi-brand-option,
#genel-durum-content .model-yonetimi-brand-modal .model-yonetimi-brand-option,
body > .model-yonetimi-brand-menu .model-yonetimi-brand-option {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 2.12rem !important;
  padding: 0 0.65rem !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #dbe7f5 !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  text-align: left !important;
}

#genel-durum-content .model-yonetimi-brand-option:hover,
#genel-durum-content .model-yonetimi-brand-option.is-selected,
body > .model-yonetimi-brand-menu .model-yonetimi-brand-option:hover,
body > .model-yonetimi-brand-menu .model-yonetimi-brand-option.is-selected {
  background: rgba(96, 165, 250, 0.16) !important;
  color: #ffffff !important;
}

body.theme-light #genel-durum-content .model-yonetimi-brand-menu,
body.light-theme #genel-durum-content .model-yonetimi-brand-menu,
body.theme-light > .model-yonetimi-brand-menu,
body.light-theme > .model-yonetimi-brand-menu {
  background: #ffffff !important;
  border-color: rgba(100, 116, 139, 0.22) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18) !important;
}

body.theme-light #genel-durum-content .model-yonetimi-brand-option,
body.light-theme #genel-durum-content .model-yonetimi-brand-option,
body.theme-light > .model-yonetimi-brand-menu .model-yonetimi-brand-option,
body.light-theme > .model-yonetimi-brand-menu .model-yonetimi-brand-option {
  color: #334155 !important;
}

/* Magazam kompakt liste - temizlenmis kod sonrasi guvenli sabitleme */
#magaza-cards-mobile.magaza-compact-list {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 0.55rem !important;
  width: 100% !important;
  margin: 0 0 1rem !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-item {
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) auto !important;
  gap: 0.75rem !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 74px !important;
  padding: 0.65rem 0.75rem !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, rgba(26, 45, 71, 0.45), rgba(15, 31, 53, 0.35)) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  overflow: hidden !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-foto,
#magaza-cards-mobile.magaza-compact-list .magaza-compact-foto-empty {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-content {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.32rem !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-header,
#magaza-cards-mobile.magaza-compact-list .magaza-compact-prices,
#magaza-cards-mobile.magaza-compact-list .magaza-compact-details {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-header {
  gap: 0.45rem !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-model {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #e8eef4 !important;
  font-size: 0.93rem !important;
  font-weight: 450 !important;
  text-align: left !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-details {
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  color: #9ca8b8 !important;
  font-size: 0.74rem !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 0.35rem !important;
  min-width: 13rem !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-actions-row {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.28rem !important;
}

#magaza-cards-mobile.magaza-compact-list .magaza-compact-share-btn {
  min-width: 12rem !important;
}

@media (max-width: 760px) {
  #magaza-cards-mobile.magaza-compact-list .magaza-compact-item {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }

  #magaza-cards-mobile.magaza-compact-list .magaza-compact-actions {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    width: 100% !important;
    align-items: stretch !important;
  }
}

/* V90: Hata raporlari V2 - admin dili, kompakt kartlar ve okunur detay */
.admin-error-summary-card {
  min-height: 72px;
}

.admin-error-filter-form-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.65rem;
  padding: 0.72rem;
  border-radius: 14px;
}

.admin-error-filter-primary,
.admin-error-filter-secondary {
  display: grid;
  gap: 0.55rem;
  align-items: end;
}

.admin-error-filter-primary {
  grid-template-columns: minmax(9rem, 0.85fr) minmax(8rem, 0.7fr) minmax(16rem, 2fr) minmax(9rem, 0.8fr);
}

.admin-error-filter-secondary {
  grid-template-columns: minmax(9rem, 1fr) minmax(6.5rem, 0.55fr) minmax(8rem, 0.72fr) minmax(8rem, 0.72fr) minmax(7.5rem, 0.62fr) minmax(7.5rem, 0.62fr);
}

.admin-error-filter-form-v2 .admin-error-filter-search {
  grid-column: auto;
}

.admin-error-card-v2 {
  overflow: hidden;
}

.admin-error-card-v2 .admin-error-card-head {
  padding: 0.58rem 0.75rem;
}

.admin-error-card-v2 .admin-error-card-body {
  gap: 0.72rem;
  padding: 0.78rem;
}

.admin-error-insight-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.36fr);
  gap: 0.75rem;
  align-items: stretch;
}

.admin-error-insight-title {
  min-width: 0;
  display: flex;
  gap: 0.68rem;
  align-items: flex-start;
}

.admin-error-insight-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(96, 165, 250, 0.2);
  background: rgba(96, 165, 250, 0.14);
}

.admin-error-insight-icon img,
.admin-error-area-pill img {
  width: 15px;
  height: 15px;
  filter: brightness(0) invert(0.92);
}

.admin-error-insight-title > div {
  min-width: 0;
  display: grid;
  gap: 0.22rem;
}

.admin-error-insight-title strong {
  color: #f8fafc;
  font-size: 1rem;
  line-height: 1.25;
}

.admin-error-insight-title p,
.admin-error-detail-head p {
  margin: 0;
  color: #a8b7c9;
  line-height: 1.45;
}

.admin-error-insight-title p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.admin-error-recommendation {
  min-width: 0;
  display: grid;
  gap: 0.18rem;
  align-content: center;
  padding: 0.58rem 0.68rem;
  border-radius: 12px;
  border: 1px solid rgba(34, 197, 94, 0.2);
  background: rgba(20, 83, 45, 0.18);
}

.admin-error-recommendation span {
  color: #86efac;
  font-size: 0.72rem;
  font-weight: 750;
}

.admin-error-recommendation strong {
  color: #dcfce7;
  font-size: 0.82rem;
  line-height: 1.35;
}

.admin-error-card-context {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
}

.admin-error-area-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.36rem;
  min-height: 32px;
  padding: 0.28rem 0.58rem;
  border-radius: 999px;
  border: 1px solid rgba(96, 165, 250, 0.18);
  background: rgba(96, 165, 250, 0.1);
  color: #cfe3ff;
  font-size: 0.78rem;
  font-weight: 700;
}

.admin-error-card-v2 .admin-error-user {
  min-width: min(20rem, 100%);
}

.admin-error-card-v2 .admin-error-endpoint {
  padding: 0.45rem 0.55rem;
  border-radius: 10px;
  background: rgba(2, 8, 23, 0.18);
}

.admin-error-card-v2 .admin-error-card-foot span {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.admin-error-detail {
  position: static;
  z-index: auto;
}

.admin-error-detail-card-v2 {
  gap: 0.85rem;
}

.admin-error-detail-card-v2 .admin-error-detail-head h3 {
  font-size: 1.1rem;
  line-height: 1.25;
}

.admin-error-insight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}

.admin-error-insight-box {
  min-width: 0;
  display: grid;
  gap: 0.32rem;
  padding: 0.72rem;
  border-radius: 13px;
  border: 1px solid rgba(96, 165, 250, 0.15);
  background: rgba(15, 23, 42, 0.34);
}

.admin-error-insight-box span,
.admin-error-technical span {
  color: #93c5fd;
  font-size: 0.72rem;
  font-weight: 800;
}

.admin-error-insight-box p {
  margin: 0;
  color: #dbe7f5;
  line-height: 1.45;
}

.admin-error-technical {
  border-radius: 13px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(2, 8, 23, 0.24);
  color: #dbe7f5;
}

.admin-error-technical summary {
  cursor: pointer;
  padding: 0.7rem 0.78rem;
  font-weight: 750;
}

.admin-error-technical-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  padding: 0 0.78rem 0.78rem;
}

.admin-error-technical-grid > div {
  min-width: 0;
  display: grid;
  gap: 0.35rem;
}

.admin-error-technical-wide {
  grid-column: 1 / -1;
}

.admin-error-technical pre {
  max-height: 220px;
  overflow: auto;
  margin: 0;
  padding: 0.65rem;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.6);
  color: #cbd5e1;
  font-size: 0.78rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

body.theme-light .admin-error-insight-title strong,
body.light-theme .admin-error-insight-title strong,
body.theme-light .admin-error-insight-box p,
body.light-theme .admin-error-insight-box p {
  color: #0f172a;
}

body.theme-light .admin-error-insight-title p,
body.light-theme .admin-error-insight-title p,
body.theme-light .admin-error-detail-head p,
body.light-theme .admin-error-detail-head p {
  color: #475569;
}

body.theme-light .admin-error-insight-icon,
body.light-theme .admin-error-insight-icon,
body.theme-light .admin-error-area-pill,
body.light-theme .admin-error-area-pill {
  background: #eff6ff;
  border-color: rgba(37, 99, 235, 0.16);
  color: #1d4ed8;
}

body.theme-light .admin-error-insight-icon img,
body.light-theme .admin-error-insight-icon img,
body.theme-light .admin-error-area-pill img,
body.light-theme .admin-error-area-pill img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(89%) saturate(1801%) hue-rotate(213deg) brightness(92%) contrast(91%);
}

body.theme-light .admin-error-recommendation,
body.light-theme .admin-error-recommendation {
  background: #f0fdf4;
  border-color: rgba(22, 163, 74, 0.16);
}

body.theme-light .admin-error-recommendation span,
body.light-theme .admin-error-recommendation span {
  color: #15803d;
}

body.theme-light .admin-error-recommendation strong,
body.light-theme .admin-error-recommendation strong {
  color: #14532d;
}

body.theme-light .admin-error-insight-box,
body.light-theme .admin-error-insight-box,
body.theme-light .admin-error-technical,
body.light-theme .admin-error-technical,
body.theme-light .admin-error-card-v2 .admin-error-endpoint,
body.light-theme .admin-error-card-v2 .admin-error-endpoint {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.1);
}

body.theme-light .admin-error-technical pre,
body.light-theme .admin-error-technical pre {
  background: #ffffff;
  color: #334155;
}

@media (max-width: 1180px) {
  .admin-error-filter-primary,
  .admin-error-filter-secondary,
  .admin-error-insight-main,
  .admin-error-insight-grid,
  .admin-error-technical-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-error-filter-primary .admin-error-filter-search {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .admin-error-filter-primary,
  .admin-error-filter-secondary,
  .admin-error-insight-main,
  .admin-error-insight-grid,
  .admin-error-technical-grid {
    grid-template-columns: 1fr;
  }

  .admin-error-card-v2 .admin-error-user {
    min-width: 0;
    width: 100%;
  }

  .admin-error-area-pill {
    width: 100%;
    justify-content: center;
  }

  .admin-error-recommendation {
    align-content: start;
  }
}

@media (max-width: 720px) and (min-width: 361px) {
  .admin-error-filter-primary,
  .admin-error-filter-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-error-filter-primary .admin-error-filter-search,
  .admin-error-filter-primary label:last-child {
    grid-column: 1 / -1;
  }

  .admin-error-filter-secondary .admin-error-action-btn {
    min-width: 0;
  }
}

/* V91: Sistem Kontrolü - sade admin sağlık ekranı */
.admin-system-filter-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.58rem;
  padding: 0.65rem;
  border-radius: 14px;
}

.admin-system-filter-main {
  display: grid;
  grid-template-columns: minmax(9rem, 0.85fr) minmax(8rem, 0.7fr) minmax(16rem, 2fr) minmax(7.5rem, 0.58fr) minmax(7.5rem, 0.58fr);
  gap: 0.55rem;
  align-items: end;
}

.admin-system-advanced-filters {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  background: rgba(2, 8, 23, 0.12);
  width: 100%;
}

.admin-system-advanced-filters summary {
  cursor: pointer;
  padding: 0.55rem 0.65rem;
  color: #9fb0c4;
  font-size: 0.8rem;
  font-weight: 750;
}

.admin-system-filter-advanced-grid {
  display: grid;
  grid-template-columns: minmax(9rem, 1.1fr) minmax(6rem, 0.55fr) minmax(8rem, 0.75fr) minmax(8rem, 0.75fr) minmax(8rem, 0.75fr);
  gap: 0.55rem;
  padding: 0 0.65rem 0.65rem;
}

.admin-system-repeated-head {
  margin-top: 0.1rem;
}

.admin-system-repeated-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-system-repeated-item {
  min-height: 72px;
}

.admin-system-event-card {
  display: grid;
  grid-template-columns: 4px minmax(15rem, 1fr) minmax(14rem, auto) minmax(16rem, 0.75fr);
  gap: 0;
  align-items: stretch;
  border-radius: 13px;
}

.admin-system-event-card .admin-system-event-status {
  background: #3b82f6;
}

.admin-system-event-card.critical .admin-system-event-status {
  background: #ef4444;
}

.admin-system-event-card.warning .admin-system-event-status {
  background: #f59e0b;
}

.admin-system-event-main,
.admin-system-event-meta,
.admin-system-event-tech {
  min-width: 0;
  padding: 0.75rem;
}

.admin-system-event-main {
  display: grid;
  gap: 0.45rem;
}

.admin-system-event-title-row {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

.admin-system-event-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(96, 165, 250, 0.14);
  border: 1px solid rgba(96, 165, 250, 0.2);
}

.admin-system-event-icon.critical {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(248, 113, 113, 0.22);
}

.admin-system-event-icon.warning {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(251, 191, 36, 0.22);
}

.admin-system-event-icon img {
  width: 15px;
  height: 15px;
  filter: brightness(0) invert(0.92);
}

.admin-system-event-title-row > div {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}

.admin-system-event-title-row strong {
  color: #f8fafc;
  font-size: 1rem;
  line-height: 1.2;
}

.admin-system-event-title-row span,
.admin-system-event-user em,
.admin-system-event-tech time {
  color: #91a1b5;
  font-style: normal;
}

.admin-system-event-user {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.55rem;
  color: #dbe7f5;
  font-size: 0.82rem;
}

.admin-system-event-user span {
  font-weight: 750;
}

.admin-system-event-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.admin-system-event-tech {
  display: grid;
  gap: 0.32rem;
  align-content: center;
  justify-items: end;
  border-left: 1px solid rgba(148, 163, 184, 0.1);
}

.admin-system-event-tech code {
  max-width: 100%;
  padding: 0.34rem 0.5rem;
  border-radius: 9px;
  background: rgba(2, 8, 23, 0.2);
  color: #dbe7f5;
  overflow-wrap: anywhere;
  text-align: right;
}

.admin-system-detail-card {
  gap: 0.78rem;
}

.admin-system-detail-head p {
  margin: 0.18rem 0 0;
  color: #9fb0c4;
  line-height: 1.4;
}

.admin-system-detail-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-system-technical {
  margin-top: 0.1rem;
}

.admin-system-technical summary {
  color: #cbd5e1;
}

body.theme-light .admin-system-advanced-filters,
body.light-theme .admin-system-advanced-filters {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.1);
}

body.theme-light .admin-system-advanced-filters summary,
body.light-theme .admin-system-advanced-filters summary,
body.theme-light .admin-system-technical summary,
body.light-theme .admin-system-technical summary,
body.theme-light .admin-system-event-title-row span,
body.light-theme .admin-system-event-title-row span,
body.theme-light .admin-system-event-user em,
body.light-theme .admin-system-event-user em,
body.theme-light .admin-system-event-tech time,
body.light-theme .admin-system-event-tech time,
body.theme-light .admin-system-detail-head p,
body.light-theme .admin-system-detail-head p {
  color: #64748b;
}

body.theme-light .admin-system-event-title-row strong,
body.light-theme .admin-system-event-title-row strong,
body.theme-light .admin-system-event-user,
body.light-theme .admin-system-event-user {
  color: #0f172a;
}

body.theme-light .admin-system-event-tech code,
body.light-theme .admin-system-event-tech code {
  background: #f1f5f9;
  color: #334155;
}

body.theme-light .admin-system-event-icon img,
body.light-theme .admin-system-event-icon img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(901%) hue-rotate(176deg) brightness(93%) contrast(90%);
}

@media (max-width: 1180px) {
  .admin-system-filter-main,
  .admin-system-filter-advanced-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-system-filter-main .admin-error-filter-search {
    grid-column: 1 / -1;
  }

  .admin-system-event-card {
    grid-template-columns: 4px minmax(0, 1fr);
  }

  .admin-system-event-meta,
  .admin-system-event-tech {
    padding-top: 0;
    border-left: 0;
    justify-items: start;
  }

  .admin-system-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .admin-system-filter-main,
  .admin-system-filter-advanced-grid,
  .admin-system-detail-grid {
    grid-template-columns: 1fr;
  }

  .admin-system-filter-main .admin-error-action-btn {
    width: 100%;
  }

  .admin-system-repeated-list {
    grid-template-columns: 1fr;
  }

  .admin-system-event-main,
  .admin-system-event-meta,
  .admin-system-event-tech {
    padding: 0.65rem;
  }

  .admin-system-event-tech code {
    text-align: left;
  }
}

/* V92: Sistem Kontrolü - piksel kontrollü yoğun liste */
#hata-raporlari-content .admin-error-reports-panel {
  position: relative;
  gap: 0.5rem;
}

#hata-raporlari-content .admin-error-reports-header {
  align-items: center;
  min-height: 42px;
  padding: 0 0 0.2rem;
}

#hata-raporlari-content .admin-error-reports-header .section-title {
  font-size: 1.24rem;
  line-height: 1.15;
}

#hata-raporlari-content .admin-error-reports-subtitle {
  margin-top: 0.2rem;
  font-size: 0.82rem;
}

#hata-raporlari-content .admin-error-summary {
  display: block;
}

#hata-raporlari-content .admin-error-filters,
#hata-raporlari-content .admin-error-top-repeated {
  display: none;
}

.admin-system-v4-controlbar {
  display: grid;
  grid-template-columns: minmax(25rem, 0.95fr) minmax(30rem, 1.35fr) auto;
  align-items: stretch;
  gap: 0.48rem;
  padding: 0.4rem;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 14px;
  background: rgba(12, 23, 38, 0.62);
}

.admin-system-v4-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.38rem;
}

.admin-system-v4-metric {
  min-width: 0;
  min-height: 32px;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  grid-template-areas: "label value hint";
  column-gap: 0.34rem;
  align-items: center;
  padding: 0.32rem 0.45rem;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.38);
  color: #dbe7f5;
  text-align: left;
  cursor: pointer;
}

.admin-system-v4-metric span {
  grid-area: label;
  color: #91a1b5;
  font-size: 0.66rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
  writing-mode: horizontal-tb;
  transform: none;
}

.admin-system-v4-metric strong,
.admin-system-v4-metric em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-system-v4-metric strong {
  grid-area: value;
  color: #e8f4ff;
  font-size: 0.9rem;
  line-height: 1.05;
}

.admin-system-v4-metric em {
  grid-area: hint;
  color: #93a4ba;
  font-size: 0.66rem;
  font-style: normal;
}

.admin-system-v4-metric.danger strong {
  color: #ff7b7b;
}

.admin-system-v4-metric.warning strong {
  color: #fbbf24;
}

.admin-system-v4-metric.info strong {
  color: #8ccfff;
}

.admin-system-v4-filter-slot {
  min-width: 0;
}

.admin-system-v4-filter {
  height: 100%;
  display: grid !important;
  grid-template-columns: minmax(8rem, 0.82fr) minmax(6.5rem, 0.62fr) minmax(14rem, 1.3fr) auto auto;
  align-items: end;
  gap: 0.38rem;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.admin-system-v4-filter-field {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
  color: #91a1b5;
  font-size: 0.66rem;
  font-weight: 800;
}

.admin-system-v4-filter-field span {
  display: none;
}

.admin-system-v4-filter input,
.admin-system-v4-filter select {
  min-height: 32px !important;
  height: 32px;
  border-radius: 9px !important;
  font-size: 0.78rem !important;
  padding: 0.28rem 0.52rem !important;
}

.admin-system-v4-apply,
.admin-system-v4-refresh,
.admin-system-v4-reset,
.admin-system-v4-danger-menu summary,
.admin-system-v4-filter-more summary {
  min-height: 32px;
  border-radius: 9px;
  white-space: nowrap;
}

.admin-system-v4-actions {
  display: flex;
  align-items: end;
  gap: 0.38rem;
}

.admin-system-v4-danger-menu,
.admin-system-v4-filter-more {
  position: relative;
}

.admin-system-v4-danger-menu summary,
.admin-system-v4-filter-more summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.42rem 0.58rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(31, 45, 66, 0.82);
  color: #dbe7f5;
  font-size: 0.78rem;
  font-weight: 800;
  list-style: none;
  cursor: pointer;
}

.admin-system-v4-danger-menu summary::-webkit-details-marker,
.admin-system-v4-filter-more summary::-webkit-details-marker {
  display: none;
}

.admin-system-v4-danger-menu summary img,
.admin-system-v4-filter-more summary img {
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(0.9);
}

.admin-system-v4-danger-menu[open] summary,
.admin-system-v4-filter-more[open] summary {
  border-color: rgba(96, 165, 250, 0.42);
}

.admin-system-v4-danger-menu .admin-error-action-btn {
  position: absolute;
  right: 0;
  top: calc(100% + 0.35rem);
  z-index: 40;
  min-width: 9.5rem;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
}

.admin-system-v4-filter-popover {
  position: absolute;
  right: 0;
  top: calc(100% + 0.35rem);
  z-index: 45;
  width: min(28rem, calc(100vw - 2rem));
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  padding: 0.62rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: #111c2e;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.32);
}

.admin-system-v4-filter-popover label {
  display: grid;
  gap: 0.22rem;
  color: #9fb0c4;
  font-size: 0.72rem;
  font-weight: 750;
}

.admin-system-v4-filter-popover .admin-system-v4-reset {
  align-self: end;
}

.admin-error-list {
  gap: 0.34rem;
}

.admin-system-v4-list-head,
.admin-system-v4-row {
  display: grid;
  grid-template-columns: minmax(9rem, 1.05fr) minmax(7rem, 0.72fr) minmax(12rem, 1.05fr) minmax(8.5rem, 0.9fr) 4.2rem 6.6rem minmax(13rem, 1.18fr);
  column-gap: 0.55rem;
  align-items: center;
}

.admin-system-v4-list-head {
  min-height: 28px;
  padding: 0 0.72rem;
  color: #94a3b8;
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0;
}

.admin-system-v4-row {
  position: relative;
  min-height: 58px;
  padding: 0.42rem 0.72rem 0.42rem 0.92rem;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 10px;
  background: rgba(18, 31, 48, 0.9);
  color: #dbe7f5;
  cursor: pointer;
  overflow: hidden;
}

.admin-system-v4-row:hover,
.admin-system-v4-row.selected {
  border-color: rgba(96, 165, 250, 0.38);
  background: rgba(28, 45, 68, 0.95);
}

.admin-system-v4-stripe {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #3b82f6;
}

.admin-system-v4-row.critical .admin-system-v4-stripe {
  background: #ef4444;
}

.admin-system-v4-row.warning .admin-system-v4-stripe {
  background: #f59e0b;
}

.admin-system-v4-type,
.admin-system-v4-user,
.admin-system-v4-state {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.42rem;
}

.admin-system-v4-row-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(96, 165, 250, 0.13);
  border: 1px solid rgba(96, 165, 250, 0.18);
}

.admin-system-v4-row-icon.critical {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(248, 113, 113, 0.22);
}

.admin-system-v4-row-icon.warning {
  background: rgba(245, 158, 11, 0.14);
  border-color: rgba(251, 191, 36, 0.22);
}

.admin-system-v4-row-icon img {
  width: 13px;
  height: 13px;
  filter: brightness(0) invert(0.9);
}

.admin-system-v4-type strong,
.admin-system-v4-area,
.admin-system-v4-user strong,
.admin-system-v4-user em,
.admin-system-v4-date,
.admin-system-v4-tech {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-system-v4-type strong {
  color: #f8fafc;
  font-size: 0.88rem;
}

.admin-system-v4-area,
.admin-system-v4-user em,
.admin-system-v4-date {
  color: #9fb0c4;
  font-size: 0.78rem;
  font-style: normal;
}

.admin-system-v4-user {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.08rem;
}

.admin-system-v4-user strong {
  max-width: 100%;
  color: #e5edf7;
  font-size: 0.8rem;
}

.admin-system-v4-state {
  flex-wrap: wrap;
  gap: 0.22rem;
}

.admin-system-v4-state i {
  max-width: 5.2rem;
  padding: 0.17rem 0.38rem;
  border-radius: 999px;
  background: rgba(96, 165, 250, 0.14);
  color: #bfdbfe;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-system-v4-state i.critical {
  background: rgba(239, 68, 68, 0.16);
  color: #fecaca;
}

.admin-system-v4-state i.warning {
  background: rgba(245, 158, 11, 0.16);
  color: #fde68a;
}

.admin-system-v4-repeat {
  color: #dbe7f5;
  font-size: 0.8rem;
  font-weight: 850;
  text-align: center;
}

.admin-system-v4-tech {
  justify-self: end;
  max-width: 100%;
  padding: 0.26rem 0.45rem;
  border-radius: 8px;
  background: rgba(2, 8, 23, 0.24);
  color: #dbe7f5;
  font-size: 0.75rem;
}

.admin-system-v4-has-detail .admin-error-list {
  padding-right: 27rem;
}

.admin-system-v4-detail {
  display: none;
}

.admin-system-v4-detail.is-open {
  display: block;
  position: fixed;
  top: 116px;
  right: 16px;
  bottom: 16px;
  width: min(420px, calc(100vw - 32px));
  z-index: 80;
}

.admin-system-v4-detail-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.72rem;
  padding: 0.82rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: rgba(11, 20, 34, 0.98);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.4);
  overflow: auto;
}

.admin-system-v4-detail-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.6rem;
  align-items: start;
}

.admin-system-v4-detail-head span {
  color: #60a5fa;
  font-size: 0.72rem;
  font-weight: 850;
}

.admin-system-v4-detail-head h3 {
  margin: 0.12rem 0;
  color: #f8fafc;
  font-size: 1.1rem;
}

.admin-system-v4-detail-head p {
  margin: 0;
  color: #9fb0c4;
  font-size: 0.82rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.admin-system-v4-detail-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.admin-system-v4-detail-badges span {
  padding: 0.22rem 0.45rem;
  border-radius: 999px;
  background: rgba(96, 165, 250, 0.14);
  color: #bfdbfe;
  font-size: 0.7rem;
  font-weight: 850;
}

.admin-system-v4-detail-badges span.critical {
  background: rgba(239, 68, 68, 0.16);
  color: #fecaca;
}

.admin-system-v4-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

.admin-system-v4-detail-grid .admin-error-detail-row {
  padding: 0.52rem;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.52);
}

.admin-system-v4-detail-grid .admin-error-detail-row strong {
  overflow-wrap: anywhere;
}

.admin-system-v4-technical {
  margin: 0;
  flex: 0 0 auto;
}

.admin-system-v4-note textarea {
  min-height: 58px;
  resize: vertical;
}

.admin-system-v4-detail-actions {
  position: sticky;
  bottom: -0.82rem;
  margin: auto -0.82rem -0.82rem;
  padding: 0.65rem 0.82rem;
  background: linear-gradient(180deg, rgba(11, 20, 34, 0.78), rgba(11, 20, 34, 0.98) 35%);
}

.admin-system-v4-detail-actions .admin-error-action-btn {
  min-height: 32px;
  padding: 0.4rem 0.55rem;
  font-size: 0.78rem;
}

body.theme-light .admin-system-v4-controlbar,
body.light-theme .admin-system-v4-controlbar {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.1);
}

body.theme-light .admin-system-v4-metric,
body.light-theme .admin-system-v4-metric,
body.theme-light .admin-system-v4-row,
body.light-theme .admin-system-v4-row {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.1);
}

body.theme-light .admin-system-v4-row:hover,
body.theme-light .admin-system-v4-row.selected,
body.light-theme .admin-system-v4-row:hover,
body.light-theme .admin-system-v4-row.selected {
  background: #f8fafc;
  border-color: rgba(59, 130, 246, 0.3);
}

body.theme-light .admin-system-v4-metric strong,
body.light-theme .admin-system-v4-metric strong,
body.theme-light .admin-system-v4-type strong,
body.light-theme .admin-system-v4-type strong,
body.theme-light .admin-system-v4-user strong,
body.light-theme .admin-system-v4-user strong {
  color: #0f172a;
}

body.theme-light .admin-system-v4-metric span,
body.theme-light .admin-system-v4-metric em,
body.theme-light .admin-system-v4-area,
body.theme-light .admin-system-v4-user em,
body.theme-light .admin-system-v4-date,
body.light-theme .admin-system-v4-metric span,
body.light-theme .admin-system-v4-metric em,
body.light-theme .admin-system-v4-area,
body.light-theme .admin-system-v4-user em,
body.light-theme .admin-system-v4-date {
  color: #64748b;
}

body.theme-light .admin-system-v4-filter-popover,
body.light-theme .admin-system-v4-filter-popover,
body.theme-light .admin-system-v4-detail-card,
body.light-theme .admin-system-v4-detail-card {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 24px 72px rgba(15, 23, 42, 0.16);
}

body.theme-light .admin-system-v4-detail-head h3,
body.light-theme .admin-system-v4-detail-head h3 {
  color: #0f172a;
}

body.theme-light .admin-system-v4-detail-head p,
body.light-theme .admin-system-v4-detail-head p {
  color: #475569;
}

body.theme-light .admin-system-v4-detail-actions,
body.light-theme .admin-system-v4-detail-actions {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.98) 35%);
}

body.theme-light .admin-system-v4-detail-grid .admin-error-detail-row,
body.light-theme .admin-system-v4-detail-grid .admin-error-detail-row,
body.theme-light .admin-system-v4-tech,
body.light-theme .admin-system-v4-tech {
  background: #f1f5f9;
  color: #334155;
}

body.theme-light .admin-system-v4-state i,
body.light-theme .admin-system-v4-state i,
body.theme-light .admin-system-v4-detail-badges span,
body.light-theme .admin-system-v4-detail-badges span {
  background: #dbeafe;
  color: #1d4ed8;
}

body.theme-light .admin-system-v4-state i.critical,
body.light-theme .admin-system-v4-state i.critical,
body.theme-light .admin-system-v4-detail-badges span.critical,
body.light-theme .admin-system-v4-detail-badges span.critical {
  background: #fee2e2;
  color: #b91c1c;
}

body.theme-light .admin-system-v4-state i.warning,
body.light-theme .admin-system-v4-state i.warning {
  background: #fef3c7;
  color: #92400e;
}

body.theme-light .admin-system-v4-row-icon img,
body.light-theme .admin-system-v4-row-icon img,
body.theme-light .admin-system-v4-danger-menu summary img,
body.theme-light .admin-system-v4-filter-more summary img,
body.light-theme .admin-system-v4-danger-menu summary img,
body.light-theme .admin-system-v4-filter-more summary img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(901%) hue-rotate(176deg) brightness(93%) contrast(90%);
}

@media (max-width: 1280px) {
  .admin-system-v4-controlbar {
    grid-template-columns: 1fr;
  }

  .admin-system-v4-actions {
    justify-content: flex-end;
  }

  .admin-system-v4-has-detail .admin-error-list {
    padding-right: 23rem;
  }

  .admin-system-v4-detail.is-open {
    width: 360px;
  }
}

@media (max-width: 980px) {
  .admin-system-v4-list-head {
    display: none;
  }

  .admin-system-v4-row {
    grid-template-columns: 4px minmax(0, 1fr) auto;
    grid-template-areas:
      "stripe type state"
      "stripe user tech";
    row-gap: 0.2rem;
    min-height: 64px;
  }

  .admin-system-v4-stripe {
    grid-area: stripe;
  }

  .admin-system-v4-type {
    grid-area: type;
  }

  .admin-system-v4-state {
    grid-area: state;
    justify-content: flex-end;
  }

  .admin-system-v4-user {
    grid-area: user;
    flex-direction: row;
  }

  .admin-system-v4-area,
  .admin-system-v4-repeat,
  .admin-system-v4-date {
    display: none;
  }

  .admin-system-v4-tech {
    grid-area: tech;
    max-width: 42vw;
  }

  .admin-system-v4-has-detail .admin-error-list {
    padding-right: 0;
  }
}

@media (max-width: 720px) {
  #hata-raporlari-content .admin-error-reports-header {
    min-height: 0;
    padding: 0;
    justify-content: flex-start;
  }

  #hata-raporlari-content .admin-error-reports-header > div {
    width: 100%;
  }

  #hata-raporlari-content .admin-error-reports-header .section-title {
    display: flex !important;
    justify-content: flex-start;
    font-size: 1.18rem !important;
    line-height: 1.1;
    gap: 0.45rem;
    margin: 0;
  }

  #hata-raporlari-content .admin-error-reports-header .section-title-icon {
    width: 22px;
    height: 22px;
  }

  #hata-raporlari-content .admin-error-reports-subtitle {
    display: none;
  }

  .admin-system-v4-controlbar {
    display: flex;
    overflow-x: auto;
    align-items: stretch;
    gap: 0.45rem;
    padding: 0.45rem;
    scrollbar-width: none;
  }

  .admin-system-v4-controlbar::-webkit-scrollbar {
    display: none;
  }

  .admin-system-v4-metrics {
    display: flex;
    flex: 0 0 auto;
  }

  .admin-system-v4-metric {
    width: 8.2rem;
    min-height: 38px;
  }

  .admin-system-v4-filter-slot {
    flex: 0 0 auto;
  }

  .admin-system-v4-filter {
    display: flex !important;
    width: max-content;
    align-items: end;
  }

  .admin-system-v4-filter-field:not(.admin-system-v4-search) {
    width: 9.4rem;
  }

  .admin-system-v4-search {
    width: 15rem;
  }

  .admin-system-v4-actions {
    flex: 0 0 auto;
  }

  .admin-system-v4-row {
    padding: 0.52rem 0.62rem 0.52rem 0.85rem;
  }

  .admin-system-v4-detail.is-open {
    top: auto;
    left: 0;
    right: 0;
    bottom: 7.2rem;
    width: 100%;
    max-height: calc(80vh - 7.2rem);
    z-index: 120;
  }

  .admin-system-v4-detail-card {
    border-radius: 18px 18px 0 0;
    gap: 0.52rem;
    padding: 0.72rem;
  }

  .admin-system-v4-detail-grid {
    grid-template-columns: 1fr;
    gap: 0.34rem;
  }

  .admin-system-v4-detail-grid .admin-error-detail-row {
    padding: 0.42rem 0.5rem;
  }

  .admin-error-list {
    padding-bottom: 6.5rem;
  }
}

/* Açık tema yüzey uyumu: koyu temanın düzenini bozmadan renk sistemini toparlar. */
body.theme-light,
body.light-theme {
  --theme-bg: #f0f2f5;
  --theme-bg-card: #ffffff;
  --theme-bg-elevated: #ffffff;
  --theme-color: #0f172a;
  --theme-color-muted: #526176;
  --theme-border: #dde1ea;
  --theme-input-bg: rgba(255, 255, 255, 0.78);
  background: #f0f2f5;
}

body.theme-light header,
body.light-theme header {
  background: #f0f4ff;
  border-bottom-color: #dde1ea;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

body.theme-light .slogan,
body.light-theme .slogan,
body.theme-light .hizli-sorgu-desc,
body.light-theme .hizli-sorgu-desc {
  color: #526176;
}

body.theme-light #app-root .tabs,
body.light-theme #app-root .tabs {
  background: #ffffff;
  border-color: #dde1ea;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

body.theme-light #app-root .tabs .tab.active,
body.light-theme #app-root .tabs .tab.active {
  background: #1d6fe5;
  border-color: #1d6fe5;
  color: #ffffff;
}

body.theme-light #app-root .filter-bar,
body.theme-light #app-root .hizli-filter-bar,
body.light-theme #app-root .filter-bar,
body.light-theme #app-root .hizli-filter-bar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)),
    #ffffff;
  border-color: rgba(148, 163, 184, 0.26);
  box-shadow:
    0 18px 36px rgba(100, 116, 139, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.theme-light #app-root .filter-row-search-simple .genel-search,
body.theme-light #app-root .filter-row-primary .custom-select-trigger,
body.theme-light #app-root .filter-row-primary .genel-filter-control,
body.theme-light #app-root .hizli-filter-row-primary .custom-select-trigger,
body.theme-light #app-root .hizli-filter-row-primary .genel-filter-control,
body.light-theme #app-root .filter-row-search-simple .genel-search,
body.light-theme #app-root .filter-row-primary .custom-select-trigger,
body.light-theme #app-root .filter-row-primary .genel-filter-control,
body.light-theme #app-root .hizli-filter-row-primary .custom-select-trigger,
body.light-theme #app-root .hizli-filter-row-primary .genel-filter-control {
  background: #ffffff;
  border-color: rgba(100, 116, 139, 0.28);
  color: #0f172a;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 1px 2px rgba(15, 23, 42, 0.04);
}

body.theme-light #app-root .filter-row-search-simple .genel-search:focus,
body.theme-light #app-root .hizli-filter-row-primary .genel-filter-control:focus,
body.light-theme #app-root .filter-row-search-simple .genel-search:focus,
body.light-theme #app-root .hizli-filter-row-primary .genel-filter-control:focus {
  border-color: rgba(37, 99, 235, 0.5);
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.1),
    0 1px 2px rgba(15, 23, 42, 0.04);
}

body.theme-light .collection-empty-state,
body.light-theme .collection-empty-state {
  background: rgba(255, 255, 255, 0.68);
  border-color: rgba(148, 163, 184, 0.28);
  color: #475569;
}

body.theme-light.customer-mode #genel-content .hizli-product-row,
body.light-theme.customer-mode #genel-content .hizli-product-row,
body.theme-light .hizli-product-row,
body.light-theme .hizli-product-row {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(148, 163, 184, 0.28);
  box-shadow: 0 10px 22px rgba(100, 116, 139, 0.11);
}

body.theme-light.customer-mode #genel-content .hizli-product-row:hover,
body.light-theme.customer-mode #genel-content .hizli-product-row:hover {
  border-color: rgba(37, 99, 235, 0.32);
  box-shadow: 0 14px 28px rgba(100, 116, 139, 0.16);
}

body.theme-light .hizli-row-thumb,
body.theme-light .hizli-row-thumb-empty,
body.light-theme .hizli-row-thumb,
body.light-theme .hizli-row-thumb-empty {
  background: #f8fafc;
  border-color: rgba(148, 163, 184, 0.32);
}

body.theme-light .hizli-row-store,
body.theme-light .hizli-row-details,
body.light-theme .hizli-row-store,
body.light-theme .hizli-row-details {
  color: #526176;
}

body.theme-light .hizli-row-fiyat,
body.light-theme .hizli-row-fiyat {
  color: #059669;
  background: rgba(16, 185, 129, 0.1);
}

body.theme-light .hizli-piyasa-content,
body.light-theme .hizli-piyasa-content {
  background: rgba(255, 255, 255, 0.74);
  border-color: rgba(100, 116, 139, 0.3);
  box-shadow: 0 16px 34px rgba(100, 116, 139, 0.13);
}

body.theme-light .hizli-piyasa-list-header,
body.light-theme .hizli-piyasa-list-header {
  color: #526176;
  border-bottom-color: rgba(100, 116, 139, 0.24);
}

body.theme-light .hizli-piyasa-market-card,
body.light-theme .hizli-piyasa-market-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 251, 255, 0.86));
  border-color: rgba(100, 116, 139, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.theme-light .hizli-piyasa-card-average,
body.light-theme .hizli-piyasa-card-average {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.12), rgba(96, 165, 250, 0.1));
}

body.theme-light .hizli-piyasa-storage,
body.light-theme .hizli-piyasa-storage {
  background: rgba(37, 99, 235, 0.12);
  color: #1d4ed8;
}

body.theme-light .hizli-piyasa-card-badges .hizli-piyasa-durum,
body.light-theme .hizli-piyasa-card-badges .hizli-piyasa-durum {
  background: rgba(100, 116, 139, 0.12);
  color: #526176;
}

body.theme-light #hizli-takas-wrap .hizli-takas-card,
body.light-theme #hizli-takas-wrap .hizli-takas-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.94));
  border-color: rgba(100, 116, 139, 0.28);
  box-shadow: 0 18px 38px rgba(100, 116, 139, 0.16);
}

body.theme-light #hizli-takas-wrap .hizli-takas-field label,
body.light-theme #hizli-takas-wrap .hizli-takas-field label {
  color: #334155;
}

body.theme-light #hizli-takas-wrap .hizli-takas-input-wrap,
body.light-theme #hizli-takas-wrap .hizli-takas-input-wrap,
body.theme-light .takas-modal-body .hizli-takas-input-wrap,
body.light-theme .takas-modal-body .hizli-takas-input-wrap {
  background: #ffffff;
  border-color: rgba(100, 116, 139, 0.28);
}

body.theme-light #hizli-takas-wrap .hizli-takas-input-wrap:focus-within,
body.light-theme #hizli-takas-wrap .hizli-takas-input-wrap:focus-within,
body.theme-light .takas-modal-body .hizli-takas-input-wrap:focus-within,
body.light-theme .takas-modal-body .hizli-takas-input-wrap:focus-within {
  border-color: rgba(37, 99, 235, 0.5);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

body.theme-light #hizli-takas-wrap .hizli-takas-currency,
body.light-theme #hizli-takas-wrap .hizli-takas-currency,
body.theme-light .takas-modal-body .hizli-takas-currency,
body.light-theme .takas-modal-body .hizli-takas-currency {
  color: #64748b;
}

body.theme-light #hizli-takas-wrap .hizli-takas-input,
body.light-theme #hizli-takas-wrap .hizli-takas-input,
body.theme-light .takas-modal-body .hizli-takas-input,
body.light-theme .takas-modal-body .hizli-takas-input {
  color: #0f172a;
}

body.theme-light #hizli-takas-wrap .hizli-takas-input::placeholder,
body.light-theme #hizli-takas-wrap .hizli-takas-input::placeholder {
  color: #94a3b8;
}

body.theme-light #hizli-takas-wrap .hizli-takas-result,
body.light-theme #hizli-takas-wrap .hizli-takas-result {
  background: rgba(241, 245, 249, 0.82);
  border-color: rgba(100, 116, 139, 0.22);
}

body.theme-light #hizli-takas-wrap .takas-placeholder,
body.theme-light #hizli-takas-wrap .takas-summary-label,
body.theme-light #hizli-takas-wrap .takas-breakdown,
body.light-theme #hizli-takas-wrap .takas-placeholder,
body.light-theme #hizli-takas-wrap .takas-summary-label,
body.light-theme #hizli-takas-wrap .takas-breakdown {
  color: #526176;
}

body.theme-light #hizli-takas-wrap .takas-summary-value,
body.light-theme #hizli-takas-wrap .takas-summary-value {
  color: #0f172a;
}

/* Açık tema ikon netliği: aksiyon ikonları pasif değil, tıklanabilir görünmeli. */
body.theme-light .section-title-icon,
body.light-theme .section-title-icon {
  filter: brightness(0) saturate(100%) invert(20%) sepia(15%) saturate(960%) hue-rotate(176deg) brightness(94%) contrast(90%) !important;
  opacity: 0.95;
}

body.theme-light #app-root .tabs .tab .tab-icon,
body.light-theme #app-root .tabs .tab .tab-icon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(16%) saturate(770%) hue-rotate(176deg) brightness(92%) contrast(90%) !important;
  opacity: 0.88;
}

body.theme-light #app-root .tabs .tab.active .tab-icon,
body.light-theme #app-root .tabs .tab.active .tab-icon,
body.theme-light #app-root .tabs .tab:hover .tab-icon,
body.light-theme #app-root .tabs .tab:hover .tab-icon {
  filter: brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(1800%) hue-rotate(212deg) brightness(94%) contrast(96%) !important;
  opacity: 1;
}

body.theme-light.customer-mode .hizli-row-actions .device-detail-info-btn,
body.theme-light.customer-mode .hizli-row-actions .genel-favori-btn,
body.theme-light.customer-mode .hizli-row-actions .hizli-compare-btn,
body.light-theme.customer-mode .hizli-row-actions .device-detail-info-btn,
body.light-theme.customer-mode .hizli-row-actions .genel-favori-btn,
body.light-theme.customer-mode .hizli-row-actions .hizli-compare-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-favori-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-copy-link,
body.light-theme:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-favori-btn,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-copy-link {
  background: #f8fafc !important;
  border-color: rgba(51, 65, 85, 0.22) !important;
  color: #334155 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.theme-light.customer-mode .hizli-row-actions .device-detail-info-btn:hover,
body.theme-light.customer-mode .hizli-row-actions .genel-favori-btn:hover,
body.theme-light.customer-mode .hizli-row-actions .hizli-compare-btn:hover,
body.light-theme.customer-mode .hizli-row-actions .device-detail-info-btn:hover,
body.light-theme.customer-mode .hizli-row-actions .genel-favori-btn:hover,
body.light-theme.customer-mode .hizli-row-actions .hizli-compare-btn:hover,
body.theme-light:not(.customer-mode) .genel-card-actions .device-detail-info-btn:hover,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-favori-btn:hover,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-compare-add-btn:hover,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-copy-link:hover,
body.light-theme:not(.customer-mode) .genel-card-actions .device-detail-info-btn:hover,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-favori-btn:hover,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-compare-add-btn:hover,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-copy-link:hover {
  background: #eef4ff !important;
  border-color: rgba(37, 99, 235, 0.36) !important;
  color: #1d4ed8 !important;
}

body.theme-light.customer-mode .hizli-row-actions .action-btn-icon,
body.theme-light.customer-mode .hizli-row-actions .favori-btn-icon,
body.theme-light.customer-mode .hizli-row-actions .hizli-action-icon,
body.light-theme.customer-mode .hizli-row-actions .action-btn-icon,
body.light-theme.customer-mode .hizli-row-actions .favori-btn-icon,
body.light-theme.customer-mode .hizli-row-actions .hizli-action-icon,
body.theme-light:not(.customer-mode) .genel-card-actions .action-btn-icon,
body.theme-light:not(.customer-mode) .genel-card-actions .favori-btn-icon,
body.theme-light:not(.customer-mode) .genel-card-actions .hizli-action-icon,
body.light-theme:not(.customer-mode) .genel-card-actions .action-btn-icon,
body.light-theme:not(.customer-mode) .genel-card-actions .favori-btn-icon,
body.light-theme:not(.customer-mode) .genel-card-actions .hizli-action-icon {
  filter: brightness(0) saturate(100%) invert(20%) sepia(15%) saturate(960%) hue-rotate(176deg) brightness(94%) contrast(90%) !important;
  opacity: 0.96;
}

body.theme-light.customer-mode .hizli-row-actions .device-detail-info-btn:hover .action-btn-icon,
body.theme-light.customer-mode .hizli-row-actions .genel-favori-btn:hover .favori-btn-icon,
body.theme-light.customer-mode .hizli-row-actions .hizli-compare-btn:hover .action-btn-icon,
body.light-theme.customer-mode .hizli-row-actions .device-detail-info-btn:hover .action-btn-icon,
body.light-theme.customer-mode .hizli-row-actions .genel-favori-btn:hover .favori-btn-icon,
body.light-theme.customer-mode .hizli-row-actions .hizli-compare-btn:hover .action-btn-icon,
body.theme-light:not(.customer-mode) .genel-card-actions .device-detail-info-btn:hover .action-btn-icon,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-favori-btn:hover .favori-btn-icon,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-compare-add-btn:hover .action-btn-icon,
body.light-theme:not(.customer-mode) .genel-card-actions .device-detail-info-btn:hover .action-btn-icon,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-favori-btn:hover .favori-btn-icon,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-compare-add-btn:hover .action-btn-icon {
  filter: brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(1800%) hue-rotate(212deg) brightness(94%) contrast(96%) !important;
  opacity: 1;
}

body.theme-light.customer-mode .hizli-row-actions .genel-favori-btn.is-favori,
body.light-theme.customer-mode .hizli-row-actions .genel-favori-btn.is-favori,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-favori-btn.is-favori,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-favori-btn.is-favori {
  background: rgba(244, 63, 94, 0.1) !important;
  border-color: rgba(244, 63, 94, 0.32) !important;
  color: #be123c !important;
}

body.theme-light.customer-mode .hizli-row-actions .genel-favori-btn.is-favori .favori-btn-icon,
body.light-theme.customer-mode .hizli-row-actions .genel-favori-btn.is-favori .favori-btn-icon,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-favori-btn.is-favori .favori-btn-icon,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-favori-btn.is-favori .favori-btn-icon {
  filter: brightness(0) saturate(100%) invert(23%) sepia(92%) saturate(2921%) hue-rotate(334deg) brightness(90%) contrast(94%) !important;
  opacity: 1;
}

body.theme-light.customer-mode .hizli-row-actions .hizli-compare-btn.is-compare,
body.light-theme.customer-mode .hizli-row-actions .hizli-compare-btn.is-compare,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-compare-add-btn.is-compare,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-compare-add-btn.is-compare {
  background: rgba(37, 99, 235, 0.12) !important;
  border-color: rgba(37, 99, 235, 0.36) !important;
  color: #1d4ed8 !important;
}

body.theme-light.customer-mode .hizli-row-actions .hizli-compare-btn.is-compare .action-btn-icon,
body.light-theme.customer-mode .hizli-row-actions .hizli-compare-btn.is-compare .action-btn-icon,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-compare-add-btn.is-compare .action-btn-icon,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-compare-add-btn.is-compare .action-btn-icon {
  filter: brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(1800%) hue-rotate(212deg) brightness(94%) contrast(96%) !important;
  opacity: 1;
}

body.theme-light .hizli-row-date,
body.light-theme .hizli-row-date,
body.theme-light .genel-card-details,
body.light-theme .genel-card-details {
  color: #526176 !important;
}

/* Acik tema kontrast guvenlik agi: tiklanabilir ogeler pasif gorunmemeli. */
body.theme-light,
body.light-theme {
  --theme-color: #0f172a;
  --theme-color-muted: #475569;
}

body.theme-light .app-title,
body.light-theme .app-title,
body.theme-light .section-title,
body.light-theme .section-title,
body.theme-light .hizli-sorgu-title,
body.light-theme .hizli-sorgu-title,
body.theme-light .hizli-section-title,
body.light-theme .hizli-section-title,
body.theme-light .promo-title,
body.light-theme .promo-title,
body.theme-light .satilan-arsiv-title,
body.light-theme .satilan-arsiv-title {
  color: #0f172a !important;
  opacity: 1 !important;
}

body.theme-light .app-subtitle,
body.light-theme .app-subtitle,
body.theme-light .hizli-sorgu-subtitle,
body.light-theme .hizli-sorgu-subtitle,
body.theme-light .empty-state,
body.light-theme .empty-state,
body.theme-light .collection-empty-state,
body.light-theme .collection-empty-state {
  color: #475569 !important;
  opacity: 1 !important;
}

body.theme-light .section-title-icon,
body.light-theme .section-title-icon,
body.theme-light .settings-btn-icon,
body.light-theme .settings-btn-icon,
body.theme-light .panel-header-icon,
body.light-theme .panel-header-icon {
  filter: brightness(0) saturate(100%) invert(21%) sepia(14%) saturate(1078%) hue-rotate(176deg) brightness(94%) contrast(92%) !important;
  opacity: 1 !important;
}

body.theme-light .header-actions,
body.light-theme .header-actions {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(100, 116, 139, 0.2) !important;
  box-shadow: 0 12px 32px rgba(100, 116, 139, 0.16) !important;
}

body.theme-light .header-action-btn.uyarilarim-btn,
body.light-theme .header-action-btn.uyarilarim-btn {
  background: #eef4ff !important;
  border-color: rgba(37, 99, 235, 0.34) !important;
  color: #1d4ed8 !important;
}

body.theme-light #uyarilarim-btn .uyarilarim-icon-img,
body.light-theme #uyarilarim-btn .uyarilarim-icon-img {
  filter: brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(1800%) hue-rotate(212deg) brightness(94%) contrast(96%) !important;
  opacity: 1 !important;
}

body.theme-light .uyarilarim-btn-text,
body.light-theme .uyarilarim-btn-text,
body.theme-light .settings-btn-text,
body.light-theme .settings-btn-text {
  color: inherit !important;
  opacity: 1 !important;
}

body.theme-light .header-quick-btn,
body.light-theme .header-quick-btn,
body.theme-light .header-settings-btn,
body.light-theme .header-settings-btn,
body.theme-light .settings-btn,
body.light-theme .settings-btn {
  background: #f8fafc !important;
  border-color: rgba(51, 65, 85, 0.24) !important;
  color: #334155 !important;
  opacity: 1 !important;
}

body.theme-light .header-quick-btn:hover,
body.light-theme .header-quick-btn:hover,
body.theme-light .header-settings-btn:hover,
body.light-theme .header-settings-btn:hover,
body.theme-light .settings-btn:hover,
body.light-theme .settings-btn:hover {
  background: #eef4ff !important;
  border-color: rgba(37, 99, 235, 0.34) !important;
  color: #1d4ed8 !important;
}

body.theme-light #header-customer-toggle.active,
body.light-theme #header-customer-toggle.active {
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(217, 119, 6, 0.42) !important;
  color: #92400e !important;
}

body.theme-light .header-quick-btn img.quick-icon,
body.light-theme .header-quick-btn img.quick-icon,
body.theme-light .header-settings-btn img,
body.light-theme .header-settings-btn img,
body.theme-light .settings-btn img,
body.light-theme .settings-btn img {
  filter: brightness(0) saturate(100%) invert(24%) sepia(13%) saturate(1060%) hue-rotate(176deg) brightness(93%) contrast(91%) !important;
  opacity: 1 !important;
}

body.theme-light #header-theme-toggle:hover img.quick-icon,
body.light-theme #header-theme-toggle:hover img.quick-icon,
body.theme-light .header-settings-btn:hover img,
body.light-theme .header-settings-btn:hover img,
body.theme-light .settings-btn:hover img,
body.light-theme .settings-btn:hover img {
  filter: brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(1800%) hue-rotate(212deg) brightness(94%) contrast(96%) !important;
}

body.theme-light #header-customer-toggle.active img.quick-icon,
body.light-theme #header-customer-toggle.active img.quick-icon {
  filter: brightness(0) saturate(100%) invert(39%) sepia(80%) saturate(812%) hue-rotate(359deg) brightness(92%) contrast(92%) !important;
}

body.theme-light #app-root .tabs .tab,
body.light-theme #app-root .tabs .tab {
  color: #475569 !important;
  border-color: rgba(100, 116, 139, 0.24) !important;
}

body.theme-light #app-root .tabs .tab.active,
body.light-theme #app-root .tabs .tab.active {
  color: #1d4ed8 !important;
  border-color: rgba(37, 99, 235, 0.36) !important;
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.92), rgba(219, 234, 254, 0.72)) !important;
}

body.theme-light #app-root .tabs .tab .tab-icon,
body.light-theme #app-root .tabs .tab .tab-icon {
  filter: brightness(0) saturate(100%) invert(33%) sepia(16%) saturate(907%) hue-rotate(176deg) brightness(91%) contrast(88%) !important;
  opacity: 1 !important;
}

body.theme-light #app-root .tabs .tab.active .tab-icon,
body.light-theme #app-root .tabs .tab.active .tab-icon {
  filter: brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(1800%) hue-rotate(212deg) brightness(94%) contrast(96%) !important;
}

body.theme-light #app-root .filter-open-btn,
body.light-theme #app-root .filter-open-btn {
  background: #eaf2ff !important;
  border-color: rgba(37, 99, 235, 0.32) !important;
  color: #1d4ed8 !important;
  opacity: 1 !important;
}

body.theme-light #app-root .filter-open-btn .filter-open-count,
body.light-theme #app-root .filter-open-btn .filter-open-count {
  background: rgba(37, 99, 235, 0.14) !important;
  color: #1d4ed8 !important;
}

body.theme-light #app-root .filter-clear-all-quick,
body.light-theme #app-root .filter-clear-all-quick,
body.theme-light #app-root .filter-clear-all-btn,
body.light-theme #app-root .filter-clear-all-btn,
body.theme-light .filter-modal .filter-clear-all-btn,
body.light-theme .filter-modal .filter-clear-all-btn,
body.theme-light .hizli-filtre-temizle-btn,
body.light-theme .hizli-filtre-temizle-btn {
  background: #fff5f5 !important;
  border-color: rgba(239, 68, 68, 0.32) !important;
  color: #b91c1c !important;
  opacity: 1 !important;
}

body.theme-light #app-root .filter-clear-all-quick:hover,
body.light-theme #app-root .filter-clear-all-quick:hover,
body.theme-light #app-root .filter-clear-all-btn:hover,
body.light-theme #app-root .filter-clear-all-btn:hover,
body.theme-light .filter-modal .filter-clear-all-btn:hover,
body.light-theme .filter-modal .filter-clear-all-btn:hover,
body.theme-light .hizli-filtre-temizle-btn:hover,
body.light-theme .hizli-filtre-temizle-btn:hover {
  background: #fee2e2 !important;
  border-color: rgba(220, 38, 38, 0.42) !important;
  color: #991b1b !important;
}

body.theme-light .filter-clear-all-icon,
body.light-theme .filter-clear-all-icon,
body.theme-light .admin-error-action-icon,
body.light-theme .admin-error-action-icon {
  filter: brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(2564%) hue-rotate(342deg) brightness(93%) contrast(93%) !important;
  opacity: 1 !important;
}

body.theme-light #app-root .custom-select-trigger,
body.light-theme #app-root .custom-select-trigger,
body.theme-light .filter-modal .custom-select-trigger,
body.light-theme .filter-modal .custom-select-trigger,
body.theme-light .genel-filter-control,
body.light-theme .genel-filter-control,
body.theme-light .genel-search,
body.light-theme .genel-search,
body.theme-light .genel-dukkan,
body.light-theme .genel-dukkan,
body.theme-light .genel-fiyat-input,
body.light-theme .genel-fiyat-input {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(51, 65, 85, 0.22) !important;
  color: #0f172a !important;
  opacity: 1 !important;
}

body.theme-light #app-root .custom-select-trigger:hover,
body.light-theme #app-root .custom-select-trigger:hover,
body.theme-light .filter-modal .custom-select-trigger:hover,
body.light-theme .filter-modal .custom-select-trigger:hover,
body.theme-light .genel-filter-control:hover,
body.light-theme .genel-filter-control:hover {
  border-color: rgba(37, 99, 235, 0.42) !important;
  color: #0f172a !important;
}

/* Gizli native select, acik tema override'larindan etkilenmesin. */
body.theme-light .custom-select-wrap > select.native-select,
body.light-theme .custom-select-wrap > select.native-select,
.custom-select-wrap > select.native-select {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.theme-light .custom-select-panel,
body.light-theme .custom-select-panel {
  background: #ffffff !important;
  border-color: rgba(51, 65, 85, 0.2) !important;
  color: #0f172a !important;
}

body.theme-light .custom-select-opt,
body.light-theme .custom-select-opt {
  color: #334155 !important;
  opacity: 1 !important;
}

body.theme-light .custom-select-opt:hover,
body.light-theme .custom-select-opt:hover,
body.theme-light .custom-select-opt.selected,
body.light-theme .custom-select-opt.selected {
  background: #eef4ff !important;
  color: #1d4ed8 !important;
}

body.theme-light .hizli-card-store-top,
body.light-theme .hizli-card-store-top,
body.theme-light .hizli-row-store,
body.light-theme .hizli-row-store,
body.theme-light .genel-card-store,
body.light-theme .genel-card-store,
body.theme-light .magaza-card-store,
body.light-theme .magaza-card-store {
  color: #475569 !important;
  opacity: 1 !important;
}

/* Codex scroll düzeltmesi: iç paneller gerçek kaydırma alanı olsun. */
.stock-tools-panel {
  display: none;
  min-height: 0;
  overflow: hidden;
}

.stock-tools-panel.is-open {
  display: flex;
  flex-direction: column;
}

.stock-tools-panel-head {
  flex: 0 0 auto;
}

.stock-tools-panel-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: min(72dvh, 720px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.stock-tool-content[hidden] {
  display: none !important;
}

.stock-tool-content,
.stock-tracks-section,
.stock-market-section,
.hizli-section {
  min-height: 0;
  overscroll-behavior: contain;
}

.stock-tool-content.is-active {
  flex: 1 1 auto;
  min-height: 0;
}

.stock-market-section.is-active {
  display: flex;
  flex-direction: column;
}

.stock-tracks-list,
.stock-market-content,
#stock-market-content,
.hizli-piyasa-content,
#hizli-piyasa-content {
  max-height: min(56dvh, 520px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.stock-tracks-list {
  max-height: min(48dvh, 360px);
}

.add-device-wizard-body,
.edit-modal-body,
.share-link-body,
.em-select-dropdown,
.model-panel,
.model-list,
.piyasa-model-panel {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

@media (max-width: 1024px), (pointer: coarse) {
  body.stock-tool-sheet-open .stock-tools-panel.is-open {
    position: fixed;
    left: 8px;
    right: 8px;
    bottom: calc(8px + var(--stock-tool-mobile-bottom, 0px));
    z-index: 10020;
    max-height: calc(100dvh - 16px);
    border-radius: 18px;
    background: var(--theme-bg-card);
    border: 1px solid var(--theme-border);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);
  }

  body.stock-tool-sheet-open .stock-tools-panel-body {
    max-height: calc(100dvh - 112px);
  }

  body.stock-tool-sheet-open .stock-tracks-list,
  body.stock-tool-sheet-open .stock-market-content,
  body.stock-tool-sheet-open #stock-market-content,
  body.stock-tool-sheet-open .hizli-piyasa-content,
  body.stock-tool-sheet-open #hizli-piyasa-content {
    max-height: calc(100dvh - 300px);
  }

  body.stock-tool-sheet-open .stock-market-section.is-active,
  body.stock-tool-sheet-open .stock-market-content,
  body.stock-tool-sheet-open #stock-market-content {
    min-height: 0;
  }

  body.stock-tool-sheet-open .stock-market-content,
  body.stock-tool-sheet-open #stock-market-content {
    flex: 1 1 auto;
  }
}

body.theme-light .hizli-row-date,
body.light-theme .hizli-row-date,
body.theme-light .genel-card-tarih,
body.light-theme .genel-card-tarih,
body.theme-light .magaza-card-date,
body.light-theme .magaza-card-date {
  color: #64748b !important;
  opacity: 1 !important;
}

body.theme-light .hizli-row-details,
body.light-theme .hizli-row-details,
body.theme-light .genel-card-details,
body.light-theme .genel-card-details,
body.theme-light .magaza-card-details,
body.light-theme .magaza-card-details,
body.theme-light .hizli-piyasa-card-stats span,
body.light-theme .hizli-piyasa-card-stats span,
body.theme-light .hizli-piyasa-list-title,
body.light-theme .hizli-piyasa-list-title {
  color: #475569 !important;
  opacity: 1 !important;
}

body.theme-light .hizli-piyasa-card-model,
body.light-theme .hizli-piyasa-card-model,
body.theme-light .hizli-piyasa-card-stats strong,
body.light-theme .hizli-piyasa-card-stats strong,
body.theme-light .genel-card-model,
body.light-theme .genel-card-model,
body.theme-light .hizli-row-model,
body.light-theme .hizli-row-model {
  color: #0f172a !important;
  opacity: 1 !important;
}

body.theme-light.customer-mode .hizli-row-actions .device-detail-info-btn,
body.theme-light.customer-mode .hizli-row-actions .genel-favori-btn,
body.theme-light.customer-mode .hizli-row-actions .hizli-compare-btn,
body.light-theme.customer-mode .hizli-row-actions .device-detail-info-btn,
body.light-theme.customer-mode .hizli-row-actions .genel-favori-btn,
body.light-theme.customer-mode .hizli-row-actions .hizli-compare-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-favori-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
body.theme-light:not(.customer-mode) .genel-card-actions .genel-copy-link,
body.light-theme:not(.customer-mode) .genel-card-actions .device-detail-info-btn,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-favori-btn,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-compare-add-btn,
body.light-theme:not(.customer-mode) .genel-card-actions .genel-copy-link {
  background: #f8fafc !important;
  border-color: rgba(51, 65, 85, 0.28) !important;
  color: #334155 !important;
  opacity: 1 !important;
}

body.theme-light input::placeholder,
body.light-theme input::placeholder,
body.theme-light textarea::placeholder,
body.light-theme textarea::placeholder {
  color: #748298 !important;
  opacity: 1 !important;
}

body.theme-light [disabled],
body.light-theme [disabled],
body.theme-light .is-disabled,
body.light-theme .is-disabled {
  opacity: 0.58;
}

/* Light theme contrast pass */
body.theme-light,
body.light-theme {
  --theme-bg: #f0f2f5 !important;
  --theme-bg-card: #ffffff !important;
  --theme-bg-elevated: #ffffff !important;
  --theme-border: #dde1ea !important;
  background: #f0f2f5 !important;
}

body.theme-light #app-root,
body.light-theme #app-root {
  background: #f0f2f5 !important;
}

body.theme-light #app-header,
body.light-theme #app-header,
body.theme-light header,
body.light-theme header {
  background: #f0f4ff !important;
  border-bottom: 1px solid #dde1ea !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

body.theme-light #app-root .tabs,
body.light-theme #app-root .tabs,
body.theme-light .tabs,
body.light-theme .tabs {
  background: #ffffff !important;
  border-color: #dde1ea !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
}

body.theme-light #app-root .tabs .tab.active,
body.light-theme #app-root .tabs .tab.active,
body.theme-light .tabs .tab.active,
body.theme-light .tabs > a.tab.active,
body.light-theme .tabs .tab.active,
body.light-theme .tabs > a.tab.active {
  background: #1d6fe5 !important;
  border-color: #1d6fe5 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(29, 111, 229, 0.22) !important;
}

body.theme-light #app-root .tabs .tab.active .tab-icon,
body.light-theme #app-root .tabs .tab.active .tab-icon,
body.theme-light .tabs .tab.active .tab-icon,
body.light-theme .tabs .tab.active .tab-icon {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

body.theme-light .genel-device-card,
body.light-theme .genel-device-card,
body.theme-light .magaza-device-card,
body.light-theme .magaza-device-card,
body.theme-light .hizli-product-row,
body.light-theme .hizli-product-row,
body.theme-light .hizli-piyasa-market-card,
body.light-theme .hizli-piyasa-market-card,
body.theme-light .promo-card,
body.light-theme .promo-card,
body.theme-light .cart-item-card,
body.light-theme .cart-item-card,
body.theme-light .stat-card,
body.light-theme .stat-card,
body.theme-light .business-summary-card,
body.light-theme .business-summary-card {
  background: #ffffff !important;
  border: 1px solid #dde1ea !important;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.07) !important;
}

body.theme-light .genel-device-card:hover,
body.light-theme .genel-device-card:hover,
body.theme-light .magaza-device-card:hover,
body.light-theme .magaza-device-card:hover,
body.theme-light .hizli-product-row:hover,
body.light-theme .hizli-product-row:hover {
  border-color: #c8d0de !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1) !important;
}

body.theme-light .hizli-section-title,
body.light-theme .hizli-section-title {
  padding: 0.48rem 0.72rem !important;
  border-left: 3px solid #1d6fe5 !important;
  border-radius: 6px !important;
  background: #eef2ff !important;
  color: #0f172a !important;
}

/* Header ve sekme hizasi */
#app-header .slogan,
.slogan {
  display: none !important;
}

#landing-theme-toggle,
#header-theme-toggle,
#theme-light-toggle,
.theme-section {
  display: none !important;
  pointer-events: none !important;
}

#app-header .header-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: 0 !important;
}

#app-header .header-title {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: auto !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  min-width: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

#app-header .header-title-icon {
  display: block !important;
  flex: 0 0 auto !important;
  width: 2.45rem !important;
  height: 2.45rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

#app-header .header-title-text {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

#app-header .header-title-short {
  display: none !important;
}

#app-header .header-actions {
  flex: 0 0 auto !important;
  justify-self: end !important;
  margin-left: auto !important;
}

body.customer-mode #app-root > .tabs {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1.5rem !important;
  gap: 0.75rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-sizing: border-box !important;
}

body.customer-mode #app-root > .tabs #tab-genel,
body.customer-mode #app-root > .tabs #tab-genel.active {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 2.9rem !important;
  margin: 0 auto !important;
  padding: 0.68rem 1rem !important;
  gap: 0.5rem !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0.95rem !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
  color: #f8fafc !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.customer-mode #app-root > .tabs #tab-genel:hover,
body.customer-mode #app-root > .tabs #tab-genel.active:hover {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.customer-mode #app-root > .tabs #tab-genel::after {
  display: none !important;
  content: none !important;
}

body.customer-mode #app-root > .tabs #tab-genel .tab-label {
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.customer-mode #app-root > .tabs #tab-genel .tab-icon {
  filter: brightness(0) invert(1) !important;
  opacity: 0.88 !important;
}

body.theme-light.customer-mode #app-root > .tabs #tab-genel,
body.theme-light.customer-mode #app-root > .tabs #tab-genel.active,
body.light-theme.customer-mode #app-root > .tabs #tab-genel,
body.light-theme.customer-mode #app-root > .tabs #tab-genel.active {
  border-color: rgba(15, 23, 42, 0.1) !important;
  background: rgba(15, 23, 42, 0.06) !important;
  background-image: none !important;
  color: #1e293b !important;
  box-shadow: none !important;
}

body.theme-light.customer-mode #app-root > .tabs #tab-genel:hover,
body.light-theme.customer-mode #app-root > .tabs #tab-genel:hover {
  border-color: rgba(15, 23, 42, 0.16) !important;
  background: rgba(15, 23, 42, 0.09) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.theme-light.customer-mode #app-root > .tabs #tab-genel .tab-icon,
body.light-theme.customer-mode #app-root > .tabs #tab-genel .tab-icon {
  filter: brightness(0) saturate(100%) invert(22%) sepia(8%) saturate(1500%) hue-rotate(176deg) !important;
  opacity: 0.78 !important;
}

@media (max-width: 720px) {
  #app-header .header-top {
    justify-content: space-between !important;
  }

  #app-header .header-title {
    justify-self: start !important;
  }

  #app-header .header-actions {
    justify-self: end !important;
  }
}

@media (min-width: 1025px) {
  body:not(.customer-mode) #app-root > .tabs {
    width: 100% !important;
    max-width: none !important;
    margin: 1rem 0 0 !important;
    padding: 0 1.5rem !important;
    gap: 0.75rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.customer-mode) #app-root > .tabs .tab {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    justify-content: center !important;
  }
}

@media (max-width: 1024px) {
  body.customer-mode #app-root > .tabs {
    position: fixed !important;
    left: 1rem !important;
    right: 1rem !important;
    bottom: 0.6rem !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0.4rem 0.5rem !important;
    gap: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 24px !important;
    background: rgba(30, 42, 60, 0.85) !important;
    box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.4),
      inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  body.customer-mode #app-root > .tabs #tab-genel,
  body.customer-mode #app-root > .tabs #tab-genel.active {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 2.7rem !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    flex-direction: column !important;
  }

  body.theme-light.customer-mode #app-root > .tabs,
  body.light-theme.customer-mode #app-root > .tabs {
    border-color: rgba(0, 0, 0, 0.1) !important;
    background: rgba(255, 255, 255, 0.85) !important;
    box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.1),
      inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
  }

body.customer-mode #app-root > .tabs #tab-genel .tab-icon {
    width: 1.4rem !important;
    height: 1.4rem !important;
    margin-right: 0 !important;
    margin-bottom: 0.2rem !important;
    transform: translateY(-2px) !important;
  }

  body.customer-mode #app-root > .tabs #tab-genel.active::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    bottom: -0.1rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #60a5fa !important;
    box-shadow: 0 0 8px rgba(96, 165, 250, 0.8) !important;
  }
}

/* Ortak sekme kapsülü: telefon esnaf modu görsel dili tüm modlara taşınır. */
body:not(.customer-mode) #app-root > .tabs,
body.customer-mode #app-root > .tabs,
#app-root > .tabs {
  gap: 0 !important;
  padding: 0.4rem 0.5rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 24px !important;
  background: rgba(30, 42, 60, 0.85) !important;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.4),
    inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
}

body:not(.customer-mode) #app-root > .tabs .tab,
body:not(.customer-mode) #app-root > .tabs>a.tab,
body.customer-mode #app-root > .tabs .tab,
body.customer-mode #app-root > .tabs>a.tab,
#app-root > .tabs .tab,
#app-root > .tabs>a.tab {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 2.7rem !important;
  padding: 0.4rem 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  background-image: none !important;
  color: #9ca8b8 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: visible !important;
  text-align: center !important;
}

html:not(.admin-mode) #app-root > .tabs .admin-only-tab,
body:not(.admin-mode) #app-root > .tabs .admin-only-tab,
#app-root:not(.admin-mode) > .tabs .admin-only-tab,
#app-root.admin-mode > .tabs #tab-magaza {
  display: none !important;
  visibility: hidden !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html.admin-mode:not(.customer-mode) #app-root > .tabs .admin-only-tab,
body.admin-mode:not(.customer-mode) #app-root > .tabs .admin-only-tab,
#app-root.admin-mode:not(.customer-mode) > .tabs .admin-only-tab {
  display: flex !important;
  visibility: visible !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body:not(.customer-mode) #app-root > .tabs .tab.active,
body:not(.customer-mode) #app-root > .tabs>a.tab.active,
body.customer-mode #app-root > .tabs .tab.active,
body.customer-mode #app-root > .tabs>a.tab.active,
#app-root > .tabs .tab.active,
#app-root > .tabs>a.tab.active {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

#app-root > .tabs .tab .tab-icon,
#app-root > .tabs>a.tab .tab-icon {
  width: 1.4rem !important;
  height: 1.4rem !important;
  margin-right: 0 !important;
  margin-bottom: 0.2rem !important;
  filter: brightness(0) saturate(100%) invert(70%) sepia(20%) saturate(300%) hue-rotate(180deg) !important;
  transform: none !important;
}

#app-root > .tabs .tab.active .tab-icon,
#app-root > .tabs>a.tab.active .tab-icon {
  filter: brightness(0) invert(1) !important;
  transform: translateY(-2px) !important;
}

#app-root > .tabs .tab.active::after,
#app-root > .tabs>a.tab.active::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: -0.1rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: #60a5fa !important;
  box-shadow: 0 0 8px rgba(96, 165, 250, 0.8) !important;
}

body.customer-mode #app-root > .tabs {
  justify-content: flex-start !important;
}

body.customer-mode #app-root > .tabs #tab-isletme-ozet,
body.customer-mode #app-root > .tabs #tab-magaza,
body.customer-mode #app-root > .tabs #tab-genel-durum,
body.customer-mode #app-root > .tabs #tab-hata-raporlari {
  display: none !important;
  visibility: hidden !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.customer-mode #app-root > .tabs #tab-genel,
body.customer-mode #app-root > .tabs #tab-genel.active {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.theme-light #app-root > .tabs,
body.light-theme #app-root > .tabs {
  border-color: rgba(0, 0, 0, 0.1) !important;
  background: rgba(255, 255, 255, 0.85) !important;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.1),
    inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
}

body.theme-light #app-root > .tabs .tab.active,
body.theme-light #app-root > .tabs>a.tab.active,
body.light-theme #app-root > .tabs .tab.active,
body.light-theme #app-root > .tabs>a.tab.active {
  color: #1e293b !important;
  background: rgba(15, 23, 42, 0.06) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

@media (max-width: 1024px) {
  #app-root > .tabs {
    position: fixed !important;
    left: 1rem !important;
    right: 1rem !important;
    bottom: 0.6rem !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 9999 !important;
  }
}

/* V101: Mobil uyelik modalini ekranin ortasinda tut. */
@media (max-width: 430px) {
  .uyelik-yonetim-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: max(18px, env(safe-area-inset-top)) 10px max(18px, env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
  }

  .uyelik-yonetim-card {
    max-height: calc(100dvh - 36px) !important;
  }

  .uyelik-yonetim-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* V101: Esnaf hesabi olusturma modalinda sade operasyonel form. */
.esnaf-create-modal {
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(14px, 3vh, 28px) !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
}

.esnaf-create-modal-overlay {
  background: rgba(3, 8, 18, 0.78) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.esnaf-create-modal-card {
  width: min(100%, 432px) !important;
  max-width: 432px !important;
  max-height: min(92dvh, 680px) !important;
  border-radius: 8px !important;
  background: #101827 !important;
  border: 1px solid rgba(125, 158, 202, 0.22) !important;
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.esnaf-create-modal-card::before {
  height: 3px !important;
  background: linear-gradient(90deg, #38bdf8 0%, #2563eb 58%, #22c55e 100%) !important;
}

.esnaf-create-modal-header {
  min-height: 64px !important;
  padding: 0 1rem 0 1.05rem !important;
  background: #132238 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}

.esnaf-create-modal-title {
  gap: 0.68rem !important;
  color: #f5f8fc !important;
  font-size: 1.06rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.esnaf-create-modal-title::before {
  width: 0.32rem !important;
  height: 1.5rem !important;
  background: linear-gradient(180deg, #22d3ee, #34d399) !important;
  box-shadow: none !important;
}

.esnaf-create-modal-close {
  width: 2.2rem !important;
  height: 2.2rem !important;
  border-radius: 8px !important;
  background: rgba(15, 23, 42, 0.46) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.esnaf-create-modal-close:hover {
  background: rgba(30, 41, 59, 0.72) !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
}

.esnaf-create-modal-close img {
  display: none !important;
}

.esnaf-create-modal-close::before,
.esnaf-create-modal-close::after,
.uyelik-yonetim-close::before,
.uyelik-yonetim-close::after {
  content: '' !important;
  position: absolute !important;
  width: 1.08rem !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
}

.esnaf-create-modal-close::before,
.uyelik-yonetim-close::before {
  transform: rotate(45deg) !important;
}

.esnaf-create-modal-close::after,
.uyelik-yonetim-close::after {
  transform: rotate(-45deg) !important;
}

.uyelik-yonetim-close {
  position: relative !important;
}

.uyelik-yonetim-close .panel-close-icon,
.uyelik-yonetim-close img {
  display: none !important;
}

.esnaf-create-modal-body {
  padding: 1rem !important;
  background: #16253a !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.esnaf-create-modal .esnaf-create-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.72rem !important;
}

.esnaf-create-modal .esnaf-create-field {
  display: grid !important;
  gap: 0.36rem !important;
}

.esnaf-create-modal .esnaf-create-label {
  color: #d8e2ef !important;
  font-size: 0.82rem !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

.esnaf-create-modal .esnaf-create-input,
.esnaf-create-modal .esnaf-password-wrap,
.esnaf-create-modal .esnaf-phone-wrap,
.esnaf-create-modal .esnaf-duration-wrap {
  min-height: 2.72rem !important;
  border-radius: 8px !important;
  background: #081322 !important;
  border: 1px solid rgba(125, 158, 202, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.esnaf-create-modal .esnaf-create-input {
  padding: 0.68rem 0.82rem !important;
  color: #f8fafc !important;
  font-size: 0.94rem !important;
  line-height: 1.2 !important;
}

.esnaf-create-modal .esnaf-password-wrap .esnaf-create-input,
.esnaf-create-modal .esnaf-phone-wrap .esnaf-create-input,
.esnaf-create-modal .esnaf-duration-wrap .esnaf-create-input {
  min-height: 2.58rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.esnaf-create-modal .esnaf-create-input::placeholder {
  color: #78879a !important;
  opacity: 1 !important;
}

.esnaf-create-modal .esnaf-create-input:hover:not(:focus),
.esnaf-create-modal .esnaf-password-wrap:hover,
.esnaf-create-modal .esnaf-phone-wrap:hover,
.esnaf-create-modal .esnaf-duration-wrap:hover {
  border-color: rgba(148, 163, 184, 0.32) !important;
  background: #0a1728 !important;
}

.esnaf-create-modal .esnaf-create-input:focus,
.esnaf-create-modal .esnaf-password-wrap:focus-within,
.esnaf-create-modal .esnaf-phone-wrap:focus-within,
.esnaf-create-modal .esnaf-duration-wrap:focus-within {
  border-color: rgba(96, 165, 250, 0.68) !important;
  background: #0b1829 !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.esnaf-create-modal .esnaf-phone-prefix,
.esnaf-create-modal .esnaf-duration-unit {
  min-width: 3rem !important;
  background: #132a50 !important;
  border-color: rgba(125, 158, 202, 0.18) !important;
  color: #93c5fd !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

.esnaf-create-modal .esnaf-password-toggle {
  right: 0.38rem !important;
  width: 1.95rem !important;
  height: 1.95rem !important;
  border-radius: 8px !important;
  background: #10284d !important;
  border-color: rgba(96, 165, 250, 0.28) !important;
}

.esnaf-create-modal .esnaf-password-toggle:hover {
  background: #163869 !important;
  border-color: rgba(147, 197, 253, 0.42) !important;
}

.esnaf-create-modal .esnaf-password-toggle img {
  width: 0.96rem !important;
  height: 0.96rem !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
}

.esnaf-create-modal .esnaf-create-btn {
  min-height: 3.05rem !important;
  margin-top: 0.12rem !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #1f6feb 0%, #2d4fd7 100%) !important;
  color: #ffffff !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22) !important;
}

.esnaf-create-modal .esnaf-create-btn:hover:not(:disabled) {
  transform: translateY(-1px) !important;
  background: linear-gradient(135deg, #2f80ff 0%, #365ee9 100%) !important;
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.28) !important;
}

.esnaf-create-modal .esnaf-create-result {
  margin-top: 0.8rem !important;
  border-radius: 8px !important;
}

body.theme-light .esnaf-create-modal-card,
body.light-theme .esnaf-create-modal-card {
  background: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

body.theme-light .esnaf-create-modal-header,
body.light-theme .esnaf-create-modal-header {
  background: #f8fafc !important;
  border-bottom-color: rgba(148, 163, 184, 0.24) !important;
}

body.theme-light .esnaf-create-modal-body,
body.light-theme .esnaf-create-modal-body {
  background: #eef2f7 !important;
}

body.theme-light .esnaf-create-modal .esnaf-create-input,
body.light-theme .esnaf-create-modal .esnaf-create-input,
body.theme-light .esnaf-create-modal .esnaf-password-wrap,
body.light-theme .esnaf-create-modal .esnaf-password-wrap,
body.theme-light .esnaf-create-modal .esnaf-phone-wrap,
body.light-theme .esnaf-create-modal .esnaf-phone-wrap,
body.theme-light .esnaf-create-modal .esnaf-duration-wrap,
body.light-theme .esnaf-create-modal .esnaf-duration-wrap {
  background: #ffffff !important;
  border-color: rgba(100, 116, 139, 0.24) !important;
  color: #0f172a !important;
}

body.theme-light .esnaf-create-modal .esnaf-phone-prefix,
body.light-theme .esnaf-create-modal .esnaf-phone-prefix,
body.theme-light .esnaf-create-modal .esnaf-duration-unit,
body.light-theme .esnaf-create-modal .esnaf-duration-unit {
  background: #e8f1ff !important;
  color: #1d4ed8 !important;
}

@media (max-width: 480px) {
  .esnaf-create-modal {
    padding: 12px !important;
  }

  .esnaf-create-modal-card {
    width: min(100%, 420px) !important;
    max-height: calc(100dvh - 24px) !important;
  }

  .esnaf-create-modal-header {
    min-height: 68px !important;
    padding-inline: 1rem !important;
  }

  .esnaf-create-modal-body {
    padding: 1rem !important;
  }
}

/* V102: Esnaf hesabi formu - ikonlu, daha olgun modal duzeni. */
.esnaf-create-modal-card {
  width: min(100%, 500px) !important;
  max-width: 500px !important;
  background:
    linear-gradient(180deg, rgba(18, 32, 51, 0.98) 0%, rgba(13, 24, 40, 0.99) 100%) !important;
}

.esnaf-create-modal-header {
  min-height: 4.35rem !important;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.78), rgba(20, 38, 61, 0.88)) !important;
}

.esnaf-create-modal-body {
  padding: 1.05rem !important;
  background:
    linear-gradient(180deg, rgba(30, 50, 78, 0.9), rgba(16, 29, 48, 0.96)) !important;
}

.esnaf-create-modal .esnaf-create-form-v2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.82rem !important;
}

.esnaf-create-modal .esnaf-create-form-v2 .esnaf-create-field {
  min-width: 0 !important;
  max-width: none !important;
  grid-column: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.esnaf-create-modal .esnaf-create-form-v2 .esnaf-create-field:nth-child(3),
.esnaf-create-modal .esnaf-create-form-v2 .esnaf-create-btn {
  grid-column: 1 / -1 !important;
}

.esnaf-create-modal .esnaf-create-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  margin: 0 !important;
  color: #dce7f5 !important;
  font-size: 0.78rem !important;
  font-weight: 720 !important;
}

.esnaf-create-modal .esnaf-create-label-icon {
  box-sizing: border-box !important;
  width: 1.28rem !important;
  height: 1.28rem !important;
  flex: 0 0 auto !important;
  padding: 0.22rem !important;
  border: 1px solid rgba(125, 211, 252, 0.2) !important;
  border-radius: 7px !important;
  background: rgba(14, 165, 233, 0.12) !important;
  color: #7dd3fc !important;
  filter: brightness(0) saturate(100%) invert(80%) sepia(42%) saturate(1113%) hue-rotate(167deg) brightness(100%) contrast(98%) !important;
  opacity: 0.94 !important;
}

.esnaf-create-modal .esnaf-create-input,
.esnaf-create-modal .esnaf-password-wrap,
.esnaf-create-modal .esnaf-phone-wrap,
.esnaf-create-modal .esnaf-duration-wrap {
  min-height: 2.85rem !important;
  border-radius: 9px !important;
  background: rgba(6, 15, 28, 0.92) !important;
  border: 1px solid rgba(123, 153, 191, 0.24) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.esnaf-create-modal .esnaf-create-input {
  padding: 0.72rem 0.85rem !important;
  font-size: 0.92rem !important;
}

.esnaf-create-modal .esnaf-password-wrap .esnaf-create-input,
.esnaf-create-modal .esnaf-phone-wrap .esnaf-create-input,
.esnaf-create-modal .esnaf-duration-wrap .esnaf-create-input {
  min-height: 2.68rem !important;
}

.esnaf-create-modal .esnaf-create-input:hover:not(:focus),
.esnaf-create-modal .esnaf-password-wrap:hover,
.esnaf-create-modal .esnaf-phone-wrap:hover,
.esnaf-create-modal .esnaf-duration-wrap:hover {
  background: rgba(9, 21, 38, 0.96) !important;
  border-color: rgba(148, 184, 224, 0.34) !important;
}

.esnaf-create-modal .esnaf-create-input:focus,
.esnaf-create-modal .esnaf-password-wrap:focus-within,
.esnaf-create-modal .esnaf-phone-wrap:focus-within,
.esnaf-create-modal .esnaf-duration-wrap:focus-within {
  background: rgba(9, 21, 38, 0.98) !important;
  border-color: rgba(56, 189, 248, 0.62) !important;
  box-shadow:
    0 0 0 3px rgba(56, 189, 248, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.esnaf-create-modal .esnaf-phone-prefix,
.esnaf-create-modal .esnaf-duration-unit {
  min-width: 3.05rem !important;
  background: rgba(29, 78, 216, 0.24) !important;
  color: #bfdbfe !important;
  border-color: rgba(123, 153, 191, 0.2) !important;
}

.esnaf-create-modal .esnaf-password-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(37, 99, 235, 0.22) !important;
  border-color: rgba(96, 165, 250, 0.28) !important;
}

.esnaf-create-modal .esnaf-password-toggle img {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
}

.esnaf-create-modal .esnaf-create-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.48rem !important;
  min-height: 3.15rem !important;
  margin-top: 0.2rem !important;
  background:
    linear-gradient(135deg, #0ea5e9 0%, #2563eb 48%, #1d4ed8 100%) !important;
}

.esnaf-create-modal .esnaf-create-submit-icon {
  width: 1.02rem !important;
  height: 1.02rem !important;
  flex: 0 0 auto !important;
  filter: brightness(0) invert(1) !important;
}

.esnaf-create-modal .esnaf-create-btn.esnaf-create-btn-loading .esnaf-create-submit-icon {
  opacity: 0 !important;
}

body.theme-light .esnaf-create-modal .esnaf-create-label-icon,
body.light-theme .esnaf-create-modal .esnaf-create-label-icon {
  filter: brightness(0) saturate(100%) invert(35%) sepia(94%) saturate(2241%) hue-rotate(205deg) brightness(96%) contrast(92%) !important;
}

body.theme-light .esnaf-create-modal-body,
body.light-theme .esnaf-create-modal-body {
  background: #eef2f7 !important;
}

body.theme-light .esnaf-create-modal .esnaf-create-input,
body.light-theme .esnaf-create-modal .esnaf-create-input,
body.theme-light .esnaf-create-modal .esnaf-password-wrap,
body.light-theme .esnaf-create-modal .esnaf-password-wrap,
body.theme-light .esnaf-create-modal .esnaf-phone-wrap,
body.light-theme .esnaf-create-modal .esnaf-phone-wrap,
body.theme-light .esnaf-create-modal .esnaf-duration-wrap,
body.light-theme .esnaf-create-modal .esnaf-duration-wrap {
  background: #ffffff !important;
  border-color: rgba(100, 116, 139, 0.24) !important;
}

@media (max-width: 560px) {
  .esnaf-create-modal-card {
    width: min(100%, 420px) !important;
    max-width: 420px !important;
  }

  .esnaf-create-modal .esnaf-create-form-v2 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.74rem !important;
  }

  .esnaf-create-modal .esnaf-create-form-v2 .esnaf-create-field,
  .esnaf-create-modal .esnaf-create-form-v2 .esnaf-create-field:nth-child(3),
  .esnaf-create-modal .esnaf-create-form-v2 .esnaf-create-btn {
    grid-column: 1 !important;
  }
}

/* V110: Esnaf hesabi modalinda renkli seritleri kaldir, logo ve daha tok ikon tonu kullan. */
.esnaf-create-modal-card {
  background:
    linear-gradient(180deg, rgba(17, 29, 47, 0.99) 0%, rgba(12, 24, 39, 0.99) 100%) !important;
  border-color: rgba(93, 126, 165, 0.28) !important;
  box-shadow:
    0 24px 62px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.esnaf-create-modal-card::before,
.esnaf-create-modal-title::before {
  content: none !important;
  display: none !important;
}

.esnaf-create-modal-header {
  background: #111d2f !important;
  border-bottom-color: rgba(117, 146, 181, 0.16) !important;
}

.esnaf-create-modal-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.68rem !important;
  color: #eef5ff !important;
}

.esnaf-create-title-logo {
  display: block !important;
  width: 2rem !important;
  height: 2rem !important;
  flex: 0 0 auto !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow:
    0 8px 18px rgba(2, 8, 23, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  object-fit: contain !important;
}

.esnaf-create-modal-body {
  background:
    linear-gradient(180deg, rgba(25, 42, 65, 0.92), rgba(16, 30, 49, 0.97)) !important;
}

.esnaf-create-modal .esnaf-create-label {
  color: #d6e1ee !important;
}

.esnaf-create-modal .esnaf-create-label-icon {
  border-color: rgba(105, 136, 174, 0.3) !important;
  background: rgba(69, 96, 128, 0.18) !important;
  filter: brightness(0) saturate(100%) invert(62%) sepia(12%) saturate(891%) hue-rotate(173deg) brightness(90%) contrast(88%) !important;
  opacity: 0.86 !important;
}

.esnaf-create-modal .esnaf-password-toggle {
  background: rgba(37, 73, 121, 0.42) !important;
  border-color: rgba(105, 136, 174, 0.32) !important;
}

.esnaf-create-modal .esnaf-password-toggle img {
  filter: brightness(0) saturate(100%) invert(76%) sepia(13%) saturate(455%) hue-rotate(178deg) brightness(92%) contrast(88%) !important;
  opacity: 0.92 !important;
}

.esnaf-create-modal .esnaf-create-input,
.esnaf-create-modal .esnaf-password-wrap,
.esnaf-create-modal .esnaf-phone-wrap,
.esnaf-create-modal .esnaf-duration-wrap {
  background: rgba(6, 14, 26, 0.95) !important;
  border-color: rgba(92, 121, 158, 0.28) !important;
}

.esnaf-create-modal .esnaf-create-input:hover:not(:focus),
.esnaf-create-modal .esnaf-password-wrap:hover,
.esnaf-create-modal .esnaf-phone-wrap:hover,
.esnaf-create-modal .esnaf-duration-wrap:hover {
  background: rgba(9, 19, 34, 0.98) !important;
  border-color: rgba(111, 143, 180, 0.38) !important;
}

.esnaf-create-modal .esnaf-create-input:focus,
.esnaf-create-modal .esnaf-password-wrap:focus-within,
.esnaf-create-modal .esnaf-phone-wrap:focus-within,
.esnaf-create-modal .esnaf-duration-wrap:focus-within {
  border-color: rgba(80, 142, 207, 0.68) !important;
  box-shadow:
    0 0 0 3px rgba(37, 99, 235, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.esnaf-create-modal .esnaf-phone-prefix,
.esnaf-create-modal .esnaf-duration-unit {
  background: rgba(31, 65, 113, 0.58) !important;
  color: #b8c9de !important;
  border-color: rgba(105, 136, 174, 0.24) !important;
}

.esnaf-create-modal .esnaf-create-btn {
  background: linear-gradient(135deg, #2f8bd8 0%, #2d66dc 58%, #274fc7 100%) !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.24) !important;
}

.esnaf-create-modal .esnaf-create-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #3b96e2 0%, #3474e8 58%, #2f5bd6 100%) !important;
}

/* V111: Yonetim ekranini daha kurumsal ve ayrisik bir operasyon paneli yap. */
#genel-durum-content {
  --admin-v111-surface: #111c2e;
  --admin-v111-surface-2: #17263c;
  --admin-v111-surface-3: #0b1524;
  --admin-v111-border: rgba(113, 145, 184, 0.28);
  --admin-v111-border-soft: rgba(113, 145, 184, 0.18);
  --admin-v111-text: #eef5ff;
  --admin-v111-muted: #96abc4;
  --admin-v111-blue: #2b65d9;
  --admin-v111-blue-soft: rgba(43, 101, 217, 0.16);
  --admin-v111-green: #22c081;
  gap: 0.9rem !important;
  padding-top: clamp(0.85rem, 1.2vw, 1.18rem) !important;
  scroll-margin-top: 6.5rem !important;
}

body.app-view-active #genel-durum-content.tab-content.active,
#genel-durum-content.tab-content[aria-hidden="false"] {
  display: grid !important;
}

#genel-durum-cards:empty {
  display: none !important;
}

#genel-durum-content > .admin-announcement-banner {
  align-items: center !important;
  min-height: 3.45rem !important;
  margin: 0 !important;
  padding: 0.78rem 0.95rem !important;
  border: 1px solid var(--admin-v111-border) !important;
  border-left: 3px solid rgba(96, 165, 250, 0.72) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(23, 39, 63, 0.98), rgba(16, 30, 49, 0.98)) !important;
  box-shadow:
    0 12px 26px rgba(2, 8, 23, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

#genel-durum-content .admin-announcement-content {
  gap: 0.68rem !important;
}

#genel-durum-content .admin-announcement-icon {
  box-sizing: border-box !important;
  width: 2rem !important;
  height: 2rem !important;
  padding: 0.46rem !important;
  border: 1px solid rgba(96, 165, 250, 0.28) !important;
  border-radius: 8px !important;
  background: rgba(37, 99, 235, 0.15) !important;
  filter: brightness(0) saturate(100%) invert(67%) sepia(64%) saturate(1411%) hue-rotate(183deg) brightness(101%) contrast(96%) !important;
  opacity: 1 !important;
}

#genel-durum-content .admin-announcement-text {
  color: var(--admin-v111-text) !important;
  font-size: 0.9rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content .admin-announcement-view-actions {
  gap: 0.46rem !important;
}

#genel-durum-content .admin-announcement-editor-btn {
  min-height: 2.08rem !important;
  padding: 0 0.78rem !important;
  border-radius: 8px !important;
  font-size: 0.78rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content .admin-announcement-editor-btn.edit {
  background: rgba(37, 99, 235, 0.2) !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
  color: #bfdcff !important;
}

#genel-durum-content .admin-announcement-editor-btn.delete {
  background: rgba(190, 24, 93, 0.2) !important;
  border-color: rgba(244, 63, 94, 0.34) !important;
  color: #fecdd3 !important;
}

#genel-durum-content .admin-announcement-editor-icon {
  width: 0.9rem !important;
  height: 0.9rem !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
}

#genel-durum-content > #sistem-durum-panel.sistem-durum-panel {
  margin: 0 !important;
  border: 1px solid var(--admin-v111-border) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(20, 34, 55, 0.98), rgba(15, 27, 45, 0.98)) !important;
  box-shadow:
    0 12px 26px rgba(2, 8, 23, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

#genel-durum-content .sistem-durum-header {
  min-height: 3.2rem !important;
  padding: 0.76rem 0.95rem !important;
  border-bottom: 1px solid var(--admin-v111-border-soft) !important;
  background: rgba(24, 42, 67, 0.72) !important;
}

#genel-durum-content .sistem-durum-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.48rem !important;
  margin: 0 !important;
  color: var(--admin-v111-text) !important;
  font-size: 0.96rem !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content .sistem-durum-title img {
  margin: 0 !important;
  filter: brightness(0) saturate(100%) invert(71%) sepia(36%) saturate(1014%) hue-rotate(178deg) brightness(97%) contrast(92%) !important;
  opacity: 0.92 !important;
}

#genel-durum-content .sistem-durum-refresh-btn {
  min-height: 2rem !important;
  padding: 0 0.72rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(125, 155, 194, 0.22) !important;
  background: rgba(8, 18, 32, 0.4) !important;
  color: #c7d7eb !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content .sistem-durum-refresh-btn:hover {
  background: rgba(43, 101, 217, 0.18) !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
  color: #e4efff !important;
}

#genel-durum-content .sistem-durum-refresh-btn img {
  filter: brightness(0) saturate(100%) invert(77%) sepia(19%) saturate(520%) hue-rotate(178deg) brightness(93%) contrast(91%) !important;
}

#genel-durum-content .sistem-durum-body {
  padding: 0.9rem 0.95rem 0.86rem !important;
}

#genel-durum-content .sistem-durum-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.68rem !important;
}

#genel-durum-content .sdurum-card {
  min-height: 5.6rem !important;
  gap: 0.68rem !important;
  padding: 0.72rem !important;
  border: 1px solid var(--admin-v111-border-soft) !important;
  border-radius: 8px !important;
  background: rgba(11, 21, 36, 0.64) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#genel-durum-content .sdurum-card svg {
  width: 4rem !important;
  height: 4rem !important;
  flex: 0 0 4rem !important;
}

#genel-durum-content .sdurum-card-title {
  color: var(--admin-v111-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content .sdurum-card-val {
  color: #f4f8ff !important;
  font-size: 0.9rem !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content .sdurum-card-sub {
  color: var(--admin-v111-muted) !important;
  font-size: 0.73rem !important;
  letter-spacing: 0 !important;
}

#genel-durum-content .sdurum-footer {
  margin-top: 0.82rem !important;
  padding-top: 0.68rem !important;
  border-top-color: var(--admin-v111-border-soft) !important;
  color: #a8bad0 !important;
}

#genel-durum-content > #admin-tools-grid.admin-tools-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.72fr) !important;
  gap: 0.78rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#genel-durum-content #admin-tools-grid > .model-yonetimi-panel,
#genel-durum-content #admin-tools-grid > .esnaf-create-panel {
  min-height: 9rem !important;
  padding: 0.95rem !important;
  border: 1px solid var(--admin-v111-border-soft) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(18, 31, 50, 0.97), rgba(13, 25, 42, 0.98)) !important;
  box-shadow:
    0 10px 24px rgba(2, 8, 23, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#genel-durum-content #admin-tools-grid > .model-yonetimi-panel {
  border-left: 3px solid rgba(96, 165, 250, 0.55) !important;
}

#genel-durum-content #admin-tools-grid > .esnaf-create-panel {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  border-left: 3px solid rgba(34, 192, 129, 0.56) !important;
}

#genel-durum-content .model-yonetimi-head {
  align-items: center !important;
}

#genel-durum-content .model-yonetimi-icon,
#genel-durum-content .esnaf-create-card-icon {
  width: 2.3rem !important;
  height: 2.3rem !important;
  border-radius: 8px !important;
  border-color: rgba(96, 165, 250, 0.24) !important;
  background: rgba(37, 99, 235, 0.13) !important;
  position: relative !important;
}

#genel-durum-content .model-yonetimi-icon img,
#genel-durum-content .esnaf-create-card-icon img {
  display: none !important;
  width: 1.08rem !important;
  height: 1.08rem !important;
  opacity: 1 !important;
}

#genel-durum-content .model-yonetimi-icon::before,
#genel-durum-content .esnaf-create-card-icon::before {
  content: "" !important;
  display: block !important;
  width: 1.08rem !important;
  height: 1.08rem !important;
  margin: auto !important;
  background: #9ecbff !important;
  -webkit-mask: url("../assets/icons/box.svg") center / contain no-repeat !important;
  mask: url("../assets/icons/box.svg") center / contain no-repeat !important;
}

#genel-durum-content .model-yonetimi-icon::before {
  background:
    linear-gradient(#9ecbff, #9ecbff) 0 0 / 0.42rem 0.42rem no-repeat,
    linear-gradient(#9ecbff, #9ecbff) 100% 0 / 0.42rem 0.42rem no-repeat,
    linear-gradient(#9ecbff, #9ecbff) 0 100% / 0.42rem 0.42rem no-repeat,
    linear-gradient(#9ecbff, #9ecbff) 100% 100% / 0.42rem 0.42rem no-repeat !important;
  border-radius: 2px !important;
  -webkit-mask: none !important;
  mask: none !important;
}

#genel-durum-content .esnaf-create-card-icon {
  background: rgba(16, 185, 129, 0.13) !important;
  border-color: rgba(34, 192, 129, 0.28) !important;
}

#genel-durum-content .esnaf-create-card-icon::before {
  background: #7ee3ad !important;
  -webkit-mask-image: url("../assets/icons/store.svg") !important;
  mask-image: url("../assets/icons/store.svg") !important;
}

#genel-durum-content .model-yonetimi-title,
#genel-durum-content .esnaf-create-card-title {
  color: var(--admin-v111-text) !important;
  font-size: 1rem !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content .model-yonetimi-lead,
#genel-durum-content .esnaf-create-card-lead {
  color: var(--admin-v111-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content .model-yonetimi-form {
  margin-top: 0.9rem !important;
  grid-template-columns: minmax(9rem, 0.72fr) minmax(13rem, 1.1fr) minmax(9rem, 0.56fr) !important;
  gap: 0.55rem !important;
}

#genel-durum-content .model-yonetimi-label {
  color: #a9bdd6 !important;
  font-size: 0.68rem !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#genel-durum-content .model-yonetimi-select,
#genel-durum-content .model-yonetimi-input,
#genel-durum-content .model-yonetimi-brand-trigger {
  height: 2.4rem !important;
  min-height: 2.4rem !important;
  border-radius: 8px !important;
  border-color: rgba(116, 147, 186, 0.24) !important;
  background: rgba(6, 15, 28, 0.8) !important;
  color: #ecf4ff !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

#genel-durum-content .model-yonetimi-btn,
#genel-durum-content .esnaf-create-open-modal-btn {
  height: 2.4rem !important;
  min-height: 2.4rem !important;
  border-radius: 8px !important;
  border-color: rgba(96, 165, 250, 0.36) !important;
  background: rgba(43, 101, 217, 0.82) !important;
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

#genel-durum-content .model-yonetimi-btn:hover,
#genel-durum-content .esnaf-create-open-modal-btn:hover {
  background: rgba(59, 130, 246, 0.94) !important;
  border-color: rgba(147, 197, 253, 0.52) !important;
  transform: translateY(-1px) !important;
}

#genel-durum-content .esnaf-create-open-modal-btn {
  width: 100% !important;
  margin-top: auto !important;
  background: rgba(37, 99, 235, 0.78) !important;
}

#genel-durum-content .esnaf-create-open-modal-btn img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.92 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-shell-v4 {
  gap: 0.82rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-header-v4 {
  padding-top: 0.1rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-title {
  color: var(--admin-v111-text) !important;
  font-size: 1.04rem !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-panel-subtitle {
  color: var(--admin-v111-muted) !important;
  letter-spacing: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-search-input {
  height: 2.35rem !important;
  border-radius: 8px !important;
  border-color: rgba(116, 147, 186, 0.24) !important;
  background: rgba(6, 15, 28, 0.78) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-bulk-action {
  height: 2.35rem !important;
  border-radius: 8px !important;
  border-color: rgba(244, 63, 94, 0.42) !important;
  background: rgba(190, 24, 93, 0.72) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-strip {
  gap: 0.55rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-item {
  min-height: 3.15rem !important;
  border-radius: 8px !important;
  border-color: var(--admin-v111-border-soft) !important;
  background:
    linear-gradient(180deg, rgba(18, 31, 50, 0.92), rgba(10, 21, 36, 0.94)) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-item strong {
  color: #f7fbff !important;
  font-size: 1.04rem !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-summary-item span {
  color: var(--admin-v111-muted) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-card-list-v4 {
  gap: 0.72rem !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-card-v4 {
  min-height: 10.4rem !important;
  padding: 0.82rem !important;
  border-radius: 8px !important;
  border-color: var(--admin-v111-border-soft) !important;
  background:
    linear-gradient(180deg, rgba(18, 31, 50, 0.96), rgba(11, 22, 38, 0.97)) !important;
  box-shadow:
    0 10px 22px rgba(2, 8, 23, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-card-v4:hover {
  border-color: rgba(96, 165, 250, 0.36) !important;
  box-shadow:
    0 12px 26px rgba(2, 8, 23, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-member-avatar {
  border-color: rgba(96, 165, 250, 0.26) !important;
  background: rgba(37, 99, 235, 0.16) !important;
  color: #bfdbfe !important;
  font-weight: 820 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-store-v4 {
  color: var(--admin-v111-text) !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-username-v4,
#genel-durum-content > .uyelik-panel .uyelik-metric {
  color: var(--admin-v111-muted) !important;
  letter-spacing: 0 !important;
}

#genel-durum-content > .uyelik-panel .uyelik-metric {
  border-color: rgba(116, 147, 186, 0.16) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

#genel-durum-content > .uyelik-panel .uyelik-yonet-btn-v4 {
  height: 2.14rem !important;
  border-color: rgba(96, 165, 250, 0.28) !important;
  background: rgba(37, 99, 235, 0.22) !important;
  color: #dbeafe !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

#genel-durum-content > .uyelik-panel .uyelik-yonet-btn-v4:hover {
  border-color: rgba(147, 197, 253, 0.46) !important;
  background: rgba(37, 99, 235, 0.34) !important;
  box-shadow: none !important;
}

@media (min-width: 1280px) {
  #genel-durum-content > .uyelik-panel .uyelik-card-list-v4 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1680px) {
  #genel-durum-content > .uyelik-panel .uyelik-card-list-v4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  #genel-durum-content > #admin-tools-grid.admin-tools-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #genel-durum-content .sistem-durum-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  #genel-durum-content {
    padding-top: 0.75rem !important;
    gap: 0.72rem !important;
  }

  #genel-durum-content > .admin-announcement-banner {
    padding: 0.72rem !important;
  }

  #genel-durum-content .admin-announcement-view-actions {
    width: 100% !important;
  }

  #genel-durum-content .admin-announcement-editor-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  #genel-durum-content .sistem-durum-grid {
    grid-template-columns: 1fr !important;
  }

  #genel-durum-content .sdurum-card svg {
    width: 3.5rem !important;
    height: 3.5rem !important;
    flex-basis: 3.5rem !important;
  }

  #genel-durum-content .model-yonetimi-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

body.theme-light #genel-durum-content,
body.light-theme #genel-durum-content {
  --admin-v111-surface: #ffffff;
  --admin-v111-surface-2: #f1f5f9;
  --admin-v111-surface-3: #ffffff;
  --admin-v111-border: rgba(100, 116, 139, 0.24);
  --admin-v111-border-soft: rgba(100, 116, 139, 0.18);
  --admin-v111-text: #0f172a;
  --admin-v111-muted: #64748b;
}

body.theme-light #genel-durum-content > .admin-announcement-banner,
body.light-theme #genel-durum-content > .admin-announcement-banner,
body.theme-light #genel-durum-content > #sistem-durum-panel.sistem-durum-panel,
body.light-theme #genel-durum-content > #sistem-durum-panel.sistem-durum-panel,
body.theme-light #genel-durum-content #admin-tools-grid > .model-yonetimi-panel,
body.light-theme #genel-durum-content #admin-tools-grid > .model-yonetimi-panel,
body.theme-light #genel-durum-content #admin-tools-grid > .esnaf-create-panel,
body.light-theme #genel-durum-content #admin-tools-grid > .esnaf-create-panel,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-summary-item,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-summary-item,
body.theme-light #genel-durum-content > .uyelik-panel .uyelik-member-card-v4,
body.light-theme #genel-durum-content > .uyelik-panel .uyelik-member-card-v4 {
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  border-color: var(--admin-v111-border) !important;
  color: var(--admin-v111-text) !important;
}

body.theme-light #genel-durum-content .sistem-durum-header,
body.light-theme #genel-durum-content .sistem-durum-header {
  background: #f1f5f9 !important;
}

@media (max-width: 520px) {
  #app-header .header-top {
    gap: 0.55rem !important;
  }

  #app-header .header-title {
    flex: 0 0 auto !important;
    max-width: 3.1rem !important;
    overflow: hidden !important;
  }

  #app-header .header-title-text,
  #app-header .header-title-short {
    display: none !important;
  }

  #app-header .header-title-icon {
    width: 2.85rem !important;
    height: 2.85rem !important;
    border-radius: 14px !important;
  }

  #app-header .header-actions {
    flex: 1 1 auto !important;
    max-width: calc(100% - 3.65rem) !important;
    justify-content: flex-end !important;
    gap: 0.38rem !important;
    min-width: 0 !important;
  }

  #app-header .header-action-btn,
  #app-header .notification-btn,
  #app-header .profile-btn,
  #app-header .header-settings-btn,
  #app-header .admin-badge {
    width: 2.72rem !important;
    min-width: 2.72rem !important;
    height: 2.72rem !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 14px !important;
  }

  #app-header .admin-badge-text,
  #app-header .settings-btn-text {
    display: none !important;
  }
}

/* V93: Sistem Kontrolü - görev odaklı sade ekran */
#hata-raporlari-content .admin-error-reports-panel {
  gap: 0.85rem;
}

#hata-raporlari-content .admin-error-reports-header {
  min-height: 0;
  padding-bottom: 0.1rem;
}

#hata-raporlari-content .admin-error-reports-subtitle {
  max-width: 42rem;
}

.admin-system-v4-controlbar {
  grid-template-columns: minmax(19rem, 1fr) minmax(22rem, 1.05fr) auto;
  grid-template-areas:
    "brief metrics actions"
    "latest filter filter";
  align-items: stretch;
  gap: 0.7rem;
  padding: 0.85rem;
  border-radius: 12px;
  background: rgba(10, 19, 32, 0.78);
}

.admin-system-v4-brief {
  grid-area: brief;
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 0.22rem;
}

.admin-system-v4-brief span,
.admin-system-v4-latest span,
.admin-system-v4-next span,
.admin-system-v4-action-panel span {
  color: #8fa2ba;
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-system-v4-brief strong {
  color: #f8fafc;
  font-size: 1.22rem;
  line-height: 1.15;
}

.admin-system-v4-brief p,
.admin-system-v4-latest em {
  margin: 0;
  color: #a9b9cd;
  font-size: 0.84rem;
  line-height: 1.42;
  font-style: normal;
}

.admin-system-v4-latest {
  grid-area: latest;
  min-width: 0;
  display: grid;
  gap: 0.18rem;
  padding: 0.62rem 0.72rem;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.42);
}

.admin-system-v4-latest strong {
  min-width: 0;
  overflow: hidden;
  color: #e8f4ff;
  font-size: 0.92rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-system-v4-metrics {
  grid-area: metrics;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}

.admin-system-v4-metric {
  min-height: 68px;
  grid-template-columns: 1fr;
  grid-template-areas:
    "label"
    "value"
    "hint";
  align-content: center;
  gap: 0.14rem;
  padding: 0.58rem 0.68rem;
  border-radius: 8px;
}

.admin-system-v4-metric strong {
  font-size: 1.22rem;
}

.admin-system-v4-metric em {
  white-space: normal;
}

.admin-system-v4-filter-slot {
  grid-area: filter;
}

.admin-system-v4-actions {
  grid-area: actions;
  align-items: start;
}

.admin-system-v4-filter {
  grid-template-columns: minmax(11rem, 0.72fr) minmax(9rem, 0.54fr) minmax(18rem, 1fr) auto auto;
  align-items: end;
  gap: 0.5rem;
}

.admin-system-v4-filter-field {
  gap: 0.22rem;
}

.admin-system-v4-filter-field span {
  display: block;
  color: #8fa2ba;
  font-size: 0.68rem;
  font-weight: 850;
}

.admin-system-v4-filter input,
.admin-system-v4-filter select {
  min-height: 36px !important;
  height: 36px;
  border-radius: 8px !important;
}

.admin-system-v4-apply,
.admin-system-v4-refresh,
.admin-system-v4-reset,
.admin-system-v4-danger-menu summary,
.admin-system-v4-filter-more summary {
  min-height: 36px;
  border-radius: 8px;
}

.admin-system-v4-list-head,
.admin-system-v4-row {
  grid-template-columns: minmax(18rem, 1.45fr) minmax(12rem, 0.86fr) minmax(8.5rem, 0.66fr) minmax(7.5rem, 0.58fr);
  column-gap: 0.85rem;
}

.admin-system-v4-list-head {
  min-height: 24px;
  padding: 0 0.85rem;
}

.admin-system-v4-row {
  min-height: 104px;
  padding: 0.72rem 0.85rem 0.72rem 1rem;
  border-radius: 8px;
  background: rgba(18, 31, 48, 0.84);
}

.admin-system-v4-row:hover,
.admin-system-v4-row.selected {
  background: rgba(27, 43, 64, 0.95);
}

.admin-system-v4-stripe {
  width: 3px;
}

.admin-system-v4-problem {
  min-width: 0;
  display: grid;
  gap: 0.45rem;
}

.admin-system-v4-type {
  align-items: flex-start;
}

.admin-system-v4-type > div {
  min-width: 0;
  display: grid;
  gap: 0.16rem;
}

.admin-system-v4-type > div strong {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.admin-system-v4-type > div span {
  color: #aebed0;
  font-size: 0.84rem;
  line-height: 1.36;
  white-space: normal;
}

.admin-system-v4-next {
  margin: 0 0 0 2.68rem;
  display: grid;
  gap: 0.12rem;
  color: #d8e3f0;
  font-size: 0.8rem;
  line-height: 1.35;
}

.admin-system-v4-user {
  gap: 0.12rem;
}

.admin-system-v4-user small {
  max-width: 100%;
  overflow: hidden;
  color: #7dd3fc;
  font-size: 0.72rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-system-v4-state {
  align-content: center;
}

.admin-system-v4-last {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
  justify-items: start;
}

.admin-system-v4-last em {
  color: #8fa2ba;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
}

.admin-system-v4-detail-card {
  border-radius: 12px;
}

.admin-system-v4-action-panel {
  display: grid;
  gap: 0.22rem;
  padding: 0.72rem;
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: 8px;
  background: rgba(37, 99, 235, 0.1);
}

.admin-system-v4-action-panel strong {
  color: #f8fafc;
  font-size: 1rem;
}

.admin-system-v4-action-panel p {
  margin: 0;
  color: #b9c8da;
  font-size: 0.84rem;
  line-height: 1.45;
}

.admin-system-v4-detail-grid {
  grid-template-columns: 1fr;
}

.admin-system-v4-technical summary {
  border-radius: 8px;
}

.admin-system-v4-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

body.theme-light .admin-system-v4-brief strong,
body.light-theme .admin-system-v4-brief strong,
body.theme-light .admin-system-v4-latest strong,
body.light-theme .admin-system-v4-latest strong,
body.theme-light .admin-system-v4-action-panel strong,
body.light-theme .admin-system-v4-action-panel strong {
  color: #0f172a;
}

body.theme-light .admin-system-v4-brief p,
body.light-theme .admin-system-v4-brief p,
body.theme-light .admin-system-v4-latest em,
body.light-theme .admin-system-v4-latest em,
body.theme-light .admin-system-v4-type > div span,
body.light-theme .admin-system-v4-type > div span,
body.theme-light .admin-system-v4-next,
body.light-theme .admin-system-v4-next,
body.theme-light .admin-system-v4-action-panel p,
body.light-theme .admin-system-v4-action-panel p {
  color: #526176;
}

body.theme-light .admin-system-v4-latest,
body.light-theme .admin-system-v4-latest,
body.theme-light .admin-system-v4-action-panel,
body.light-theme .admin-system-v4-action-panel {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.1);
}

@media (max-width: 1280px) {
  .admin-system-v4-controlbar {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brief actions"
      "metrics metrics"
      "latest latest"
      "filter filter";
  }
}

@media (max-width: 980px) {
  .admin-system-v4-list-head {
    display: none;
  }

  .admin-system-v4-row {
    grid-template-columns: 3px minmax(0, 1fr);
    grid-template-areas:
      "stripe problem"
      "stripe user"
      "stripe state"
      "stripe last";
    row-gap: 0.55rem;
    min-height: 0;
  }

  .admin-system-v4-problem {
    grid-area: problem;
  }

  .admin-system-v4-user {
    grid-area: user;
    flex-direction: column;
  }

  .admin-system-v4-state {
    grid-area: state;
    justify-content: flex-start;
  }

  .admin-system-v4-last {
    grid-area: last;
  }

  .admin-system-v4-last .admin-system-v4-date {
    display: block;
  }
}

@media (max-width: 720px) {
  .admin-system-v4-controlbar {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "brief"
      "metrics"
      "latest"
      "filter"
      "actions";
    overflow: visible;
  }

  .admin-system-v4-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-system-v4-metric {
    width: auto;
    min-height: 64px;
  }

  .admin-system-v4-filter {
    display: grid !important;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-system-v4-filter-field:not(.admin-system-v4-search),
  .admin-system-v4-search {
    width: auto !important;
  }

  .admin-system-v4-search {
    grid-column: 1 / -1;
  }

  .admin-system-v4-filter input,
  .admin-system-v4-filter select {
    width: 100%;
    min-width: 0;
  }

  .admin-system-v4-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .admin-system-v4-problem .admin-system-v4-type {
    grid-area: auto;
  }

  .admin-system-v4-problem {
    display: grid;
    gap: 0.55rem;
  }

  .admin-system-v4-next {
    margin-left: 0;
    padding-left: 0.6rem;
    border-left: 2px solid rgba(96, 165, 250, 0.65);
  }

  .admin-system-v4-detail-card {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: auto;
    border-radius: 12px 12px 0 0;
    padding-bottom: 5.75rem;
  }

  .admin-system-v4-detail.is-open {
    height: calc(80vh - 7.2rem);
    max-height: calc(80vh - 7.2rem);
    overflow: hidden;
  }

  .admin-system-v4-detail-actions {
    position: static;
    margin: 0;
    padding: 0.35rem 0 0;
    background: transparent;
  }
}

/* V94 düzeltme: dar ekranda kontrol özeti üst üste binmesin */
@media (max-width: 720px) {
  #hata-raporlari-content .admin-system-simple-hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.65rem !important;
  }

  #hata-raporlari-content .admin-system-v4-brief,
  #hata-raporlari-content .admin-system-v4-latest,
  #hata-raporlari-content .admin-system-simple-counts,
  #hata-raporlari-content .admin-system-v4-actions {
    grid-area: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  #hata-raporlari-content .admin-system-simple-counts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #hata-raporlari-content .admin-system-v4-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #hata-raporlari-content .admin-system-v4-actions > * {
    width: 100% !important;
  }
}

/* V95: Sistem Kontrolü - kullanıcıya gönderilecek hata paketi akışı */
#hata-raporlari-content .admin-system-simple-controlbar {
  padding: 0.85rem 0.95rem !important;
}

#hata-raporlari-content .admin-system-simple-strip {
  display: grid !important;
  grid-template-columns: minmax(18rem, 1fr) auto auto !important;
  align-items: center !important;
  gap: 0.8rem !important;
}

#hata-raporlari-content .admin-system-simple-strip > .admin-system-v4-brief,
#hata-raporlari-content .admin-system-simple-strip > .admin-system-simple-meta,
#hata-raporlari-content .admin-system-simple-strip > .admin-system-v4-actions {
  grid-area: auto !important;
}

#hata-raporlari-content .admin-system-simple-strip .admin-system-v4-brief {
  min-width: 0;
  display: grid;
  gap: 0.18rem;
}

#hata-raporlari-content .admin-system-simple-strip .admin-system-v4-brief span {
  color: #8fb4dc;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

#hata-raporlari-content .admin-system-simple-strip .admin-system-v4-brief strong {
  color: #f8fafc;
  font-size: 1.28rem;
  line-height: 1.15;
  letter-spacing: 0;
}

#hata-raporlari-content .admin-system-simple-strip .admin-system-v4-brief p {
  max-width: 46rem;
  margin: 0;
  color: #b6c7dc;
  font-size: 0.88rem;
  line-height: 1.35;
}

#hata-raporlari-content .admin-system-simple-meta {
  display: flex;
  align-items: stretch;
  gap: 0.45rem;
  min-width: 0;
}

#hata-raporlari-content .admin-system-simple-meta button,
#hata-raporlari-content .admin-system-simple-meta > span {
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.42);
  color: #dbe7f5;
  padding: 0.45rem 0.62rem;
}

#hata-raporlari-content .admin-system-simple-meta button {
  min-width: 4.35rem;
  cursor: pointer;
}

#hata-raporlari-content .admin-system-simple-meta button strong {
  display: block;
  color: #fbbf24;
  font-size: 1rem;
  line-height: 1;
}

#hata-raporlari-content .admin-system-simple-meta button span {
  display: block;
  margin-top: 0.18rem;
  color: #9fb0c4;
  font-size: 0.68rem;
  font-weight: 850;
}

#hata-raporlari-content .admin-system-simple-meta > span {
  min-width: 10.5rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "label value"
    "date date";
  gap: 0.12rem 0.35rem;
  align-content: center;
}

#hata-raporlari-content .admin-system-simple-meta em {
  grid-area: label;
  color: #8fb4dc;
  font-style: normal;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

#hata-raporlari-content .admin-system-simple-meta b {
  grid-area: value;
  min-width: 0;
  color: #f8fafc;
  font-size: 0.82rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#hata-raporlari-content .admin-system-simple-meta small {
  grid-area: date;
  color: #9fb0c4;
  font-size: 0.72rem;
}

#hata-raporlari-content .admin-system-simple-strip .admin-system-v4-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.42rem !important;
}

#hata-raporlari-content .admin-system-simple-actions .admin-system-simple-copy {
  background: #2563eb;
  border-color: rgba(147, 197, 253, 0.42);
  color: #fff;
}

#hata-raporlari-content .admin-system-simple-tech > summary {
  color: #8fb4dc;
}

body.theme-light #hata-raporlari-content .admin-system-simple-strip .admin-system-v4-brief strong,
body.theme-light #hata-raporlari-content .admin-system-simple-meta b {
  color: #0f172a;
}

body.theme-light #hata-raporlari-content .admin-system-simple-strip .admin-system-v4-brief p,
body.theme-light #hata-raporlari-content .admin-system-simple-meta small {
  color: #475569;
}

body.theme-light #hata-raporlari-content .admin-system-simple-meta button,
body.theme-light #hata-raporlari-content .admin-system-simple-meta > span {
  background: rgba(248, 250, 252, 0.88);
  border-color: rgba(15, 23, 42, 0.12);
}

@media (max-width: 980px) {
  #hata-raporlari-content .admin-system-simple-strip {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  #hata-raporlari-content .admin-system-simple-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #hata-raporlari-content .admin-system-simple-meta > span {
    grid-column: 1 / -1;
    min-width: 0;
  }

  #hata-raporlari-content .admin-system-simple-strip .admin-system-v4-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #hata-raporlari-content .admin-system-simple-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  #hata-raporlari-content .admin-system-simple-actions .admin-system-simple-copy {
    grid-column: 1 / -1;
  }

  #hata-raporlari-content .admin-system-simple-actions .admin-error-action-btn:last-child {
    grid-column: 1 / -1;
  }
}

/* V96: Sistem Kontrolü - tek cümlelik sade özet */
#hata-raporlari-content .admin-system-quietbar {
  display: block !important;
  min-height: 0 !important;
  padding: 0.82rem 0.95rem !important;
  border-radius: 8px !important;
}

#hata-raporlari-content .admin-system-quiet-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

#hata-raporlari-content .admin-system-quiet-title {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0;
}

#hata-raporlari-content .admin-system-quiet-title span {
  color: #8fb4dc !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: uppercase;
}

#hata-raporlari-content .admin-system-quiet-title strong {
  color: #f8fafc !important;
  font-size: 1.16rem !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

#hata-raporlari-content .admin-system-quiet-title p,
#hata-raporlari-content .admin-system-quiet-latest,
#hata-raporlari-content .admin-system-simple-meta,
#hata-raporlari-content .admin-system-simple-counts,
#hata-raporlari-content .admin-system-v4-latest {
  display: none !important;
}

#hata-raporlari-content .admin-system-quiet-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.4rem !important;
  min-width: 0;
}

#hata-raporlari-content .admin-system-quiet-actions > .admin-error-action-btn,
#hata-raporlari-content .admin-system-quiet-actions > details > summary {
  min-height: 34px !important;
  border-radius: 8px !important;
  padding: 0.42rem 0.62rem !important;
  font-size: 0.78rem !important;
}

#hata-raporlari-content .admin-system-quiet-filter {
  position: relative;
}

#hata-raporlari-content .admin-system-quiet-filter > summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(30, 41, 59, 0.72);
  color: #dbe7f5;
  font-weight: 850;
}

#hata-raporlari-content .admin-system-quiet-filter > summary::-webkit-details-marker {
  display: none;
}

#hata-raporlari-content .admin-system-quiet-filter > summary img {
  width: 14px;
  height: 14px;
}

#hata-raporlari-content .admin-system-quiet-filter[open] > div {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 40;
  width: min(720px, calc(100vw - 3rem));
  padding: 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  background: #0f1b2d;
  box-shadow: 0 18px 42px rgba(2, 8, 23, 0.38);
}

#hata-raporlari-content .admin-system-quiet-filter-form {
  display: grid !important;
  grid-template-columns: minmax(9rem, 0.75fr) minmax(9rem, 0.75fr) minmax(14rem, 1fr) auto auto !important;
  gap: 0.55rem !important;
  padding: 0 !important;
}

#hata-raporlari-content .admin-system-simple-actions {
  gap: 0.42rem !important;
}

#hata-raporlari-content .admin-system-simple-actions .admin-error-action-btn {
  min-width: 6.25rem;
}

body.theme-light #hata-raporlari-content .admin-system-quiet-title strong {
  color: #0f172a !important;
}

body.theme-light #hata-raporlari-content .admin-system-quiet-filter > summary {
  background: rgba(248, 250, 252, 0.88);
  border-color: rgba(15, 23, 42, 0.14);
  color: #0f172a;
}

body.theme-light #hata-raporlari-content .admin-system-quiet-filter[open] > div {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.14);
}

@media (max-width: 720px) {
  #hata-raporlari-content .admin-system-quiet-summary {
    display: grid;
    gap: 0.72rem;
  }

  #hata-raporlari-content .admin-system-quiet-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
  }

  #hata-raporlari-content .admin-system-quiet-actions > .admin-error-action-btn,
  #hata-raporlari-content .admin-system-quiet-actions > details,
  #hata-raporlari-content .admin-system-quiet-actions > details > summary {
    width: 100% !important;
  }

  #hata-raporlari-content .admin-system-quiet-filter[open] > div {
    position: fixed;
    left: 1rem;
    right: 1rem;
    top: 7.5rem;
    width: auto;
    max-height: calc(100vh - 9rem);
    overflow: auto;
  }

  #hata-raporlari-content .admin-system-quiet-filter-form {
    grid-template-columns: 1fr !important;
  }

  #hata-raporlari-content .admin-system-simple-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  #hata-raporlari-content .admin-system-simple-actions .admin-system-simple-copy,
  #hata-raporlari-content .admin-system-simple-actions .admin-error-action-btn:last-child {
    grid-column: auto !important;
  }
}

/* V97: Sistem Kontrolü - filtre/bakım açılırlarını kaldır, iki net aksiyon bırak */
#hata-raporlari-content .admin-system-direct-actions {
  gap: 0.5rem !important;
}

#hata-raporlari-content .admin-system-direct-actions > details,
#hata-raporlari-content .admin-system-quiet-filter,
#hata-raporlari-content .admin-system-simple-maintenance,
#hata-raporlari-content .admin-system-quiet-filter-form {
  display: none !important;
}

#hata-raporlari-content .admin-system-clear-direct {
  background: rgba(185, 28, 28, 0.2) !important;
  border-color: rgba(248, 113, 113, 0.38) !important;
  color: #fecaca !important;
}

#hata-raporlari-content .admin-system-clear-direct:hover {
  background: rgba(220, 38, 38, 0.28) !important;
  border-color: rgba(248, 113, 113, 0.58) !important;
}

body.theme-light #hata-raporlari-content .admin-system-clear-direct {
  background: rgba(254, 226, 226, 0.9) !important;
  border-color: rgba(185, 28, 28, 0.22) !important;
  color: #991b1b !important;
}

@media (max-width: 720px) {
  #hata-raporlari-content .admin-system-direct-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Lightbox close button mobile UX improvement */
@media (max-width: 768px) {
  .lightbox-close {
    top: 4.2rem !important;
    bottom: auto !important;
    right: 1.1rem !important;
    width: 46px !important;
    height: 46px !important;
    background: rgba(0, 0, 0, 0.72) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
  }
  .lightbox-close img {
    width: 20px !important;
    height: 20px !important;
  }
}

/* Karşılaştırma / Paylaşım Ön İzleme Stilleri (share.html'den Birebir Taşındı) */
.share-grid {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  margin-top: 0.85rem !important;
}

.share-grid.single {
  max-width: 450px !important;
  margin: 1rem auto 0 auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

.share-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-width: 0 !important;
  border-radius: 22px !important;
  border: 1px solid var(--theme-border) !important;
  background: var(--theme-bg-card) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.15) !important;
  overflow: hidden !important;
}

.share-card-head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 16px 16px 12px !important;
  align-items: start !important;
}

.share-media {
  width: 88px !important;
}

.share-main-img,
.share-main-img-empty {
  width: 88px !important;
  height: 112px !important;
  border-radius: 18px !important;
  border: 1px solid var(--theme-border) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  object-fit: contain !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--theme-color-muted) !important;
  cursor: pointer !important;
}

.share-thumbs {
  display: flex !important;
  gap: 5px !important;
  margin-top: 8px !important;
}

.share-thumb {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  border: 1px solid var(--theme-border) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  object-fit: cover !important;
  cursor: pointer !important;
  opacity: 0.72 !important;
  transition: transform 0.2s ease, border-color 0.2s ease, opacity 0.2s ease !important;
}

.share-thumb.active,
.share-thumb:hover {
  transform: translateY(-1px) !important;
  border-color: #3b82f6 !important;
  opacity: 1 !important;
}

.share-card-body {
  min-width: 0 !important;
}

.share-mini-label {
  display: inline-flex !important;
  margin-bottom: 5px !important;
  color: #86c8ff !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.share-model {
  font-size: 1.14rem !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  font-weight: 800 !important;
  word-break: break-word !important;
  color: var(--theme-color) !important;
}

.share-price {
  margin-top: 8px !important;
  color: #10b981 !important;
  font-size: 1.36rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.share-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

.share-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
}

.chip-blue {
  background: rgba(59, 130, 246, 0.14) !important;
  border-color: rgba(96, 165, 250, 0.18) !important;
  color: #93c5fd !important;
}

.chip-gold,
.chip-amber {
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(251, 191, 36, 0.16) !important;
  color: #fcd34d !important;
}

.chip-green {
  background: rgba(16, 185, 129, 0.14) !important;
  border-color: rgba(52, 211, 153, 0.18) !important;
  color: #6ee7b7 !important;
}

.chip-red {
  background: rgba(239, 68, 68, 0.14) !important;
  border-color: rgba(248, 113, 113, 0.18) !important;
  color: #fca5a5 !important;
}

.chip-muted,
.chip-slate {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  color: var(--theme-color-muted) !important;
}

.share-spec-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 16px 16px !important;
  flex: 1 !important;
  align-content: start !important;
}

.share-spec {
  min-width: 0 !important;
  padding: 10px !important;
  border-radius: 13px !important;
  border: 1px solid var(--theme-border) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.share-spec.wide {
  grid-column: 1 / -1 !important;
}

.share-spec.is-note .share-spec-value {
  justify-content: flex-start !important;
}

.share-spec-label {
  display: block !important;
  margin-bottom: 4px !important;
  color: var(--theme-color-muted) !important;
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

.share-spec-value {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  line-height: 1.18 !important;
}

.share-spec-value-store {
  display: block !important;
  width: 100% !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #86c8ff !important;
}

.share-spec-value-text {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.share-note {
  margin: 0 !important;
  color: var(--theme-color) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
}

.share-note-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.share-note-wrap.is-collapsed .share-note {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
}

.share-note-toggle {
  margin-top: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #86c8ff !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  transition: color 0.2s ease, opacity 0.2s ease !important;
}

.share-note-toggle:hover {
  color: #bfdbfe !important;
}

/* Mobilde Ön İzleme Ekranının Yan Yana Kalması İçin */
@media (max-width: 768px) {
  .share-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 0.65rem !important;
  }
  .share-grid.single {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .share-card {
    border-radius: 18px !important;
  }
  .share-card-head {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 11px 9px 8px !important;
  }
  .share-media {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .share-main-img,
  .share-main-img-empty {
    width: 74px !important;
    height: 92px !important;
    border-radius: 14px !important;
  }
  .share-main-img {
    object-fit: contain !important;
  }
  .share-thumbs {
    justify-content: center !important;
    gap: 4px !important;
    margin-top: 6px !important;
  }
  .share-thumb {
    width: 22px !important;
    height: 22px !important;
    border-radius: 7px !important;
  }
  .share-card-body {
    text-align: center !important;
  }
  .share-mini-label {
    display: none !important;
  }
  .share-model {
    display: -webkit-box !important;
    min-height: 2.08rem !important;
    font-size: 0.9rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }
  .share-price {
    margin-top: 6px !important;
    font-size: 1.08rem !important;
    letter-spacing: 0 !important;
  }
  .share-chip-row {
    justify-content: center !important;
    gap: 4px !important;
    margin-top: 6px !important;
  }
  .share-chip {
    min-height: 22px !important;
    max-width: 100% !important;
    padding: 0 7px !important;
    font-size: 0.58rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .share-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 0 8px 9px !important;
  }
  .share-spec {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 7px 5px !important;
    border-radius: 9px !important;
  }
  .share-spec-label {
    margin-bottom: 3px !important;
    font-size: 0.5rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0.035em !important;
    white-space: normal !important;
  }
  .share-spec-value {
    font-size: 0.72rem !important;
    line-height: 1.14 !important;
  }
  .share-spec-value-text {
    display: -webkit-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  .share-spec-value-store {
    white-space: nowrap !important;
  }
  .share-spec .share-chip {
    min-height: 21px !important;
    padding: 0 6px !important;
    font-size: 0.56rem !important;
  }
  .share-note {
    font-size: 0.74rem !important;
    line-height: 1.35 !important;
  }
  .share-note-toggle {
    margin-top: 5px !important;
    font-size: 0.68rem !important;
  }
}

@media (max-width: 390px) {
  .share-grid {
    gap: 8px !important;
  }
  .share-card-head {
    padding: 10px 7px 7px !important;
  }
  .share-main-img,
  .share-main-img-empty {
    width: 64px !important;
    height: 80px !important;
    border-radius: 13px !important;
  }
  .share-thumb {
    width: 20px !important;
    height: 20px !important;
  }
  .share-model {
    min-height: 1.9rem !important;
    font-size: 0.82rem !important;
  }
  .share-price {
    font-size: 1rem !important;
  }
  .share-chip {
    min-height: 21px !important;
    padding: 0 6px !important;
    font-size: 0.54rem !important;
  }
  .share-spec-grid {
    gap: 5px !important;
    padding: 0 7px 7px !important;
  }
  .share-spec {
    min-height: 41px !important;
    padding: 6px 4px !important;
  }
  .share-spec-label {
    font-size: 0.47rem !important;
  }
  .share-spec-value {
    font-size: 0.66rem !important;
  }
}

/* Müşteriye Gönder & Satıldı Yap Buton Düzeltmesi (İkon ve yazı aynı renk - Zümrüt Yeşili) */
html body #app-root .customer-share-standalone-btn,
html body #app-root .magaza-compact-share-btn,
html body #app-root .sattim-btn,
html body #app-root .status-btn.satildi-btn,
html body #app-root .hizli-action-btn.wp-action-btn,
html body #app-root .magaza-card-actions .sattim-btn,
html body #app-root .magaza-card-actions .wp-action-btn,
html body #app-root .genel-card-actions .wp-action-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  border-radius: 10px !important;
  color: #10b981 !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

html body #app-root .customer-share-standalone-btn:hover,
html body #app-root .magaza-compact-share-btn:hover,
html body #app-root .sattim-btn:hover,
html body #app-root .status-btn.satildi-btn:hover,
html body #app-root .hizli-action-btn.wp-action-btn:hover,
html body #app-root .magaza-card-actions .sattim-btn:hover,
html body #app-root .magaza-card-actions .wp-action-btn:hover,
html body #app-root .genel-card-actions .wp-action-btn:hover {
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
  transform: translateY(-1px) !important;
}

html body #app-root .customer-share-standalone-btn span,
html body #app-root .magaza-compact-share-btn span,
html body #app-root .sattim-btn span,
html body #app-root .status-btn.satildi-btn span,
html body #app-root .hizli-action-btn.wp-action-btn span,
html body #app-root .magaza-card-actions .sattim-btn span,
html body #app-root .magaza-card-actions .wp-action-btn span,
html body #app-root .genel-card-actions .wp-action-btn span {
  display: inline-block !important;
  font-size: 0.85rem !important;
  color: #10b981 !important;
  line-height: 1 !important;
}

html body #app-root .customer-share-standalone-btn img,
html body #app-root .magaza-compact-share-btn img,
html body #app-root .sattim-btn img,
html body #app-root .sattim-btn svg,
html body #app-root .status-btn.satildi-btn img,
html body #app-root .status-btn.satildi-btn svg,
html body #app-root .hizli-action-btn.wp-action-btn img,
html body #app-root .magaza-card-actions .sattim-btn img,
html body #app-root .magaza-card-actions .sattim-btn svg,
html body #app-root .magaza-card-actions .wp-action-btn img,
html body #app-root .genel-card-actions .wp-action-btn img,
html body #app-root .customer-share-standalone-btn .hizli-action-icon,
html body #app-root .magaza-compact-share-btn .magaza-compact-action-icon {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  opacity: 1 !important;
  /* İkonları yazı rengiyle (Zümrüt Yeşili) birebir aynı renge boyar */
  filter: invert(53%) sepia(93%) saturate(382%) hue-rotate(115deg) brightness(97%) contrast(91%) !important;
}

/* Esnaf Durum Kartları Düzeni */
html body #app-root .esnaf-uyelik-band {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1rem !important;
  padding: 0 !important;
  margin-bottom: 1.25rem !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
}

.esnaf-status-card {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  padding: 0.75rem 1.1rem !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  min-height: 60px !important;
  box-sizing: border-box !important;
}

.esnaf-status-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* İkon alanı */
.esnaf-status-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
}

.esnaf-status-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.15rem !important;
  min-width: 0 !important;
  text-align: left !important;
}

.esnaf-status-label {
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  color: #8a99ad !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.esnaf-status-value {
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Üyelik Kartı Renkleri */
.esnaf-status-card.esnaf-uyelik-green {
  background: rgba(16, 185, 129, 0.05) !important;
  border-color: rgba(16, 185, 129, 0.2) !important;
}
.esnaf-status-card.esnaf-uyelik-green .esnaf-status-icon {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #10b981 !important;
}
.esnaf-status-card.esnaf-uyelik-green .esnaf-status-value {
  color: #10b981 !important;
}

.esnaf-status-card.esnaf-uyelik-yellow {
  background: rgba(245, 158, 11, 0.05) !important;
  border-color: rgba(245, 158, 11, 0.2) !important;
}
.esnaf-status-card.esnaf-uyelik-yellow .esnaf-status-icon {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #f59e0b !important;
}
.esnaf-status-card.esnaf-uyelik-yellow .esnaf-status-value {
  color: #f59e0b !important;
}

.esnaf-status-card.esnaf-uyelik-red {
  background: rgba(239, 68, 68, 0.05) !important;
  border-color: rgba(239, 68, 68, 0.2) !important;
}
.esnaf-status-card.esnaf-uyelik-red .esnaf-status-icon {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #ef4444 !important;
}
.esnaf-status-card.esnaf-uyelik-red .esnaf-status-value {
  color: #ef4444 !important;
}

/* Reklam Kredisi Kartı Renkleri */
.esnaf-status-card.esnaf-status-promo {
  background: rgba(59, 130, 246, 0.05) !important;
  border-color: rgba(59, 130, 246, 0.2) !important;
}
.esnaf-status-card.esnaf-status-promo .esnaf-status-icon {
  background: rgba(59, 130, 246, 0.12) !important;
  color: #3b82f6 !important;
}
.esnaf-status-card.esnaf-status-promo .esnaf-status-value {
  color: #3b82f6 !important;
}
.esnaf-status-card.esnaf-status-promo .esnaf-status-value strong {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}