/* Stok Sorgulama — Poppins, nötr yüzey + mavi primary (ornekproje uyum) */
*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --font: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ink: #0f172a;
  --ink-muted: #64748b;
  --line: #e2e8f0;
  --line-strong: #cbd5e1;
  --surface: #ffffff;
  --surface-muted: #f8fafc;
  /* Primary (ornekproje) */
  --accent: #1d4ed8;
  --accent-hover: #1e40af;
  --accent-soft: #eff6ff;
  --accent-border: rgba(29, 78, 216, 0.22);
  --accent-ring: rgba(29, 78, 216, 0.18);
  --panel-1: #1d4ed8;
  --panel-2: #3b82f6;
  --panel-3: #60a5fa;
  --panel-accent: #3b82f6;
  /* Yönetici: aynı palet */
  --admin-1: var(--panel-1);
  --admin-2: var(--panel-2);
  --admin-3: var(--panel-3);
  /* Genel kenar kıvrımı: belirgin şekilde daha az yuvarlak */
  --radius-lg: 6px;
  --radius-md: 5px;
  --radius-sm: 4px;
  --shadow-card: 0 1px 3px rgba(16, 24, 40, 0.06), 0 4px 16px rgba(16, 24, 40, 0.06);
  --shadow-float: 0 8px 24px rgba(16, 24, 40, 0.1);
  --shadow-nav: 0 1px 0 rgba(16, 24, 40, 0.05);
  --ui-icon-color: #64748b;
}

body.mode-admin {
  /* Yönetici: Ignavo vitrin — mavi birincil (CTA / aktif), kırmızı bildirim-indirim vurgusu */
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #eff6ff;
  --accent-border: rgba(37, 99, 235, 0.28);
  --accent-ring: rgba(37, 99, 235, 0.22);
  --panel-1: #1e40af;
  --panel-2: #2563eb;
  --panel-3: #3b82f6;
  --panel-accent: #2563eb;
  --admin-1: var(--panel-1);
  --admin-2: var(--panel-2);
  --admin-3: var(--panel-3);
  --admin-sale: #e63946;
  --primary: var(--accent);
  --primary-dark: var(--accent-hover);
  --ink: #0a0a0a;
  --ink-muted: #666666;
  --surface: #ffffff;
  --surface-muted: #f5f5f5;
  --line: #e8e8e8;
  --line-strong: #d4d4d4;
  /* Modallar: kabuk ve iç yüzey / kontrol köşeleri (Lisans düzenle vb.) */
  --radius-modal-shell: 12px;
  --radius-modal-field: 10px;
}

/* Panel (mağaza) arayüzü: Trendyol benzeri (koyu üst bar + turuncu vurgu) */
body.mode-panel{
  --accent: #f97316;        /* orange-500 */
  --accent-hover: #ea580c;  /* orange-600 */
  --accent-soft: #fff7ed;   /* orange-50 */
  --accent-border: rgba(249, 115, 22, 0.26);
  --accent-ring: rgba(249, 115, 22, 0.22);

  /* Koyu üst bar */
  --panel-1: #111827;       /* gray-900 */
  --panel-2: #1f2937;       /* gray-800 */
  --panel-3: #374151;       /* gray-700 */
  --panel-accent: #f97316;

  /* Kart/çizgi tonları biraz daha “dashboard” */
  --line: #e5e7eb;
  --line-strong: #d1d5db;
  --surface-muted: #f3f4f6;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font);
  font-weight: 400;
  color: var(--ink);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

/* Sayfa zemini — giriş / panel */
body.mode-panel {
  background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 55%, #f8fafc 100%);
  background-image: linear-gradient(135deg, #f8fafc 0%, #eef2ff 55%, #f8fafc 100%);
  background-attachment: scroll;
}

/* Panel zeminini sade açık griye çek */
body.mode-panel{
  background: linear-gradient(180deg, #f3f4f6 0%, #eef2f7 45%, #f3f4f6 100%);
  background-attachment: scroll;
}

/* Panel üst alanı: Trendyol benzeri ince koyu topbar */
body.mode-panel .topnav{
  padding: 0;
}
/* Admin üst menü: panel ile aynı yerleşim, admin renkleri korunur */
body.mode-admin .topnav{
  padding: 0;
}
body.mode-admin .container{
  /* Üst bar içeriği: gövde ile aynı (tam genişlik + 20px padding) */
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.mode-admin .hero{
  background: linear-gradient(135deg, var(--panel-1) 0%, var(--panel-2) 48%, var(--panel-3) 100%);
  border-radius: 0;
  padding: 0;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06);
  border: none;
}
body.mode-admin .panel-topbar{
  /* wrap padding ile aynı: sağ/sol 20px */
  padding: 8px 20px 10px;
}
body.mode-admin .panel-topbar__row{
  display:flex;
  align-items:center;
  gap: 14px;
}
body.mode-admin .panel-topbar__row--top{
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  overflow: visible;
}
body.mode-admin .panel-topbar__row--nav{
  justify-content: space-between;
  padding-top: 10px;
  overflow: visible;
}
body.mode-admin .panel-topbar__left--nav{
  flex: 0 0 auto;
  min-width: 0;
  align-items: center;
}
/* Admin sol marka: mağaza paneli ile aynı yazı; logo — sadece çerçeve (dolgu/gölge yok) */
body.mode-admin .panel-appbrand.panel-appbrand--site{
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
body.mode-admin .panel-appbrand--site .hero-icon-wrap,
body.mode-admin .panel-appbrand--site .hero-icon-wrap::after,
body.mode-admin .panel-appbrand--site .hero-icon{
  animation: none !important;
}
body.mode-admin .panel-appbrand--site .hero-icon-wrap{
  width: 56px;
  height: 56px;
  box-sizing: border-box;
  padding: 2px;
  border-radius: var(--radius-md);
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.mode-admin .panel-appbrand--site .hero-icon-wrap::after{
  box-shadow: none !important;
}
body.mode-admin .panel-appbrand--site .hero-icon{
  width: 50px;
  height: 50px;
  border-radius: var(--radius-md);
  object-fit: contain;
  box-shadow: none !important;
}
body.mode-admin .panel-appbrand--site .panel-appbrand__text{
  display: flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.08;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 900;
  font-size: 0.92rem;
}
body.mode-admin .panel-topbar__mid--admin-nav{
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  justify-content: center;
}
body.mode-admin .panel-topbar__left--top{
  min-width: 0;
  flex: 1 1 auto;
}
body.mode-admin .panel-topbar__left--top .admin-top-super-pill.btn.btn-secondary.btn-sm{
  /* Profil/Çıkış ile aynı ölçü; iç dolgu yok — sadece çerçeve */
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.92);
  box-shadow: none;
  pointer-events: none;
  cursor: default;
  user-select: none;
}
body.mode-admin .panel-topbar__left--top .admin-top-super-pill.btn.btn-secondary.btn-sm:hover{
  background: transparent;
  border-color: rgba(255, 255, 255, 0.22);
}
body.mode-admin .panel-topbar__left--top .admin-top-super-pill.btn.btn-secondary.btn-sm:active{
  transform: none;
}
body.mode-admin .panel-topbar__left--top .admin-top-super-pill .admin-top-super-pulse{
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: #22c55e;
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 0 0 rgba(34, 197, 94, 0.45);
  animation: admin-top-super-soft-breathe 2.6s ease-in-out infinite;
}
@keyframes admin-top-super-soft-breathe{
  0%,
  100%{
    opacity: 1;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.28),
      0 0 0 0 rgba(34, 197, 94, 0.5);
    transform: scale(1);
  }
  50%{
    opacity: 0.82;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 0 0 5px rgba(34, 197, 94, 0);
    transform: scale(1.07);
  }
}
@media (prefers-reduced-motion: reduce){
  body.mode-admin .panel-topbar__left--top .admin-top-super-pill .admin-top-super-pulse{
    animation: none;
    opacity: 1;
    transform: none;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.28),
      0 0 0 2px rgba(34, 197, 94, 0.35);
  }
}
body.mode-admin .panel-topbar__left--top .admin-top-super-pill .admin-top-super-pill__sep{
  flex-shrink: 0;
  width: 1px;
  height: 1.05em;
  margin: 0 2px 0 4px;
  background: rgba(255, 255, 255, 0.28);
  border-radius: 1px;
}
body.mode-admin .panel-topbar__left--top .admin-top-super-pill .admin-top-super-pill__label{
  max-width: min(52vw, 380px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .panel-topbar__left{
  display:flex;
  align-items:center;
  gap: 18px;
  min-width: 0;
}
body.mode-admin .panel-topbar__mid{
  flex: 1;
  display:flex;
  justify-content: center;
  min-width: 0;
  overflow: visible;
}
body.mode-admin .panel-topbar__right{
  display:flex;
  align-items:center;
  gap: 12px;
  justify-content:flex-end;
}
body.mode-admin .panel-ident{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
  color: rgba(255,255,255,0.88);
  font-weight: 650;
  font-size: 0.88rem;
}
body.mode-admin .panel-ident__name{
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 260px;
}
body.mode-admin .panel-appbrand{
  display:inline-flex;
  align-items:center;
  gap: 12px;
  text-decoration:none;
  color: rgba(255,255,255,0.96);
  font-weight: 800;
  letter-spacing: -0.01em;
}
body.mode-admin .panel-appbrand__text{
  display:flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.08;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 900;
  font-size: 0.92rem;
}
body.mode-admin .panel-appbrand__line{
  display:block;
  white-space: nowrap;
}
body.mode-admin .panel-nav{
  display:flex;
  align-items:center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
  overflow: visible;
}
body.mode-admin .panel-nav__link{
  display:inline-flex;
  align-items:center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px 9px;
  border-radius: var(--radius-sm);
  text-decoration:none;
  color: rgba(255,255,255,0.92);
  border: 1px solid transparent;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  font-weight: 750;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  min-width: 98px;
}
body.mode-admin .panel-nav__link .ui-icon{
  width: 22px;
  height: 22px;
  color: rgba(255,255,255,0.95);
}
body.mode-admin .panel-nav__link:hover{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.16);
}
body.mode-admin .panel-nav__link.is-active,
body.mode-admin .panel-nav__link[aria-current="page"]{
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.98);
}
body.mode-admin .panel-nav__link.is-active .ui-icon,
body.mode-admin .panel-nav__link[aria-current="page"] .ui-icon{
  color: #ffffff;
}

/* Admin: Ürünler üst menü açılır liste (ok/caret yok) */
body.mode-admin .panel-nav__details{
  position: relative;
  /* Gövde / hub kartları üstünde: açılır kutu kesilmesin, arkada kalmasın */
  z-index: 1500;
}
body.mode-admin .panel-nav__summary{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px 9px;
  border-radius: var(--radius-sm);
  color: rgba(255,255,255,0.92);
  border: 1px solid transparent;
  list-style: none;
  cursor: pointer;
  font-weight: 750;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  min-width: 98px;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
body.mode-admin .panel-nav__summary::-webkit-details-marker{
  display: none;
}
body.mode-admin .panel-nav__summary::marker{
  content: '';
}
body.mode-admin .panel-nav__summary .ui-icon{
  width: 22px;
  height: 22px;
  color: rgba(255,255,255,0.95);
}
body.mode-admin .panel-nav__summary:hover{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.16);
}
body.mode-admin .panel-nav__summary.is-active{
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.98);
}
body.mode-admin .panel-nav__summary.is-active .ui-icon{
  color: #ffffff;
}
/* Kapalı menüde özet «tıklı/seçili kutu» gibi kalmasın; açıkken bölüm vurgusu görünsün */
body.mode-admin .panel-nav__details:not([open]) > .panel-nav__summary.is-active{
  background: transparent;
  border-color: transparent;
  color: rgba(255,255,255,0.92);
}
body.mode-admin .panel-nav__details:not([open]) > .panel-nav__summary.is-active .ui-icon{
  color: rgba(255,255,255,0.95);
}
body.mode-admin .panel-nav__summary:focus{
  outline: none;
}
body.mode-admin .panel-nav__summary:focus-visible{
  outline: 2px solid rgba(255,255,255,0.78);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}
body.mode-admin .panel-nav__sub{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 6px);
  /* Mağazalar / Ürünler açılır kutuları aynı genişlik; dar max-content farklı genişlik veriyordu */
  box-sizing: border-box;
  width: min(320px, calc(100vw - 32px));
  min-width: 0;
  max-width: calc(100vw - 32px);
  padding: 10px;
  border-radius: var(--radius-md);
  /* Üst menü ile aynı mavi palet — koyu navy blok yerine süreklilik */
  background: linear-gradient(135deg, var(--panel-1) 0%, var(--panel-2) 48%, var(--panel-3) 100%);
  border: 1px solid rgba(255,255,255,0.22);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.06) inset,
    0 16px 40px rgba(15, 23, 42, 0.35);
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 2;
  overflow-x: auto;
}
body.mode-admin .panel-nav__sublink{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  color: rgba(255,255,255,0.96);
  font-weight: 400;
  font-size: 0.72rem;
  letter-spacing: 0.02em;
  text-transform: none;
  border: 1px solid transparent;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
body.mode-admin .panel-nav__sublink .ui-icon{
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: rgba(255,255,255,0.92);
}
body.mode-admin .panel-nav__sublink:hover{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.14);
}
/* Sayfa konumu: «tıklanmış kutu» gibi değil — ince sol çizgi (yalnız aria-current) */
body.mode-admin .panel-nav__sublink[aria-current="page"]{
  background: rgba(255,255,255,0.07);
  border-color: transparent;
  box-shadow: inset 3px 0 0 rgba(255,255,255,0.85);
}
body.mode-admin .panel-nav__sublink[aria-current="page"] .ui-icon{
  color: #ffffff;
}
body.mode-admin .panel-nav__sublink:focus{
  outline: none;
}
body.mode-admin .panel-nav__sublink:focus-visible{
  outline: 2px solid rgba(255,255,255,0.55);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

/* Panel: Ürün talep açılır alt menü (admin ile aynı yapı) */
body.mode-panel .panel-nav__details{
  position: relative;
  z-index: 1500;
}
body.mode-panel .panel-nav__summary{
  /* Mağaza menü linkleriyle birebir aynı görünüm */
  display:inline-flex;
  align-items:center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px 9px;
  border-radius: var(--radius-sm);
  text-decoration:none;
  color: rgba(255,255,255,0.92);
  border: 1px solid transparent;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  font-weight: 750;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  min-width: 98px;
  background: transparent;
}
body.mode-panel .panel-nav__summary::-webkit-details-marker{ display:none; }
body.mode-panel .panel-nav__summary::marker{ content:''; }
body.mode-panel .panel-nav__summary .ui-icon{
  width: 22px;
  height: 22px;
  color: rgba(255,255,255,0.95);
}
body.mode-panel .panel-nav__summary:hover{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.16);
}
body.mode-panel .panel-nav__summary.is-active{
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.98);
  box-shadow: none;
}
body.mode-panel .panel-nav__summary.is-active .ui-icon{ color: rgba(255,255,255,0.98); }
body.mode-panel .panel-nav__sub{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 6px);
  box-sizing: border-box;
  width: min(320px, calc(100vw - 32px));
  padding: 8px;
  border-radius: var(--radius-sm);
  /* Mağaza barı ile aynı koyu ton */
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 12px 28px rgba(0,0,0,0.28);
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 2;
  overflow-x: auto;
}
body.mode-panel .panel-nav__sublink{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius: var(--radius-sm);
  text-decoration:none;
  color: rgba(255,255,255,0.95);
  font-weight: 500;
  font-size: 0.80rem;
  border: 1px solid transparent;
  white-space: nowrap;
}
body.mode-panel .panel-nav__sublink .ui-icon{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: rgba(255,255,255,0.95);
}
body.mode-panel .panel-nav__sublink:hover{ background: rgba(255,255,255,0.10); }
body.mode-panel .panel-nav__sublink.is-active,
body.mode-panel .panel-nav__sublink[aria-current="page"]{
  /* Aktif: mağaza menüsündeki "beyaz pill" hissi */
  background: rgba(255,255,255,0.98);
  border-color: rgba(255,255,255,0.22);
  color: #0b3a75;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.18);
}

body.mode-panel .panel-nav__sublink.is-active .ui-icon,
body.mode-panel .panel-nav__sublink[aria-current="page"] .ui-icon{
  color: #0b3a75;
}

/* Admin hub: tek başlıklı kartlar (layout_admin_page_title_card) */
body.mode-admin .card-head--admin-magazalar{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
}
@media (min-width: 720px){
  body.mode-admin .card-head--admin-magazalar{
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
  }
  body.mode-admin .card-head--admin-magazalar > .jobs-create-title{
    flex-shrink: 0;
  }
}
body.mode-admin .admin-magazalar-hub-tools{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  flex: 1;
  min-width: 0;
  justify-content: flex-end;
  max-width: 100%;
  position: relative;
}
@media (max-width: 719px){
  body.mode-admin .admin-magazalar-hub-tools{
    align-self: stretch;
    width: 100%;
    justify-content: center;
  }
}

/* Admin: araç/sekme kartı (başlık satırı yok) */
body.mode-admin .card-head--admin-tools-only{
  justify-content: center;
}
body.mode-admin .card-head--admin-tools-only .admin-magazalar-hub-tools{
  justify-content: center;
  flex: none;
  width: 100%;
}
body.mode-admin .card-head--admin-tools-only .detail-tabs--center{
  justify-content: center;
}
body.mode-admin .admin-trade-hub-head--tabs-only.card-head--trade{
  display: flex !important;
  justify-content: center;
  grid-template-columns: none;
}
body.mode-admin .admin-trade-hub-head--tabs-only .card-head__actions{
  justify-self: center;
  grid-column: auto;
  width: 100%;
}

/* Admin: mağaza panelindeki üst başlık — başlık solda, çizgili sekmeler satırda ortada (renk admin paleti) */
body.mode-admin .admin-trade-hub-head{
  --admin-hub-tab-w: 188px;
}
body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head.card-head--trade{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px 16px;
  width: 100%;
}
body.mode-admin .admin-trade-hub-head.card-head--trade .jobs-create-title{
  justify-self: start;
  grid-column: 1;
  min-width: 0;
}
body.mode-admin .admin-trade-hub-head.card-head--trade .card-head__actions{
  justify-self: center;
  grid-column: 2;
  margin-left: 0 !important;
  min-width: 0;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions{
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  width: 100%;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.admin-trade-hub-tabs.trade-tabs--line{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab{
  flex: 0 0 var(--admin-hub-tab-w);
  box-sizing: border-box;
  width: var(--admin-hub-tab-w);
  min-width: var(--admin-hub-tab-w);
  max-width: var(--admin-hub-tab-w);
  min-height: 44px;
  height: auto;
  padding: 8px 10px 10px;
  margin: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
  font-weight: 600;
  font-size: 0.92rem;
  letter-spacing: 0;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  justify-content: center;
  text-align: center;
  transition: border-bottom-color .15s ease, color .15s ease;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab span{
  text-align: center;
  text-wrap: balance;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab + .detail-tab{
  border-left: none;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab .ui-icon{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: currentColor;
  opacity: 0.9;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab:hover{
  background: transparent;
  border-bottom-color: var(--accent-border);
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab.is-active,
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab[aria-current="page"]{
  background: transparent;
  box-shadow: none;
  border-bottom-color: var(--accent);
  color: var(--accent);
}
@media (max-width: 860px){
  body.mode-admin .admin-trade-hub-head.card-head--trade{
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  body.mode-admin .admin-trade-hub-head.card-head--trade .jobs-create-title{
    grid-column: 1;
  }
  body.mode-admin .admin-trade-hub-head.card-head--trade .card-head__actions{
    grid-column: 1;
    justify-self: stretch;
    width: 100%;
  }
  body.mode-admin .admin-trade-hub-head .trade-head-actions{
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
  }
  body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.admin-trade-hub-tabs.trade-tabs--line{
    justify-content: center;
  }
  body.mode-admin .admin-trade-hub-head .trade-head-actions__ops.admin-trade-hub-ops{
    margin-left: 0;
    width: 100%;
  }
}

@media (max-width: 520px){
  body.mode-admin .admin-trade-hub-head{
    --admin-hub-tab-w: 156px;
  }
}

/* Admin — marka yetkileri: mağaza listesi ızgarası (satır tıklanır, kart içinde kart yok) */
body.mode-admin .admin-yetki-magaza-stack{
  margin-top: var(--space-md, 16px);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
  overflow: hidden;
  box-shadow: none;
}
body.mode-admin .admin-yetki-magaza-stack__head{
  padding: 12px 16px 14px;
  border-bottom: 1px solid var(--line);
  background: var(--surface-muted);
}
body.mode-admin .admin-yetki-magaza-stack__head .section-label{
  margin-bottom: 6px;
}
body.mode-admin .admin-yetki-magaza-stack__title{
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
  color: var(--ink);
}
body.mode-admin .admin-yetki-magaza-stack__lead{
  margin-top: 8px;
}
body.mode-admin .admin-yetki-magaza-stack__body{
  margin: 0;
  padding: 0;
}
body.mode-admin .admin-yetki-magaza-stack__empty{
  padding: 16px;
}
body.mode-admin .admin-yetki-magaza-stack__grid{
  display: flex;
  flex-direction: column;
  max-height: min(52vh, 520px);
  overflow: auto;
}
body.mode-admin .admin-yetki-magaza-stack__thead,
body.mode-admin .admin-yetki-magaza-stack__row{
  display: grid;
  grid-template-columns: minmax(112px, 160px) minmax(0, 1fr) minmax(108px, 140px);
  align-items: stretch;
  text-align: left;
}
body.mode-admin .admin-yetki-magaza-stack__thead{
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--surface-muted);
  font-size: 0.78rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
}
body.mode-admin .admin-yetki-magaza-stack__thead > span{
  padding: 12px 16px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line-strong);
}
body.mode-admin .admin-yetki-magaza-stack__thead > span:last-child{
  border-right: none;
}
body.mode-admin .admin-yetki-magaza-stack__th--action{
  text-align: center;
}
body.mode-admin .admin-yetki-magaza-stack__row{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  width: 100%;
  color: inherit;
}
body.mode-admin .admin-yetki-magaza-stack__cell{
  padding: 12px 16px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-weight: 400;
  line-height: 1.35;
}
body.mode-admin .admin-yetki-magaza-stack__cell:last-child{
  border-right: none;
}
body.mode-admin .admin-yetki-magaza-stack__row:last-child .admin-yetki-magaza-stack__cell{
  border-bottom: none;
}
body.mode-admin .admin-yetki-magaza-stack__cell--no{
  font-variant-numeric: tabular-nums;
  color: var(--accent);
  text-decoration: none;
}
body.mode-admin .admin-yetki-magaza-stack__cell--ad{
  color: var(--ink);
}
body.mode-admin .admin-yetki-magaza-stack__cell--actions{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
body.mode-admin .admin-yetki-magaza-stack__cell--no code{
  font-size: inherit;
  font-variant-numeric: tabular-nums;
  color: inherit;
  background: transparent;
  padding: 0;
}
body.mode-admin .admin-yetki-magaza-stack__row:hover .admin-yetki-magaza-stack__cell{
  background: #fafafa;
}

body.mode-admin .admin-markalar-page .admin-yetki-magaza-stack--in-card{
  margin-top: 14px;
}

/* Admin — Lisans paketleri: mağaza paneli trade-toolbar düzeni (gri kutu yok) */
body.mode-admin .trade-toolbar--admin-paket{
  align-items: center;
  padding-top: 8px;
  padding-bottom: 2px;
}
body.mode-admin .admin-toolbar-search{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
}
body.mode-admin .admin-toolbar-search .trade-toolbar__q{
  flex: 1 1 260px;
  min-width: 200px;
  max-width: 520px;
  width: auto;
}
body.mode-admin .admin-toolbar-search .trade-toolbar__q:focus{
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}

/* Lisans paketleri: mağaza panelindeki .trade-toolbar__q ile aynı genişlik (520px üst sınır) */
body.mode-admin .admin-toolbar-search--paketler{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: auto;
  min-width: 0;
  max-width: 100%;
}
body.mode-admin .admin-paket-search{
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 1 520px;
  width: 100%;
  max-width: 520px;
  min-width: min(100%, 200px);
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-modal-field, 10px);
  background: #fff;
  box-shadow: none;
}
body.mode-admin .admin-paket-search:focus-within{
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}
body.mode-admin .admin-paket-search__icon{
  flex-shrink: 0;
  display: inline-flex;
  color: var(--ink-muted);
}
body.mode-admin .admin-paket-search__icon .ui-icon{
  width: 1.125rem;
  height: 1.125rem;
}
body.mode-admin .admin-paket-search__input{
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 10px 0;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.95rem;
}
body.mode-admin .admin-paket-search__input:focus{
  outline: none !important;
}
body.mode-admin .admin-toolbar-search--paketler .admin-toolbar-search__clear{
  flex: 0 0 auto;
  align-self: center;
}

body.mode-admin .admin-toolbar-search .btn.btn-ghost{
  border: 1px solid var(--line-strong);
  background: var(--surface);
}
body.mode-admin .admin-toolbar-search .btn.btn-ghost:hover{
  border-color: var(--accent-border);
  background: var(--accent-soft);
}

/* Kimlik doğrulama: arama + filtre aynı satırda (.admin-paket-search width:100% alta iterdi) */
body.mode-admin .kimlik-admin-page .kimlik-admin-toolbar-form.admin-toolbar-search--paketler{
  flex-wrap: nowrap;
  align-items: center;
}
body.mode-admin .kimlik-admin-page .kimlik-admin-toolbar-form .admin-paket-search{
  flex: 1 1 240px;
  width: auto;
  max-width: 520px;
  min-width: min(100%, 180px);
}
body.mode-admin .kimlik-admin-page .kimlik-admin-toolbar-form .kimlik-admin-toolbar__filter{
  flex: 0 0 auto;
  min-width: 0;
}
body.mode-admin .kimlik-admin-page .admin-card-filters-row__search{
  max-width: min(720px, 100%);
}
body.mode-admin .kimlik-admin-page .admin-card-filters-row__search > .trade-toolbar .trade-toolbar__left{
  justify-content: flex-start;
}
@media (max-width: 560px){
  body.mode-admin .kimlik-admin-page .kimlik-admin-toolbar-form.admin-toolbar-search--paketler{
    flex-wrap: wrap;
  }
}
/* Kimlik: liste filtresi — panel trade-filter ile aynı davranış */
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter{
  position: relative;
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter__summary{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  border: 1px solid rgba(15, 23, 42, 0.18);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
  list-style: none;
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter__summary::-webkit-details-marker{
  display: none;
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter__summary::marker{
  content: '';
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter__summary .ui-icon{
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter__summary:hover{
  background: rgba(255, 255, 255, 1);
  border-color: rgba(15, 23, 42, 0.24);
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter[open] .kimlik-admin-trade-filter__summary{
  background: rgba(15, 23, 42, 0.04);
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter__lbl{
  font-weight: 600;
  color: var(--ink);
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter .trade-filter__menu{
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  min-width: 200px;
  padding: 6px;
  border-radius: var(--radius-sm);
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter .trade-filter__menu .state-tab{
  width: 100%;
  justify-content: flex-start;
  border-right: none;
  height: 40px;
  border-radius: var(--radius-sm);
  color: rgba(255, 255, 255, 0.95);
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter .trade-filter__menu .state-tab:hover{
  background: rgba(255, 255, 255, 0.1);
}
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter .trade-filter__menu .state-tab.is-active,
body.mode-admin .kimlik-admin-page .kimlik-admin-trade-filter .trade-filter__menu .state-tab[aria-pressed="true"]{
  background: rgba(255, 255, 255, 0.98);
  color: #0b3a75;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.18);
}
body.mode-admin .kimlik-admin-table{
  table-layout: fixed;
}
body.mode-admin .kimlik-admin-table col.kimlik-admin-col--store{
  width: 38%;
}
body.mode-admin .kimlik-admin-table col.kimlik-admin-col--doc{
  width: 11%;
}
body.mode-admin .kimlik-admin-table col.kimlik-admin-col--acct{
  width: 14%;
}
body.mode-admin .kimlik-admin-table col.kimlik-admin-col--act{
  width: 15%;
}
body.mode-admin .kimlik-admin-table .badge{
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.72rem;
}
body.mode-admin .kimlik-admin-table th,
body.mode-admin .kimlik-admin-table td{
  vertical-align: middle;
}
body.mode-admin .kimlik-admin-table th.kimlik-admin-th--store,
body.mode-admin .kimlik-admin-table td.kimlik-admin-cell--store{
  text-align: left;
}
body.mode-admin .kimlik-admin-table td.kimlik-admin-cell--store{
  word-break: break-word;
}
body.mode-admin .kimlik-admin-table th.kimlik-admin-th--doc,
body.mode-admin .kimlik-admin-table td.kimlik-admin-cell--doc{
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
body.mode-admin .kimlik-admin-table th.kimlik-admin-th--acct,
body.mode-admin .kimlik-admin-table td.kimlik-admin-cell--acct{
  text-align: center;
}
body.mode-admin .kimlik-admin-table th.kimlik-admin-th--act,
body.mode-admin .kimlik-admin-table td.kimlik-admin-cell--act{
  text-align: center;
}
body.mode-admin .kimlik-admin-table .kimlik-admin-doc--compact{
  max-width: none;
}
body.mode-admin .kimlik-admin-store__name{
  font-weight: 500;
  font-size: 0.94rem;
}
body.mode-admin .kimlik-admin-store__meta{
  font-size: 0.8125rem;
  margin-top: 4px;
}
body.mode-admin .kimlik-admin-doc{
  min-width: 0;
  max-width: 340px;
}
body.mode-admin .kimlik-admin-doc__row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body.mode-admin .kimlik-admin-doc__view{
  flex-shrink: 0;
}
body.mode-admin .kimlik-admin-doc--compact{
  vertical-align: middle;
}

/* Kimlik: firma profili modalı (tüm evraklar + hesap) */
body.mode-admin #modalKimlikProfile .modal-dialog{
  max-width: min(92vw, 720px);
}
body.mode-admin #modalKimlikProfile .btn{
  border-radius: var(--radius-modal-field, 10px);
}
body.mode-admin .modal-body--kimlik-prof{
  padding-top: 12px;
}
body.mode-admin .kimlik-prof-summary{
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: var(--radius-modal-field, 10px);
  border: 1px solid var(--line);
  background: var(--surface-muted, rgba(248, 250, 252, 0.92));
}
body.mode-admin .kimlik-prof-summary__meta{
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.45;
}
body.mode-admin .kimlik-prof-docs{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.mode-admin .kimlik-prof-doc{
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-modal-field, 10px);
  background: var(--surface-muted, rgba(248, 250, 252, 0.92));
}
body.mode-admin .kimlik-prof-doc__head{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
body.mode-admin .kimlik-prof-doc__identity{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-width: 0;
}
body.mode-admin .kimlik-prof-doc__quick{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
body.mode-admin .kimlik-prof-doc__h{
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
}
body.mode-admin .kimlik-prof-doc__rejnote{
  margin: 8px 0 0;
  font-size: 0.84rem;
}
body.mode-admin .kimlik-prof-doc__decision{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
}
body.mode-admin .kimlik-prof-doc__decision-inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}
body.mode-admin .kimlik-prof-doc__approve{
  margin: 0;
}
body.mode-admin .kimlik-prof-doc__approve .btn{
  width: auto;
}
body.mode-admin .kimlik-prof-reject-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 1 1 220px;
  margin: 0;
  min-width: 0;
}
body.mode-admin .kimlik-prof-reject-row__input{
  flex: 1 1 160px;
  min-width: 120px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-modal-field, 10px);
  background: #ffffff;
  color: #0f172a;
  font: inherit;
  font-size: 0.875rem;
}
body.mode-admin .kimlik-prof-reject-row__input::placeholder{
  color: #94a3b8;
}
body.mode-admin .kimlik-prof-reject-row__input:focus{
  outline: none;
  border-color: var(--accent, #2563eb);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
}
body.mode-admin .kimlik-prof-account{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px 16px;
  align-items: start;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-modal-field, 10px);
  background: var(--surface-muted, rgba(248, 250, 252, 0.92));
}
@media (max-width: 540px){
  body.mode-admin .kimlik-prof-account{
    grid-template-columns: 1fr;
  }
}
body.mode-admin .kimlik-prof-account__main .kimlik-prof-doc__h{
  margin-bottom: 4px;
}
body.mode-admin .kimlik-prof-account__lead{
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
}
body.mode-admin .kimlik-prof-account__aside{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
@media (max-width: 540px){
  body.mode-admin .kimlik-prof-account__aside{
    justify-content: flex-start;
  }
}
body.mode-admin .kimlik-prof-account__form{
  margin: 0;
}

/* Firma profili (#modalKimlikProfile): düz köşe */
body.mode-admin #modalKimlikProfile .modal-dialog,
body.mode-admin #modalKimlikProfile .modal-card{
  border-radius: 0;
}
body.mode-admin #modalKimlikProfile .modal-dialog{
  overflow: hidden;
}
body.mode-admin #modalKimlikProfile .kimlik-prof-summary,
body.mode-admin #modalKimlikProfile .kimlik-prof-doc,
body.mode-admin #modalKimlikProfile .kimlik-prof-account{
  border-radius: 0;
}
body.mode-admin #modalKimlikProfile .btn{
  border-radius: 0 !important;
}
body.mode-admin #modalKimlikProfile .kimlik-prof-reject-row__input,
body.mode-admin #modalKimlikProfile input,
body.mode-admin #modalKimlikProfile textarea{
  border-radius: 0 !important;
}

/* Admin Ürünler > Kategoriler: Yeni kategori hub şeridinin altında */
body.mode-admin .trade-toolbar--admin-kategori{
  align-items: center;
  padding-top: 4px;
  padding-bottom: 0;
}
body.mode-admin .trade-toolbar--admin-kategori .trade-toolbar__left{
  flex: 0 1 auto;
  min-width: 0;
}

body.mode-panel .container{
  padding: 0;
  width: 100%;
  max-width: none;
  margin: 0;
}
body.mode-panel .hero{
  background: linear-gradient(180deg, #1f2937 0%, #111827 100%);
  border-radius: 0;
  padding: 0;
  box-shadow: 0 1px 0 rgba(255,255,255,0.06);
  border: none;
}
/* Yeni üst bar layout */
body.mode-panel .panel-topbar{
  /* Sadece hizalama: içerikle aynı yatay padding */
  padding: 8px 20px 10px;
}
body.mode-panel .panel-topbar__row{
  display:flex;
  align-items:center;
  gap: 14px;
}

/* Panel: üst kategori sekmeleri (Ürün talep paneli / Teklif / Markalar) mağaza teması */
body.mode-panel .trade-head-actions__cats,
body.mode-panel .jobs-create-card .card-head__actions .detail-tabs.detail-tabs--cats{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border-radius: var(--radius-sm);
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 12px 28px rgba(0,0,0,0.16);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
body.mode-panel .trade-head-actions__cats .detail-tab,
body.mode-panel .jobs-create-card .card-head__actions .detail-tabs.detail-tabs--cats .detail-tab{
  flex: 0 0 auto;
  height: 42px;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  background: transparent;
  border: 1px solid transparent;
  color: rgba(255,255,255,0.95);
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.02em;
  box-shadow: none;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

/* Trade üst sekmeler: ortalı + çizgili (admin tarzı) */
body.mode-panel .trade-head-actions__cats.trade-tabs--line{
  justify-content: center;
  gap: 22px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow-x: auto;
}
body.mode-panel .trade-head-actions__cats.trade-tabs--line .detail-tab{
  height: 44px;
  padding: 8px 2px 10px;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  font-weight: 600;
  font-size: 0.92rem;
  letter-spacing: 0;
  border-bottom: 2px solid transparent;
}
body.mode-panel .trade-head-actions__cats.trade-tabs--line .detail-tab .ui-icon{
  color: currentColor;
  opacity: 0.9;
}
body.mode-panel .trade-head-actions__cats.trade-tabs--line .detail-tab:hover{
  background: transparent;
  border-bottom-color: var(--accent-border);
}
body.mode-panel .trade-head-actions__cats.trade-tabs--line .detail-tab.is-active,
body.mode-panel .trade-head-actions__cats.trade-tabs--line .detail-tab[aria-current="page"]{
  background: transparent;
  box-shadow: none;
  border-bottom-color: var(--accent);
  color: var(--accent);
}
body.mode-panel .trade-head-actions--ops-only{
  justify-content:flex-end;
}
body.mode-panel .trade-head-actions--ops-only .trade-head-actions__ops{
  margin-left:auto;
}
body.mode-panel .trade-head-actions__cats .detail-tab .ui-icon,
body.mode-panel .jobs-create-card .card-head__actions .detail-tabs.detail-tabs--cats .detail-tab .ui-icon{
  color: rgba(255,255,255,0.95);
}
body.mode-panel .trade-head-actions__cats .detail-tab:hover,
body.mode-panel .jobs-create-card .card-head__actions .detail-tabs.detail-tabs--cats .detail-tab:hover{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.12);
}
body.mode-panel .trade-head-actions__cats .detail-tab.is-active,
body.mode-panel .trade-head-actions__cats .detail-tab[aria-current="page"],
body.mode-panel .jobs-create-card .card-head__actions .detail-tabs.detail-tabs--cats .detail-tab.is-active,
body.mode-panel .jobs-create-card .card-head__actions .detail-tabs.detail-tabs--cats .detail-tab[aria-current="page"]{
  background: rgba(255,255,255,0.98);
  border-color: rgba(255,255,255,0.28);
  color: #0b3a75;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.16);
}
body.mode-panel .trade-head-actions__cats .detail-tab.is-active .ui-icon,
body.mode-panel .trade-head-actions__cats .detail-tab[aria-current="page"] .ui-icon,
body.mode-panel .jobs-create-card .card-head__actions .detail-tabs.detail-tabs--cats .detail-tab.is-active .ui-icon,
body.mode-panel .jobs-create-card .card-head__actions .detail-tabs.detail-tabs--cats .detail-tab[aria-current="page"] .ui-icon{
  color: #0b3a75;
}
body.mode-panel .panel-topbar__row--top{
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  overflow: visible;
}

/* Uygulama adı bloğu tam solda kalsın */
body.mode-panel .panel-topbar__left--top{
  flex: 0;
}
body.mode-panel .panel-topbar__row--nav{
  justify-content: space-between;
  padding-top: 10px;
}
body.mode-panel .panel-topbar__right{
  display:flex;
  align-items:center;
  gap: 14px;
  justify-content:flex-end;
}
body.mode-panel .panel-topbar__left{
  display:flex;
  align-items:center;
  gap: 18px;
  min-width: 0;
}
body.mode-panel .panel-topbar__left--nav{
  flex: 0 0 auto;
  justify-content: flex-start;
  /* Logo alanı biraz daha geniş/yüksek, taşma olmasın */
  min-height: 64px;
}
body.mode-panel .panel-topbar__mid{
  flex: 1;
  display:flex;
  justify-content: center;
  min-width: 0;
}
body.mode-panel .panel-topbar__left--top{
  flex: 1;
  justify-content: flex-start;
}

/* Üst bar: hesap kimliği (üye numarası, rol, doğrulama) */
body.mode-panel .panel-ident{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
  color: rgba(255,255,255,0.88);
  font-weight: 650;
  font-size: 0.88rem;
  overflow: visible;
}

/* Üst bar: tik tooltip'i yukarı taşmasın, aşağı açılsın */
body.mode-panel .panel-topbar .vchip::after{
  top: calc(100% + 10px);
  bottom: auto;
  transform: translateX(-50%) translateY(2px);
}
body.mode-panel .panel-topbar .vchip:hover::after,
body.mode-panel .panel-topbar .vchip:focus-visible::after{
  transform: translateX(-50%) translateY(0);
}
body.mode-panel .panel-ident__name{
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 260px;
  color: rgba(255,255,255,0.96);
  font-weight: 700;
}

body.mode-panel .panel-ident__role-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.9);
  opacity: 0.95;
}

body.mode-panel .panel-ident__role-icon-wrap .ui-icon--panel-ident-role {
  width: 20px;
  height: 20px;
}

body.mode-panel .panel-ident__id{
  color: rgba(255,255,255,0.72);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body.mode-panel .panel-ident__sep{
  width: 1px;
  height: 12px;
  background: rgba(255,255,255,0.22);
  display:inline-block;
}
body.mode-panel .panel-ident__badge{
  display:inline-flex;
  align-items:center;
}

/* Üst bardaki logo: eski “yanıp sönen” animasyon + daha büyük */
body.mode-panel .hero-icon-wrap{
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.12),
    rgba(255, 255, 255, 0.55),
    rgba(255, 255, 255, 0.18)
  );
  background-size: 220% 220%;
  animation: none !important;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.18);
  border-radius: var(--radius-md);
}
body.mode-panel .hero-icon-wrap::after{
  animation: none !important;
}
body.mode-panel .hero-icon{
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  object-fit: contain;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  animation: none !important;
}

/* Panelde logo yanıp sönme/animasyon kapalı */
body.mode-panel .panel-appbrand .hero-icon-wrap,
body.mode-panel .panel-appbrand .hero-icon-wrap::after,
body.mode-panel .panel-appbrand .hero-icon{
  animation: none !important;
}

/* Mağaza: yanıp sönen logo (sadece bu blok) */
body.mode-panel .panel-appbrand.panel-appbrand--blink{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
body.mode-panel .panel-appbrand.panel-appbrand--blink .hero-icon-wrap{
  /* Arka kutu yok: sadece ikon */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0;
  width: 44px;
  height: 44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.mode-panel .panel-appbrand.panel-appbrand--blink .hero-icon-wrap::after{
  animation: none !important;
  box-shadow: none !important;
}
body.mode-panel .panel-appbrand.panel-appbrand--blink .hero-icon{
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  object-fit: contain;
  box-shadow: none !important;
  /* Yanıp sönme/ışıma ikonun üstünde */
  animation: hero-logo-glow 2.6s ease-in-out infinite !important;
}

/* Panel logo kutusu: köşelerde solukluk olmasın */
body.mode-panel .panel-appbrand .hero-icon-wrap{
  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background-image: none !important;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.22) !important;
}
body.mode-panel .panel-appbrand .hero-icon-wrap::after{
  box-shadow: none !important;
}

/* Uygulama adı (üst satır sol) */
body.mode-panel .panel-appbrand{
  display:inline-flex;
  align-items:center;
  gap: 12px;
  text-decoration:none;
  color: rgba(255,255,255,0.96);
  font-weight: 800;
  letter-spacing: -0.01em;
}

/* Mağaza: admin’deki logo hissi (renk mağazaya uygun) */
body.mode-panel .panel-appbrand.panel-appbrand--store{
  /* Dış kutu yok: yönetimdeki gibi sadece logo + yazı */
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
body.mode-panel .panel-appbrand.panel-appbrand--store .hero-icon-wrap,
body.mode-panel .panel-appbrand.panel-appbrand--store .hero-icon-wrap::after,
body.mode-panel .panel-appbrand.panel-appbrand--store .hero-icon{
  /* Mağaza logosu: yanıp sönen animasyon */
  animation: inherit;
}
body.mode-panel .panel-appbrand.panel-appbrand--store .hero-icon-wrap{
  /* Mağaza: ikon arkasında kutu OLMAYACAK */
  width: 56px;
  height: 56px;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  background-image: none !important;
  box-shadow: none !important;
  animation: none !important;
}
body.mode-panel .panel-appbrand.panel-appbrand--store .hero-icon{
  width: 56px;
  height: 56px;
  border-radius: 0;
  box-shadow: none !important;
  animation: none !important;
}
body.mode-panel .panel-appbrand.panel-appbrand--store .hero-icon-wrap::after{
  box-shadow: none !important;
  animation: none !important;
}
body.mode-panel .panel-appbrand__text{
  display:flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.08;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 900;
  font-size: 0.92rem;
}
body.mode-panel .panel-appbrand__line{
  display:block;
  white-space: nowrap;
}

/* panel-brand: kaldırıldı (artık kullanılmıyor) */

/* Ana menü linkleri (logo yanında) */
body.mode-panel .panel-nav{
  display:flex;
  align-items:center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}
body.mode-panel .panel-nav__link{
  display:inline-flex;
  align-items:center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px 9px;
  border-radius: var(--radius-sm);
  text-decoration:none;
  color: rgba(255,255,255,0.92);
  border: 1px solid transparent;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  font-weight: 750;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  min-width: 98px;
}
body.mode-panel .panel-nav__link .ui-icon{
  width: 22px;
  height: 22px;
  color: rgba(255,255,255,0.95);
}
body.mode-panel .panel-nav__link.is-active .ui-icon,
body.mode-panel .panel-nav__link[aria-current="page"] .ui-icon{
  color: rgba(255,255,255,0.98);
}
body.mode-panel .panel-nav__link:hover{
  /* Trendyol benzeri “pill” hover */
  background: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.98);
}
body.mode-panel .panel-nav__link.is-active,
body.mode-panel .panel-nav__link[aria-current="page"]{
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.98);
  box-shadow: none;
}
body.mode-panel .accountbar__name{
  color: rgba(255,255,255,0.92);
  font-weight: 600;
}
body.mode-panel .accountbar__id{
  color: rgba(255,255,255,0.72);
}
body.mode-panel .hero-actions .btn-secondary,
body.mode-panel .hero-actions .btn-secondary.btn-sm{
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: var(--radius-sm);
}
/* Çıkış butonundaki “kırmızı parlamayı” kapat (focus/outline/box-shadow) */
body.mode-panel .hero-actions .btn-secondary:focus,
body.mode-panel .hero-actions .btn-secondary:focus-visible{
  outline: none;
  box-shadow: none;
}
body.mode-panel .hero-actions a[href$="logout.php"].btn-secondary,
body.mode-panel .hero-actions a[href$="/logout.php"].btn-secondary{
  box-shadow: none;
  filter: none;
}

/* Panel menü (sekmeler): koyu bar üzerinde link menü gibi */
body.mode-panel .tabs{
  display:none;
}
body.mode-panel .tabs__left{
  gap: 6px;
}
/* (eski) tabs sağ blok artık kullanılmıyor */
body.mode-panel .tabs__right{ display:none; }
body.mode-panel .tab-btn{
  background: transparent;
  border: 1px solid transparent;
  color: rgba(255,255,255,0.82);
  box-shadow: none;
  border-radius: var(--radius-sm);
  padding: 8px 10px;
  font-size: 0.90rem;
}
body.mode-panel .tab-btn:hover{
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.92);
}
body.mode-panel .tab-btn.is-active,
body.mode-panel .tab-btn[aria-current="page"]{
  background: rgba(249, 115, 22, 0.14);
  border-color: rgba(249, 115, 22, 0.22);
  color: rgba(255,255,255,0.95);
}
body.mode-panel .tab-btn .ui-icon{
  background: rgba(249, 115, 22, 0.14);
  color: var(--accent);
}
body.mode-panel .tab-btn--mini{
  opacity: 0.95;
}

/* Panel üst bar hızlı linkleri + ayraçlar (Trendyol benzeri) */
body.mode-panel .trendy-toplinks{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
body.mode-panel .trendy-toplinks .toplink{
  /* Trendyol benzeri pill link */
  position: relative;
  background: transparent;
  border: 1px solid transparent;
  padding: 6px 10px;
  border-radius: 999px;
  box-shadow: none;
  color: rgba(255,255,255,0.85);
  font-weight: 600;
  font-size: 0.88rem;
  text-decoration: none;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body.mode-panel .trendy-toplinks .toplink:hover{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.10);
  transform: none;
  color: rgba(255,255,255,0.95);
  text-decoration: none;
}
body.mode-panel .trendy-toplinks .toplink.is-active,
body.mode-panel .trendy-toplinks .toplink[aria-current="page"]{
  background: rgba(255,255,255,0.16);
  border-color: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.98);
}
body.mode-panel .trendy-toplinks .toplink .ui-icon{
  width: 16px;
  height: 16px;
  color: rgba(255,255,255,0.82);
  margin-right: 0;
}
body.mode-panel .trendy-toplinks button.toplink{
  font-family: inherit;
  cursor: pointer;
}
body.mode-panel .trendy-toplinks button.toplink:disabled{
  opacity: 0.72;
  cursor: pointer;
}
body.mode-panel .toplinks__sep{
  width: 1px;
  height: 14px;
  background: rgba(255,255,255,0.22);
  display:inline-block;
}

/* Panelde ayraçları kaldır */
body.mode-panel .toplinks__sep{
  display: none;
}


/* Admin zemin: Ignavo ana vitrin — temiz beyaz, çok hafif nötr gri */
body.mode-admin {
  background: radial-gradient(900px 480px at 50% -10%, rgba(37, 99, 235, 0.04) 0%, transparent 58%),
              linear-gradient(180deg, #ffffff 0%, #fafafa 55%, #ffffff 100%);
  background-attachment: scroll;
}

body.mode-admin .tabs{
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 10px 0 0;
  gap: 10px;
}
body.mode-admin .tab-btn{
  background: rgba(255,255,255,0.85);
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
  /* Admin sekmeleri: mağaza arayüzüyle aynı vurgu */
  color: var(--ink);
}
body.mode-admin .tab-btn .ui-icon{
  background: rgba(37, 99, 235, 0.10);
  color: var(--accent);
}
body.mode-admin .tab-btn:hover:not(:disabled){
  border-color: var(--accent-border);
  color: var(--accent);
}
body.mode-admin .tab-btn.is-active,
body.mode-admin .tab-btn[aria-current="page"]{
  background: var(--accent-soft);
  border-color: var(--accent-border);
  color: var(--accent);
}
body.mode-admin .tab-btn.is-active .ui-icon,
body.mode-admin .tab-btn[aria-current="page"] .ui-icon{
  background: rgba(37, 99, 235, 0.14);
  color: var(--accent);
}

body.mode-admin input[type="text"],
body.mode-admin input[type="email"],
body.mode-admin input[type="tel"],
body.mode-admin input[type="password"],
body.mode-admin input[type="number"],
body.mode-admin input[type="search"],
body.mode-admin select,
body.mode-admin textarea{
  border-color: var(--line-strong);
  border-radius: 10px;
}
body.mode-admin input::placeholder,
body.mode-admin textarea::placeholder{
  color: var(--ink-muted);
  opacity: 1;
}

/* Admin logo dosyası zaten mavisiz */

/* ornekproje uyumlu container */
.container {
  max-width: 1920px;
  width: 98vw;
  margin: 0 auto;
  padding: 20px;
}

body.mode-panel .topnav,
body.mode-admin .topnav {
  background: transparent;
  border-bottom: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.mode-panel .topnav--panel {
  border-bottom-color: transparent;
}

body.mode-admin .topnav.admin {
  border-bottom-color: transparent;
}

body.mode-panel.app-shell .topnav-inner--app {
  max-width: 1920px;
}

body.mode-admin .topnav-inner {
  max-width: 1920px;
}

body.mode-panel .page-title,
body.mode-admin .page-title {
  color: var(--ink);
  text-shadow: none;
}

body.mode-panel .page-sub,
body.mode-admin .page-sub {
  color: var(--ink-muted);
}

body.mode-panel.app-shell .wrap {
  max-width: 1920px;
}

a {
  color: inherit;
  text-underline-offset: 3px;
}

/* Tek renk çizgi ikonları (SVG currentColor) */
.ui-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  color: var(--ui-icon-color);
  vertical-align: -0.12em;
}

.ui-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.ui-icon--xs {
  width: 0.92rem;
  height: 0.92rem;
}

.ui-icon--title {
  width: 1.35rem;
  height: 1.35rem;
}

.ui-icon--label {
  width: 1rem;
  height: 1rem;
  margin-right: 0.35rem;
}

.modal label,
.modal .modal-form label {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.15rem;
}

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

.page-title--icon .ui-icon--title {
  color: var(--ui-icon-color);
}

body.mode-panel:not(.app-shell) .page-title--icon .ui-icon--title,
body.mode-admin:not(.app-shell) .page-title--icon .ui-icon--title {
  color: var(--ui-icon-color);
}

.topnav .brand .ui-icon--brand {
  width: 1.2rem;
  height: 1.2rem;
  color: currentColor;
}

.mode-admin .topnav .brand .ui-icon--brand {
  color: currentColor;
}

.btn-with-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.btn-with-icon:disabled .ui-icon {
  opacity: 0.75;
}

.btn-primary .ui-icon,
.trade-toolbar-btn.btn-primary .ui-icon {
  color: rgba(255, 255, 255, 0.95);
}

.back-link-a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none;
}

.back-link-a .ui-icon {
  color: var(--ui-icon-color);
}

/* Üst bar */
.topnav {
  position: static;
  z-index: 100;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: none;
  box-shadow: none;
  padding: 14px 0 0;
}

/* Toast (sağ üst) */
.toast-root{
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 2147483500;
  display: grid;
  gap: 10px;
  max-width: min(420px, calc(100vw - 32px));
}

.toast{
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(15, 23, 42, 0.88);
  color: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.35);
  transform: translateY(-6px);
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
}
.toast.is-in{
  opacity: 1;
  transform: translateY(0);
}
.toast.is-leaving{
  opacity: 0;
  transform: translateY(-6px);
}
.toast__body{
  display:flex;
  align-items:flex-start;
  gap: 12px;
  padding: 12px 12px 12px 14px;
}
.toast__text{
  flex:1;
  min-width:0;
  font-size: 0.92rem;
  line-height: 1.35;
  font-weight: 600;
}
.toast__x{
  flex-shrink:0;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.toast__x:hover{
  background: rgba(255, 255, 255, 0.14);
}

.toast--success{
  border-color: rgba(34, 197, 94, 0.30);
}
.toast--error{
  border-color: rgba(239, 68, 68, 0.32);
}
.toast--info{
  border-color: rgba(59, 130, 246, 0.28);
}

/* ornekproje: hero + tabs */
.hero {
  background: linear-gradient(135deg, var(--panel-1), var(--panel-2));
  color: #fff;
  border-radius: var(--radius-lg);
  padding: 24px 28px;
  box-shadow: 0 16px 36px rgba(29, 78, 216, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.hero-inner {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: center;
  gap: 14px 18px;
}

.hero-right{
  display:flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.hero-icon-wrap {
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  padding: 2px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.12),
    rgba(255, 255, 255, 0.55),
    rgba(255, 255, 255, 0.18)
  );
  background-size: 220% 220%;
  animation: hero-logo-border 3.2s ease infinite;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.18);
}

.hero-icon-wrap::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: var(--radius-lg);
  z-index: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.45);
  animation: hero-logo-ring 2.6s ease-out infinite;
}

.hero-icon {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  object-fit: contain;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
  position: relative;
  z-index: 1;
  animation: hero-logo-glow 2.6s ease-in-out infinite;
}

@keyframes hero-logo-border {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

@keyframes hero-logo-ring {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes hero-logo-glow {
  0%,
  100% {
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
  }
  50% {
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.45));
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-icon-wrap,
  .hero-icon-wrap::after,
  .hero-icon {
    animation: none !important;
  }
  .hero-icon-wrap {
    background: rgba(255, 255, 255, 0.2);
  }
}

.hero-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hero-brand {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  letter-spacing: 0.2px;
  line-height: 1.05;
}

.hero-tagline {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  opacity: 0.93;
  max-width: 52ch;
}

.hero-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.accountbar {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  gap: 10px;
}

.profile-menu{
  position: relative;
  display: inline-flex;
  align-items: center;
}
.profile-menu__btn{
  position: relative;
}
.profile-menu__caret{
  margin-left: 2px;
  font-size: 0.92em;
  opacity: 0.85;
}
.profile-menu__panel{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  min-width: 210px;
  padding: 8px;
  border-radius: var(--radius-md);
  border: 1px solid rgba(226, 232, 240, 0.65);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 38px rgba(2, 6, 23, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 70;
}
.profile-menu__panel::before{
  content:"";
  position:absolute;
  right: 16px;
  top: -6px;
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.96);
  border-left: 1px solid rgba(226, 232, 240, 0.65);
  border-top: 1px solid rgba(226, 232, 240, 0.65);
  transform: rotate(45deg);
}
.profile-menu__item{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: var(--radius-md);
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}
.profile-menu__item .ui-icon{
  opacity: 0.85;
}
.profile-menu__item:hover{
  background: var(--accent-soft);
}
.profile-menu__item:focus-visible{
  outline: 3px solid var(--accent-ring);
  outline-offset: 2px;
}

/* Kayan duyuru bandı */
.marquee-bar{
  background: #0b1220;
  color: rgba(255,255,255,0.92);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.marquee{
  overflow:hidden;
  white-space: nowrap;
  padding: 8px 0;
}
.marquee__track{
  display:inline-flex;
  align-items:center;
  gap: 24px;
  will-change: transform;
  animation: marqueeScroll 26s linear infinite;
}
.marquee__text{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  font-weight: 600;
  font-size: 0.88rem;
  letter-spacing: 0.01em;
}
.marquee__gap{ width: 48px; }
.marquee__sr{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}
@keyframes marqueeScroll{
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .marquee__track{ animation: none; }
}

.accountbar__sep{
  display:none;
}

.accountbar__who{
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.accountbar__who {
  display: grid;
  gap: 2px;
  line-height: 1.05;
  text-align: right;
}

.accountbar__name {
  font-size: 0.9rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.94);
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.accountbar__id {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.86);
  font-variant-numeric: tabular-nums;
}

.accountbar__sep {
  width: 1px;
  height: 26px;
  background: rgba(255, 255, 255, 0.18);
}

.tabs {
  display: flex;
  gap: 10px;
  margin: 14px 0 10px;
  flex-wrap: wrap;
}

.tabs--with-actions{
  align-items: center;
  justify-content: space-between;
}

.tabs__left{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.tabs--with-actions{ justify-content: flex-start; }

.toplinks{
  display:flex;
  gap: 8px;
  margin: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.tab-btn--mini{
  padding: 8px 12px;
  font-size: 0.86rem;
  border-radius: var(--radius-sm);
  opacity: 0.96;
}

.tab-btn--mini .ui-icon{
  width: 15px;
  height: 15px;
}

.toplink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.94);
  text-decoration: none;
  font-weight: 650;
  font-size: 0.82rem;
  line-height: 1;
  transition: background .2s ease, border-color .2s ease, transform .12s ease;
  box-shadow: none;
}

.toplink:hover{
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.34);
}

.toplink.is-active,
.toplink[aria-current="page"]{
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.46);
}

.tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #c7d2fe;
  border-radius: var(--radius-sm);
  padding: 9px 14px;
  font-weight: 600;
  cursor: pointer;
  background: #eef2ff;
  color: #1e3a8a;
  transition: 0.2s;
  box-shadow: 0 2px 8px rgba(2, 6, 23, 0.04);
  text-decoration: none;
  font-size: 0.92rem;
}

.tab-btn:hover {
  background: #e0e7ff;
}

.tab-btn.is-active,
.tab-btn[aria-current="page"] {
  background: #fff;
  border-color: #93c5fd;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.1);
}

.tab-btn.active {
  background: #fff;
  border-color: #93c5fd;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.1);
}

.tab-btn .ui-icon {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.hero-actions .btn-secondary,
.hero-actions .btn-secondary.btn-sm {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}

/* Üst bardaki çıkış ikonunu beyaz sabitle */
.hero-actions .btn-secondary .ui-icon {
  color: rgba(255, 255, 255, 0.96);
}

.hero-actions .btn-secondary:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.3);
}

.hero-actions .userchip {
  color: rgba(255, 255, 255, 0.92);
}

/* Mobil: hero alanını daha dengeli yap */
@media (max-width: 560px){
  .hero{
    padding: 18px 16px;
    border-radius: var(--radius-lg);
  }
  .hero-inner{
    /* 1. satır: logo + başlık/metin yan yana */
    grid-template-columns: max-content minmax(0, 1fr);
    grid-template-areas:
      "icon text"
      "right right";
    align-items: center;
    gap: 12px 12px;
  }
  .hero-icon-wrap{
    grid-area: icon;
    justify-self: start;
  }
  .hero-text{
    grid-area: text;
    gap: 6px;
  }
  .hero-brand{
    font-size: 24px;
    line-height: 1.08;
  }
  .hero-tagline{
    font-size: 13px;
    max-width: none;
  }
  .hero-right{
    grid-area: right;
    width: 100%;
    align-items: flex-start;
  }
  .hero-actions{
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
  }
  .accountbar{
    gap: 8px;
  }
  .accountbar__who{
    text-align: left;
  }
  .accountbar__name{
    max-width: 60vw;
  }
  .hero-actions .btn-secondary.btn-sm{
    padding: 8px 12px;
    border-radius: var(--radius-md);
  }
}

.topnav.admin {
  border-bottom-color: transparent;
}

.topnav--panel {
  border-bottom-color: transparent;
}

.topnav-inner {
  max-width: 1920px;
  width: 98vw;
  margin: 0 auto;
  padding: 22px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  border-radius: var(--radius-lg);
  color: #fff;
  background: linear-gradient(135deg, var(--panel-1), var(--panel-2));
  box-shadow: 0 16px 36px rgba(29, 78, 216, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.topnav .brand {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: -0.03em;
  text-decoration: none;
  color: #fff;
}

.brand-logo {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.12),
    rgba(255, 255, 255, 0.55),
    rgba(255, 255, 255, 0.18)
  );
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.18);
}

.brand-logo img {
  width: 44px;
  height: 44px;
  display: block;
  border-radius: var(--radius-md);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.brand-logo--fallback .ui-icon--brand {
  width: 22px;
  height: 22px;
  color: #ffffff;
}

.brand-text {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.1;
}

.brand-title {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.brand-sub {
  font-size: 0.82rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  opacity: 0.95;
}

.topnav .brand .ui-icon,
.topnav .btn-ghost,
.topnav .btn-ghost .ui-icon {
  color: rgba(255, 255, 255, 0.92);
}

.topnav .btn-ghost {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.topnav .btn-ghost:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.3);
}

.mode-admin .topnav .brand {
  color: #fff;
}

.navlinks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}

.navlinks a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.92);
  padding: 8px 14px;
  border-radius: 999px;
  transition: color 0.2s, background 0.2s, border-color 0.2s, transform 0.1s;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.1);
}

.navlinks a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
}

.mode-admin .navlinks a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
}

.navswitch-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-left: 10px;
  margin-left: 8px;
  border-left: 1px solid var(--line);
}

.navswitch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.86rem;
  color: var(--ink-muted);
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: color 0.2s, background 0.2s, border-color 0.2s;
  background: transparent;
}

.navswitch:hover {
  color: var(--accent);
  background: var(--accent-soft);
  border-color: var(--accent-border);
}

.navswitch.is-active {
  color: var(--accent);
  background: var(--accent-soft);
  border-color: var(--accent-border);
}

/* Teklif satırı: Takip et (ikon + yazı) */
.offer-item__ref-row .trade-takip-btn,
.td-actions__inner .trade-takip-btn{
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  color: var(--ink-muted);
  background: transparent;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  gap: 6px;
}
.offer-item__ref-row .trade-takip-btn .ui-icon,
.td-actions__inner .trade-takip-btn .ui-icon{
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.offer-item__ref-row .trade-takip-btn:hover,
.td-actions__inner .trade-takip-btn:hover{
  border-color: var(--accent-border);
  color: var(--accent);
  background: var(--accent-soft);
}
.offer-item__ref-row .trade-takip-btn.is-followed,
.td-actions__inner .trade-takip-btn.is-followed{
  border-color: var(--accent-border);
  color: var(--accent);
  background: var(--accent-soft);
}
.trade-takip-btn__txt{
  display: inline-block;
}

.userchip {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.userchip.userchip--stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  max-width: 320px;
  white-space: normal;
}

.userchip__line {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  line-height: 1.1;
}

.userchip__line--top {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 320px;
}

.userchip__id {
  opacity: 0.95;
  font-variant-numeric: tabular-nums;
}

.vchip {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
  box-shadow: none;
  position: relative;
}

.vchip .ui-icon {
  width: 16px;
  height: 16px;
  color: currentColor;
}

.has-tip {
  position: relative;
}

.has-tip::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  padding: 8px 10px;
  border-radius: var(--radius-sm);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.96);
  background: rgba(15, 23, 42, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 14px 28px rgba(2, 6, 23, 0.28);
  min-width: 240px;
  max-width: 320px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 50;
}

/* Küçük tooltip (ikon butonlar için) */
.has-tip--sm::after{
  min-width: 140px;
  max-width: 220px;
  padding: 7px 9px;
  font-size: 12px;
}

.has-tip:hover::after,
.has-tip:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

.vchip::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  padding: 8px 10px;
  border-radius: var(--radius-sm);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: rgba(255, 255, 255, 0.96);
  background: rgba(15, 23, 42, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 14px 28px rgba(2, 6, 23, 0.28);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 2147483600;
}

.vchip:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

.vchip:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

.vchip--ok {
  /* Optisyenlik müessesi: mavi tik */
  background: rgba(37, 99, 235, 0.82);
  border-color: rgba(96, 165, 250, 0.95);
  color: #eff6ff;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.30);
}

.vchip--sun {
  background: rgba(217, 119, 6, 0.9);
  border-color: rgba(245, 158, 11, 0.95);
  color: #fffbeb;
  box-shadow: 0 12px 28px rgba(217, 119, 6, 0.28);
}

.vchip--optisyen {
  background: rgba(13, 148, 136, 0.88);
  border-color: rgba(45, 212, 191, 0.95);
  color: #f0fdfa;
  box-shadow: 0 12px 28px rgba(13, 148, 136, 0.28);
}

.vchip--off {
  background: rgba(148, 163, 184, 0.18);
  border-color: rgba(148, 163, 184, 0.34);
  color: rgba(241, 245, 249, 0.96);
}

/* Üye numarası — numara kutusu ile profil butonu ayrı çerçeveler */
.uye-no-row{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  vertical-align: middle;
  max-width: 100%;
}
.uye-no-line{
  display: inline-flex;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  vertical-align: middle;
  max-width: 100%;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--surface);
  font-size: 0.78rem;
  line-height: 1.2;
  overflow: hidden;
}
.uye-no-line__no{
  display: inline-flex;
  align-items: center;
  padding: 6px 8px 6px 10px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--ink);
}
.uye-no-line .vchip-inline--ok,
.uye-no-line .vchip-inline--sun,
.uye-no-line .vchip-inline--optisyen{
  align-self: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  box-shadow: none;
}
.uye-no-line .vchip-inline--ok{
  background: #2563eb;
  border-color: #1d4ed8;
  color: #eff6ff;
}
.uye-no-line .vchip-inline--sun{
  background: #d97706;
  border-color: #b45309;
  color: #fffbeb;
}
.uye-no-line .vchip-inline--optisyen{
  background: #0d9488;
  border-color: #0f766e;
  color: #f0fdfa;
}
.uye-no-line .vchip-inline--ok .ui-icon,
.uye-no-line .vchip-inline--sun .ui-icon,
.uye-no-line .vchip-inline--optisyen .ui-icon{
  width: 11px;
  height: 11px;
}
a.uye-no-profil-link{
  color: var(--link, #2563eb);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
a.uye-no-profil-link:hover{
  color: #1d4ed8;
}
a.uye-no-profil-link:focus-visible{
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 2px;
}
.uye-no-row .uye-profil-btn,
.hs-detail__seller-actions .uye-profil-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-shrink: 0;
  margin: 0;
  padding: 6px 10px;
  min-height: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  font: inherit;
  font-size: 0.78rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--ink-muted);
  cursor: pointer;
  box-shadow: none;
  transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;
}
.uye-no-row .uye-profil-btn .ui-icon,
.hs-detail__seller-actions .uye-profil-btn .ui-icon{
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: currentColor;
}
.uye-no-row .uye-profil-btn:hover:not(:disabled),
.hs-detail__seller-actions .uye-profil-btn:hover:not(:disabled){
  border-color: var(--accent-border);
  background: var(--accent-soft);
  color: var(--accent);
}
.uye-no-row .uye-profil-btn:focus-visible,
.hs-detail__seller-actions .uye-profil-btn:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.uye-profil-btn__txt{
  white-space: nowrap;
}
#modalSatici .modal-dialog--satici{
  max-width: min(96vw, 920px);
}
#modalSatici .modal-card--satici{
  display: flex;
  flex-direction: column;
  max-height: min(92dvh, 880px);
  overflow: hidden;
}
#modalSatici .modal-card--satici > .satici-performans{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
#modalSatici .satici-performans__body{
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #f1f5f9;
}
#modalSatici .satici-performans__body::-webkit-scrollbar{
  width: 8px;
}
#modalSatici .satici-performans__body::-webkit-scrollbar-track{
  background: #f1f5f9;
  border-radius: 4px;
}
#modalSatici .satici-performans__body::-webkit-scrollbar-thumb{
  background: #94a3b8;
  border-radius: 4px;
}
#modalSatici .satici-performans__body::-webkit-scrollbar-thumb:hover{
  background: #64748b;
}
#modalSatici .satici-performans__header{
  position: relative;
  flex-shrink: 0;
  display: block;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  padding: 18px 52px 14px 20px;
  border: 0;
  margin: 0;
  border-bottom: 1px solid var(--line);
}
#modalSatici .satici-performans__close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  font-size: 1.35rem;
}
#modalSatici .satici-performans__header-main{
  min-width: 0;
  max-width: 100%;
}
#modalSatici .satici-performans__meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 8px;
}
#modalSatici .satici-performans__meta[hidden]{
  display: none !important;
}
#modalSatici .satici-performans__meta .trade-takip-btn{
  flex-shrink: 0;
}
#modalSatici .satici-performans__body{
  padding: 16px 22px 20px;
}
@media (min-width: 980px) {
  #modalSatici .modal-dialog--satici {
    max-width: min(92vw, 960px);
  }
}
.vchip-inline{
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  position: relative;
  cursor: help;
}
.vchip-inline .ui-icon{
  width: 14px;
  height: 14px;
  color: currentColor;
}
.vchip-inline--ok{
  background: #2563eb;
  border-color: #1d4ed8;
  color: #eff6ff;
  box-shadow: 0 1px 3px rgba(37, 99, 235, 0.28);
}
.vchip-inline--sun{
  background: #d97706;
  border-color: #b45309;
  color: #fffbeb;
  box-shadow: 0 1px 3px rgba(217, 119, 6, 0.28);
}
.vchip-inline--optisyen{
  background: #0d9488;
  border-color: #0f766e;
  color: #f0fdfa;
  box-shadow: 0 1px 3px rgba(13, 148, 136, 0.28);
}

/* Panel: optisyenlik müessesi mavi, güneş gözlüğü kehribar, bireysel optisyen turkuaz */
body.mode-panel .vchip-inline--ok,
body.mode-panel .vchip--ok{
  background: #2563eb;
  border-color: #1d4ed8;
  color: #eff6ff;
  box-shadow: none;
}
body.mode-panel .vchip-inline--sun,
body.mode-panel .vchip--sun{
  background: #d97706;
  border-color: #b45309;
  color: #fffbeb;
  box-shadow: none;
}
body.mode-panel .vchip-inline--optisyen,
body.mode-panel .vchip--optisyen{
  background: #0d9488;
  border-color: #0f766e;
  color: #f0fdfa;
  box-shadow: none;
}
body.mode-panel .uye-no-line .vchip-inline--ok{
  background: #2563eb;
  border-color: #1d4ed8;
  color: #eff6ff;
}
body.mode-panel .uye-no-line .vchip-inline--sun{
  background: #d97706;
  border-color: #b45309;
  color: #fffbeb;
}
body.mode-panel .uye-no-line .vchip-inline--optisyen{
  background: #0d9488;
  border-color: #0f766e;
  color: #f0fdfa;
}

.vchip-inline.has-tip::after{
  min-width: 260px;
  max-width: 340px;
  white-space: normal;
  line-height: 1.35;
  text-align: center;
  z-index: 2147483600;
}

/* Tablolarda üye no tik ipucu: aşağı açılsın (üst kenar / arama çubuğu kırpmasın) */
table.simple td,
table.simple th{
  overflow: visible;
}
table.simple td .vchip-inline.has-tip::after{
  top: calc(100% + 8px);
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2147483600;
}
table.simple td .vchip-inline.has-tip:hover::after,
table.simple td .vchip-inline.has-tip:focus-visible::after{
  transform: translateX(-50%) translateY(2px);
}

/* Modal başlık / alt satır: ipucu yukarı değil aşağı (dialog kırpmasın) */
.modal .vchip-inline.has-tip::after,
.modal-header .vchip-inline.has-tip::after,
.modal-header__sub .vchip-inline.has-tip::after{
  top: calc(100% + 8px);
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2147483601;
}
.modal .vchip-inline.has-tip:hover::after,
.modal .vchip-inline.has-tip:focus-visible::after,
.modal-header .vchip-inline.has-tip:hover::after,
.modal-header .vchip-inline.has-tip:focus-visible::after{
  transform: translateX(-50%) translateY(2px);
}
.modal-header,
.modal-header__main,
.modal-header__sub,
.modal-header .uye-no-line,
.modal-header .uye-no-row{
  overflow: visible;
}

.panel-ident__id .uye-no-line__no{
  font-weight: 600;
}

/* Sayfa gövdesi */
.wrap {
  max-width: 1920px;
  width: 98vw;
  margin: 0 auto;
  padding: 20px 20px 56px;
}

/* Admin: üst bar ile gövde aynı hizada */
body.mode-admin .wrap{
  max-width: none;
  width: 100%;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 72px;
}

/* Panelde (mağaza) üst bar ile aynı hizaya getir: tam genişlik + 20px padding */
body.mode-panel .wrap{
  max-width: none;
  width: 100%;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
}

/* Reklam bandı ile sayfa içeriği arası — ~ : arada <script> olsa da eşleşir */
body.mode-panel .adbar ~ .wrap,
body.mode-panel .adbar ~ .wrap.wrap--trade {
  padding-top: 0;
}
body.mode-panel .adbar ~ .wrap > :first-child {
  margin-top: 6px;
}
body.mode-panel .adbar ~ .wrap > .alert.trade-alert:first-child {
  margin-top: 6px;
  margin-bottom: 6px;
}
body.mode-panel .adbar ~ .wrap > .alert.trade-alert:first-child + .mt-md,
body.mode-panel .adbar ~ .wrap > .alert.trade-alert:first-child + .trade-toolbar {
  margin-top: 6px;
}
body.mode-panel .adbar ~ .wrap > .trade-toolbar.mt-md,
body.mode-panel .adbar ~ .wrap > form.trade-toolbar.mt-md,
body.mode-panel .adbar ~ .wrap > .trade-toolbar--search-actions,
body.mode-panel .adbar ~ .wrap > form.trade-toolbar--search-actions {
  margin-top: 6px;
  padding-top: 0;
}

body.mode-panel .wrap.wrap--panel-egitim {
  padding-bottom: 0;
}
body.mode-panel .wrap.wrap--panel-egitim > .trade-toolbar--video-only {
  margin-bottom: 4px;
}
body.mode-panel .wrap.wrap--panel-egitim + .wrap {
  padding-top: 0;
}
body.mode-panel .wrap.wrap--panel-egitim + .wrap > :first-child {
  margin-top: 6px;
}

/* Üst bar altı promo kart şeridi — panel kart stiline uyumlu, sade */
.adbar{
  margin-bottom: 0;
}
body.mode-panel .adbar__inner{
  padding: 8px 20px 4px;
}
.adbar__inner{
  padding: 8px 20px 4px;
}
.adbar__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.adbar__card{
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 14px;
  min-height: 116px;
  padding: 14px 16px 14px 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: var(--shadow-card);
  text-decoration: none;
  color: var(--ink);
  overflow: hidden;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.adbar__card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--accent);
}
.adbar__card:hover,
.adbar__card:focus-visible{
  border-color: var(--line-strong);
  background: var(--surface-muted);
}
.adbar__card-body{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  gap: 0;
}
.adbar__title{
  margin: 0;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.adbar__sub{
  margin: 4px 0 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--ink-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.adbar__cta{
  display: inline-block;
  margin-top: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--accent);
}
.adbar__cta-arrow{
  display: none;
}
.adbar__thumb-wrap{
  flex: 0 0 124px;
  align-self: stretch;
  width: 124px;
  min-height: 88px;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--surface-muted);
}
.adbar__thumb{
  display: block;
  width: 100%;
  height: 100%;
  min-height: 88px;
  object-fit: cover;
}
@media (max-width: 1100px){
  body.mode-panel .adbar__inner,
  .adbar__inner{
    padding-right: 0;
    overflow: hidden;
  }
  .adbar__grid{
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    grid-template-columns: unset;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-right: 20px;
    padding-bottom: 4px;
  }
  .adbar__grid::-webkit-scrollbar{
    display: none;
  }
  .adbar__card{
    flex: 0 0 calc(100% - 36px);
    max-width: 400px;
    scroll-snap-align: start;
    min-height: 108px;
  }
}
@media (min-width: 1101px) and (max-width: 1400px){
  .adbar__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .adbar__card:nth-child(3){
    grid-column: 1 / -1;
  }
}

.page-title {
  margin: 0 0 6px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--ink);
}

.page-sub {
  margin: 0 0 22px;
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--ink-muted);
  max-width: 52ch;
}

.page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px 24px;
  margin-bottom: 20px;
}

.page-header-text {
  flex: 1;
  min-width: min(100%, 260px);
}

.page-header .page-sub {
  margin-bottom: 0;
}

.btn-hero {
  flex-shrink: 0;
  padding: 14px 24px;
  font-size: 0.95rem;
  box-shadow: 0 4px 14px -2px var(--accent-ring);
}

.btn-hero:hover:not(:disabled) {
  box-shadow: 0 6px 20px -2px var(--accent-ring);
}

/* Modal — gövde dışında, opak arka plan, okunaklı metin (wrap içinde kalmayı engeller) */
body.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  inset: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  background-color: rgba(15, 23, 42, 0.82);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  visibility: hidden;
  pointer-events: none;
  isolation: isolate;
  transition: visibility 0.2s;
}

.modal.is-open {
  visibility: visible;
  pointer-events: auto;
}

#modalJobCreate .modal-dialog,
#modalJobEdit .modal-dialog,
#modalCihazCreate .modal-dialog,
#modalCihazEdit .modal-dialog {
  max-width: min(96vw, 780px);
}

.modal-dialog {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 520px;
  max-height: none;
  overflow: visible;
  outline: none;
}
.modal-card > form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.modal-card > .modal-body,
.modal-card > form > .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1 1 auto;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}
.modal-card > .modal-header,
.modal-card > .modal-footer,
.modal-card > form > .modal-footer {
  flex-shrink: 0;
}

/* Masaüstü: varsayılan modal dar — içerik kadar okunaklı (çok geniş boşluk yok) */
@media (min-width: 980px) {
  .modal-dialog {
    max-width: 560px;
  }
  /* Çok sütunlu / galeri / yönetim: gerektiğinde genişlet */
  #modalJobView .modal-dialog {
    max-width: 980px;
  }
  #modalDevirCreate .modal-dialog,
  #modalDevirEdit .modal-dialog,
  #modalDevirView .modal-dialog {
    max-width: min(92vw, 860px);
  }
  #modalCihazCreate .modal-dialog,
  #modalCihazEdit .modal-dialog {
    max-width: min(92vw, 780px);
  }
  #modalTicketView .modal-dialog {
    max-width: min(94vw, 900px);
  }
  #modalTicketCreate .modal-dialog {
    max-width: min(92vw, 640px);
  }
  #modalOneriCreate .modal-dialog {
    max-width: min(92vw, 640px);
  }
  #modalUserActions .modal-dialog {
    max-width: min(96vw, 920px);
  }
  #modalUserActions.modal-user-actions--dogrulama .modal-dialog {
    max-width: min(96vw, 1040px);
  }
  #modalTeklifler .modal-dialog {
    max-width: min(92vw, 640px);
  }
  #modalPaketEkle .modal-dialog {
    max-width: min(92vw, 800px);
  }
  #modalLic .modal-dialog {
    max-width: min(94vw, 920px);
  }
  #modalPanelReklam .modal-dialog {
    width: min(98vw, 1280px);
    max-width: min(98vw, 1280px);
  }
  .modal--panel-reklam-strip .modal-dialog {
    width: min(98vw, 1120px);
    max-width: min(98vw, 1120px);
  }
  #modalAskida .modal-dialog {
    max-width: 420px;
  }
}

/* Giriş — pasif hesap modalı */
.modal-card--askida {
  overflow: hidden;
}

.modal-header--askida {
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f5f9;
}

.modal-header--askida .modal-close {
  flex-shrink: 0;
  margin-top: 2px;
}

.auth-askida-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  flex: 1;
}

.auth-askida-head__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #fff7ed;
  color: #c2410c;
  --ui-icon-color: #c2410c;
}

.auth-askida-head__icon .ui-icon {
  width: 22px;
  height: 22px;
}

.auth-askida-head__text {
  min-width: 0;
}

.modal-card--askida .modal-header h2 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.3;
}

.auth-askida-head__sub {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  color: #64748b;
  line-height: 1.4;
}

.modal-body--askida {
  padding-top: 16px;
}

.auth-askida-lead {
  margin: 0 0 14px;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: #475569;
}

.auth-askida-actions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.auth-askida-action {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  text-decoration: none;
  color: inherit;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.auth-askida-action:hover {
  background: #fff;
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.auth-askida-action__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e2e8f0;
  --ui-icon-color: #334155;
}

.auth-askida-action__icon .ui-icon {
  width: 20px;
  height: 20px;
}

.auth-askida-action--wa .auth-askida-action__icon {
  background: #ecfdf5;
  border-color: #bbf7d0;
  --ui-icon-color: #16a34a;
}

.auth-askida-action--tel .auth-askida-action__icon {
  background: #eff6ff;
  border-color: #bfdbfe;
  --ui-icon-color: #2563eb;
}

.auth-askida-action__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.auth-askida-action__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #64748b;
}

.auth-askida-action__num {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: 0.01em;
}

.auth-askida-action__go {
  flex-shrink: 0;
  transform: rotate(180deg);
  opacity: 0.35;
  --ui-icon-color: #64748b;
}

.auth-askida-action__go .ui-icon {
  width: 18px;
  height: 18px;
}

.auth-askida-action:hover .auth-askida-action__go {
  opacity: 0.65;
}

.modal-footer--askida {
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.modal-footer--askida .btn-ghost {
  color: #64748b;
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: min(92dvh, 900px);
  overflow: hidden;
  background-color: #ffffff;
  color: #0f172a;
  border-radius: var(--radius-lg);
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.08),
    0 28px 64px -12px rgba(0, 0, 0, 0.35);
}
.modal-card--success{
  box-shadow:
    0 0 0 1px rgba(22, 163, 74, 0.22),
    0 28px 64px -12px rgba(0, 0, 0, 0.35);
}
.modal-card--success .modal-header h2{
  color: #15803d;
}

/* Admin: varsayılan modal genişliği dar kalsın; sadece scroll davranışı iyileştir */
body.mode-admin .modal-dialog {
  overflow: hidden;
}

.marka-yetki-modal__brand-name {
  margin: 0;
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--border, #e2e8f0);
  border-radius: var(--radius-sm);
  background: var(--surface-muted, #f8fafc);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.35;
  color: var(--ink);
}

.marka-combo__clear {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--ink-muted);
  cursor: pointer;
}

.marka-combo__clear:hover,
.marka-combo__clear:focus {
  background: var(--surface-muted, #f1f5f9);
  color: var(--ink);
  outline: none;
}

.marka-combo__clear .ui-icon {
  width: 1.1rem;
  height: 1.1rem;
}

/* Admin — İlan düzenle: mağaza combobox (tek kutu + açılır liste) */
body.mode-admin #modalAdminIlanEdit .admin-magaza-combo{
  position: relative;
}
body.mode-admin #modalAdminIlanEdit .admin-magaza-combo .admin-paket-search{
  max-width: none;
  width: 100%;
}
body.mode-admin #modalAdminIlanEdit .admin-magaza-combo__list{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 60;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  max-height: 240px;
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
}
body.mode-admin #modalAdminIlanEdit .admin-magaza-combo__option{
  padding: 10px 14px;
  cursor: pointer;
  font-size: 0.92rem;
  line-height: 1.35;
}
body.mode-admin #modalAdminIlanEdit .admin-magaza-combo__option:hover,
body.mode-admin #modalAdminIlanEdit .admin-magaza-combo__option:focus{
  background: var(--surface-muted, #f1f5f9);
  outline: none;
}
body.mode-admin #modalAdminIlanEdit .admin-magaza-combo__empty{
  padding: 10px 14px;
  color: var(--ink-muted);
  font-size: 0.88rem;
}

body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-form{
  display: flex;
  flex-direction: column;
  gap: 0;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-card{
  display: grid;
  grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
  gap: 18px 20px;
  align-items: start;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-card__media{
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-gorsel-label{
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop{
  position: relative;
  border-radius: var(--radius-lg);
  border: 1px dashed color-mix(in srgb, var(--brand, #ea580c) 28%, #cbd5e1);
  background: linear-gradient(180deg, #fafbfc 0%, #f1f5f9 100%);
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop:hover{
  border-color: color-mix(in srgb, var(--brand, #ea580c) 45%, #cbd5e1);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop.is-drag{
  border-color: var(--brand, #ea580c);
  border-style: solid;
  background: color-mix(in srgb, var(--brand, #ea580c) 8%, #fff);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #ea580c) 18%, transparent);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop.has-preview{
  border-style: solid;
  border-color: #e2e8f0;
  background: #fff;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__stage{
  position: relative;
  aspect-ratio: 1;
  min-height: 220px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  cursor: pointer;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__stage:focus-visible{
  outline: 2px solid var(--brand, #ea580c);
  outline-offset: 2px;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop input[type="file"]{
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__zoom{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  z-index: 1;
  pointer-events: none;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop.has-preview .ae-gorsel-drop__zoom{
  pointer-events: auto;
  cursor: zoom-in;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__zoom[aria-hidden="true"]{
  visibility: hidden;
  pointer-events: none;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__zoom img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  padding: 8px;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__placeholder{
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 20px 14px;
  text-align: center;
  pointer-events: none;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop.has-preview .ae-gorsel-drop__placeholder{
  display: none;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__ico{
  display: flex;
  color: color-mix(in srgb, var(--brand, #ea580c) 70%, #94a3b8);
  margin-bottom: 4px;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__ico .ui-icon{
  width: 2.5rem;
  height: 2.5rem;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__title{
  font-size: 0.92rem;
  font-weight: 650;
  color: var(--ink);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__hint{
  font-size: 0.82rem;
  color: var(--ink-muted);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__meta{
  font-size: 0.72rem;
  color: var(--ink-muted);
  margin-top: 2px;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__overlay{
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 12px;
  background: linear-gradient(180deg, transparent 40%, rgba(15, 23, 42, 0.55));
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop.has-preview:hover .ae-gorsel-drop__overlay,
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop.has-preview:focus-within .ae-gorsel-drop__overlay{
  opacity: 1;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__overlay[hidden]{
  display: none !important;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__overlay-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 650;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__overlay-btn .ui-icon{
  width: 1rem;
  height: 1rem;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__status{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-top: 1px solid var(--line);
  background: color-mix(in srgb, var(--ok, #16a34a) 6%, #fff);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__status[hidden]{
  display: none !important;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__status-name{
  flex: 1;
  min-width: 0;
  font-size: 0.82rem;
  font-weight: 600;
  color: #14532d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__status-name::before{
  content: "Seçildi · ";
  font-weight: 500;
  color: #16a34a;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__status-name.is-saved::before{
  content: "Yüklü · ";
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop.has-preview input[type="file"]{
  pointer-events: none;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__clear{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(148, 163, 184, 0.5);
  border-radius: var(--radius-sm, 8px);
  background: #fff;
  color: var(--ink-muted);
  cursor: pointer;
  z-index: 4;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__clear:hover{
  border-color: #fca5a5;
  color: #b91c1c;
  background: #fef2f2;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__clear .ui-icon{
  width: 1rem;
  height: 1rem;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-card__fields{
  max-width: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}
@media (max-width: 720px){
  body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-card{
    grid-template-columns: 1fr;
  }
  body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop{
    max-width: 280px;
    margin: 0 auto;
    width: 100%;
  }
}
@media (max-width: 520px){
  body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-card__fields{
    grid-template-columns: 1fr;
  }
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-karar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-karar__label{
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
  flex: 0 0 auto;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-karar__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-savebar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 0;
  padding-top: 14px;
}

/* Lisans düzenle: tek sütun tam genişlik, limitler 4’lü ızgara — köşe yuvarlaklığı yok */
body.mode-admin #modalLic .modal-card{
  border-radius: 0;
}
body.mode-admin #modalLic .modal-close{
  border-radius: 0;
}
body.mode-admin #modalLic .modal-form.form-grid--wide.modal-form--lic{
  max-width: none;
  grid-template-columns: 1fr;
  gap: 18px;
}
body.mode-admin #modalLic .modal-form--lic .modal-footer{
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin: 16px -22px 0;
  padding: 14px 22px 22px;
  border-top: 1px solid var(--line);
  background: #fff;
  border-radius: 0;
}
body.mode-admin #modalLic .lic-modal-limits{
  padding: 14px 16px;
  border-radius: 0;
  border: 1px solid var(--line);
  background: var(--surface-muted);
}
body.mode-admin #modalLic .lic-modal-limits-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px 16px;
  align-items: end;
}
@media (max-width: 820px){
  body.mode-admin #modalLic .lic-modal-limits-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 440px){
  body.mode-admin #modalLic .lic-modal-limits-grid{
    grid-template-columns: 1fr;
  }
}
body.mode-admin #modalLic .lic-modal-field label,
body.mode-admin #modalLic .lic-modal-date-block > label{
  display: block;
  font-weight: 600;
  font-size: 0.86rem;
  margin-bottom: 6px;
  color: var(--ink);
}
body.mode-admin #modalLic .lic-modal-date-block > label{
  margin-bottom: 4px;
}
body.mode-admin #modalLic .lic-modal-field input,
body.mode-admin #modalLic .lic-modal-field select{
  width: 100%;
  border-radius: 0;
  border-color: var(--line-strong);
}
/* Textarea: genel textarea { radius-sm } ile dar kalmasın — Plan / Durum alanlarıyla aynı köşe */
body.mode-admin #modalLic .lic-modal-field textarea,
body.mode-admin #modalLic #lic_not{
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid var(--line-strong);
  border-radius: 0;
  padding: 12px 14px;
  font: inherit;
  font-size: 0.95rem;
  line-height: 1.45;
  background: #fff;
  color: var(--ink);
  resize: vertical;
  min-height: 120px;
}
body.mode-admin #modalLic .modal-form input[type="date"],
body.mode-admin #modalLic .modal-form input[type="time"]{
  border-radius: 0;
}
body.mode-admin #modalLic .dt-presets-card{
  border-color: var(--line);
  background: var(--surface-muted);
  border-radius: 0;
}
body.mode-admin #modalLic .dt-box{
  margin-top: 8px;
  border-color: var(--line);
  background: var(--surface);
  border-radius: 0;
}
body.mode-admin #modalLic .dt-chip{
  border-color: var(--line-strong);
  background: var(--surface);
  color: var(--ink);
  border-radius: 0;
}
body.mode-admin #modalLic .modal-dialog{
  border-radius: 0;
  overflow: hidden;
  max-width: min(94vw, 920px);
}
body.mode-admin #modalLic .modal-body{
  padding-bottom: 0;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
body.mode-admin #modalLic .modal-body::-webkit-scrollbar{
  width: 8px;
}
body.mode-admin #modalLic .modal-body::-webkit-scrollbar-thumb{
  background: #cbd5e1;
  border-radius: 4px;
}
body.mode-admin #modalLic .modal-body::-webkit-scrollbar-thumb:hover{
  background: #94a3b8;
}
body.mode-admin #modalLic .btn,
body.mode-admin #modalLic .btn.btn-primary,
body.mode-admin #modalLic .btn.btn-ghost,
body.mode-admin #modalLic .btn.btn-secondary,
body.mode-admin #modalLic .btn.btn-sm{
  border-radius: 0 !important;
}
body.mode-admin #modalLic .modal-form--lic .modal-footer .btn-ghost{
  border-radius: 0 !important;
}
body.mode-admin #modalLic .dt-chip:hover{
  border-color: var(--accent-border);
  box-shadow: 0 0 0 3px var(--accent-ring);
}
body.mode-admin #modalLic .modal-form input[type="date"]:focus,
body.mode-admin #modalLic .modal-form input[type="time"]:focus{
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}

/* Son çare: bu modaldeki tüm form kontrolleri ve çerçeveler düz köşe (genel .modal kurallarını ezer) */
body.mode-admin #modalLic input,
body.mode-admin #modalLic select,
body.mode-admin #modalLic textarea{
  border-radius: 0 !important;
}

/* Paket ekle / Paket düzenle modalları: düz köşe (#modalLic ile aynı) */
body.mode-admin #modalPaketEkle .modal-dialog,
body.mode-admin #modalPaketEkle .modal-card,
body.mode-admin #modalPaketEkle .modal-close,
body.mode-admin #modalLp .modal-dialog,
body.mode-admin #modalLp .modal-card,
body.mode-admin #modalLp .modal-close{
  border-radius: 0;
}
body.mode-admin #modalPaketEkle .modal-dialog,
body.mode-admin #modalLp .modal-dialog{
  overflow: hidden;
}
body.mode-admin #modalPaketEkle input,
body.mode-admin #modalPaketEkle select,
body.mode-admin #modalPaketEkle textarea,
body.mode-admin #modalLp input,
body.mode-admin #modalLp select,
body.mode-admin #modalLp textarea{
  border-radius: 0 !important;
}
body.mode-admin #modalPaketEkle .btn,
body.mode-admin #modalLp .btn{
  border-radius: 0 !important;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__toggle-face,
body.mode-admin #modalLp .modal-form--paket-ekle__toggle-face{
  border-radius: 0 !important;
}

body.mode-admin .modal-card {
  display: flex;
  flex-direction: column;
  max-height: min(92dvh, 900px);
  overflow: hidden;
}

body.mode-admin .modal-header {
  position: sticky;
  top: 0;
  z-index: 3;
}

body.mode-admin .modal-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

body.mode-admin .modal-card > .modal-footer,
body.mode-admin .modal-card > form > .modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
}

@media (max-width: 520px) {
  body.mode-admin .modal {
    padding: 12px;
  }
  body.mode-admin .modal-header {
    padding: 16px 16px 12px;
  }
  body.mode-admin .modal-body {
    padding: 14px 16px 16px;
  }
  body.mode-admin .modal-card > .modal-footer,
  body.mode-admin .modal-card > form > .modal-footer {
    padding: 12px 16px 16px;
  }
  body.mode-admin .modal-card > form.modal-body > .modal-footer {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -16px;
    padding: 12px 16px 16px;
  }
  body.mode-admin #modalLic .modal-body{
    padding-bottom: 0;
  }
  body.mode-admin #modalLic .modal-form--lic .modal-footer{
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 20px 22px 16px;
  border-bottom: 1px solid var(--line);
  background-color: #ffffff;
}

/* Başlık + alt satır (ör. destek talebi) */
.modal-header > div:first-child {
  flex: 1;
  min-width: 0;
}

.modal-header h2 {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-size: 1.22rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--accent);
  line-height: 1.25;
}

.modal-close {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface-muted);
  color: var(--ink-muted);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  font-family: var(--font);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.modal-close:hover {
  background: #fee2e2;
  color: #b91c1c;
  border-color: #fecaca;
}

.modal-body {
  padding: 18px 22px 22px;
  background-color: #ffffff;
}

.modal-lead,
.modal-store-line {
  margin: 0 0 10px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--ink-muted);
}

.modal-store-line {
  margin-bottom: 14px;
  padding: 10px 12px;
  background: var(--surface-muted);
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  color: var(--ink);
  font-size: 0.88rem;
}

.modal-store-line strong {
  color: var(--accent);
  font-weight: 700;
}
.modal-store-line--magaza{
  grid-column: 1 / -1;
}

.modal-hint {
  display: block;
  margin-top: 6px;
  font-size: 0.82rem;
  color: var(--ink-muted);
}

/* Form alanları: her zaman koyu metin, beyaz zemin */
.modal .modal-form label,
.modal label {
  color: #1e293b;
  font-weight: 600;
}

.modal .modal-form input[type="text"],
.modal .modal-form input[type="email"],
.modal .modal-form input[type="tel"],
.modal .modal-form input[type="password"],
.modal .modal-form input[type="file"],
.modal .modal-form input[type="number"],
.modal .modal-form select,
.modal .modal-form textarea {
  background-color: #ffffff;
  color: #0f172a;
  border-color: #cbd5e1;
  border-radius: var(--radius-modal-field, 10px);
}

.modal .modal-form input::placeholder,
.modal .modal-form textarea::placeholder {
  color: #94a3b8;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 12px;
  margin-top: 8px;
}

/* Kart altında duran footer (gövde dışı): tam genişlik şerit + hizalı iç boşluk */
.modal-card > .modal-footer,
.modal-card > form > .modal-footer {
  margin-top: 0;
  padding: 14px 22px 20px;
  border-top: 1px solid var(--line);
  background: #ffffff;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

/* Form gövde sınıfı: içteki footer kart alt şeridine otursun */
.modal-card > form.modal-body > .modal-footer {
  margin-top: 16px;
  margin-left: -22px;
  margin-right: -22px;
  margin-bottom: -22px;
  padding: 14px 22px 20px;
  border-top: 1px solid var(--line);
  background: #ffffff;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

/* Panel ticaret: ürün talep aç / katalog talep / ürün ekle / hazır stok ilan — aynı geniş modal */
#modalIlanAc .modal-dialog,
#modalKatalogTalepAc .modal-dialog,
#modalUrunEkle .modal-dialog,
#modalHsIlan .modal-dialog {
  width: min(96vw, 1180px);
  max-width: min(96vw, 1180px);
}

/* Marka yetkisi talep: marka + evrak (2 sütun), gövde scroll yok */
#modalMarkaYetki .modal-dialog {
  width: min(96vw, 920px);
  max-width: min(96vw, 920px);
  max-height: none;
}

#modalMarkaYetki .modal-card {
  max-height: none;
  overflow: visible;
}

#modalMarkaYetki .modal-card > .modal-body {
  overflow: visible;
  flex: 0 1 auto;
}

/* Ürün talep aç / ürün ekle / hazır stok ilan: alan etiketleri */
#modalIlanAc .modal-field-group > label,
#modalUrunEkle .modal-field-group > label,
#modalHsIlan .modal-field-group > label {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.35;
}

#modalUrunEkle .modal-urun-ekle__marka-kat {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px 14px;
  align-items: start;
  width: 100%;
}

@media (max-width: 640px) {
  #modalUrunEkle .modal-urun-ekle__marka-kat {
    grid-template-columns: 1fr;
  }
}

#modalUrunEkle .urun-kategori-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#modalUrunEkle .urun-kategori-fieldset__legend {
  float: none;
  width: auto;
  padding: 0;
  margin: 0 0 2px;
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.35;
}

#modalUrunEkle .urun-kategori-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  max-height: none;
  overflow: visible;
}

#modalUrunEkle .urun-kategori-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  padding: 9px 12px;
  margin: 0;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: #fff;
  cursor: pointer;
  font: inherit;
  color: var(--ink);
  transition: border-color 0.12s ease, background 0.12s ease;
}

#modalUrunEkle .urun-kategori-option:hover {
  border-color: rgba(148, 163, 184, 0.65);
  background: var(--surface-muted);
}

#modalUrunEkle .urun-kategori-option:has(.urun-kategori-option__input:checked) {
  border-color: var(--accent-border);
  background: var(--accent-soft);
  box-shadow: none;
}

#modalUrunEkle .urun-kategori-option__input {
  flex-shrink: 0;
  width: 0.95rem;
  height: 0.95rem;
  margin: 0;
  accent-color: var(--accent-hover);
}

#modalUrunEkle .urun-kategori-option__text {
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.3;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 420px) {
  #modalUrunEkle .urun-kategori-list {
    grid-template-columns: 1fr;
  }
}

.modal-form--ilan-ac,
.modal-form--urun-ekle,
.modal-form--hs-ilan {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 6px;
}

/* Ürün talep aç / ürün ekle / hazır stok ilan: model · renk · ekartman yan yana */
#modalIlanAc .modal-ilan-ac__spec-grid,
#modalUrunEkle .modal-urun-ekle__spec-grid,
#modalHsIlan .modal-ilan-ac__spec-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 14px;
  width: 100%;
}

#modalHsIlan .modal-hs-ilan__stok-fiyat {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  width: 100%;
}

#modalHsIlan .modal-hs-ilan__perakende-row,
#modalHsIlan .modal-hs-ilan__perakende-fiyat {
  grid-column: 1 / -1;
}

#modalHsIlan .modal-hs-ilan__perakende-row .job-benefit-chip {
  width: 100%;
  justify-content: flex-start;
}

/* Hazır stok: onaylı ürünlerden buybox tarzı seçim */
#modalHsIlan .hs-ilan-urun-pick {
  max-height: min(42vh, 320px);
  overflow-y: auto;
  margin-top: 4px;
  padding: 2px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-muted);
}

#modalHsIlan .hs-magaza-urun-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 10px;
  padding: 10px;
}

#modalHsIlan .hs-magaza-urun-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  overflow: hidden;
}

#modalHsIlan .hs-magaza-urun-card:hover {
  border-color: var(--accent-border);
}

#modalHsIlan .hs-magaza-urun-card.is-selected,
#modalHsIlan .hs-magaza-urun-card:focus-visible {
  outline: 2px solid var(--accent-ring);
  outline-offset: 2px;
  border-color: var(--accent-border);
}

#modalHsIlan .hs-magaza-urun-card__thumb {
  display: block;
  aspect-ratio: 1;
  background: #e8edf3;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}

#modalHsIlan .hs-magaza-urun-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#modalHsIlan .hs-magaza-urun-card__thumb-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 0.78rem;
  color: var(--ink-muted);
}

#modalHsIlan .hs-magaza-urun-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 10px 10px;
  min-width: 0;
}

#modalHsIlan .hs-magaza-urun-card__title {
  font-weight: 700;
  font-size: 0.88rem;
  line-height: 1.25;
}

#modalHsIlan .hs-magaza-urun-card__sub {
  font-size: 0.78rem;
  line-height: 1.35;
  color: var(--ink-muted);
}

#modalHsIlan .hs-ilan-selected {
  padding: 12px 14px;
}

@media (max-width: 640px) {
  #modalIlanAc .modal-ilan-ac__spec-grid,
  #modalUrunEkle .modal-urun-ekle__spec-grid,
  #modalHsIlan .modal-ilan-ac__spec-grid,
  #modalHsIlan .modal-hs-ilan__stok-fiyat {
    grid-template-columns: 1fr;
  }
}

.modal-field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.modal-field-group label {
  margin-bottom: 0;
}

.marka-combo {
  position: relative;
}

.marka-combo__input {
  width: 100%;
}

.marka-combo__list {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 30;
  max-height: min(38vh, 260px);
  overflow-y: auto;
  margin: 0;
  padding: 4px;
  list-style: none;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
}

.marka-combo__option {
  display: block;
  width: 100%;
  padding: 8px 10px;
  margin: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font: inherit;
  text-align: left;
  color: var(--ink);
  cursor: pointer;
}

.marka-combo__option:hover,
.marka-combo__option:focus {
  background: var(--accent-soft);
  outline: none;
}

.marka-combo__hint {
  padding: 10px 12px;
  margin: 0;
  list-style: none;
  font-size: 0.86rem;
  line-height: 1.45;
  color: var(--ink-muted);
}

.modal-footer--ilan-ac,
.modal-footer--urun-ekle,
.modal-footer--hs-ilan {
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.modal-urun-ekle__lead {
  margin: 0 0 12px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--ink-muted);
}

.ilan-katalog-results {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-muted);
  overflow: hidden;
}

.ilan-katalog-results__body {
  max-height: min(42vh, 320px);
  overflow-y: auto;
  padding: 10px;
}

/* Ürün talep aç / hazır stok ilan: katalog eşleşmeleri — tek katman, çerçeve yok */
#modalIlanAc .ilan-katalog-results--ilan-modal,
#modalHsIlan .ilan-katalog-results--ilan-modal {
  margin-top: 18px;
  padding-top: 18px;
  border: 0;
  border-radius: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  overflow: visible;
}

#modalIlanAc .katalog-results-grid,
#modalHsIlan .katalog-results-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: stretch;
  justify-content: flex-start;
}

/* Ürün talep aç / hazır stok: katalog kartı — görsel üstte, altta orta ızgara (kompakt) */
#modalIlanAc .ilan-ku-card.ku-card--ilan,
#modalHsIlan .ilan-ku-card.ku-card--ilan {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  flex: 0 1 auto;
  width: min(100%, 260px);
  max-width: 260px;
  padding: 0;
  margin: 0;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  overflow: hidden;
  min-width: 0;
  min-height: 0;
}

#modalIlanAc .ilan-ku-card.ku-card--ilan:hover,
#modalHsIlan .ilan-ku-card.ku-card--ilan:hover {
  border-color: var(--accent-border);
}

#modalIlanAc .ilan-ku-card.ku-card--ilan:focus-visible,
#modalHsIlan .ilan-ku-card.ku-card--ilan:focus-visible {
  outline: 2px solid var(--accent-ring);
  outline-offset: 2px;
}

#modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-preview,
#modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-empty {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: none;
  aspect-ratio: 1;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  border-right: 0;
  border-bottom: 1px solid var(--line);
  align-self: stretch;
  background: #e8edf3;
  overflow: hidden;
  flex-shrink: 0;
}

#modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-preview {
  cursor: zoom-in;
}

#modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}

#modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-preview img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
#modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-avatar{
  background:#fff;
}
#modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-avatar img{
  object-fit:contain;
  padding:10px 8px;
  background:#fff;
}

#modalIlanAc .ilan-ku-card__panel {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  background: #fff;
}

#modalIlanAc .ilan-ku-card__grid {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Orta ızgara: model | ekartman yan yana, renk kodu tek satır — sıkı gap */
#modalIlanAc .ilan-ku-card__grid--mid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 8px;
  padding: 8px 8px 10px;
}

#modalIlanAc .ilan-ku-card__cell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 3px;
  min-width: 0;
  padding: 6px 8px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.95);
}

#modalIlanAc .ilan-ku-card__cell--full {
  grid-column: 1 / -1;
}

#modalIlanAc .ilan-ku-card__row {
  display: grid;
  grid-template-columns: 6.25rem minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
  padding: 7px 12px;
  border-bottom: 1px solid rgba(241, 245, 249, 0.98);
}

#modalIlanAc .ilan-ku-card__row:last-child {
  border-bottom: 0;
}

#modalIlanAc .ilan-ku-card__label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
}

#modalIlanAc .ilan-ku-card__value {
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.3;
  color: #0f172a;
  text-align: left;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

#modalIlanAc .ilan-ku-card__value--primary {
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

@media (max-width: 420px) {
  #modalIlanAc .ilan-ku-card.ku-card--ilan {
    max-width: none;
    width: 100%;
  }

  #modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-preview,
  #modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-empty {
    aspect-ratio: 1;
    min-height: 0;
    max-height: none;
    height: auto;
  }

  #modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-preview img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    object-fit: cover;
    object-position: center;
  }

  #modalIlanAc .ilan-ku-card__grid--mid {
    padding: 8px;
    gap: 6px;
  }

  #modalIlanAc .ilan-ku-card__row {
    grid-template-columns: minmax(5rem, 36%) minmax(0, 1fr);
    padding: 8px 12px;
  }
}

.ilan-ku-hover-preview {
  position: fixed;
  z-index: 2147483105;
  width: min(268px, 46vw);
  height: min(268px, 46vw);
  padding: 7px;
  box-sizing: border-box;
  pointer-events: none;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.32);
  border: 1px solid rgba(226, 232, 240, 0.98);
  background: var(--surface);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.94);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

.ilan-ku-hover-preview.is-visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.ilan-ku-hover-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border-radius: calc(var(--radius-lg) - 5px);
  background: #f1f5f9;
}

@media (prefers-reduced-motion: reduce) {
  .ilan-ku-hover-preview {
    transition: none;
  }
  #modalIlanAc .ku-card--ilan:hover {
    transform: none;
  }
}

/* Teklif ver modalı */
#modalTeklif .modal-dialog{
  width: min(96vw, 1180px);
  max-width: min(96vw, 1180px);
}
#modalTeklif .modal-body{
  display: grid;
  gap: 14px;
}
#modalTeklif .teklif-modal__top{
  display: grid;
  gap: 8px;
}
#modalTeklif .teklif-modal__top .modal-lead{
  margin-bottom: 0;
}
#modalTeklif .teklif-modal-detail.catalog-detail{
  padding: 0;
}
#modalTeklif .teklif-modal-detail .catalog-detail__grid{
  margin-top: 0;
  align-items: start;
}
#modalTeklif .teklif-modal-detail .catalog-detail__info{
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
#modalTeklif .teklif-modal-detail .catalog-detail__info > .card{
  margin-top: 0;
  margin-bottom: 0;
}
#modalTeklif .teklif-modal-detail .catalog-detail__card > .section-label + .detail-kv{
  margin-top: 10px;
}
#modalTeklif .teklif-modal-detail .detail-kv{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
}
#modalTeklif .teklif-modal-detail .detail-kv.detail-kv--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#modalTeklif .teklif-modal-form{
  display: block;
}
#modalTeklif .teklif-modal-form__kv{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#modalTeklif .teklif-modal-field{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#modalTeklif .teklif-modal-field .k{
  margin: 0;
}
#modalTeklif .teklif-modal-field .input{
  width: 100%;
  max-width: 100%;
  font-weight: 700;
}
#modalTeklif .teklif-modal-form__actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}
@media (max-width: 980px){
  #modalTeklif .teklif-modal-detail .catalog-detail__grid{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px){
  #modalTeklif .teklif-modal-form__kv{
    grid-template-columns: 1fr;
  }
}

/* Katalog arama sonuçları (Ürün talep aç modalı) */
.katalog-results-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
}
@media (min-width: 720px){
  .katalog-results-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ku-card{
  appearance: none;
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border-radius: var(--radius-lg);
  padding: 10px;
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  text-align: left;
  transition: border-color .18s ease, box-shadow .18s ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.ku-card:hover{
  border-color: var(--accent-border);
}
.ku-card:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px var(--accent-ring), 0 12px 26px rgba(15, 23, 42, 0.10);
  border-color: var(--accent-border);
}
.ku-thumb{
  width: 62px;
  height: 62px;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: #f8fafc;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ku-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display:block;
}
.ku-thumb__empty{
  font-size: .78rem;
  font-weight: 800;
  color: var(--ink-muted);
}
.ku-meta{
  min-width: 0;
  display:flex;
  flex-direction: column;
  gap: 4px;
}
.ku-title{
  font-weight: 900;
  color: var(--ink);
  font-size: .95rem;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ku-sub{
  font-weight: 700;
  color: var(--ink-muted);
  font-size: .82rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* İlan düzenle modal: Vazgeç + Kaydet yan yana */
#modalIlanDuzenle .modal-footer{
  flex-wrap: nowrap;
}
#modalIlanDuzenle .modal-footer .btn{
  flex: 1 1 0;
  padding: 12px 14px;
  white-space: nowrap;
}

#modalTeklifDuzenle .modal-footer {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  justify-content: flex-end;
}

/* Görsel — sayfa içi önizleme (yeni sekme yok) */
.img-lightbox {
  position: fixed;
  inset: 0;
  z-index: 2147483100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.img-lightbox[hidden] {
  display: none !important;
}

/* HTML hidden attribute should always win */
[hidden] {
  display: none !important;
}

.img-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(16, 24, 40, 0.88);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  cursor: zoom-out;
}

.img-lightbox-figure {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: min(96vw, 1200px);
  max-height: 90vh;
}

.img-lightbox-figure img {
  display: block;
  max-width: 100%;
  max-height: min(90vh, 900px);
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-float);
}

.img-lightbox-x {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink-muted);
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  font-family: var(--font);
  box-shadow: var(--shadow-card);
  transition: background 0.2s, color 0.2s;
}

.img-lightbox-x:hover {
  background: var(--surface-muted);
  color: var(--ink);
}

.js-open-img {
  cursor: zoom-in;
}

.query-thumb-link {
  cursor: zoom-in;
}

/* Kartlar */
.card {
  background: var(--surface);
  border-radius: var(--radius-lg);
  padding: 28px 30px;
  box-shadow: var(--shadow-card);
  border: 1px solid var(--line);
  margin-bottom: 22px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.card:hover {
  box-shadow: var(--shadow-card);
  border-color: var(--line-strong);
}

/* Profil türü seçiminde hover efektleri gereksiz */
body.mode-panel .profile-role-choice .card:hover,
body.mode-panel .profile-role-choice .btn:hover:not(:disabled),
body.mode-panel .profile-role-choice .btn:active:not(:disabled) {
  box-shadow: var(--shadow-card);
  border-color: var(--line);
  transform: none;
  filter: none;
  opacity: 1;
}

.card h2 {
  margin: 0 0 8px;
  font-size: 1.22rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--accent);
}

.mode-admin .card h2 {
  color: var(--ink);
}

.card > .muted:first-of-type,
.card h2 + .muted {
  margin-top: 0;
}

.section-label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--ink-muted);
  margin-bottom: 10px;
}

/* Panel listeler: tablo üstü tekrarlayan bölüm başlığı (üst menü yeterli) */
body.mode-panel .trade-feed > .section-label {
  display: none;
}

.section-label .ui-icon {
  color: var(--ui-icon-color);
}

/* Giriş / kurulum — nötr zemin, net kart, düşük dramalı etkileşimler */
.auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(24px, 5vw, 48px) 18px;
  background:
    radial-gradient(ellipse 85% 55% at 50% 0%, rgba(248, 250, 252, 0.95), transparent 58%),
    linear-gradient(165deg, #f8fafc 0%, #eef2f7 100%);
}

.auth-card {
  width: 100%;
  max-width: 420px;
}

.auth-brand {
  text-align: center;
  margin-bottom: 26px;
}

.auth-brand .logo-text--link {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

.auth-brand .logo-text--link:hover {
  color: var(--accent);
}

.auth-brand .logo-text {
  font-weight: 700;
  font-size: 1.38rem;
  color: #0f172a;
  letter-spacing: -0.04em;
  line-height: 1.2;
}

.auth-brand .logo-sub {
  font-size: 0.875rem;
  color: #64748b;
  margin-top: 10px;
  font-weight: 400;
  line-height: 1.5;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.auth-login-card.card {
  padding: 24px 24px 28px;
  margin-bottom: 0;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 12px 40px -16px rgba(15, 23, 42, 0.15);
  transition: none;
}

.auth-login-card.card:hover {
  box-shadow: var(--shadow-card);
  border-color: #e2e8f0;
}

.auth-login-alert {
  margin: 14px 0 0;
}

.auth-login-alert + .auth-panel {
  margin-top: 6px;
}

.auth-mode-tabs {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 14px;
}

.auth-mode-tabs--segmented {
  width: 100%;
  gap: 4px;
  padding: 4px;
  margin: 0 0 20px;
  border-radius: 12px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  box-sizing: border-box;
}

.auth-mode-tabs--segmented .auth-mode-tab {
  flex: 1 1 50%;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  border-radius: 9px;
  padding: 10px 12px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: #64748b;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.auth-mode-tabs--segmented .auth-mode-tab .ui-icon {
  opacity: 0.85;
  flex-shrink: 0;
}

.auth-mode-tabs--segmented .auth-mode-tab:hover:not(.is-active) {
  color: #475569;
  background: rgba(255, 255, 255, 0.7);
}

.auth-mode-tabs--segmented .auth-mode-tab.is-active {
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.auth-mode-tabs--segmented .auth-mode-tab.is-active .ui-icon {
  opacity: 1;
  color: #0f172a;
}

.auth-mode-tabs:not(.auth-mode-tabs--segmented) .auth-mode-tab {
  appearance: none;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink-muted);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
}

.auth-mode-tabs:not(.auth-mode-tabs--segmented) .auth-mode-tab.is-active {
  border-color: var(--accent);
  color: var(--panel-1);
  background: var(--accent-soft);
}

.auth-panel-head {
  margin-bottom: 18px;
}

.auth-panel-eyebrow {
  margin: 0 0 8px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #94a3b8;
}

.auth-login-card .auth-panel-title {
  margin: 0 0 8px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.035em;
  color: #0f172a;
  line-height: 1.25;
}

.auth-panel-lead {
  font-size: 0.9rem;
  line-height: 1.55;
  color: #64748b;
}

.auth-panel-lead strong {
  color: #334155;
  font-weight: 600;
}

.form-grid--auth-login {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-field-auth label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  letter-spacing: -0.01em;
}

.form-field-auth input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  font-size: 0.9375rem;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: var(--ink);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-field-auth input:hover {
  border-color: #cbd5e1;
}

.form-field-auth input:focus {
  outline: none;
  border-color: #cbd5e1;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06);
}

.page-login .form-field-auth input:focus {
  border-color: rgba(234, 88, 12, 0.42);
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.11);
}

.form-actions--auth {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 4px;
  padding-top: 4px;
}

.btn-block {
  width: 100%;
  justify-content: center;
}

.page-login .auth-login-card .btn {
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.page-login .auth-login-card .btn:active:not(:disabled) {
  transform: none;
}

.page-login .auth-login-card .btn-primary {
  padding-top: 13px;
  padding-bottom: 13px;
  border-radius: 6px;
  background: #ea580c;
  box-shadow: none;
}

.page-login .auth-login-card .btn-primary:hover:not(:disabled) {
  background: #c2410c;
  box-shadow: none;
  filter: none;
}

.page-login .auth-login-card .btn-ghost {
  padding-top: 13px;
  padding-bottom: 13px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #475569;
  box-shadow: none;
}

.page-login .auth-login-card .btn-ghost:hover:not(:disabled) {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.auth-panel[hidden] {
  display: none !important;
}

body.panel-readonly button[type="submit"]:not(.panel-readonly-exempt),
body.panel-readonly input[type="submit"]:not(.panel-readonly-exempt) {
  opacity: 0.42;
  pointer-events: none;
}

.panel-rol-bilgi > .section-label {
  display: block;
}

.panel-rol-bilgi__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.panel-rol-bilgi__item {
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
}

.panel-rol-bilgi__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: var(--radius-sm);
  background: var(--surface-muted);
  color: var(--ui-icon-color);
}

.panel-rol-bilgi__item-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.panel-rol-bilgi__item-title {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.35;
}

.panel-rol-bilgi__item .badge {
  align-self: flex-start;
}

.panel-rol-bilgi__status {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.panel-rol-bilgi__info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--ink-muted);
  cursor: help;
  flex-shrink: 0;
}

.panel-rol-bilgi__info:hover,
.panel-rol-bilgi__info:focus-visible {
  color: var(--brand);
  background: var(--surface-muted);
  outline: none;
}

.ui-icon--rol-bilgi {
  width: 18px;
  height: 18px;
}

.ui-icon--rol-bilgi-info {
  width: 14px;
  height: 14px;
}

.panel-rol-bilgi__info.has-tip--below::after {
  left: 50%;
  top: calc(100% + 8px);
  bottom: auto;
  transform: translateX(-50%);
  font-family: var(--font);
  font-weight: 500;
}

.panel-rol-bilgi__info.has-tip--below:hover::after,
.panel-rol-bilgi__info.has-tip--below:focus-visible::after {
  transform: translateX(-50%) translateY(2px);
}

@media (max-width: 980px) {
  .panel-rol-bilgi__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .panel-rol-bilgi__grid {
    grid-template-columns: 1fr;
  }
}

.mode-admin.auth-page .auth-brand .logo-text {
  color: var(--ink);
}

/* Uyarılar */
.alert {
  border-radius: var(--radius-md);
  padding: 14px 18px;
  margin-bottom: 18px;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.45;
}

.alert p {
  margin: 0;
}

.alert--success {
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  color: var(--panel-1);
}

.alert--error {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border: 1px solid #fecaca;
  color: #991b1b;
}

.alert--warn {
  background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
  border: 1px solid #f59e0b;
  color: #92400e;
}

body.mode-admin .alert--success {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border: 1px solid #86efac;
  color: #166534;
}

/* Profil: onay bekleyen optisyen — panel turuncu/gri paleti ile uyumlu */
body.mode-panel .alert.alert--optisyen-pending-profile.alert--warn {
  background: var(--accent-soft);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  color: var(--ink);
  box-shadow: none;
  padding: 12px 14px;
  font-weight: 400;
}

body.mode-panel .alert-optisyen-pending-profile__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

body.mode-panel .alert.alert--subtle {
  background: var(--accent-soft);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  color: var(--ink);
  box-shadow: none;
  padding: 10px 14px;
  font-weight: 400;
}

body.mode-panel .alert-optisyen-pending-profile__text {
  flex: 1;
  min-width: min(100%, 220px);
  line-height: 1.5;
  color: var(--ink-muted);
}

body.mode-panel .btn-optisyen-pending-pulse {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  padding: 5px 10px;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--accent-hover);
  background: var(--surface);
  border: 1px solid var(--accent-border);
  cursor: default;
  user-select: none;
}

/* Formlar */
.form-grid {
  display: grid;
  gap: 18px;
}

.form-grid--wide {
  max-width: 520px;
}

.form-grid--cards{
  max-width: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 18px;
}

.form-grid--cards .form-grid__full{
  grid-column: 1 / -1;
}

/* Form grid section separators (full-width rows inside form-grid--cards) */
.form-grid--cards .form-grid__section{
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 2px;
  padding-top: 6px;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
  color: #0f172a;
  font-weight: 650;
}
.form-grid--cards .form-grid__section:first-child{
  border-top: 0;
  padding-top: 0;
}
.form-grid--cards .form-grid__section .section-label{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 0.85rem;
}

/* Admin lisanslar: paket ekleme formu daha sıkı */
.mode-admin .form-grid--cards textarea{
  resize: vertical;
  min-height: 120px;
}

/* Admin > Lisanslar > Paket ekle: kutu stilleri */
.mode-admin .lp-form{
  max-width: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 18px;
  padding: 14px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(226, 232, 240, 0.9);
  background: rgba(255,255,255,0.86);
  box-shadow: 0 10px 22px rgba(2,6,23,.06);
}
@media (max-width: 980px){
  .mode-admin .lp-form{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .mode-admin .lp-form{ grid-template-columns: 1fr; }
}
.mode-admin .lp-form textarea{
  resize: vertical;
  min-height: 120px;
}
.mode-admin .lp-form__flags{
  height: 42px;
  display:flex;
  gap: 16px;
  align-items:center;
}
/* Paket ekle modal: 2 sütunlu düzen (sayfadaki lp-form 3 sütun + ek kutu modalla çakışıyordu) */
body.mode-admin #modalPaketEkle .modal-form--paket-ekle{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 20px;
  margin-top: 4px;
  max-width: none;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle > .modal-form--paket-ekle__full{
  grid-column: 1 / -1;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle > div > label{
  white-space: nowrap;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle input[type="number"]{
  background-color: #ffffff;
  color: #0f172a;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-sm);
  width: 100%;
  padding: 12px 14px;
  font: inherit;
  font-size: 0.95rem;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__flags,
body.mode-admin #modalLp .modal-form--paket-ekle__flags{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__flags-lbl,
body.mode-admin #modalLp .modal-form--paket-ekle__flags-lbl{
  display: block;
  font-weight: 600;
  font-size: 0.86rem;
  color: #1e293b;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__toggles,
body.mode-admin #modalLp .modal-form--paket-ekle__toggles{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 42px;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__toggle,
body.mode-admin #modalLp .modal-form--paket-ekle__toggle{
  position: relative;
  display: inline-flex;
  margin: 0;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__toggle-input,
body.mode-admin #modalLp .modal-form--paket-ekle__toggle-input{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__toggle-face,
body.mode-admin #modalLp .modal-form--paket-ekle__toggle-face{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: var(--radius-modal-field, 10px);
  border: 1px solid var(--line-strong);
  background: var(--surface-muted);
  color: var(--ink-muted);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__toggle:hover .modal-form--paket-ekle__toggle-face,
body.mode-admin #modalLp .modal-form--paket-ekle__toggle:hover .modal-form--paket-ekle__toggle-face{
  border-color: var(--line-strong);
  background: #ebebeb;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__toggle-input:checked + .modal-form--paket-ekle__toggle-face,
body.mode-admin #modalLp .modal-form--paket-ekle__toggle-input:checked + .modal-form--paket-ekle__toggle-face{
  background: var(--accent-soft);
  border-color: var(--accent-border);
  color: var(--accent);
  font-weight: 600;
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__toggle-input:focus-visible + .modal-form--paket-ekle__toggle-face,
body.mode-admin #modalLp .modal-form--paket-ekle__toggle-input:focus-visible + .modal-form--paket-ekle__toggle-face{
  outline: none;
  box-shadow: 0 0 0 3px var(--accent-ring);
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle__footer{
  grid-column: 1 / -1;
  justify-content: flex-end;
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
body.mode-admin #modalPaketEkle .modal-form--paket-ekle textarea{
  min-height: 120px;
  resize: vertical;
}
@media (max-width: 480px){
  body.mode-admin #modalPaketEkle .modal-form--paket-ekle{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 980px){
  .form-grid--cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .form-grid--cards{ grid-template-columns: 1fr; }
}

/* Profil bilgi ızgarası: her hücre ayrı kutu */
.info-grid > div{
  padding: 12px 12px 14px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  background: rgba(248, 250, 252, 0.78);
}
.info-grid > div .section-label{
  display: block;
  margin-bottom: 6px;
}

/* Profil: sol bilgi kartları + sağ kimlik kartı */
.profile-layout{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 1040px){
  .profile-layout{ grid-template-columns: 1fr; }
}

/* Profil: hesap bilgileri — 3. sütun durum hücresi */
.info-grid__durum .profil-durum-val{
  display: flex;
  align-items: center;
  min-height: 1.35em;
}
.info-grid__durum .badge{
  font-size: 0.78rem;
}
.info-grid__durum--ok{
  border-color: rgba(22, 163, 74, 0.32);
  background: rgba(240, 253, 244, 0.88);
}
.info-grid__durum--warn{
  border-color: rgba(234, 179, 8, 0.35);
  background: rgba(254, 252, 232, 0.9);
}
.info-grid__durum--err{
  border-color: rgba(239, 68, 68, 0.32);
  background: rgba(254, 242, 242, 0.9);
}
.info-grid__durum--info{
  border-color: rgba(59, 130, 246, 0.28);
  background: rgba(239, 246, 255, 0.9);
}

.profil-statu-bilgi__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.profil-statu-bilgi__item{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 14px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
  text-align: center;
}
.profil-statu-bilgi__item--ok.is-current{
  border-color: rgba(37, 99, 235, 0.3);
  background: #eff6ff;
}
.profil-statu-bilgi__item--sun.is-current{
  border-color: rgba(217, 119, 6, 0.32);
  background: #fffbeb;
}
.profil-statu-bilgi__item--optisyen.is-current{
  border-color: rgba(13, 148, 136, 0.3);
  background: #f0fdfa;
}
.profil-statu-bilgi__rozet{
  flex-shrink: 0;
  cursor: default;
  box-shadow: none;
}
.profil-statu-bilgi__rozet.has-tip::after,
.profil-statu-bilgi__rozet.has-tip:hover::after,
.profil-statu-bilgi__rozet.has-tip:focus-visible::after{
  display: none;
}
.profil-statu-bilgi__title{
  margin: 0;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.35;
}
.profil-statu-bilgi__sizin{
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.profil-statu-bilgi__sizin--ok{
  background: #dbeafe;
  color: #1d4ed8;
}
.profil-statu-bilgi__sizin--sun{
  background: #fef3c7;
  color: #b45309;
}
.profil-statu-bilgi__sizin--optisyen{
  background: #ccfbf1;
  color: #0f766e;
}
@media (max-width: 720px){
  .profil-statu-bilgi__grid{
    grid-template-columns: 1fr;
  }
}
.profil-statu-rozet-row{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.profil-statu-rozet-row__label{
  font-size: 0.88rem;
}

/* Profil evrak yükleme: sürükle-bırak */
.evrak-form{
  max-width: none;
  padding: 12px 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(255,255,255,0.72);
}
.evrak-form .modal-footer{
  margin-top: 8px;
}
.form-grid--cards .evrak-section{
  grid-column: 1 / -1;
}
.evrak-section{
  margin-top: 12px;
  padding: 16px 18px 18px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  background: rgba(248, 250, 252, 0.72);
}
/* Profil / başvuru: tek kart içinde düz bölüm (kutu içinde kutu yok) */
.evrak-section--flat,
.card .evrak-section{
  margin-top: 16px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.evrak-section--flat .evrak-section__head,
.card .evrak-section__head{
  margin-bottom: 12px;
  padding-bottom: 0;
  border-bottom: none;
}
.evrak-section__head{
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.85);
}
.evrak-section__head .section-label{
  display: block;
  margin: 0 0 6px;
}
.evrak-section__head .muted{
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.45;
}
.profil-card-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
}
.profil-magaza-footer{
  justify-content: space-between !important;
  align-items: center;
  width: 100%;
}
.firma-tipi-choice{
  border: 0;
  padding: 0;
  margin: 0;
}
.firma-tipi-choice__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  margin-top: 10px;
}
.firma-tipi-choice__card{
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(255,255,255,0.85);
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.firma-tipi-choice__card:hover{
  border-color: rgba(234, 88, 12, 0.45);
}
.firma-tipi-choice__card.is-selected,
.firma-tipi-choice__card:has(.firma-tipi-choice__input:checked){
  border-color: var(--accent, #ea580c);
  box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.25);
  background: rgba(255, 247, 237, 0.95);
}
.firma-tipi-choice__input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.firma-tipi-choice__title{
  font-weight: 600;
  color: var(--text);
}
.firma-tipi-choice__hint{
  font-size: 0.88rem;
  line-height: 1.4;
}
.firma-tipi-choice--modal .firma-tipi-choice__grid{
  margin-top: 0;
}
.firma-tipi-choice--modal legend{
  display: none;
}
.magaza-gecis-tip-blocks{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.magaza-gecis-tip-block{
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(248, 250, 252, 0.92);
}
.magaza-gecis-tip-block .section-label{
  display: block;
  margin-bottom: 12px;
}
.magaza-gecis-tip-block .firma-tipi-choice__grid{
  margin-top: 0;
}
#modalMagazaGecis .modal-body{
  padding-bottom: 8px;
}
#modalMagazaGecis.is-mode-tip #modalMagazaGecisLead{
  display: none;
}
.profil-geri-don-form{
  display: none;
}
@media (max-width: 640px){
  .firma-tipi-choice__grid{ grid-template-columns: 1fr; }
}
.evrak-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 18px;
  align-items: start;
}
.evrak-grid .evrak-drop{
  min-width: 0;
}
.evrak-grid--legacy .evrak-form{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 12px 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(255,255,255,0.72);
}
.evrak-grid--flat .evrak-drop{
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.evrak-drop__label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ink);
  cursor: default;
}
.evrak-group + .evrak-group{
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}
.evrak-group__head{
  margin-bottom: 10px;
}
.evrak-group__label{
  display: block;
  margin: 0;
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #64748b;
}
.evrak-drop__btn{
  position: relative;
  z-index: 2;
  align-self: flex-start;
  margin-top: 8px;
  pointer-events: auto;
}
.evrak-drop__box.is-passive .evrak-drop__btn{
  pointer-events: none;
}
.evrak-grid--flat .evrak-drop__box{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 120px;
}
.evrak-section__footer{
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
  padding-top: 0;
}
.card .evrak-section__footer{
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
@media (max-width: 720px){
  .evrak-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px){
  .evrak-grid{ grid-template-columns: 1fr; }
}
.evrak-drop__box{
  position: relative;
  border: 1px dashed rgba(148, 163, 184, 0.9);
  border-radius: var(--radius-md);
  padding: 12px 12px 14px;
  background: rgba(248, 250, 252, 0.9);
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.evrak-grid--flat .evrak-drop__box,
.card .evrak-drop__box{
  border-color: var(--line);
  background: var(--surface);
  padding: 14px;
}
.evrak-grid--flat .evrak-drop__box:hover:not(.is-passive),
.card .evrak-drop__box:hover:not(.is-passive){
  border-color: color-mix(in srgb, var(--brand, #ea580c) 45%, var(--line));
  background: var(--surface);
  box-shadow: none;
}
.evrak-drop__fname{
  margin-top: 6px;
  font-size: 0.82rem;
  line-height: 1.4;
}
.evrak-drop__box:hover{
  border-color: rgba(148, 163, 184, 1);
  background: rgba(255, 255, 255, 0.95);
}
.evrak-drop__box.is-passive{
  cursor: not-allowed;
  box-shadow: none !important;
  opacity: 0.65;
  pointer-events: none;
}
.evrak-drop__box.is-passive:hover{
  box-shadow: none;
}
.evrak-drop__box.is-drag{
  border-color: rgba(148, 163, 184, 1);
  background: rgba(248, 250, 252, 0.98);
}
.evrak-drop__box input[type="file"]{
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.evrak-drop__box.has-file{
  border-style: solid;
  border-color: rgba(22, 163, 74, 0.55);
  background: linear-gradient(180deg, rgba(240, 253, 244, 0.98), rgba(236, 253, 245, 0.88));
}
.evrak-drop__box.has-file:hover{
  border-color: rgba(22, 163, 74, 0.62);
}
.evrak-drop__box.has-file [data-file-name]{
  display: block;
  margin-top: 10px;
  padding: 10px 12px 10px 40px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(22, 163, 74, 0.28);
  color: #14532d;
  font-weight: 600;
  font-size: 0.88rem;
  line-height: 1.35;
  word-break: break-all;
  position: relative;
}
.evrak-grid--flat .evrak-drop__box.has-file [data-file-name],
.card .evrak-drop__box.has-file [data-file-name]{
  margin-top: 8px;
  padding: 0 0 0 28px;
  border: none;
  background: transparent;
  font-weight: 500;
  font-size: 0.82rem;
}
.evrak-grid--flat .evrak-drop__box.has-file,
.card .evrak-drop__box.has-file{
  border-style: dashed;
  border-color: color-mix(in srgb, var(--ok, #16a34a) 50%, var(--line));
  background: color-mix(in srgb, var(--ok, #16a34a) 6%, var(--surface));
}
.evrak-drop__box.has-file [data-file-name]::before{
  content: "Dosya seçildi";
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #16a34a;
  margin-bottom: 4px;
}
.evrak-drop__box.has-file [data-file-name]::after{
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #16a34a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2 6.4 11 12.5 5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.evrak-drop__preview{
  display: block;
  width: 100%;
  max-height: 140px;
  margin-top: 10px;
  object-fit: contain;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(22, 163, 74, 0.22);
  background: #fff;
}
.evrak-drop__pdf-tag{
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #9a3412;
  background: rgba(255, 237, 213, 0.95);
  border: 1px solid rgba(234, 88, 12, 0.25);
}
.evrak-drop__pdf-tag::before{
  content: "PDF";
  margin-right: 6px;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 800;
  background: #ea580c;
  color: #fff;
}
.evrak-form .btn:hover:not(:disabled),
.evrak-form .btn:active:not(:disabled){
  transform: none;
}
.evrak-form .btn-primary:hover:not(:disabled){
  box-shadow: 0 2px 8px -2px var(--accent-ring);
}
#kimlik.card:hover{
  box-shadow: var(--shadow-card);
  border-color: var(--line);
}

.modal .form-grid--wide{
  max-width: none;
}

.form-grid--full {
  max-width: none;
}

.form-grid--compact {
  max-width: 320px;
}

label {
  display: block;
  font-weight: 600;
  font-size: 0.86rem;
  margin-bottom: 6px;
  color: #334155;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="file"],
input[type="number"],
input[type="search"],
select,
textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-sm);
  font: inherit;
  font-size: 0.95rem;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Para girişi: ₺ suffix */
.input-group{
  display:flex;
  align-items:stretch;
  gap:0;
}
.input-group .input{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-suffix{
  display:flex;
  align-items:center;
  padding: 0 12px;
  border: 1px solid #cbd5e1;
  border-left: none;
  border-top-right-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
  background: #f8fafc;
  color: #475569;
  font-weight: 700;
  user-select:none;
}
.input-group:focus-within .input-suffix{
  border-color: var(--accent-border);
}

/* İş ilanları */
.jobs-form--modal{
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: none;
}
#modalJobCreate .jobs-form--modal,
#modalJobEdit .jobs-form--modal,
#modalCihazCreate .jobs-form--modal,
#modalCihazEdit .jobs-form--modal,
#modalDevirCreate .jobs-form--modal,
#modalDevirEdit .jobs-form--modal,
#modalTicketCreate .jobs-form--modal,
#modalOneriCreate .jobs-form--modal,
#modalTicketView .jobs-form--modal{
  grid-template-columns: 1fr;
}
.jobs-form--modal .modal-store-line--magaza{
  margin-bottom: 4px;
}
.jobs-form__section{
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.jobs-form__section:first-of-type{
  padding-top: 8px;
}
.jobs-form__section--last{
  border-bottom: 0;
  padding-bottom: 4px;
}
.jobs-form__section-title{
  margin: 0 0 14px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.3;
}
.jobs-form__section-body{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.jobs-form__criteria{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--line);
  overflow: hidden;
}
.jobs-form__criteria > div{
  background: #fff;
  padding: 12px 14px;
  min-width: 0;
}
.jobs-form__criteria .jobs-form__chips,
.jobs-form__criteria .jobs-form__calisma{
  grid-column: auto;
  margin: 0;
}
.jobs-form__chips--pozisyon,
.jobs-form__chips--cihaz_durumu{
  margin: 0;
}
.jobs-form__chips--pozisyon .job-benefit-chips,
.jobs-form__chips--cihaz_durumu .job-benefit-chips{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.jobs-form__chips--pozisyon .job-benefit-chip span,
.jobs-form__chips--cihaz_durumu .job-benefit-chip span{
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  white-space: normal;
  line-height: 1.35;
  min-height: 44px;
  padding: 8px 14px;
}
@media (max-width: 560px){
  .jobs-form__chips--pozisyon .job-benefit-chips,
  .jobs-form__chips--cihaz_durumu .job-benefit-chips{
    grid-template-columns: 1fr;
  }
}
.jobs-form__chips--cihaz_turu{
  margin: 0;
}
.jobs-form__chips--cihaz_turu .job-benefit-chips{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.jobs-form__chips--cihaz_turu .job-benefit-chip{
  min-width: 0;
}
.jobs-form__chips--cihaz_turu .job-benefit-chip span{
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-start;
  text-align: left;
  white-space: normal;
  line-height: 1.35;
  min-height: 44px;
  padding: 8px 14px;
}
@media (max-width: 560px){
  .jobs-form__chips--cihaz_turu .job-benefit-chips{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 380px){
  .jobs-form__chips--cihaz_turu .job-benefit-chips{
    grid-template-columns: 1fr;
  }
}
.jobs-form--modal .jobs-form__benefits{
  grid-column: auto;
  margin: 0;
}
.jobs-form--modal .modal-footer{
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.jobs-form__row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.jobs-form__row--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 720px){
  .jobs-form__row--3{
    grid-template-columns: 1fr;
  }
}
.jobs-form__chips--ilan_turu{
  margin: 0;
}
.jobs-form__chips--ilan_turu .job-benefit-chips{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.jobs-form__chips--ilan_turu .job-benefit-chip{
  min-width: 0;
}
.jobs-form__chips--ilan_turu .job-benefit-chip span{
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-start;
  text-align: left;
  white-space: normal;
  line-height: 1.35;
  min-height: 44px;
  padding: 8px 14px;
}
@media (max-width: 560px){
  .jobs-form__chips--ilan_turu .job-benefit-chips{
    grid-template-columns: 1fr;
  }
}
.textarea-counter{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
}
.textarea-counter .modal-hint{
  margin: 0;
  flex: 1;
  min-width: 0;
}
.textarea-counter__count{
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ink-muted);
  white-space: nowrap;
}
.textarea-counter__count.is-near-limit{
  color: #b45309;
}
.textarea-counter__count.is-at-limit{
  color: #b91c1c;
}

/* Admin lisans tarih/saat alanları */
.dt-box{
  margin-top: 8px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  border-radius: var(--radius-md);
  padding: 12px;
}
.dt-row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items:end;
}
.dt-sub{
  display:block;
  font-size: .78rem;
  font-weight: 800;
  color: var(--ink-muted);
  margin-bottom: 6px;
}
.modal .modal-form input[type="date"],
.modal .modal-form input[type="time"]{
  width: 100%;
  min-height: 44px;
  border-radius: var(--radius-modal-field, 10px);
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: #fff;
  padding: 10px 12px;
  box-shadow: none;
}
.modal .modal-form input[type="date"]:focus,
.modal .modal-form input[type="time"]:focus{
  outline: none;
  border-color: var(--accent-border);
  box-shadow: 0 0 0 4px rgba(59,130,246,0.12);
}
.dt-presets{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.dt-chip{
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: #fff;
  color: #0f172a;
  border-radius: 999px;
  padding: 8px 10px;
  font-weight: 850;
  font-size: .85rem;
  cursor: pointer;
}
.dt-chip:hover{
  border-color: var(--accent-border);
  box-shadow: 0 0 0 4px rgba(59,130,246,0.12);
}
.dt-confirm{
  margin-top: 10px;
  border-top: 1px dashed rgba(226, 232, 240, 0.95);
  padding-top: 10px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.dt-confirm__text{
  color: var(--ink-muted);
  font-weight: 650;
}
.dt-confirm__actions{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-left:auto;
}

.dt-presets-card{
  grid-column: 1 / -1;
  margin-top: 10px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: #fff;
  border-radius: var(--radius-md);
  padding: 12px;
}
.dt-presets-card__head{
  display:flex;
  align-items:baseline;
  justify-content: space-between;
  gap: 10px;
}
.dt-presets-card__title{
  font-weight: 900;
  color: #0f172a;
}
.dt-presets-card__hint{
  font-size: .92rem;
}
@media (max-width: 640px){
  .jobs-form__criteria{
    grid-template-columns: 1fr;
    padding: 12px;
  }
}
@media (max-width: 560px){
  .dt-row{ grid-template-columns: 1fr; }
}
.jobs-form__who .pill{
  display:inline-flex;
  align-items:center;
  min-height: 44px;
  padding: 10px 12px;
}
.jobs-form__benefits{
  grid-column: 1 / -1;
}
.jobs-form__benefits-label{
  display:block;
  font-size: .86rem;
  font-weight: 600;
  color: var(--ink-muted, #64748b);
  margin-bottom: 8px;
}
.jobs-form__chips,
.jobs-form__calisma{
  grid-column: 1 / -1;
}
.job-benefit-chips{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
}
.job-benefit-chip{
  position: relative;
  cursor: pointer;
  user-select: none;
}
.job-benefit-chip input{
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.job-benefit-chip span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 36px;
  padding: 6px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #fff;
  color: #0f172a;
  font-weight: 600;
  font-size: .86rem;
  transition: border-color .15s, background .15s, color .15s;
}
.job-benefit-chip:hover span{
  border-color: var(--line-strong);
  background: var(--surface-muted);
}
.job-benefit-chip input:checked + span,
.job-benefit-chip:has(input:checked) span{
  border-color: #334155;
  background: #f1f5f9;
  color: #0f172a;
  box-shadow: none;
}
.job-benefit-chip input:focus-visible + span{
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}

/* İş ilanı aç / düzenle: sade modal, turuncu vurgu yok */
#modalJobCreate .modal-header h2,
#modalJobEdit .modal-header h2{
  color: var(--ink);
  font-size: 1.1rem;
  font-weight: 650;
}
#modalJobCreate .modal-store-line strong,
#modalJobEdit .modal-store-line strong{
  color: var(--ink-muted);
  font-weight: 600;
}
#modalJobCreate input:focus,
#modalJobCreate select:focus,
#modalJobCreate textarea:focus,
#modalJobEdit input:focus,
#modalJobEdit select:focus,
#modalJobEdit textarea:focus{
  border-color: #94a3b8;
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.22);
}
#modalJobCreate .modal-footer .btn-primary,
#modalJobEdit .modal-footer .btn-primary{
  background: var(--panel-2, #1f2937);
  box-shadow: none;
}
#modalJobCreate .modal-footer .btn-primary:hover:not(:disabled),
#modalJobEdit .modal-footer .btn-primary:hover:not(:disabled){
  background: var(--panel-1, #111827);
  box-shadow: none;
}

/* Cihaz ilanı aç / düzenle: iş ilanı modalı ile aynı düzen */
#modalCihazCreate .modal-header h2,
#modalCihazEdit .modal-header h2{
  color: var(--ink);
  font-size: 1.1rem;
  font-weight: 650;
}
#modalCihazCreate .modal-store-line strong,
#modalCihazEdit .modal-store-line strong{
  color: var(--ink-muted);
  font-weight: 600;
}
#modalCihazCreate input:focus,
#modalCihazCreate select:focus,
#modalCihazCreate textarea:focus,
#modalCihazEdit input:focus,
#modalCihazEdit select:focus,
#modalCihazEdit textarea:focus{
  border-color: #94a3b8;
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.22);
}
#modalCihazCreate .modal-footer .btn-primary,
#modalCihazEdit .modal-footer .btn-primary{
  background: var(--panel-2, #1f2937);
  box-shadow: none;
}
#modalCihazCreate .modal-footer .btn-primary:hover:not(:disabled),
#modalCihazEdit .modal-footer .btn-primary:hover:not(:disabled){
  background: var(--panel-1, #111827);
  box-shadow: none;
}
.job-benefit-badges{
  display:flex;
  flex-wrap: wrap;
  gap: 6px;
}
.job-benefit-badge{
  display:inline-flex;
  align-items:center;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(249, 115, 22, 0.1);
  color: #c2410c;
  font-weight: 800;
  font-size: .8rem;
}
.devir-kv--full{
  grid-column: 1 / -1;
}
.jobs-filter__row{
  display:grid;
  grid-template-columns: 180px 220px 1fr 140px;
  gap: 14px;
  align-items:end;
}
.jobs-filter__row--durum-only{
  grid-template-columns: minmax(160px, 280px);
  justify-content: start;
}

/* Admin destek talepleri: arama solda, durum sekmeleri */
body.mode-admin .jobs-filter--destek-admin .jobs-filter__row--destek-admin{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px 24px;
}
body.mode-admin .jobs-filter--destek-admin .jobs-filter__search--destek-admin{
  flex: 0 1 300px;
  min-width: min(300px, 100%);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.mode-admin .jobs-filter--destek-admin .jobs-filter__search--destek-admin .input{
  width: 100%;
}
/* Sütun flex içinde .admin-paket-search flex-basis (520px) yüksekliğe uygulanır */
body.mode-admin .jobs-filter--destek-admin .jobs-filter__search--destek-admin .admin-paket-search{
  flex: 0 0 auto;
  width: 100%;
  max-width: 520px;
}
body.mode-admin .jobs-filter--ilan-akislari .jobs-filter__search--destek-admin{
  flex: 0 1 380px;
  min-width: min(380px, 100%);
}
body.mode-admin .jobs-filter--odemeler .jobs-filter__search--destek-admin{
  flex: 0 1 360px;
  min-width: min(360px, 100%);
}
body.mode-admin .jobs-filter--odemeler .destek-admin-durum-tabs .detail-tab{
  white-space: nowrap;
}
body.mode-admin .odeme-tab-count{
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  opacity: 0.85;
}
body.mode-admin .detail-tab.is-active .odeme-tab-count{
  opacity: 1;
}
body.mode-admin .odeme-tab-count--warn{
  color: #b45309;
}
body.mode-admin .detail-tab--aktarim-warn.is-active{
  border-color: #f59e0b;
}

/* Admin — Ürün Akışları: sabit sütun oranları */
body.mode-admin .simple--ilan-akislari {
  table-layout: fixed;
  min-width: 980px;
}
body.mode-admin .simple--ilan-akislari col.col-gorsel { width: 52px; }
body.mode-admin .simple--ilan-akislari col.col-akis { width: 88px; }
body.mode-admin .simple--ilan-akislari col.col-marka { width: 9%; }
body.mode-admin .simple--ilan-akislari col.col-model { width: 9%; }
body.mode-admin .simple--ilan-akislari col.col-renk-ek { width: 10%; }
body.mode-admin .simple--ilan-akislari col.col-magaza { width: 18%; }
body.mode-admin .simple--ilan-akislari col.col-uye { width: 72px; }
body.mode-admin .simple--ilan-akislari col.col-teklif { width: 56px; }
body.mode-admin .simple--ilan-akislari col.col-siparis-durum { width: 11%; }
body.mode-admin .simple--ilan-akislari col.col-yayin { width: 8%; }
body.mode-admin .simple--ilan-akislari col.col-siparis-islem { width: auto; }
body.mode-admin .simple--ilan-akislari col.col-akis-islem { width: 140px; }
body.mode-admin .simple--ilan-akislari .col-magaza.cell-ellipsis {
  max-width: 0;
}
body.mode-admin .simple--ilan-akislari .akis-kaynak {
  display: block;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--ink-muted);
  text-transform: uppercase;
}
body.mode-admin .jobs-filter--destek-admin .jobs-filter__durum-list{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mode-admin .jobs-filter--destek-admin .destek-admin-durum-tabs{
  flex-wrap: wrap;
}

body.mode-admin .simple--destek-admin td.col-actions .admin-siparis-durum-actions{
  justify-content: center;
}

body.mode-admin .destek-admin-thread{
  max-height: min(42vh, 360px);
  overflow-y: auto;
  padding-right: 4px;
}

body.mode-admin .destek-admin-modal-head .badge{
  font-size: 0.78rem;
}
@media (max-width: 560px){
  body.mode-admin .jobs-filter--destek-admin .jobs-filter__row--destek-admin{
    flex-direction: column;
    align-items: stretch;
  }
}
.jobs-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.job-card{
  border: 1px solid var(--line);
  background: #fff;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
  padding: 14px 16px;
}

/* Devir ilan kartı: bilgi ızgarası */
.devir-card{
  padding: 16px 16px 14px;
}

.devir-head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
}

.devir-head__title{
  min-width: 0;
}

.devir-head .job-card__title{
  margin: 0;
}

.devir-head .job-no{
  margin-top: 6px;
}

.job-card__seller{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  min-width: 0;
}
.job-card__seller-name{
  font-weight: 750;
  color: inherit;
}
.job-card__store--seller{
  margin-bottom: 10px;
}
.modal-lead--cihaz{
  display: block;
  color: var(--accent);
  font-weight: 750;
}
.modal-lead--cihaz:empty,
.modal-lead--cihaz[hidden]{
  display: none;
  margin: 0;
}
.modal-lead-seller{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  font-weight: inherit;
  color: inherit;
}
.cihaz-view-contact{
  margin: 0 0 14px;
}
.cihaz-view-contact__link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
  line-height: 1.35;
}
.cihaz-view-contact__link:hover{
  background: rgba(37, 99, 235, 0.14);
  color: #1e40af;
}
.cihaz-view-contact__link .ui-icon{
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
}
#cihazViewBody.job-view-body{
  margin-top: 0;
}

.devir-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 14px;
}

.devir-kv{
  border: 1px solid rgba(226, 232, 240, 0.9);
  background: #fff;
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  min-width: 0;
}

.devir-kv .k{
  display:block;
  font-size: 0.72rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
  margin-bottom: 2px;
}

.devir-kv .v{
  display:block;
  font-weight: 700;
  color: #0f172a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 560px){
  .devir-grid{ grid-template-columns: 1fr; }
}

/* Öneri kartları */
.jobs-grid--oneri{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 900px){
  .jobs-grid--oneri{ grid-template-columns: 1fr; }
}

.oneri-card{
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
.oneri-card:hover{
  border-color: var(--line-strong);
  box-shadow: var(--shadow-card);
}

.oneri-card__head{
  padding: 16px 18px 12px;
}
.oneri-card__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.oneri-card__no{
  font-size: 0.78rem;
  font-weight: 650;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}
.oneri-card__title{
  margin: 0;
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--ink);
  word-break: break-word;
}

.oneri-card__votes{
  padding: 0 18px 14px;
}
.oneri-card__vote-bar{
  display: flex;
  height: 6px;
  border-radius: 999px;
  overflow: hidden;
  background: #f1f5f9;
  margin-bottom: 10px;
}
.oneri-card__vote-bar[data-empty="1"]{
  background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
}
.oneri-card__vote-bar-destek{
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
  transition: width 0.25s ease;
}
.oneri-card__vote-bar-karsi{
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #f87171 0%, #ef4444 100%);
  transition: width 0.25s ease;
}
.oneri-card__vote-bar[data-empty="1"] .oneri-card__vote-bar-destek,
.oneri-card__vote-bar[data-empty="1"] .oneri-card__vote-bar-karsi{
  opacity: 0;
}

.oneri-card__vote-stats{
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 8px;
  align-items: stretch;
}
.oneri-card__stat{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--surface-muted);
  min-width: 0;
}
.oneri-card__stat--destek.is-mine{
  border-color: rgba(34, 197, 94, 0.35);
  background: #f0fdf4;
}
.oneri-card__stat--karsi.is-mine{
  border-color: rgba(239, 68, 68, 0.32);
  background: #fef2f2;
}
.oneri-card__stat-label{
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ink-muted);
}
.oneri-card__stat-value{
  font-size: 1.1rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
  line-height: 1;
}
.oneri-card__stat--destek .oneri-card__stat-value{ color: #15803d; }
.oneri-card__stat--karsi .oneri-card__stat-value{ color: #b91c1c; }
.oneri-card__vote-total{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  font-size: 0.75rem;
  font-weight: 650;
  color: var(--ink-muted);
  white-space: nowrap;
}
.oneri-card__vote-total--empty{
  font-style: italic;
  font-weight: 500;
}

.oneri-card__body{
  padding: 0 18px 14px;
  flex: 1;
  min-height: 0;
}
.oneri-card__desc{
  color: #475569;
  line-height: 1.65;
  font-size: 0.92rem;
  word-break: break-word;
}
.oneri-card__attachments{
  margin-top: 12px;
}

.oneri-card__foot{
  margin-top: auto;
  padding: 12px 18px 16px;
  border-top: 1px solid var(--line);
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}
.oneri-card__vote-btns{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.oneri-card__vote-btns .inline-form{
  display: block;
  min-width: 0;
}
.oneri-card__vote-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: #fff;
  color: #334155;
  font-family: inherit;
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.25;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.oneri-card__vote-btn .ui-icon{
  color: currentColor;
  opacity: 0.85;
}
.oneri-card__vote-btn:hover{
  border-color: var(--line-strong);
  background: var(--surface-muted);
}
.oneri-card__vote-btn--destek.is-active{
  border-color: rgba(34, 197, 94, 0.45);
  background: #dcfce7;
  color: #166534;
  box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.12);
}
.oneri-card__vote-btn--destek.is-active:hover{
  background: #bbf7d0;
}
.oneri-card__vote-btn--karsi.is-active{
  border-color: rgba(239, 68, 68, 0.4);
  background: #fee2e2;
  color: #991b1b;
  box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.1);
}
.oneri-card__vote-btn--karsi.is-active:hover{
  background: #fecaca;
}
.oneri-card__undo{
  display: block;
  margin-top: 8px;
  text-align: center;
}
.oneri-card__undo-btn{
  border: 0;
  background: transparent;
  padding: 4px 8px;
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ink-muted);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.oneri-card__undo-btn:hover{
  color: var(--ink);
}

@media (max-width: 560px){
  .oneri-card__vote-stats{
    grid-template-columns: 1fr 1fr;
  }
  .oneri-card__vote-total{
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding: 0 2px;
  }
  .oneri-card__vote-btns{
    grid-template-columns: 1fr;
  }
}

/* S.S.S (panel) */
.panel-faq{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  align-items: start;
}
@media (max-width: 900px){
  .panel-faq{ grid-template-columns: 1fr; }
}
.panel-faq__item{
  border: 1px solid var(--line);
  background: #fff;
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.panel-faq__btn{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}
.panel-faq__btn .ui-icon{
  width: 18px;
  height: 18px;
  color: var(--ink-muted);
  flex-shrink: 0;
  transition: transform 0.2s;
}
.panel-faq__item.is-open .panel-faq__btn .ui-icon{
  transform: rotate(45deg);
  color: var(--accent);
}
.panel-faq__panel{
  padding: 0 16px 14px;
}
.panel-faq__panel[hidden]{
  display: none;
}
.panel-faq__panel p{
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--ink-muted);
}

/* Lisans */
.license-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 14px;
}
@media (max-width: 900px){
  .license-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .license-grid{ grid-template-columns: 1fr; }
}
.license-kv{
  border: 1px solid rgba(226, 232, 240, 0.9);
  background: #fff;
  border-radius: var(--radius-sm);
  padding: 10px 12px;
}
.license-kv .k{
  display:block;
  font-size: 0.72rem;
  font-weight: 750;
  text-transform: none;
  letter-spacing: 0.02em;
  color: var(--ink-muted);
  margin-bottom: 2px;
}
.license-kv .v{
  display:block;
  font-weight: 800;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.license-progress{
  position: relative;
  height: 44px;
  border-radius: var(--radius-md);
  border: 1px solid rgba(226, 232, 240, 0.9);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  overflow: hidden;
}
.license-progress__bar{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:0%;
  /* Vurgu rengi: daha temiz, okunur */
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent-hover) 100%);
}
.license-progress__label{
  position: relative;
  z-index: 1;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color: #0f172a;
  mix-blend-mode: multiply;
}

/* Lisans: paket fiyatları (Alış / Satış trade-layout ile aynı iskelet) */
body.mode-panel .trade-feed--pricing{
  padding-top: 0;
}
body.mode-panel .pricing-period-tabs{
  flex-wrap: nowrap;
  width: auto;
  gap: 10px;
}
body.mode-panel .pricing-period-tabs .trade-feed-tab{
  flex: 0 1 auto;
  min-width: max-content;
}
body.mode-panel .trade-top-tabs .trade-toolbar-desc{
  max-width: 42rem;
  line-height: 1.45;
}
@media (max-width: 900px){
  body.mode-panel .trade-top-tabs{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  body.mode-panel .trade-top-tabs__right{
    margin-left: 0;
    width: 100%;
  }
  body.mode-panel .pricing-period-tabs{
    width: 100%;
  }
  body.mode-panel .pricing-period-tabs .trade-feed-tab{
    flex: 1 1 0;
    min-width: 0;
  }
}

.pricing-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}
@media (max-width: 1100px){
  .pricing-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .pricing-grid{ grid-template-columns: 1fr; }
}
.pricing-card{
  position: relative;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-card);
  padding: 16px;
  display:flex;
  flex-direction: column;
  min-height: 360px;
}
.pricing-card__head{
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.pricing-title{
  font-weight: 900;
  letter-spacing: -0.01em;
  font-size: 1.05rem;
}
.pricing-price{
  display:flex;
  align-items: baseline;
  gap: 6px;
  font-variant-numeric: tabular-nums;
}
.pricing-currency{
  font-weight: 900;
  color: var(--ink);
  opacity: .85;
}
.pricing-amount{
  font-weight: 950;
  font-size: 2.1rem;
  letter-spacing: -0.03em;
  color: var(--ink);
}
.pricing-amount--text{
  font-size: 1.25rem;
  font-weight: 900;
}
.pricing-per{
  font-weight: 750;
  color: var(--ink-muted);
}
.pricing-note{
  font-size: 0.86rem;
  line-height: 1.35;
}
.pricing-list{
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.pricing-list li{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  color: var(--ink);
  font-weight: 600;
}
.pricing-list .ui-icon{
  width: 18px;
  height: 18px;
  color: var(--accent);
  flex: 0 0 auto;
  margin-top: 1px;
}
.pricing-cta{
  margin-top: auto;
  padding-top: 14px;
}
.pricing-card--popular{
  border-color: var(--accent-border);
  box-shadow: var(--shadow-card), 0 0 0 1px var(--accent-ring);
}
body.mode-panel .pricing-card--popular{
  border-color: var(--accent-border);
}
.pricing-ribbon{
  position:absolute;
  right: 12px;
  top: 12px;
  background: var(--accent);
  color: #fff;
  font-weight: 900;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 6px 10px;
  border-radius: 999px;
  box-shadow: 0 6px 14px var(--accent-ring);
}

/* Devir ilanlarında kart üstü foto */
.job-card__img{
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.9);
  margin-bottom: 12px;
}

.job-card__img img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.devir-fotos-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 720px){
  .devir-fotos-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.devir-foto-thumb{
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.9);
  background: #f8fafc;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.06);
  cursor: pointer;
}

.devir-foto-thumb img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.devir-foto-x{
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.72);
  color: rgba(255, 255, 255, 0.96);
  font-size: 18px;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.job-card__store{
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.4;
  color: var(--accent);
  margin-bottom: 10px;
}
.magaza-id-strip{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
}
.magaza-id-strip__part{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}
.magaza-id-strip__k{
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
}
.magaza-id-strip__no{
  font-variant-numeric: tabular-nums;
  font-weight: 750;
  color: inherit;
}
.magaza-id-strip__sep{
  color: #cbd5e1;
  font-weight: 600;
  user-select: none;
}
.job-card__store .magaza-id-strip__k{
  color: rgba(249, 115, 22, 0.72);
}
.job-card__top{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
}
.job-card__title{
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.job-no{
  font-size: 0.82rem;
  color: #475569;
}
.job-info-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 12px;
}
.job-info{
  min-width: 0;
}
.job-info-grid .k{
  display:block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
  margin-bottom: 2px;
}
.job-info-grid .v{
  display:block;
  font-weight: 650;
  color: #0f172a;
}
.job-desc{
  color: #334155;
  line-height: 1.6;
  font-size: 0.94rem;
}
.job-view-store .k{
  display:block;
  font-size: 0.72rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
  margin-bottom: 2px;
}
.job-view-store .v{
  display:block;
  font-weight: 800;
  font-size: 1rem;
  color: var(--accent);
}
.job-view-media{
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.9);
}
.job-view-media__link{
  display: block;
  width: 100%;
  height: 100%;
}
.job-view-media__link img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.job-view-title{
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.job-view-desc{
  color: #334155;
  line-height: 1.7;
  font-size: 0.95rem;
}
.job-view-firm{
  margin-top: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.job-view-firm + .job-view-firm{
  margin-top: 18px;
}
.job-view-firm__title{
  font-weight: 800;
  font-size: 0.9rem;
  letter-spacing: -0.01em;
  color: var(--ink);
  padding: 0;
  margin: 0 0 10px;
  border: 0;
}
.job-view-firm__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin: 0;
  padding: 0;
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.job-view-firm__grid > div{
  padding: 10px 12px;
  min-width: 0;
  background: #fff;
}
.job-view-firm__grid .k{
  display:block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
  margin-bottom: 4px;
}
.job-view-firm__grid .v{
  display:block;
  font-weight: 650;
  color: #0f172a;
  line-height: 1.4;
  word-break: break-word;
}
@media (max-width: 560px){
  .job-view-firm__grid{ grid-template-columns: 1fr; }
}
.job-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
}
.job-actions--card{
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 2px;
}
.job-actions--card .inline-form{
  display: inline-flex;
  flex-shrink: 0;
}
.job-actions--card .btn{
  flex-shrink: 0;
  white-space: nowrap;
}

/* İş ilanları üst aksiyon: buton sağda */
.jobs-create-card{
  min-height: 96px;
  display:flex;
  align-items:center;
}
.jobs-create-card--tight{
  min-height: 52px;
  padding: 10px 14px;
}

/* Profil: başlık solda, sekmeler tam ortada, aksiyon sağda */
.card-head.card-head--with-center{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  justify-content: initial;
  gap: 12px;
}
.card-head.card-head--with-center .jobs-create-title{ justify-self: start; }
.card-head.card-head--with-center .detail-tabs-holder--head{
  justify-self: center;
  width: auto;
  margin: 0;
}
.card-head.card-head--with-center .card-head__actions{
  justify-self: end;
  margin-left: 0;
}
.card-head.card-head--with-center .card-head__actions .btn{
  white-space: nowrap;
}
.card-head.card-head--with-center .detail-tabs.detail-tabs--cats .detail-tab{
  padding: 10px 18px;
  font-size: 0.92rem;
}

/* Trade (panel) sayfaları: başlık solda, sekmeler TAM ORTADA */
.card-head.card-head--trade{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.jobs-create-card .card-head.card-head--trade{
  display: grid !important; /* .jobs-create-card .card-head{display:flex} override */
}
.card-head.card-head--trade .jobs-create-title{
  justify-self: start;
  min-width: 0;
}
.card-head.card-head--trade .card-head__actions{
  justify-self: center;
  margin-left: 0 !important; /* .jobs-create-card .card-head__actions margin-left:auto override */
  min-width: 0;
}
body.mode-panel .jobs-create-card .card-head.card-head--trade .card-head__actions{
  margin-left: 0 !important;
  justify-content: center !important;
  justify-self: center !important;
}
.card-head.card-head--trade .trade-head-actions{
  display: flex;
  justify-content: center;
  width: 100%;
}

@media (max-width: 860px){
  .card-head.card-head--trade{
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .card-head.card-head--trade .card-head__actions{
    justify-self: start;
    width: 100%;
  }
  .card-head.card-head--trade .trade-head-actions{
    justify-content: flex-start;
  }
}

@media (max-width: 860px){
  .card-head.card-head--with-center{
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .card-head.card-head--with-center .detail-tabs-holder--head{
    justify-self: start;
  }
  .card-head.card-head--with-center .card-head__actions{
    justify-self: start;
  }
}
.jobs-create-card .card-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.jobs-create-card .card-head__actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}
.jobs-create-title__parent{
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ink-muted);
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.jobs-create-title__h{
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--ink);
  line-height: 1.1;
}
body.mode-admin .card-head--admin-magazalar .jobs-create-title{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.jobs-create-help{
  margin-top: 4px;
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--ink-muted);
  user-select: none;
}
.jobs-create-help .ui-icon{
  width: 14px;
  height: 14px;
  color: var(--accent);
}
.jobs-create-title--row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
}
.jobs-create-title--row .jobs-create-title__h{
  margin: 0;
}
.card-head--dash-home{
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}
.card-head--dash-home .card-head__lead{
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 220px;
  min-width: 0;
}
.card-head--dash-home .card-head__lead .jobs-create-title__h{
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--ink);
  line-height: 1.15;
}
.card-head--dash-home .card-head__lead .trade-toolbar-btn--video,
.card-head--dash-home .card-head__lead .hs-egitim-btn{
  flex-shrink: 0;
  align-self: center;
}
.card-head--dash-home .card-head__actions{
  flex: 1 1 100%;
  margin-left: 0;
  justify-content: flex-start;
}
@media (min-width: 900px){
  .card-head--dash-home .card-head__actions{
    flex: 0 1 auto;
    margin-left: auto;
    justify-content: flex-end;
  }
}
.trade-toolbar__left .trade-toolbar-btn--video,
.trade-toolbar__right .trade-toolbar-btn--video,
.card-head__lead .trade-toolbar-btn--video,
.profile-tab-bar .trade-toolbar-btn--video,
.detail-topbar .trade-toolbar-btn--video{
  flex-shrink: 0;
}
.trade-toolbar__left .trade-toolbar-btn--video .ui-icon,
.trade-toolbar__right .trade-toolbar-btn--video .ui-icon{
  color: var(--accent);
}
.trade-toolbar__left .trade-toolbar-btn--video:hover .ui-icon,
.trade-toolbar__right .trade-toolbar-btn--video:hover .ui-icon{
  color: var(--accent);
}
.trade-toolbar-btn--video{
  border-color: rgba(249, 115, 22, 0.35);
}
.trade-toolbar-btn--video:not(:disabled):hover{
  border-color: var(--accent);
  background: rgba(249, 115, 22, 0.06);
}
.trade-toolbar-btn--video[data-panel-egitim-video-pending],
button.trade-toolbar-btn--video:not(:disabled){
  opacity: 1;
  cursor: pointer;
  color: var(--ink);
  border-color: rgba(249, 115, 22, 0.45);
  background: rgba(249, 115, 22, 0.08);
}
.trade-toolbar-btn--video[data-panel-egitim-video-pending] .ui-icon,
button.trade-toolbar-btn--video:not(:disabled) .ui-icon{
  color: var(--accent);
}

/* Hazır stok: eğitim videosu (2 satır) + arama yan yana */
.hs-search-toolbar{
  align-items: center;
  gap: 12px;
}
.hs-search-toolbar__row{
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex: 1 1 0;
  min-width: 0;
}
.hs-search-toolbar__row .hs-search-toolbar__field,
.hs-search-toolbar__row .trade-toolbar__q-cat-row,
.hs-search-toolbar__row .panel-egitim-toolbar__fields{
  flex: 1 1 0;
  min-width: 0;
}
.panel-egitim-toolbar__fields{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.hs-search-toolbar__input{
  flex: 1 1 0;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
}
/* Eğitim videosu — arama çubuğu ile aynı dil, abartısız */
.hs-egitim-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: stretch;
  padding: 12px 14px;
  margin: 0;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-sm);
  background: #fff;
  box-shadow: none;
  color: #64748b;
  font-family: inherit;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.hs-egitim-btn:hover{
  border-color: var(--line-strong);
  color: #334155;
  background: #fff;
}
.hs-egitim-btn:focus-visible{
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}
body.mode-panel .hs-egitim-btn:hover{
  border-color: var(--accent-border);
  color: var(--ink);
}
.hs-egitim-btn__icon{
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  color: #94a3b8;
}
body.mode-panel .hs-egitim-btn__icon{
  color: var(--accent);
  opacity: 0.88;
}
body.mode-panel .hs-egitim-btn:hover .hs-egitim-btn__icon{
  opacity: 1;
}
.hs-egitim-btn__text{
  display: block;
}
/* Panel: geri dön — eğitim videosu yanında, tüm sayfalarda aynı */
.panel-geri-don-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: center;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid rgba(15, 23, 42, 0.18);
  border-radius: var(--radius-sm);
  background: #fff;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
  color: #334155;
  font-family: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
.panel-geri-don-btn .ui-icon{
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  color: #475569;
}
.panel-geri-don-btn:hover{
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(15, 23, 42, 0.24);
  color: #1e293b;
}
.panel-geri-don-btn:focus-visible{
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}
.hs-search-toolbar__row .panel-geri-don-btn,
.detail-topbar__lead .panel-geri-don-btn{
  align-self: center;
}
@media (max-width: 640px){
  .hs-search-toolbar{
    flex-direction: column;
    align-items: stretch;
  }
  .hs-search-toolbar__row{
    width: 100%;
  }
  .hs-search-toolbar .trade-toolbar__right{
    margin-left: 0;
    justify-content: flex-end;
  }
}

.profile-tab-bar{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  justify-content: flex-start;
}
.profile-tab-bar > .trade-head-actions__cats{
  flex: 1 1 auto;
}
.detail-topbar > .trade-toolbar-btn--video{
  margin-right: auto;
}
.trade-toolbar--video-only .trade-toolbar__left{
  flex: 1 1 0;
  min-width: 0;
}
.trade-toolbar__left--with-tabs{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  flex: 1 1 auto;
  min-width: 0;
}
.trade-toolbar__left--with-tabs .trade-head-actions__cats{
  flex: 0 1 auto;
}
.trade-toolbar__left--with-tabs .trade-toolbar__q{
  flex: 1 1 200px;
  min-width: 140px;
}

/* Profil > Kimlik doğrulama: yükleme sonrası sadece durum göster */
.kimlik-status{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 860px){
  .kimlik-status{ grid-template-columns: 1fr; }
}
.kimlik-status__item{
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.78);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  box-shadow: var(--shadow-1);
}
.kimlik-status__item .k{
  font-size: 0.78rem;
  font-weight: 650;
  color: var(--ink-muted);
}
.kimlik-status__item .v{ margin-top: 6px; }
.card .kimlik-status__item{
  border: none;
  background: color-mix(in srgb, var(--line) 35%, transparent);
  box-shadow: none;
  padding: 10px 12px;
}
.kimlik-ok{
  border: 1px solid var(--accent-border);
  background: var(--accent-soft);
  border-radius: var(--radius-md);
  padding: 12px 14px;
}
.kimlik-ok__row{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Ana sayfa (ve diğer sayfalar): sağda tarih aralığı sekmeleri */
.range-tabs{
  display:flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: rgba(255,255,255,0.9);
}
.range-tab{
  appearance:none;
  border: none;
  border-right: 1px solid var(--line);
  background: transparent;
  padding: 10px 14px;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--ink);
  cursor: pointer;
  line-height: 1;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
  white-space: nowrap;
}
.range-tab:last-child{ border-right: none; }
.range-tab:hover{
  background: rgba(15, 23, 42, 0.04);
}
.range-tab.is-active,
.range-tab[aria-pressed="true"]{
  background: var(--accent-soft);
  color: var(--accent-hover);
  box-shadow: inset 0 0 0 1px var(--accent-border);
}
.range-tab--date{
  display:inline-flex;
  align-items:center;
  gap: 8px;
}
.range-tab--date .ui-icon{
  width: 16px;
  height: 16px;
  color: var(--ink);
}
.range-tabs--home-extended .range-tab{
  padding: 8px 11px;
  font-size: 0.8rem;
}
@media (max-width: 980px){
  .range-tabs{ width: 100%; }
  .range-tab{ padding: 10px 12px; flex: 1 0 auto; }
}

/* Markalar: Açık/Kapalı filtresi */
.trade-filter{
  position: relative;
}
body.mode-panel .trade-filter__summary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space: nowrap;
  border: 1px solid rgba(15, 23, 42, 0.18);
  background: rgba(255,255,255,0.75);
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
}
body.mode-panel .trade-filter__summary::-webkit-details-marker{ display:none; }
body.mode-panel .trade-filter__summary::marker{ content:''; }
body.mode-panel .trade-filter__summary .ui-icon{
  width: 16px;
  height: 16px;
}
body.mode-panel .trade-filter__summary:hover{
  background: rgba(255,255,255,0.92);
  border-color: rgba(15, 23, 42, 0.24);
}
body.mode-panel .trade-filter[open] .trade-filter__summary{
  background: rgba(15, 23, 42, 0.04);
}

body.mode-panel .trade-filter__menu{
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  min-width: 180px;
  padding: 6px;
  border-radius: var(--radius-sm);
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 12px 28px rgba(0,0,0,0.22);
  z-index: 3;
  display:flex;
  flex-direction: column;
  gap: 4px;
}
.trade-filter__menu .state-tab{
  width: 100%;
  justify-content: flex-start;
  border-right: none;
  height: 40px;
  border-radius: var(--radius-sm);
  color: rgba(255,255,255,0.95);
}
.trade-filter__menu .state-tab:hover{
  background: rgba(255,255,255,0.10);
}
.trade-filter__menu .state-tab.is-active,
.trade-filter__menu .state-tab[aria-pressed="true"]{
  background: rgba(255,255,255,0.98);
  color: #0b3a75;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.18);
}

.state-tabs-wrap{
  display:flex;
  justify-content:center;
}
.state-tabs{
  display:inline-flex;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: rgba(255,255,255,0.9);
}
.state-tabs--filter{
  height: 42px; /* detail-tab ile aynı yükseklik */
  border-radius: var(--radius-sm);
}
.state-tab{
  appearance:none;
  border: none;
  border-right: 1px solid var(--line);
  background: transparent;
  padding: 0 12px;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
  display:inline-flex;
  align-items:center;
  height: 100%;
}
.state-tab:last-child{ border-right: none; }
.state-tab:hover{ background: rgba(15, 23, 42, 0.04); }
.state-tab.is-active,
.state-tab[aria-pressed="true"]{
  background: var(--accent-soft);
  color: var(--accent-hover);
  box-shadow: inset 0 0 0 1px var(--accent-border);
}

/* Genel tipografi: aşırı kalın (800/900) kullanımını azalt */
body.mode-panel .jobs-create-title__h,
body.mode-admin .jobs-create-title__h{
  font-weight: 700;
}
body.mode-panel .jobs-create-help,
body.mode-admin .jobs-create-help,
body.mode-panel .range-tab,
body.mode-admin .range-tab{
  font-weight: 600;
}
body.mode-panel .section-label,
body.mode-admin .section-label{
  font-weight: 650;
}
body.mode-admin .section-label{
  color: var(--ink-muted);
}
body.mode-panel .kpi-value,
body.mode-admin .kpi-value,
body.mode-panel .dash-ad__title,
body.mode-admin .dash-ad__title,
body.mode-panel .catalog-card__title,
body.mode-admin .catalog-card__title,
body.mode-panel .job-card__title,
body.mode-admin .job-card__title,
body.mode-panel .trade-status-tab .title,
body.mode-admin .trade-status-tab .title{
  font-weight: 700;
}
body.mode-panel .badge,
body.mode-admin .badge,
body.mode-panel .pill,
body.mode-admin .pill{
  font-weight: 650;
}

/* Tedarik bekleyen: marka grid */
.brand-tools{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap: wrap;
}
.brand-tools__q{
  flex: 1 1 420px;
  min-width: 240px;
}
/* Ürün kataloğu: A–Z şeridi dış çerçeve */
.katalog-alpha-box{
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: var(--surface);
  padding: 12px 14px;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
}
.katalog-alpha-box .brand-alpha{
  margin-top: 0;
}
/* Katalog talep modalı: ürün detay sayfası (ilan.php) ile aynı dil */
#modalKatalogTalepAc .kt-talep-detail.catalog-detail{
  padding: 0;
}
#modalKatalogTalepAc .kt-talep-detail .catalog-detail__grid{
  margin-top: 0;
  align-items: start;
}
#modalKatalogTalepAc .kt-talep-detail .catalog-detail__info{
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
#modalKatalogTalepAc .kt-talep-detail .catalog-detail__info > .card{
  margin-top: 0;
  margin-bottom: 0;
}
#modalKatalogTalepAc .kt-talep-detail .catalog-detail__card > .section-label + .detail-kv{
  margin-top: 10px;
}
#modalKatalogTalepAc .kt-talep-detail .detail-kv{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
}
#modalKatalogTalepAc .kt-talep-detail .detail-kv.detail-kv--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#modalKatalogTalepAc .kt-talep-form{
  display: block;
}
#modalKatalogTalepAc .kt-talep-adet-cell{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#modalKatalogTalepAc .kt-talep-adet-cell .k{
  margin: 0;
}
#modalKatalogTalepAc .kt-talep-adet-cell .input{
  width: 100%;
  max-width: 100%;
  font-weight: 700;
}
#modalKatalogTalepAc .kt-talep-form__actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
  padding-top: 0;
}
@media (max-width: 980px){
  #modalKatalogTalepAc .kt-talep-detail .catalog-detail__grid{
    grid-template-columns: 1fr;
  }
}
/* Excel toplu ürün modal: kısa adım listesi */
#modalKatalogExcel .kt-excel-steps{
  margin: 0 0 14px;
  padding-left: 1.25rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--ink-muted);
}
#modalKatalogExcel .kt-excel-steps li{
  margin-bottom: 8px;
}
#modalKatalogExcel .kt-excel-steps li:last-child{
  margin-bottom: 0;
}
.brand-alpha{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.brand-alpha__btn{
  appearance:none;
  border: 1px solid var(--line-strong);
  background: rgba(255,255,255,0.96);
  color: var(--ink);
  text-decoration: none;
  width: 42px;
  height: 42px;
  padding: 0;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  border-radius: var(--radius-md);
  cursor:pointer;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
}
.brand-alpha__btn:hover{
  border-color: var(--accent-border);
  background: var(--accent-soft);
  text-decoration: none;
}
.brand-alpha__btn.is-active{
  border-color: var(--accent-border);
  background: var(--accent-soft);
  color: var(--accent-hover);
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.10);
}
.brand-alpha__btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px var(--accent-ring), 0 6px 16px rgba(2, 6, 23, 0.08);
}
.brand-alpha--cats{
  justify-content: flex-start;
}
.brand-alpha--cats .brand-alpha__btn{
  width: auto;
  min-height: 42px;
  padding: 0 12px;
  white-space: nowrap;
}
@media (max-width: 720px){
  .brand-alpha{ gap: 8px; }
  .brand-alpha__btn{
    width: 38px;
    height: 38px;
    font-size: 0.88rem;
  }
}
.brand-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  justify-content: center;
  gap: 12px;
}
@media (min-width: 1600px){
  .brand-grid{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (min-width: 1200px) and (max-width: 1599px){
  .brand-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width: 900px) and (max-width: 1199px){
  .brand-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 720px) and (max-width: 899px){
  .brand-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 719px){
  .brand-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
.brand-card{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.92);
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
  text-decoration:none;
  color: var(--ink);
  transition: border-color .15s ease;
}

/* Panel — Tedarik bekleyen marka kartı: marka üstte ortalı, ayraç, dar yetki kutusu */
.brand-card--slim.brand-card--stack{
  padding: 12px 12px 14px;
  gap: 0;
  overflow: visible;
  text-align: center;
}
.brand-card--stack .brand-card__stack{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.brand-card--stack .brand-card__marka{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding-bottom: 2px;
}
.brand-card--stack .brand-card__name{
  font-weight: 800;
  font-size: 1.05rem;
  line-height: 1.25;
  color: var(--ink);
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.brand-card--stack .brand-card__logo{
  flex-shrink: 0;
  width: auto;
  max-width: 52px;
  max-height: 28px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.brand-card--stack .brand-card__sep{
  width: 100%;
  height: 0;
  margin: 0;
  border: none;
  border-top: 1px solid rgba(226, 232, 240, 0.95);
}
.brand-card--stack .brand-card__yetki{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  max-width: calc(100% - 8px);
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.brand-card--stack .brand-card__yetki .v--yetki{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  font-weight: 800;
  font-size: 0.84rem;
  white-space: nowrap;
}
.brand-card--stack .brand-card__yetki .v--yetki .ui-icon{
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}
.brand-card--stack .brand-card__yetki--auth,
.brand-card--stack .brand-card__yetki--ok,
.brand-card--stack .brand-card__yetki--wait{
  border-color: rgba(59, 130, 246, 0.4);
  background: linear-gradient(180deg, #eff6ff 0%, #f8fafc 100%);
}
.brand-card--stack .brand-card__yetki--auth .v--yetki,
.brand-card--stack .brand-card__yetki--ok .v--yetki,
.brand-card--stack .brand-card__yetki--wait .v--yetki{
  color: #1d4ed8;
}
.brand-card--stack .brand-card__yetki--auth .v--yetki .ui-icon,
.brand-card--stack .brand-card__yetki--ok .v--yetki .ui-icon{
  color: #2563eb;
}
.brand-card--stack .brand-card__yetki--off,
.brand-card--stack .brand-card__yetki--none{
  border-color: rgba(251, 146, 60, 0.5);
  background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
}
.brand-card--stack .brand-card__yetki--off .v--yetki,
.brand-card--stack .brand-card__yetki--none .v--yetki{
  color: #9a3412;
}
.brand-card--stack .brand-card__yetki--none .v--yetki .ui-icon,
.brand-card--stack .brand-card__yetki--off .v--yetki .ui-icon{
  color: #ea580c;
}
.brand-card--stack .brand-card__talep{
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-size: 0.88rem;
  font-weight: 700;
  color: #64748b;
  text-align: center;
  line-height: 1.3;
}
.brand-card--stack .brand-card__talep-num{
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}
.brand-card--stack .brand-card__talep.is-hot,
.brand-card--stack .brand-card__talep.is-hot .brand-card__talep-num{
  color: #c2410c;
}
.brand-card--slim.brand-card--has-queue{
  border-color: color-mix(in srgb, var(--panel-accent, #f97316) 22%, var(--line));
}
body.mode-panel .trade-feed--markalar{
  padding: 12px var(--trade-pad-x) 18px;
}
.brand-card--stack.brand-card--clickable{
  cursor: pointer;
}
.brand-card--stack.brand-card--clickable:hover{
  border-color: var(--accent-border);
}
.brand-card--stack.brand-card--clickable:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.pay-bank--stack{
  grid-template-columns: 1fr;
}

.brand-card__main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 14px 12px 12px;
  min-height: 70px;
}

.brand-card--clickable {
  cursor: pointer;
}
.brand-card--clickable:hover {
  border-color: var(--accent-border);
}
.brand-card--clickable:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.brand-card__files-btn {
  margin-top: 4px;
  align-self: center;
}

.brand-card:hover{
  border-color: var(--accent-border);
}
.brand-card__logo{
  max-width: 100%;
  max-height: 46px;
  object-fit: contain;
  display:block;
  filter: saturate(1.05);
}

/* Admin marka durumu: rozet + logo (grid satırında küçülmesin) */
.brand-card--durum{
  min-height: 132px;
}
.brand-card--durum .brand-card__badges{
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  pointer-events: none;
}
.brand-card--durum .brand-card__main{
  flex: 1 1 auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 96px;
  padding: 44px 12px 16px;
}
.brand-card--durum .brand-card__logo{
  flex-shrink: 0;
}

/* Marka yetkisi: kart + altta rozet */
.brand-grid--auth .brand-auth-item{
  display:flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.92);
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
}
.brand-grid--auth .brand-auth-item.js-open-yetki{
  cursor: pointer;
}
.brand-grid--auth .brand-auth-item.js-open-yetki:hover{
  border-color: var(--accent-border);
}
.brand-grid--auth .brand-auth-item .brand-card{
  border: none;
  background: transparent;
  box-shadow: none;
  min-height: 64px;
  padding: 10px 12px;
}
.brand-grid--auth .brand-auth-meta{
  display:flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.brand-grid--auth .brand-auth-box{
  display:flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.brand-grid--auth .brand-auth-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  border-radius: var(--radius-sm);
  font-weight: 700;
  font-size: 0.92rem;
  border: 1px solid transparent;
  white-space: nowrap;
  width: 100%;
  max-width: 220px;
}
.brand-grid--auth .brand-auth-pill .ui-icon{
  width: 18px;
  height: 18px;
  color: currentColor;
}
.brand-grid--auth .brand-auth-pill--auth,
.brand-grid--auth .brand-auth-pill--ok{
  background: #eff6ff;
  color: #1d4ed8;
  border-color: rgba(59, 130, 246, 0.35);
}
.brand-grid--auth .brand-auth-pill--auth .ui-icon,
.brand-grid--auth .brand-auth-pill--ok .ui-icon{
  color: #2563eb;
}
.brand-grid--auth .brand-auth-pill--off{
  background: #fff7ed; /* turuncu-soft */
  color: #9a3412;      /* orange-800 */
  border-color: rgba(251, 146, 60, 0.45);
}
.brand-grid--auth .brand-auth-sub{
  font-size: 0.86rem;
  text-align:center;
  max-width: 28ch;
}
.brand-grid--auth .brand-auth-pill--wait{
  background: #eff6ff;
  color: #1d4ed8;
  border-color: rgba(59, 130, 246, 0.35);
}
.brand-grid--auth .brand-auth-pill--action{
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
  cursor: pointer;
}
.brand-grid--auth .brand-auth-pill--action:hover{
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}
.jobs-create-title__p{
  margin-top: 6px;
  color: var(--ink-muted);
  font-weight: 500;
  line-height: 1.45;
  max-width: 56ch;
}

@media (max-width: 980px){
  .jobs-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jobs-filter__row{ grid-template-columns: 1fr 1fr; }
  .jobs-filter__row--durum-only{
    grid-template-columns: minmax(0, 1fr);
    max-width: 320px;
  }
  .jobs-filter__q{ grid-column: 1 / -1; }
  .jobs-filter__btn{ grid-column: 1 / -1; }
  body.mode-admin .jobs-filter--destek-admin .jobs-filter__row--destek-admin{
    grid-template-columns: auto minmax(140px, 1fr);
  }
  body.mode-admin .jobs-filter--destek-admin .jobs-filter__btn--destek-admin{
    grid-column: auto;
  }
}
@media (max-width: 560px){
  .jobs-grid{ grid-template-columns: 1fr; }
  .jobs-form__row,
  .jobs-form__criteria{ grid-template-columns: 1fr; }
  .job-info-grid{ grid-template-columns: 1fr; }
}

input::placeholder,
textarea::placeholder {
  color: #94a3b8;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}

.mode-admin input:focus,
.mode-admin select:focus,
.mode-admin textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}

textarea {
  min-height: 100px;
  resize: vertical;
}

input[type="file"] {
  padding: 10px;
  font-size: 0.86rem;
  cursor: pointer;
}

.form-footnote {
  display: block;
  margin-top: 8px;
  font-size: 0.82rem;
}

.form-actions {
  margin-top: 4px;
}

.mt-lg {
  margin-top: 20px;
}

.mt-md {
  margin-top: 14px;
}

.mt-sm {
  margin-top: 10px;
}

.mb-0 {
  margin-bottom: 0;
}

/* Butonlar */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: var(--radius-sm);
  border: none;
  font-weight: 600;
  font-size: 0.94rem;
  font-family: var(--font);
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.2s ease, filter 0.15s;
}

.btn:active:not(:disabled) {
  transform: translateY(1px);
}

.btn-primary {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 2px 8px -2px var(--accent-ring);
}

.btn-primary:hover:not(:disabled) {
  background: var(--accent-hover);
  filter: none;
  box-shadow: 0 4px 14px -2px var(--accent-ring);
}

.btn-secondary {
  background: #ffffff;
  color: var(--ink);
  border: 1px solid var(--line);
  box-shadow: none;
}

.btn-secondary:hover:not(:disabled) {
  border-color: var(--accent-border);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.mode-admin .btn-secondary:hover:not(:disabled) {
  border-color: var(--accent-border);
}

.mode-admin .btn-primary {
  background: var(--accent);
  box-shadow: 0 2px 8px -2px var(--accent-ring);
}

.mode-admin .btn-primary:hover:not(:disabled) {
  background: var(--accent-hover);
  box-shadow: 0 4px 14px -2px var(--accent-ring);
}

/* Ignavo tarzı birincil düğme: hap şekli */
.mode-admin .btn.btn-primary {
  border-radius: 999px;
}
.mode-admin .btn.btn-primary:not(.btn-sm) {
  padding-left: 1.15rem;
  padding-right: 1.15rem;
}
.mode-admin .btn.btn-primary.btn-sm {
  padding-left: 16px;
  padding-right: 16px;
}

.btn-ghost {
  background: #f1f5f9;
  color: #334155;
  box-shadow: none;
}

.btn-ghost:hover:not(:disabled) {
  background: var(--line);
}

.btn-sm {
  padding: 7px 14px;
  font-size: 0.84rem;
}

.btn.is-zero {
  opacity: 0.9;
}

.btn-danger {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  color: #fff;
}

.btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  box-shadow: none;
}

.back-link {
  margin: 0 0 10px;
  font-size: 0.92rem;
}

.back-link a {
  color: var(--ink-muted);
  font-weight: 500;
  text-decoration: none;
}

.back-link a:hover {
  color: var(--accent);
}

.mode-admin .back-link a:hover {
  color: var(--accent);
}

/* Tablo */
.table-wrap {
  overflow-x: auto;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: #fff;
}

/* Trade layout içinde ikinci bir “kart” görünümü yaratmasın */
.trade-feed .table-wrap{
  border: 0;
  background: transparent;
  border-radius: 0;
}

/* Trade içeriğinde gereksiz ikinci kart kabuğu olmasın */
.trade-feed > .card{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Admin — markalar: kullanıcı listesiyle aynı kart + arama + .simple tablolar */
body.mode-admin .admin-markalar-page .table-wrap{
  border-radius: var(--radius-md);
}
body.mode-admin .admin-markalar-page__actions{
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
body.mode-admin .admin-markalar-page .badge{
  font-weight: 600;
  max-width: 100%;
  white-space: nowrap;
  text-align: left;
  line-height: 1.25;
}
body.mode-admin .admin-markalar-page .table-wrap .stack-row{
  flex-wrap: nowrap;
}
body.mode-admin .admin-markalar-page .simple th.col-center,
body.mode-admin .admin-markalar-page .simple td.col-center{
  text-align: center;
  vertical-align: middle;
}
body.mode-admin .admin-marka-otomatik-yetki-form{
  display: inline-flex;
  justify-content: center;
  margin: 0;
}
body.mode-admin .admin-marka-otomatik-yetki-form .marka-switch{
  justify-self: center;
}
body.mode-admin .admin-panel-reklam-yayin-form{
  display: inline-flex;
  justify-content: center;
  margin: 0;
}
body.mode-admin .admin-panel-reklam-yayin-form .marka-switch{
  justify-self: center;
}

/* Admin kart üstü: sekmeler veya başlık + arama (Markalar, kullanıcı listeleri, kimlik) yan yana */
body.mode-admin .admin-card-filters-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  justify-content: flex-start;
}
body.mode-admin .admin-card-filters-row__tabs{
  flex: 0 1 auto;
  min-width: 0;
}
body.mode-admin .admin-card-filters-row__start{
  flex: 0 1 auto;
  min-width: 0;
}
body.mode-admin .admin-card-filters-row__start .section-label{
  display: block;
}
body.mode-admin .admin-card-filters-row__start h2{
  margin: 0;
}
body.mode-admin .admin-card-filters-row__search{
  flex: 1 1 220px;
  min-width: min(100%, 200px);
  max-width: 540px;
  margin-left: auto;
}
/* Başlık yokken arama çubuğu solda */
body.mode-admin .admin-card-filters-row--search-start .admin-card-filters-row__search{
  margin-left: 0;
  flex: 0 1 540px;
  max-width: 540px;
}
body.mode-admin .admin-card-filters-row--search-start .admin-card-filters-row__search > .trade-toolbar{
  justify-content: flex-start;
}
body.mode-admin .admin-card-filters-row--search-start .admin-card-filters-row__search > .trade-toolbar .trade-toolbar__left{
  justify-content: flex-start;
}
/* Arama solda, sekmeler / ek kontroller hemen sağında (Markalar, yetki talepleri) */
body.mode-admin .admin-card-filters-row--search-first .admin-card-filters-row__search{
  flex: 0 1 520px;
  max-width: 520px;
}
body.mode-admin .admin-card-filters-row--search-first .admin-card-filters-row__tabs{
  flex: 1 1 280px;
  min-width: 0;
  margin-left: 0;
}
body.mode-admin .admin-card-filters-row__search > .trade-toolbar{
  margin-top: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  justify-content: flex-end;
}
body.mode-admin .admin-card-filters-row__search > .trade-toolbar .trade-toolbar__left{
  width: 100%;
  justify-content: flex-end;
  flex: 1 1 auto;
  min-width: 0;
}
body.mode-admin .admin-card-filters-row--with-actions{
  align-items: flex-end;
}
body.mode-admin .admin-card-filters-row--with-actions .admin-card-filters-row__search{
  margin-left: 0;
  flex: 1 1 220px;
  max-width: 520px;
}
body.mode-admin .admin-card-filters-row__actions{
  flex: 0 0 auto;
  margin-left: auto;
}
@media (max-width: 900px){
  body.mode-admin .admin-card-filters-row__search{
    margin-left: 0;
    max-width: none;
    flex: 1 1 100%;
  }
  body.mode-admin .admin-card-filters-row--search-start .admin-card-filters-row__search{
    flex: 1 1 100%;
    max-width: none;
  }
  body.mode-admin .admin-card-filters-row__search > .trade-toolbar .trade-toolbar__left{
    justify-content: flex-start;
  }
  body.mode-admin .admin-card-filters-row--with-actions .admin-card-filters-row__actions{
    margin-left: 0;
    width: 100%;
  }
  body.mode-admin .admin-card-filters-row__tabs{
    flex: 1 1 100%;
  }
  body.mode-admin .admin-markalar-page .admin-card-filters-row__tabs .detail-tabs.detail-tabs--cats{
    width: 100%;
  }
}

table.simple {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.9rem;
}

table.simple th,
table.simple td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
}

table.simple th {
  background: var(--surface-muted);
  font-weight: 600;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
}

table.simple th:last-child,
table.simple td:last-child {
  border-right: none;
}

table.simple tbody tr:last-child td {
  border-bottom: none;
}

table.simple tbody tr:hover td {
  background: #fafafa;
}

/* Rozet */
.badge {
  display: inline-block;
  padding: 4px 11px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.badge-ok {
  background: #dcfce7;
  color: #166534;
}

.badge-off {
  background: #fee2e2;
  color: #991b1b;
}

.badge-warn{
  background: #ffedd5; /* orange-100 */
  color: #9a3412;      /* orange-800 */
}

.badge-muted {
  background: #f1f5f9;
  color: #64748b;
}

.badge-view {
  background: #e0f2fe;
  color: #0369a1;
}

.badge-info {
  background: var(--accent-soft);
  color: var(--accent-hover);
}

/* Admin: tablo / liste rozetleri düz köşe */
body.mode-admin .badge,
body.mode-admin .pill{
  border-radius: 0 !important;
}

/* Admin — liste tabloları: tek satır, kaydırma yalnızca table-wrap içinde */
body.mode-admin .table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}
body.mode-admin .table-wrap table.simple {
  width: 100%;
  table-layout: auto;
}
body.mode-admin .table-wrap table.simple th,
body.mode-admin .table-wrap table.simple td {
  vertical-align: middle;
  white-space: nowrap;
}
body.mode-admin .table-wrap table.simple .cell-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14rem;
}
body.mode-admin .table-wrap table.simple .col-num,
body.mode-admin .table-wrap table.simple .col-center {
  text-align: center;
}
body.mode-admin .table-wrap table.simple th.col-money,
body.mode-admin .table-wrap table.simple td.col-money{
  text-align:right;
  font-variant-numeric:tabular-nums;
}
body.mode-admin .table-wrap table.simple .col-actions,
body.mode-admin .table-wrap table.simple .col-siparis-islem,
body.mode-admin .table-wrap table.simple .col-akis-islem,
body.mode-admin .table-wrap table.simple td:has(.admin-siparis-durum-actions),
body.mode-admin .table-wrap table.simple td:has(.img-mini-link) {
  overflow: visible;
  text-overflow: clip;
  max-width: none;
}
body.mode-admin .table-wrap table.simple .badge {
  white-space: nowrap;
  max-width: none;
}
body.mode-admin .table-wrap .stack-row,
body.mode-admin .table-wrap .admin-siparis-durum-actions,
body.mode-admin .table-wrap .admin-siparis-durum-form,
body.mode-admin .table-wrap .ilan-akislari-akis-islem {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem;
}
body.mode-admin .table-wrap .inline-form {
  display: inline-flex;
  flex-shrink: 0;
  margin: 0;
}
body.mode-admin .table-wrap .admin-siparis-durum-form .input-sm {
  min-width: 7.5rem;
  max-width: 9.5rem;
}
body.mode-admin .admin-siparis-durum-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
body.mode-admin .admin-siparis-durum-opt {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  font-weight: 600;
  white-space: nowrap;
}
body.mode-admin .kimlik-admin-table td.kimlik-admin-cell--store {
  white-space: normal;
  word-break: break-word;
  overflow: visible;
  text-overflow: clip;
  max-width: none;
}

/* Admin: araç çubuğu birincil düğmeler (ör. «Paket ekle») hap şeklini kaldır */
body.mode-admin .trade-toolbar-btn.btn,
body.mode-admin .trade-toolbar-btn.btn-primary{
  border-radius: 0 !important;
}

/* Admin evrak kartı */
.evrak-admin{
  padding: 12px 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(248, 250, 252, 0.75);
}
/* Mağaza doğrulama modalı (#modalUserActions) */
body.mode-admin #modalUserActions.modal-user-actions--dogrulama .modal-body{
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: min(86vh, 760px);
  overflow: hidden;
  padding: 18px 24px 16px;
}
body.mode-admin #modalUserActions.modal-user-actions--dogrulama .modal-header{
  padding: 18px 24px 14px;
}
body.mode-admin #modalUserActions.modal-user-actions--dogrulama .modal-header h2{
  font-size: 1.12rem;
  letter-spacing: -0.02em;
}
body.mode-admin #modalUserActions.modal-user-actions--dogrulama .ua-modal-lead[hidden]{
  display: none !important;
}
body.mode-admin #modalUserActions .ua-inline-status{
  margin: 0 0 10px;
  font-size: 0.875rem;
  line-height: 1.45;
}
body.mode-admin #modalUserActions .ua-inline-status[hidden]{
  display: none !important;
}
body.mode-admin #modalUserActions.modal-user-actions--dogrulama .modal-card > .modal-footer{
  padding: 14px 24px 18px;
  margin-top: 0;
  border-top: 1px solid var(--line);
}
body.mode-admin #modalUserActions.modal-user-actions--dogrulama .ua-modal-scroll{
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 0;
  padding-right: 2px;
}
body.mode-admin #modalUserActions.modal-user-actions--dogrulama #uaMagazaOnly{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/* Sekmeler — segment kontrol */
body.mode-admin #modalUserActions .ua-dogrulama-tabs{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(241, 245, 249, 0.95);
  flex-shrink: 0;
}
body.mode-admin #modalUserActions .ua-dogrulama-tab{
  appearance: none;
  cursor: pointer;
  border: none;
  background: transparent;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--ink-muted);
  border-radius: calc(var(--radius-lg) - 2px);
  padding: 10px 10px;
  min-height: 42px;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin #modalUserActions .ua-dogrulama-tab:hover{
  color: var(--ink);
  background: rgba(255, 255, 255, 0.65);
}
body.mode-admin #modalUserActions .ua-dogrulama-tab.is-active{
  color: var(--ink);
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.1);
}
body.mode-admin #modalUserActions .ua-tab-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 5px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
}
body.mode-admin #modalUserActions .ua-tab-badge--warn{
  background: rgba(245, 158, 11, 0.2);
  color: #b45309;
}
body.mode-admin #modalUserActions .ua-tab-badge--ok{
  background: rgba(34, 197, 94, 0.18);
  color: #15803d;
}
/* Doğrulama bekleyen — kırmızı yanıp sönen ışık */
@keyframes ua-alert-pulse{
  0%, 100%{
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.65);
    transform: scale(1);
  }
  50%{
    opacity: 0.35;
    box-shadow: 0 0 0 7px rgba(239, 68, 68, 0);
    transform: scale(0.92);
  }
}
body.mode-admin #modalUserActions .ua-alert-dot{
  display: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ef4444;
  flex-shrink: 0;
  animation: ua-alert-pulse 1.25s ease-in-out infinite;
}
body.mode-admin #modalUserActions .ua-needs-action > .ua-tab-alert,
body.mode-admin #modalUserActions .ua-needs-action.ua-dogrulama-tab > .ua-tab-alert{
  display: inline-block;
}
body.mode-admin #modalUserActions .ua-needs-action.ua-dogrulama-tab{
  color: #991b1b;
}
body.mode-admin #modalUserActions .ua-needs-action.ua-dogrulama-tab.is-active{
  color: var(--ink);
}
body.mode-admin #modalUserActions .ua-panel-block.ua-needs-action .ua-inline-status::before,
body.mode-admin #modalUserActions .info-grid__durum.ua-needs-action .section-label::after{
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 8px;
  border-radius: 50%;
  background: #ef4444;
  vertical-align: middle;
  animation: ua-alert-pulse 1.25s ease-in-out infinite;
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly.ua-needs-action{
  position: relative;
  border-color: rgba(239, 68, 68, 0.42);
  box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.12);
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly.ua-needs-action::after{
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef4444;
  pointer-events: none;
  animation: ua-alert-pulse 1.25s ease-in-out infinite;
  z-index: 2;
}
@media (prefers-reduced-motion: reduce){
  body.mode-admin #modalUserActions .ua-alert-dot,
  body.mode-admin #modalUserActions .ua-panel-block.ua-needs-action .ua-inline-status::before,
  body.mode-admin #modalUserActions .info-grid__durum.ua-needs-action .section-label::after,
  body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly.ua-needs-action::after,
  body.mode-admin .table-wrap .btn.btn-with-icon.ua-needs-action .ua-list-alert{
    animation: none;
    opacity: 1;
  }
}
/* Tüm kullanıcılar: doğrulama bekleyen — liste butonunda kırmızı nokta */
body.mode-admin .table-wrap .btn.btn-with-icon.ua-needs-action{
  position: relative;
}
body.mode-admin .table-wrap .btn.btn-with-icon .ua-list-alert{
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ef4444;
  pointer-events: none;
  animation: ua-alert-pulse 1.25s ease-in-out infinite;
}
body.mode-admin .table-wrap .btn.btn-with-icon.ua-needs-action .ua-list-alert{
  display: block;
}
/* Panel alanı */
body.mode-admin #modalUserActions .ua-dogrulama-panels{
  margin: 0;
  padding: 2px 4px 0;
  overflow: visible;
}
body.mode-admin #modalUserActions .ua-panel-block{
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
/* Modal — birleşik alan ızgarası (kutu içinde kutu yok) */
body.mode-admin #modalUserActions .ua-field-grid{
  display: grid;
  gap: 1px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--line);
  overflow: hidden;
}
body.mode-admin #modalUserActions .ua-field-grid--basvuru{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 780px){
  body.mode-admin #modalUserActions .ua-field-grid--basvuru{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body.mode-admin #modalUserActions .ua-field-grid--hesap{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.mode-admin #modalUserActions .ua-field-grid > div{
  margin: 0;
  padding: 13px 16px;
  border: none;
  border-radius: 0;
  background: #fff;
  min-width: 0;
}
body.mode-admin #modalUserActions .ua-field-grid > div .section-label{
  display: block;
  margin: 0 0 5px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
body.mode-admin #modalUserActions .ua-field-grid > div > div:not(.profil-durum-val),
body.mode-admin #modalUserActions .ua-field-grid > div > code{
  font-size: 0.92rem;
  line-height: 1.4;
  color: var(--ink);
  word-break: break-word;
}
body.mode-admin #modalUserActions .ua-field-grid .odeme-iban-code{
  font-size: 0.88rem;
  letter-spacing: 0.02em;
}
body.mode-admin #modalUserActions .ua-field-grid__span-full{
  grid-column: 1 / -1;
}
body.mode-admin #modalUserActions .ua-field-grid .info-grid__durum--ok,
body.mode-admin #modalUserActions .ua-field-grid .info-grid__durum--warn,
body.mode-admin #modalUserActions .ua-field-grid .info-grid__durum--err,
body.mode-admin #modalUserActions .ua-field-grid .info-grid__durum--info{
  border: none;
  background: #fff;
}
body.mode-admin #modalUserActions .ua-field-grid .profil-durum-val{
  min-height: 0;
}
/* Evrak ızgarası */
body.mode-admin #modalUserActions .ua-evrak-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 2px;
}
@media (min-width: 880px){
  body.mode-admin #modalUserActions.modal-user-actions--dogrulama .ua-evrak-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 560px){
  body.mode-admin #modalUserActions .ua-evrak-grid,
  body.mode-admin #modalUserActions .ua-field-grid--basvuru,
  body.mode-admin #modalUserActions .ua-field-grid--hesap{
    grid-template-columns: 1fr;
  }
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly{
  margin: 0;
  padding: 14px 14px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: #fff;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto;
  align-items: start;
  column-gap: 10px;
  row-gap: 8px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly > .evrak-admin__title{
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--ink);
  align-self: center;
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly > :nth-child(2){
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
  justify-self: end;
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly > .stack-row,
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly > :nth-child(n+3){
  grid-column: 1 / -1;
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly .badge{
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly .stack-row{
  padding-top: 8px;
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
}
body.mode-admin #modalUserActions .ua-evrak-thumb{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 96px;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly .inline-form{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly .inline-form .input{
  min-width: 0;
  flex: 1 1 140px;
  max-width: 100%;
}
/* Hızlı işlemler */
body.mode-admin #modalUserActions .ua-quick-card{
  margin: 18px 0 6px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(248, 250, 252, 0.92);
}
body.mode-admin #modalUserActions .ua-hesap-bilgi-actions{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
body.mode-admin #modalUserActions .ua-quick-card__actions{
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.evrak-admin input[type="text"]{
  max-width: 320px;
}

.badge-icon{
  padding: 4px 8px;
}
.badge-icon .ui-icon{
  width: 14px;
  height: 14px;
  margin: 0;
  vertical-align: -0.1em;
}

/* Checkbox grid */
.chk-grid {
  display: grid;
  gap: 12px;
}

.chk-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}

.chk-item:hover {
  border-color: var(--accent-border);
  background: var(--accent-soft);
}

.chk-item input {
  width: 18px;
  height: 18px;
  accent-color: var(--accent);
}

.mode-admin .chk-item:hover {
  border-color: var(--accent-border);
  background: var(--accent-soft);
}

/* Markalar sayfası — ızgara + anahtar (otomatik kayıt) */
.marka-toggle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 260px));
  justify-content: center;
  gap: 10px;
}

/* Mobilde mutlaka 2'li görünüm */
@media (max-width: 560px){
  .marka-toggle-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .marka-toggle-row{
    padding: 12px 12px;
    gap: 10px;
  }
}

.marka-toggle-row {
  display: grid;
  grid-template-columns: 1fr 48px 48px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  margin: 0;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition: border-color 0.18s ease;
}

/* Markalar (panel/ayarlar.php): sadece etiket + switch var, orta kolon boş kalmasın */
.marka-toggle-grid .marka-toggle-row{
  display:flex;
  flex-direction: column;
  align-items: center;
  grid-template-columns: none;
  gap: 10px;
}
.marka-toggle-grid .marka-switch{
  justify-self: auto;
  align-self: center;
}
.marka-toggle-grid .marka-toggle-label{
  white-space: normal;
  text-align: center;
}

.marka-toggle-label{
  font-weight: 850;
  font-size: 1rem;
  color: var(--ink);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.marka-room-btn{
  width: 48px;
  height: 28px; /* switch yüksekliğiyle aynı */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  color: var(--accent);
  justify-self: center;
  text-decoration: none;
}
.marka-room-btn:hover:not(:disabled){
  background: #fff;
  border-color: var(--accent-border);
  box-shadow: 0 0 0 4px var(--accent-ring);
}
.marka-room-btn .ui-icon{
  width: 18px;
  height: 18px;
}

.marka-toggle-row:active{
  transform: translateY(1px);
}

.marka-toggle-row:hover {
  border-color: var(--accent-border);
}

/* Switch */
.marka-switch {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  width: 48px;
  height: 28px;
  justify-self: center;
}

@media (max-width: 560px){
  .marka-toggle-row{
    grid-template-columns: 1fr 1fr auto;
    align-items: center;
    gap: 10px;
  }
  .marka-toggle-label{ grid-column: 1 / -1; }
  .marka-room-btn{ justify-self: start; }
  .marka-switch{ justify-self: end; }
}

.marka-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.marka-switch-track {
  position: absolute;
  inset: 0;
  cursor: pointer;
  background: var(--surface-muted);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
  transition: background 0.2s ease, border-color 0.2s ease;
}

/* Yuvarlak top yerine kutu köşeleriyle uyumlu kaydırıcı */
.marka-switch-thumb {
  position: absolute;
  height: 18px;
  width: 22px;
  left: 4px;
  top: 5px;
  background: var(--surface);
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: var(--radius-sm);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.marka-switch input:checked + .marka-switch-track {
  background: var(--accent);
  border-color: var(--accent-hover);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.marka-switch input:checked + .marka-switch-track .marka-switch-thumb {
  transform: translateX(18px);
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
}

.marka-switch input:focus-visible + .marka-switch-track {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.marka-autosave-status {
  font-size: 0.86rem;
  min-height: 1.25em;
}

.marka-autosave-status--err {
  color: #b42318;
  font-weight: 500;
}

/* Sorgu kartları */
.query-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 20px 22px;
  margin-bottom: 16px;
  background: var(--surface);
  box-shadow: var(--shadow-card);
}

.query-store-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin: -4px 0 12px;
  padding: 12px 14px;
  border-radius: var(--radius-sm);
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
}

.query-store-row--self {
  background: var(--surface-muted);
  border-color: var(--line-strong);
}

.query-store-row--inline {
  margin: 0 0 12px;
}

.query-store-label {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent);
}

.query-store-name {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
  line-height: 1.3;
  word-break: break-word;
}

.query-card .meta {
  font-size: 0.8rem;
  font-weight: 500;
  color: #94a3b8;
  margin-bottom: 10px;
}

.query-card .detail {
  display: grid;
  gap: 6px;
  font-size: 0.94rem;
}

.query-card .marka {
  font-weight: 700;
  font-size: 1rem;
  color: var(--accent);
  letter-spacing: -0.02em;
}

.mode-admin .query-card .marka {
  color: var(--accent);
}

.query-thumb {
  margin: 12px 0 14px;
}

.query-thumb a {
  display: inline-block;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  vertical-align: middle;
  transition: border-color 0.2s;
}

.query-thumb a:hover {
  border-color: var(--accent-border);
}

.query-thumb img {
  display: block;
  max-width: min(100%, 300px);
  max-height: 220px;
  width: auto;
  height: auto;
  object-fit: cover;
}
.query-thumb--avatar a{
  background:#fff;
}
.query-thumb--avatar img.query-thumb__avatar{
  object-fit:contain;
  padding:16px 12px;
  max-height:200px;
}

/* Sohbet */
.card h2.chat-title {
  margin: 0 0 8px;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.counterparty {
  margin: 10px 0 0;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--ink);
}

.chat-box {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  height: 380px;
  overflow-y: auto;
  padding: 18px;
  background: var(--surface-muted);
  margin-bottom: 16px;
  scrollbar-width: thin;
}

.chat-msg {
  margin-bottom: 12px;
  padding: 11px 15px;
  border-radius: var(--radius-md);
  max-width: 88%;
  font-size: 0.92rem;
  line-height: 1.5;
}

.chat-msg.mine {
  margin-left: auto;
  background: var(--accent-soft);
  color: var(--panel-1);
  border: 1px solid var(--accent-border);
}

.chat-msg.theirs {
  background: #fff;
  border: 1px solid var(--line);
}

.chat-msg .who,
.chat-msg__who {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.chat-msg .who {
  margin-bottom: 6px;
}

.chat-msg__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.chat-msg__time {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ink-muted);
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
}

.chat-msg__body {
  word-break: break-word;
}

.muted {
  color: var(--ink-muted);
  font-size: 0.9rem;
}

.muted a {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}

.muted a:hover {
  text-decoration: none;
}

/* Destek: mesaj fotoğrafları */
.support-photos{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.support-photo{
  display:block;
  width: 92px;
  height: 70px;
  border-radius: var(--radius-md);
  overflow:hidden;
  border: 1px solid rgba(226, 232, 240, 0.95);
  background:#fff;
}
.support-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Destek talep modalı — sohbet görünümü */
#modalTicketView .modal-dialog,
#modalTicketView .modal-dialog--destek{
  max-width: min(94vw, 720px);
}
.modal-card--destek{
  display: flex;
  flex-direction: column;
  max-height: min(92dvh, 860px);
  overflow: hidden;
  border-radius: var(--radius-modal-shell, var(--radius-lg));
}
.modal-card--destek .modal-header h2{
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
}
.modal-header--destek{
  align-items: flex-start;
  gap: 10px;
  padding: 14px 18px 12px;
  border-bottom: 1px solid var(--line);
  background: #fff;
}
.modal-close--destek{
  width: 32px;
  height: 32px;
  margin-top: 1px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: 1.35rem;
}
.modal-close--destek:hover{
  background: var(--surface-muted);
  color: var(--ink);
  border: none;
}
.destek-modal-head{
  flex: 1;
  min-width: 0;
}
.destek-modal-head__top{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.destek-modal-head__status .badge{
  font-size: 0.72rem;
  padding: 2px 8px;
}
.destek-modal-head__konu{
  margin: 4px 0 0;
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.4;
}
.destek-ticket-meta{
  font-size: 0.78rem;
  color: var(--ink-muted);
  margin: 3px 0 0;
  line-height: 1.35;
}
.modal-body--destek{
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 14px 18px 16px;
}
.destek-chat-thread{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: auto;
  min-height: 180px;
  max-height: min(46vh, 420px);
  margin-bottom: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-muted);
  scrollbar-width: thin;
}
#modalTicketView .destek-chat-thread .chat-msg{
  max-width: min(82%, 400px);
  width: fit-content;
  margin-bottom: 0;
  padding: 9px 12px;
  font-size: 0.9rem;
  box-shadow: none;
}
#modalTicketView .destek-chat-thread .chat-msg.mine{
  align-self: flex-end;
  margin-left: 0;
}
#modalTicketView .destek-chat-thread .chat-msg.theirs{
  align-self: flex-start;
}
#modalTicketView .destek-chat-thread .chat-msg__head{
  margin-bottom: 4px;
  gap: 8px;
}
#modalTicketView .destek-chat-thread .chat-msg__who{
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: none;
}
#modalTicketView .destek-chat-thread .chat-msg__time{
  font-size: 0.72rem;
}
#modalTicketView .destek-chat-thread .chat-msg .support-photos{
  margin-top: 6px;
}
.destek-reply-zone{
  flex-shrink: 0;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.destek-composer{
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #fff;
  transition: border-color 0.15s ease;
}
.destek-composer:focus-within{
  border-color: var(--line-strong);
}
.destek-composer__textarea{
  display: block;
  width: 100%;
  min-height: 72px;
  max-height: 200px;
  padding: 10px 12px;
  border: none;
  resize: vertical;
  font-family: var(--font);
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--ink);
  background: transparent;
}
.destek-composer__textarea:focus{
  outline: none;
}
.destek-composer__textarea::placeholder{
  color: var(--ink-muted);
}
.destek-composer__toolbar{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  padding: 6px 8px;
  border-top: 1px solid var(--line);
  background: var(--surface-muted);
}
.destek-composer__attach{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--ink-muted);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.destek-composer__attach .ui-icon{
  width: 15px;
  height: 15px;
}
.destek-composer__attach:hover,
.destek-composer__attach:focus-within{
  background: #fff;
  color: var(--ink);
}
.destek-composer__attach-input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.destek-composer__hint{
  font-size: 0.72rem;
  color: var(--ink-muted);
  margin-left: auto;
}
.destek-composer__count{
  font-size: 0.72rem;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
}
.destek-composer__send{
  flex-shrink: 0;
  min-height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 0.85rem;
}
.destek-composer .destek-file-preview{
  padding: 0 10px 10px;
  margin-top: 0;
  background: var(--surface-muted);
}
.destek-file-preview{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.destek-file-preview[hidden]{
  display: none !important;
}
.destek-file-preview__item{
  position: relative;
  width: 72px;
  height: 54px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
}
.destek-file-preview__item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.destek-modal-note{
  flex-shrink: 0;
  margin-top: 0;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-muted);
  font-size: 0.85rem;
}
.modal-footer--destek{
  display: none;
}
@media (max-width: 720px){
  #modalTicketView .destek-chat-thread .chat-msg{
    max-width: 92%;
  }
  .destek-composer__hint{
    display: none;
  }
  .destek-composer__toolbar{
    padding: 8px;
  }
  .destek-composer__attach span{
    display: none;
  }
}
tr.js-ticket-row{
  cursor: pointer;
}
tr.js-ticket-row:hover td{
  background: rgba(248, 250, 252, 0.85);
}

.table-wrap a{
  text-decoration: none;
}

/* Link gibi buton (tablo satırları için) */
.link-btn{
  appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.link-btn:hover{
  color: var(--accent);
}
.link-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(59,130,246,0.12);
  border-radius: var(--radius-sm);
}

.mode-admin .muted a {
  color: var(--accent);
}

.stack-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.inline-form {
  display: inline;
}

/* Accordion (işlemler) */
details.admin-details {
  border-radius: var(--radius-sm);
}

details.admin-details summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--accent);
  list-style: none;
}

details.admin-details summary::-webkit-details-marker {
  display: none;
}

details.admin-details summary::before {
  content: "▸ ";
  display: inline-block;
  transition: transform 0.2s;
}

details.admin-details[open] summary::before {
  transform: rotate(90deg);
}

.mode-panel details.admin-details summary {
  color: var(--accent);
}

.details-body {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--line);
  display: grid;
  gap: 14px;
}

.reply-block {
  margin-top: 14px;
  font-size: 0.92rem;
}

.reply-block strong {
  font-weight: 600;
  color: var(--ink);
}

.reply-list {
  margin: 10px 0 0;
  padding: 0 0 0 20px;
}

.reply-list li {
  margin-bottom: 10px;
}

.reply-list .btn-sm {
  margin-left: 8px;
}

/* Boş durum */
.empty-hint {
  margin-top: 14px;
}

/* Yönetim dash */
.dash-actions {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Dash aksiyon butonları: satır kırılınca kötü boşluk bırakmasın */
.dash-actions .btn {
  white-space: nowrap;
}

@media (max-width: 720px) {
  .dash-actions .btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}

/* Ticaret kanalı — açık yüzey, sade düzen */
.wrap--trade {
  max-width: 1920px;
  padding-top: 20px; /* diğer sayfalarla milim aynı */
  /* Trade sayfalarında ortak yatay hizalama değişkeni */
  --trade-pad-x: 16px;
}

/* Üst başlık kartı: tüm sayfalarda aynı hizaya kilitle */
.wrap > .jobs-create-card{
  margin-top: 0;
}

.trade-alert {
  margin-bottom: 14px;
}

.trade-layout {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-height: calc(100vh - 140px);
  border-radius: var(--radius-lg);
  /* overflow: hidden iç akışta scrollbar yaratıyordu; uzun kart listesi kesilmesin */
  overflow: visible;
  box-shadow: var(--shadow-card);
  border: 1px solid var(--line);
  background: var(--surface);
}

.trade-top-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px var(--trade-pad-x);
  background: linear-gradient(180deg, rgba(248,250,252,.92) 0%, rgba(255,255,255,.72) 100%);
  border-bottom: 1px solid rgba(226,232,240,.9);
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
  overflow: hidden;
}

.trade-top-tabs__left {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
}

.trade-top-tabs__left:has(.trade-feed-tabs) {
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
}

/* Ürün talep paneli: iç feed sekmeleri — ayrık, tek satır, detail-tab paleti */
.trade-feed-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:12px;
  align-items:stretch;
  width:100%;
  margin:0;
  padding:0;
  border:none;
  border-radius:0;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}
a.trade-feed-tab{
  text-decoration:none;
}
.trade-feed-tab{
  font:inherit;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 1 auto;
  min-width:0;
  gap:10px;
  padding:12px 14px;
  white-space:nowrap;
  border:1px solid #c7d2fe;
  border-radius:var(--radius-md);
  background:#eef2ff;
  color:#1e3a8a;
  font-weight:500;
  font-size:0.92rem;
  line-height:1.2;
  box-shadow:none;
  transition:background 0.15s, border-color 0.15s, color 0.15s;
}
.trade-feed-tab > span:not(.trade-feed-tabs__badge){
  white-space:nowrap;
  flex:0 1 auto;
  min-width:0;
}
.trade-feed-tab:hover{
  background:#e0e7ff;
  border-color:#a5b4fc;
  box-shadow:none;
}
.trade-feed-tab.is-active,
.trade-feed-tab.is-active:hover{
  background:#fff;
  border-color:var(--accent-border);
  color:var(--accent);
  font-weight:600;
  box-shadow:none;
}
.trade-feed-tab{
  position:relative;
}
.trade-feed-tab .ui-icon{
  color:currentColor;
  opacity:0.9;
  flex-shrink:0;
}
.trade-feed-tab .nav-pulse-dot{
  right:10px;
  top:8px;
  width:5px;
  height:5px;
}
.trade-feed-tabs__badge{
  flex-shrink:0;
  margin-left:0;
  min-width:1.35rem;
  padding:0 7px;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  text-align:center;
  color:#475569;
  background:rgba(255, 255, 255, 0.65);
  border:1px solid rgba(199, 210, 254, 0.85);
  border-radius:999px;
}
.trade-feed-tab.is-active .trade-feed-tabs__badge{
  color:var(--accent);
  background:var(--accent-soft);
  border-color:var(--accent-border);
}
@media (max-width:720px){
  .trade-feed-tabs{
    flex-wrap:wrap;
  }
  .trade-feed-tab{
    flex:0 1 auto;
    min-width:0;
    justify-content:flex-start;
  }
}

.trade-status-tabs{
  display:flex;
  gap:0;
  flex-wrap:wrap;
  border:1px solid var(--line);
  border-radius: var(--radius-md);
  overflow:hidden;
  background:rgba(255,255,255,.9);
  box-shadow: 0 6px 18px rgba(2, 6, 23, 0.06);
}
.trade-status-tab{
  border:none;
  background:transparent;
  padding:14px 16px;
  cursor:pointer;
  min-width:220px;
  text-align:left;
  position:relative;
  transition:.2s;
}
.trade-status-tab + .trade-status-tab{border-left:1px solid var(--line);}
.trade-status-tab .title{
  font-size:15px;
  font-weight:700;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:8px;
  line-height: 1.2;
}
.trade-status-tab .count{font-size:13px;color:#334155;margin-top:4px; line-height: 1.25;}
.trade-status-tab .dot{
  width:14px;height:14px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:10px;color:#fff;background:var(--accent);
}
.dot-all,.dot-active{ background: var(--accent); }
.trade-status-tab:hover{background:#f8fafc;}
.trade-status-tab.is-active{background:var(--accent-soft);}
.trade-status-tab.is-active::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);
}

@media (max-width: 720px) {
  .wrap--trade{ --trade-pad-x: 12px; }
  .trade-status-tab{ min-width: 160px; }
  .trade-top-tabs{ padding: 14px var(--trade-pad-x); }
  .trade-feed{ padding: 12px var(--trade-pad-x) 18px; }
  .catalog-grid{ gap: 12px; }
}

.trade-top-tabs__right {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.trade-main .trade-top-tabs + .trade-toolbar {
  padding-top: 0;
}

.trade-top-tabs .trade-nav-item {
  width: auto;
  padding: 8px 12px;
  border: 1px solid #c7d2fe;
  background: #eef2ff;
  color: #1e3a8a;
  box-shadow: 0 2px 8px rgba(2, 6, 23, 0.04);
  font-size: 0.86rem;
}

.trade-top-tabs .trade-nav-item:hover {
  background: #e0e7ff;
  color: #1e3a8a;
}

.trade-top-tabs .trade-nav-item.is-active {
  background: #fff;
  border-color: #93c5fd;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.1);
}

.trade-top-tabs .trade-nav-ic {
  color: #1d4ed8;
  background: #dbeafe;
  border-radius: 999px;
  padding: 2px;
}

.trade-top-tabs .trade-nav-label {
  color: inherit;
  font-weight: 600;
}

.trade-offer-price {
  font-weight: 700;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

/* Teklif modal: ALICI ÜYE NUMARASI chip */
.modal-inline-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 10px;
}

.modal-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--surface-muted);
  box-shadow: none;
}

.modal-chip .k {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.modal-chip .v {
  font-weight: 800;
  color: var(--accent-hover);
  font-variant-numeric: tabular-nums;
}

/* Teklif listesi modalı: iç kartlar */
#modalTeklifler .modal-body > .card {
  background: var(--surface-muted);
  border: 1px solid var(--line);
  box-shadow: none;
}

/* Satıcı performansı sayfası */
.satici-performans-page .satici-performans {
  max-width: min(96vw, 920px);
  margin: 0 auto;
}
body.mode-panel .satici-performans-page .satici-performans.card {
  border-radius: var(--radius-modal-shell, 12px);
  padding: 18px 20px 20px;
}
.satici-performans__header {
  display: block;
  margin-bottom: 4px;
}
.satici-performans__header-main {
  min-width: 0;
}
.satici-performans__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 8px;
}
.satici-performans__meta[hidden] {
  display: none !important;
}
.satici-performans-page .satici-performans__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.satici-performans-page .satici-performans__header-main {
  flex: 1 1 auto;
}
.satici-performans__header .h2,
.satici-performans__header h1 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.satici-performans__sub {
  margin: 4px 0 0;
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.satici-performans__body {
  padding-top: 12px;
}
.satici-performans__lead:not([hidden]) {
  margin: 0 0 12px;
  font-size: 0.88rem;
  text-align: left;
  color: var(--ink-muted);
}
.satici-performans .satici-performans__header .trade-takip-btn.is-followed,
.satici-performans .satici-performans__header .trade-takip-btn:hover {
  border-color: var(--accent-border);
  color: var(--accent);
  background: var(--accent-soft);
}

/* Satıcı modal — tek sayfa (Özet → Puanlar → Markalar) */
.satici-modal-shell {
  margin-top: 0;
}
.satici-performans .satici-modal-scroll {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.satici-performans .satici-modal-section {
  margin: 0;
}

/* Satıcı modal — KPI (trade-feed-tab kutuları) */
.satici-performans .satici-modal-panel__card--ozet {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 16px;
  margin: 0;
  box-shadow: none;
}
.satici-performans .satici-modal-panel__card:not(.satici-modal-panel__card--ozet) {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  box-shadow: none;
}
.satici-performans .satici-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.satici-performans .satici-kpi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 12px 14px;
  min-height: 0;
  border: 1px solid #c7d2fe;
  border-radius: var(--radius-md);
  background: #eef2ff;
  color: #1e3a8a;
  box-shadow: none;
}
.satici-performans .satici-kpi--accent {
  border-color: var(--accent-border);
  background: var(--accent-soft);
  color: var(--accent);
}
.satici-performans .satici-kpi__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
.satici-performans .satici-kpi__label .ui-icon {
  color: currentColor;
  opacity: 0.9;
  flex-shrink: 0;
}
.satici-performans .satici-kpi__value {
  margin-top: auto;
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  line-height: 1;
  color: inherit;
}
.satici-performans .satici-kpi.is-empty .satici-kpi__value {
  color: #64748b;
  font-weight: 600;
}
.satici-performans .satici-kpi--accent.is-empty {
  border-color: #c7d2fe;
  background: #eef2ff;
  color: #1e3a8a;
}
.satici-performans .satici-kpi-updated {
  font-size: 0.78rem;
  text-align: left;
  padding: 12px 0 0;
  margin: 12px 0 0;
  border-top: 1px solid var(--line);
  color: var(--ink-muted);
}
.satici-performans .satici-kpi-updated:empty {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
}
.satici-performans #msBrandList .satici-brand-chips{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 10px;
  width: 100%;
}
.satici-performans #msBrandList .satici-brand-chip{
  width: 100%;
  min-height: 52px;
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
}
.satici-performans #msBrandList .satici-brand-chip__name{
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.satici-performans .satici-modal-panel__card .section-label{
  display: block;
  text-align: left;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}
.satici-performans .satici-modal-empty{
  text-align: left;
  padding: 8px 0 4px;
  font-size: 0.88rem;
}
@media (max-width: 720px){
  .satici-performans .satici-kpi-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 420px){
  .satici-performans .satici-kpi-grid{
    grid-template-columns: 1fr;
  }
  .satici-performans #msBrandList .satici-brand-chips{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Satıcı modalı: teklif verilen ilanlar */
.satici-teklif-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.satici-teklif-list__item {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 14px 14px 12px;
  background: var(--surface);
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.mode-panel .satici-teklif-list__item {
  border-color: rgba(17, 24, 39, 0.12);
  box-shadow: 0 1px 3px rgba(17, 24, 39, 0.05);
}

/* Üst bant: ürün başlığı | durum rozeti */
.satici-teklif-list__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.satici-teklif-list__top-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.satici-teklif-list__top-status {
  flex-shrink: 0;
  padding-top: 2px;
}

.satici-teklif-list__title {
  font-weight: 800;
  font-size: 0.92rem;
  line-height: 1.35;
  color: var(--ink);
  letter-spacing: -0.01em;
  cursor: default;
}

body.mode-panel .satici-teklif-list__title {
  color: var(--panel-1);
}

.satici-teklif-list__pill {
  font-size: 0.68rem;
}

/* Orta: üç veri kutusu — sabit ızgara */
.satici-teklif-list__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 440px) {
  .satici-teklif-list__grid {
    grid-template-columns: 1fr;
  }
}

.satici-teklif-list__cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 10px 11px;
  border-radius: var(--radius-md);
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  box-shadow: none;
}

body.mode-panel .satici-teklif-list__cell {
  border-color: #e2e8f0;
  background: #f8fafc;
}

.satici-teklif-list__cell .k {
  display: block;
  font-size: 0.65rem;
  font-weight: 800;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.satici-teklif-list__cell .v {
  display: block;
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  word-break: break-word;
}

/* Alt: zaman damgası */
.satici-teklif-list__foot {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.satici-teklif-list__time {
  font-size: 0.76rem;
  color: var(--ink-muted);
}

.satici-teklif-list__note {
  font-size: 0.82rem;
}

.trade-sidebar {
  width: 228px;
  flex-shrink: 0;
  background: var(--surface-muted);
  color: var(--ink);
  border-right: 1px solid var(--line);
  padding: 14px 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.trade-sidebar-brand {
  font-weight: 700;
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 8px 12px 14px;
  margin: 0 0 2px;
  border-bottom: 1px solid var(--line);
  color: var(--ink-muted);
}

.trade-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.trade-nav-item {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: #475569;
  font-family: var(--font);
  font-size: 0.86rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.trade-nav-item:hover {
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.trade-nav-item.is-active {
  background: var(--accent-soft);
  color: var(--accent);
  font-weight: 600;
  box-shadow: inset 0 0 0 1px var(--accent-border);
}

.trade-nav-ic {
  width: 1.05rem;
  height: 1.05rem;
  flex-shrink: 0;
  color: var(--ui-icon-color);
}

.trade-nav-item.is-active .trade-nav-ic {
  color: var(--accent);
}

.trade-nav-prefix {
  opacity: 0.65;
  font-weight: 700;
  color: var(--ink-muted);
}

.trade-nav-item.is-active .trade-nav-prefix {
  opacity: 0.9;
  color: var(--accent);
}

.trade-nav-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trade-sidebar-settings {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: auto;
  padding: 12px;
  font-size: 0.86rem;
  font-weight: 500;
  color: var(--ink-muted);
  text-decoration: none;
  border-radius: var(--radius-sm);
  border-top: 1px solid var(--line);
}

.trade-sidebar-settings .ui-icon {
  color: var(--ui-icon-color);
}

.trade-sidebar-settings:hover {
  background: var(--surface);
  color: var(--ink);
}

.trade-main {
  flex: 1;
  min-width: 0;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}

.trade-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 0 0;
  background: transparent;
  border-bottom: 0;
}

.trade-toolbar--search-actions{
  align-items: center;
  padding-top: 6px;
}
body.mode-panel .adbar ~ .wrap .trade-toolbar--search-actions{
  padding-top: 0;
}

/* Tedarik bekleyen — araç çubuğu tek satır */
.trade-toolbar--tedarik-markalar{
  flex-wrap: nowrap;
  align-items: center;
}
.trade-toolbar--tedarik-markalar .hs-search-toolbar__row{
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: nowrap;
}
.trade-toolbar--tedarik-markalar .trade-toolbar__q-cat-row{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
.trade-toolbar--tedarik-markalar .trade-toolbar__q{
  flex: 1 1 0;
  min-width: 100px;
  max-width: none;
  width: auto;
}
.trade-toolbar--tedarik-markalar .trade-toolbar__cat--yetki{
  flex: 0 0 auto;
  min-width: 148px;
  max-width: 168px;
  width: auto;
  padding-left: 12px;
}
.trade-toolbar--tedarik-markalar .trade-toolbar__right{
  flex: 0 0 auto;
  flex-wrap: nowrap;
  white-space: nowrap;
}
@media (max-width: 900px){
  .trade-toolbar--tedarik-markalar{
    flex-wrap: wrap;
  }
  .trade-toolbar--tedarik-markalar .trade-toolbar__right{
    flex-wrap: wrap;
  }
}

.trade-toolbar--katalog .trade-toolbar__q-cat-row{
  max-width: min(100%, 1120px);
  flex: 1 1 480px;
}

/* Hazır stok kataloğu: ürün talep + satış ilanı yan yana */
.hs-katalog-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}

/* Ürün kataloğu: liste görünümü + kategori filtresi yan yana */
.katalog-sekme-filters{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:12px;
  margin-bottom:4px;
}
/* Araç çubuğunda (ürün talep paneli ile aynı hizada) */
.katalog-sekme-filters--toolbar{
  flex:1 1 auto;
  min-width:0;
  margin-top:0;
  margin-bottom:0;
}
.trade-toolbar__q-cat-row .katalog-sekme-filters--toolbar{
  align-items:stretch;
}
.trade-toolbar__q-cat-row .katalog-sekme-filters__view,
.trade-toolbar__q-cat-row .katalog-sekme-filters__cat{
  flex:0 1 260px;
  min-width:160px;
  max-width:320px;
}
.trade-toolbar__q-cat-row .katalog-sekme-filters__view .trade-toolbar__cat-wrap,
.trade-toolbar__q-cat-row .katalog-sekme-filters__cat .trade-toolbar__cat-wrap{
  width:100%;
  max-width:none;
  min-width:0;
  flex:1 1 auto;
}
.katalog-sekme-filters__view,
.katalog-sekme-filters__cat{
  flex:0 1 auto;
  min-width:min(220px, 100%);
}

/* Ürün kataloğu — Onay bekleyenler: durum kutusu + üstte açılan bilgi (toast / title yok) */
.simple tbody .katalog-durum-chip{
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  max-width: 100%;
  outline: none;
}
.simple tbody .katalog-durum-chip__face{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0.2em 0.55em 0.2em 0.5em;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.25;
  white-space: nowrap;
}
.simple tbody .katalog-durum-chip--off .katalog-durum-chip__face{
  background: #fee2e2;
  color: #991b1b;
}
.simple tbody .katalog-durum-chip--ok .katalog-durum-chip__face{
  background: #dcfce7;
  color: #166534;
}
.simple tbody .katalog-durum-chip--warn .katalog-durum-chip__face{
  background: #fef3c7;
  color: #92400e;
}
.simple tbody .katalog-durum-chip--info .katalog-durum-chip__face{
  background: #e0e7ff;
  color: #3730a3;
}
.simple tbody .katalog-durum-chip__ico{
  display: inline-flex;
  line-height: 0;
  opacity: 0.88;
}
.simple tbody .katalog-durum-chip__ico .ui-icon{
  --ui-icon-color: currentColor;
  width: 0.95rem;
  height: 0.95rem;
}
.simple tbody .katalog-durum-chip__pop{
  position: absolute;
  z-index: 50;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%);
  min-width: 12rem;
  max-width: min(22rem, 86vw);
  max-height: 14rem;
  overflow-y: auto;
  padding: 10px 12px;
  border-radius: var(--radius-md, 8px);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  white-space: normal;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.1);
  pointer-events: auto;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.14s ease, visibility 0.14s ease;
}
.simple tbody .katalog-durum-chip--off .katalog-durum-chip__pop{
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid rgba(153, 27, 27, 0.22);
  box-shadow: 0 8px 22px rgba(153, 27, 27, 0.12);
}
.simple tbody .katalog-durum-chip--ok .katalog-durum-chip__pop{
  background: #dcfce7;
  color: #166534;
  border: 1px solid rgba(22, 101, 52, 0.2);
  box-shadow: 0 8px 22px rgba(22, 101, 52, 0.1);
}
.simple tbody .katalog-durum-chip--warn .katalog-durum-chip__pop{
  background: #fffbeb;
  color: #92400e;
  border: 1px solid rgba(146, 64, 14, 0.22);
  box-shadow: 0 8px 22px rgba(146, 64, 14, 0.1);
}
.simple tbody .katalog-durum-chip--info .katalog-durum-chip__pop{
  background: #eef2ff;
  color: #3730a3;
  border: 1px solid rgba(55, 48, 163, 0.2);
  box-shadow: 0 8px 22px rgba(55, 48, 163, 0.1);
}
.simple tbody .katalog-durum-chip:hover .katalog-durum-chip__pop,
.simple tbody .katalog-durum-chip:focus-within .katalog-durum-chip__pop{
  visibility: visible;
  opacity: 1;
}
.simple tbody .katalog-durum-chip:focus-visible .katalog-durum-chip__face{
  box-shadow: 0 0 0 2px var(--focus-ring, rgba(59, 130, 246, 0.45));
}

/* Durum balonu tablo üstüne taşsın (yatay kaydırma kutusu kırpmasın) */
.table-wrap.table-wrap--katalog-durum-pop{
  overflow: visible;
}

/* Admin ürün talepleri: İşlem sütunu her zaman görünsün */
.table-wrap--admin-urun-talep {
  overflow-x: auto;
  max-width: 100%;
}

.admin-urun-talep-table {
  min-width: 1100px;
}

.admin-urun-talep-table .col-sticky-actions {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 132px;
  background: #fff;
  box-shadow: -6px 0 10px -6px rgba(15, 23, 42, 0.12);
}

.admin-urun-talep-actions {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.admin-urun-talep-actions .inline-form {
  display: inline-flex;
  margin: 0;
}

.admin-urun-talep-table thead .col-sticky-actions {
  z-index: 3;
  background: var(--surface-muted, #f8fafc);
}

.admin-urun-talep-table tbody tr:hover .col-sticky-actions {
  background: #fafafa;
}

body.mode-admin .admin-btn-delete {
  color: #b91c1c;
  border-color: #fecaca;
}

body.mode-admin .admin-btn-delete:hover:not(:disabled) {
  color: #991b1b;
  background: #fef2f2;
  border-color: #fca5a5;
}

.trade-toolbar__left{
  flex: 1 1 320px;
  min-width: 240px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.trade-toolbar__right{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

.trade-toolbar__right .btn.btn-ghost{
  border: 1px solid rgba(15, 23, 42, 0.18);
  background: rgba(255,255,255,0.75);
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
}
.trade-toolbar__right .btn.btn-ghost:hover{
  background: rgba(255,255,255,0.92);
  border-color: rgba(15, 23, 42, 0.24);
}

.trade-toolbar__q{
  width: 100%;
  max-width: 520px;
  flex: 0 1 520px;
}

/* Bildirimler: trade-feed-tab — mavi (Benim taleplerim) / turuncu (Tedarik bekleyen) */
body.mode-panel .trade-toolbar--notifs .trade-toolbar__left--notifs{
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
body.mode-panel .trade-toolbar--notifs .trade-toolbar__q{
  flex: 1 1 200px;
  min-width: 160px;
  max-width: 400px;
  width: auto;
}
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs{
  flex: 0 1 auto;
  width: auto;
  gap: 10px;
}
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab{
  flex: 0 1 auto;
  min-width: max-content;
}
/* Genel .is-active turuncu vurgusunu bildirim sekmelerinde devre dışı bırak */
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab.is-active,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab.is-active:hover{
  box-shadow: none;
  font-weight: 500;
}
/* Mavi sekme: Tümü, Okundu (Benim taleplerim paleti) */
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--tumu,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okundu{
  border-color: #c7d2fe;
  background: #eef2ff;
  color: #1e3a8a;
}
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--tumu:hover,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okundu:hover{
  background: #e0e7ff;
  border-color: #a5b4fc;
  color: #1e3a8a;
}
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--tumu.is-active,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--tumu.is-active:hover,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okundu.is-active,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okundu.is-active:hover{
  background: #fff;
  border-color: #93c5fd;
  color: #1d4ed8;
  font-weight: 600;
}
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--tumu .trade-feed-tabs__badge,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--tumu.is-active .trade-feed-tabs__badge,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okundu .trade-feed-tabs__badge,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okundu.is-active .trade-feed-tabs__badge{
  color: #1d4ed8;
  background: #dbeafe;
  border-color: #93c5fd;
}
/* Turuncu sekme: Okunmamış (Tedarik bekleyen paleti) */
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okunmamis{
  border-color: rgba(251, 146, 60, 0.45);
  background: #fff7ed;
  color: #c2410c;
}
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okunmamis:hover{
  background: #ffedd5;
  border-color: rgba(249, 115, 22, 0.5);
  color: #9a3412;
}
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okunmamis.is-active,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okunmamis.is-active:hover{
  background: #fff;
  border-color: #f97316;
  color: #ea580c;
  font-weight: 600;
}
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okunmamis .trade-feed-tabs__badge,
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okunmamis.is-active .trade-feed-tabs__badge{
  color: #c2410c;
  background: #ffedd5;
  border-color: rgba(251, 146, 60, 0.45);
}
@media (max-width: 720px){
  body.mode-panel .trade-toolbar--notifs .trade-toolbar__left--notifs{
    flex-direction: column;
    align-items: stretch;
  }
  body.mode-panel .trade-toolbar--notifs .trade-toolbar__q{
    max-width: none;
    width: 100%;
  }
}

/* Bildirimler: tek tablo — tür sütunu */
body.mode-panel .notif-table .notif-table__th-tur,
body.mode-panel .notif-table .notif-table__tur{
  width: 1%;
  white-space: nowrap;
  vertical-align: top;
}
body.mode-panel .notif-table .notif-table__tur{
  font-weight: 600;
  color: var(--ink);
  font-size: 0.88rem;
}

/* Arama + kategori (select) yan yana */
.trade-toolbar__q-cat-row{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  flex: 1 1 280px;
  min-width: 0;
  max-width: 860px;
}
.trade-toolbar__q-cat-row > .trade-toolbar__q{
  flex: 1 1 200px;
  width: auto;
  min-width: 0;
  max-width: 520px;
}
.trade-toolbar__cat-wrap{
  position:relative;
  display:flex;
  align-items:stretch;
  flex:0 1 260px;
  min-width:160px;
  max-width:320px;
}
.trade-toolbar__cat-icon{
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  pointer-events:none;
  color:var(--ink-muted);
  z-index:1;
}
.trade-toolbar__cat-icon .ui-icon{
  width:1.125rem;
  height:1.125rem;
}
.trade-toolbar__cat-wrap > select.input.trade-toolbar__cat,
.trade-toolbar__cat-wrap > .trade-toolbar__cat.input{
  width:100%;
  max-width:none;
  min-width:0;
  flex:1 1 auto;
  padding-left:2.35rem;
}
.trade-toolbar__q-cat-row > .trade-toolbar__cat-wrap{
  flex:0 1 260px;
  min-width:160px;
  max-width:320px;
}
select.input.trade-toolbar__cat,
.trade-toolbar__cat.input{
  flex: 0 1 260px;
  min-width: 160px;
  max-width: 320px;
  width: auto;
  font-weight: 600;
}
.trade-toolbar__q-cat-row > select.input.trade-toolbar__cat,
.trade-toolbar__q-cat-row > .trade-toolbar__cat.input{
  flex:0 1 260px;
}

/* Devir ilanları filtresi: tek satır, düzgün ölçüler */
.trade-toolbar--devir .trade-toolbar__left{
  flex-wrap: nowrap;
}
.trade-toolbar--devir select.input{
  width: auto;
  min-width: 160px;
  flex: 0 0 auto;
}
.trade-toolbar--devir .trade-toolbar__q{
  flex: 1 1 520px;
}
@media (max-width: 860px){
  .trade-toolbar--devir .trade-toolbar__left{
    flex-wrap: wrap;
  }
  .trade-toolbar--devir select.input{
    min-width: 140px;
    flex: 1 1 180px;
  }
}

.trade-toolbar-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
}


.trade-toolbar-desc {
  margin: 0;
  font-size: 0.8rem;
  color: var(--ink-muted);
  max-width: 64ch;
  line-height: 1.45;
  display: none;
}

.trade-toolbar-btn {
  padding: 9px 14px;
  font-size: 0.86rem;
  box-shadow: 0 2px 10px -2px var(--accent-ring);
}

.trade-panels {
  flex: 1 1 auto;
  min-height: auto;
  display: flex;
  flex-direction: column;
}

.trade-panel {
  flex: 1 1 auto;
  min-height: auto;
  display: flex;
  flex-direction: column;
}

.trade-feed {
  flex: none;
  height: auto;
  max-height: none;
  min-height: auto;
  overflow-x: hidden;
  overflow-y: visible;
  padding: 14px var(--trade-pad-x) 20px;
  background: transparent;
  background-image: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Teklif yönetimi: üst özet + boş durum ortalama */
.trade-teklif-summary__title {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.trade-teklif-summary__sub {
  font-size: 13px;
  color: #334155;
  margin-top: 4px;
  line-height: 1.25;
}

.trade-feed--empty-teklif {
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: min(380px, calc(100vh - 260px));
}

.trade-feed--empty-teklif .trade-empty {
  padding: 28px 20px 36px;
}

/* Teklif yönetimi: yatay liste kartları (görsel + içerik her zaman görünür) */
.ty-offer-grid {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ty-offer-card {
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: var(--shadow-card);
  transition: border-color 0.15s ease;
}

.ty-offer-card:hover {
  border-color: var(--accent-border);
}

.ty-offer-card--pasif {
  opacity: 0.97;
}

.ty-offer-card__link {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  text-decoration: none;
  color: inherit;
  border-radius: inherit;
  overflow: hidden;
}

.ty-offer-card__thumb {
  flex: 0 0 auto;
  width: min(42vw, 220px);
  min-height: 148px;
  background: var(--surface-muted);
  border-right: 1px solid var(--line);
  display: flex;
  align-items: stretch;
}

.ty-offer-card__img {
  width: 100%;
  height: 100%;
  min-height: 148px;
  object-fit: cover;
  display: block;
}

.ty-offer-card__thumb-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  color: var(--ink-muted);
  font-size: 0.82rem;
  font-weight: 600;
  text-align: center;
}

.ty-offer-card__thumb-empty .ui-icon {
  width: 2rem;
  height: 2rem;
  opacity: 0.42;
}

.ty-offer-card__main {
  flex: 1;
  min-width: 0;
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ty-offer-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.ty-offer-card__head-text {
  min-width: 0;
}

.ty-offer-card__brand {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.ty-offer-card__no {
  margin: 4px 0 0;
  font-size: 0.82rem;
}

.ty-offer-card__durum {
  flex-shrink: 0;
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 0.7rem;
}

.ty-offer-card__price {
  margin: 0;
  font-size: 1.28rem;
  font-weight: 900;
  color: var(--accent-hover);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
}

.ty-offer-card__price-cur {
  font-size: 0.9rem;
  font-weight: 800;
}

.ty-offer-card__banner {
  margin: 0;
  font-size: 0.82rem;
  color: var(--ink-muted);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ty-offer-card__specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  padding-top: 4px;
  margin-top: 2px;
  border-top: 1px solid rgba(226, 232, 240, 0.55);
}

.catalog-card__meta > div,
.ty-offer-card__specs .ty-offer-card__cell {
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #f8fafc;
  padding: 10px 11px 9px;
  box-shadow: none;
}

.catalog-card__meta .k,
.ty-offer-card__specs .ty-offer-card__k {
  display: block;
  font-size: 0.7rem;
  text-transform: none;
  letter-spacing: 0.02em;
  color: var(--ink-muted);
  font-weight: 700;
  margin-bottom: 3px;
  opacity: 0.92;
}

.catalog-card__meta .v,
.ty-offer-card__specs .ty-offer-card__v {
  display: block;
  font-size: 0.9rem;
  color: var(--ink);
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.ty-offer-card__foot {
  margin-top: auto;
  padding-top: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 0.82rem;
  color: var(--ink-muted);
}

.ty-offer-card__cta {
  font-weight: 800;
  color: var(--accent-hover);
}

@media (max-width: 560px) {
  .ty-offer-card__link {
    flex-direction: column;
  }
  .ty-offer-card__thumb {
    width: 100%;
    min-height: 168px;
    border-right: none;
    border-bottom: 1px solid var(--line);
  }
}

/* Katalog kart görünümü (ilan sayfası) */
.catalog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 1100px) {
  .catalog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.catalog-grid__empty {
  grid-column: 1 / -1;
}

/* Hazır stok talep listesi — Teklif verilenler yatay tablo */
.table-wrap--hs-talep .td-actions--hs-talep .td-actions__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 8px;
}

.table-wrap--hs-talep .td-actions--hs-talep .inline-form {
  display: inline-flex;
  margin: 0;
}

/* Mağaza vitrini: üst mağaza kartı ile aynı genişlik ve hizalı ilan kartları */
.magaza-vitrin-panel .trade-feed.magaza-vitrin-feed {
  padding: 0;
}

.magaza-vitrin-grid.catalog-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.magaza-vitrin-grid .hs-card__bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.magaza-vitrin-grid .hs-card__kpi {
  flex: 1 1 auto;
  min-width: 0;
}

.magaza-vitrin-grid .hs-card__price-link {
  align-items: center;
}

.magaza-vitrin-grid .hs-card__actions {
  align-self: center;
  flex-shrink: 0;
}

.magaza-vitrin-grid .hs-card__spec-grid {
  gap: 10px 12px;
}

.magaza-vitrin-grid .hs-card__spec-grid > div {
  padding: 10px 12px;
}

.magaza-vitrin-grid .hs-card__spec-grid .k {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #64748b;
}

.magaza-vitrin-grid .hs-card__spec-grid .v {
  font-size: 0.9rem;
  font-weight: 800;
}

@media (max-width: 420px) {
  .magaza-vitrin-grid .hs-card__bar {
    flex-wrap: wrap;
  }
}

/* Hazır stok satış ilanı kartı */
.hs-card .catalog-card__body {
  padding: 10px 12px 12px;
}

.hs-card__media-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.hs-card__buybox-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3;
  padding: 4px 10px;
  border-radius: 8px;
  background: rgba(12, 18, 34, 0.82);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
  pointer-events: none;
}

.hs-card__buybox-hint {
  font-size: 0.75rem;
  line-height: 1.35;
}

.hs-card__ribbon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  max-width: calc(100% - 16px);
  pointer-events: none;
}

.hs-card__ribbon-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  padding: 6px 10px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-hover, #ea580c) 88%, #0f172a 12%);
  color: #fff7ed;
  font-size: 0.6875rem;
  line-height: 1.25;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.25);
}

.hs-card--inactive .hs-card__ribbon-inner,
.hs-card--tukendi .hs-card__ribbon-inner {
  background: rgba(51, 65, 85, 0.82);
  box-shadow: none;
}

.hs-card__ribbon-main {
  font-weight: 700;
  white-space: nowrap;
}

.hs-card__ribbon-sub {
  opacity: 0.92;
  white-space: nowrap;
}

.hs-card__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 12px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.hs-card__kpi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}

.hs-card__price-link {
  display: flex;
  align-items: center;
  line-height: 1.15;
  color: inherit;
  text-decoration: none;
}

.hs-card__price {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.15;
  color: var(--accent-hover, #ea580c);
  letter-spacing: -0.02em;
}

.hs-card__price-unit {
  font-size: 0.92rem;
  font-weight: 700;
}

.hs-card__kpi-meta {
  font-size: 0.75rem;
  color: var(--ink-muted, #64748b);
  line-height: 1.35;
}

.hs-card__kpi-link {
  color: var(--accent-hover, #ea580c);
  font-weight: 600;
  text-decoration: none;
}

.hs-card__kpi-link:hover {
  text-decoration: underline;
}

.hs-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
}

.hs-card__actions--talep {
  max-width: 100%;
}

.hs-card__actions--talep .inline-form {
  display: inline-flex;
  margin: 0;
}

.hs-card__party {
  font-size: 0.8rem;
  line-height: 1.35;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.hs-card__party-link {
  font-weight: 700;
  text-decoration: none;
  color: inherit;
}

.hs-card__party-link:hover {
  color: var(--accent-hover, #ea580c);
}

.hs-card--talep-settled .hs-card__ribbon-inner {
  background: var(--ink-muted, #64748b);
}

.hs-card__durum {
  flex-shrink: 0;
}

.hs-card__pasif-form {
  display: inline-flex;
  margin: 0;
}

.hs-card__btn--buy {
  box-shadow: 0 1px 2px rgba(234, 88, 12, 0.2);
}

.hs-card__meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hs-card__meta-row--store .v {
  font-weight: 600;
}

.hs-card__store-link {
  color: inherit;
  text-decoration: none;
}

.hs-card__store-link:hover {
  color: var(--accent-hover, #ea580c);
}

.hs-card__spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
}

.hs-card__spec-grid > div {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  padding: 6px 8px;
  border-radius: var(--radius-md, 8px);
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: var(--surface-muted, #f8fafc);
}

.hs-card__spec-grid .k {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
}

.hs-card__spec-grid .v {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hs-card__foot,
.hs-card__note {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.35;
}

.hs-card__seller {
  font-size: 0.78rem;
  line-height: 1.4;
}

.hs-card__seller-link {
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}

.hs-card__seller-link:hover {
  color: var(--accent-hover, #ea580c);
  text-decoration: underline;
}

.hs-card__price-link:hover .hs-card__price {
  text-decoration: underline;
}

/* Hazır stok ilan detay */
.hs-detail__panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hs-detail .catalog-detail__info > .hs-detail__summary-grid {
  margin-top: 0;
}

.hs-detail__summary-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 520px) {
  .hs-detail__summary-grid:not(.hs-detail__summary-grid--solo) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.hs-detail__summary-grid .catalog-detail__card {
  margin-top: 0;
}

.hs-detail__summary-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

.hs-detail__summary-box--price .hs-detail__price-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
}

.hs-detail__seller-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px 14px;
  min-width: 0;
}

.hs-detail__seller-label {
  flex: 0 0 auto;
  white-space: nowrap;
}

.hs-detail__summary-box--seller .hs-detail__seller-row {
  flex: 1;
  min-height: 0;
}

@media (max-width: 520px) {
  .hs-detail__seller-row {
    flex-wrap: wrap;
  }
}

.hs-detail__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.95);
}

.hs-detail__summary-trade {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  min-width: 0;
  flex: 1 1 12rem;
}

.hs-detail__summary-seller {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 14px;
  flex: 0 1 auto;
}

@media (max-width: 640px) {
  .hs-detail__summary {
    flex-direction: column;
    align-items: stretch;
  }

  .hs-detail__summary-seller {
    justify-content: space-between;
  }
}

.hs-detail__specs {
  margin: 0;
}

.hs-detail__talep-block {
  padding-top: 14px;
  border-top: 1px solid rgba(226, 232, 240, 0.95);
}

.catalog-detail__info > .card.catalog-detail__card + .card.catalog-detail__card {
  margin-top: 14px;
}

.hs-detail__talep-block .offers-grid {
  margin-top: 8px;
}

.hs-detail__talep-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hs-detail__talep-stack .hs-card--talep {
  width: 100%;
}

.hs-talep-compact {
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0;
  overflow: visible;
}

/* Genel .offer-item (6 sütun) compact satırı ezmesin */
.hs-talep-compact .offer-item.hs-talep-compact__row {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(4.5rem, 0.32fr)
    minmax(0, 0.95fr)
    minmax(17rem, 1.35fr);
  gap: 10px;
  align-items: stretch;
  margin: 0;
  padding: 0;
  background: transparent;
}

.hs-detail .hs-talep-compact .offer-item__cell {
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #f8fafc;
  box-shadow: none;
}

.hs-detail .hs-talep-compact .offer-item__ref .k,
.hs-detail .hs-talep-compact .offer-item__qty .k,
.hs-detail .hs-talep-compact .offer-item__price .k,
.hs-detail .hs-talep-compact .offer-item__action .k {
  font-size: 0.78rem;
  color: #64748b;
}

.hs-talep-compact .offer-item__action {
  min-width: 0;
}

.hs-talep-compact .offer-item__action .v.hs-talep-compact__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  max-width: 100%;
}

.hs-talep-compact__no {
  display: block;
  margin-top: 4px;
  font-size: 0.72rem;
  font-weight: 500;
}

.hs-talep-compact__actions .badge {
  flex-shrink: 0;
}

.hs-talep-compact__actions .btn {
  flex-shrink: 0;
  white-space: nowrap;
  width: auto;
  min-width: 0;
}

.hs-talep-compact__actions .inline-form {
  display: inline-flex;
  flex-shrink: 0;
  margin: 0;
}

.hs-talep-compact__foot {
  padding: 8px 0 0;
  font-size: 0.8rem;
  border-top: none;
}

@media (max-width: 720px) {
  .hs-talep-compact .offer-item.hs-talep-compact__row {
    grid-template-columns: 1fr;
  }
}

.hs-detail__talep-unavail {
  padding-top: 14px;
  border-top: 1px solid rgba(226, 232, 240, 0.95);
  font-size: 0.88rem;
}

.hs-detail__seller-lead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  min-width: 0;
}

.hs-detail__seller-no {
  flex: 0 1 auto;
  min-width: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

.hs-detail__seller-no .uye-no-line {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
}

.hs-detail__seller-no .uye-no-line__no {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--accent-hover, #ea580c);
}

.hs-detail__seller-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  margin-left: auto;
}

.hs-detail__other-vitrin {
  flex-shrink: 0;
}

.hs-detail__price-line {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
}

.hs-detail__price {
  font-size: 1.65rem;
  font-weight: 800;
  color: var(--accent-hover, #ea580c);
  letter-spacing: -0.02em;
}

.hs-detail__price-unit {
  font-size: 1.1rem;
  font-weight: 700;
}

.hs-detail__aciklama {
  font-size: 0.88rem;
  line-height: 1.45;
}

.hs-detail__talep-kv .detail-kv__item .input {
  margin-top: 2px;
}

.hs-detail__talep-kv .detail-kv__item .v .hs-detail__talep-btn {
  width: 100%;
  white-space: nowrap;
  justify-content: center;
}

.hs-detail__other-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hs-detail__other-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  padding: 10px 12px;
  border-radius: var(--radius-md, 8px);
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: var(--surface-muted, #f8fafc);
}

.hs-detail__other-main {
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}

.hs-detail__other-main:hover {
  color: var(--accent-hover, #ea580c);
}

.hs-detail__other-price {
  color: var(--accent-hover, #ea580c);
}

.hs-detail__other-seller {
  font-size: 0.8rem;
}

.hs-card--inactive {
  opacity: 0.92;
}

.hs-card--inactive .hs-card__price {
  color: var(--ink-muted, #64748b);
}

@media (max-width: 420px) {
  .hs-card__spec-grid {
    grid-template-columns: 1fr;
  }
}

.catalog-card {
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-lg);
  overflow: visible;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  transition: border-color 0.2s ease;
  position: relative;
}

.catalog-card:hover {
  border-color: color-mix(in srgb, var(--line, #e2e8f0) 82%, var(--ink-muted, #64748b) 18%);
}

.catalog-card--pasif {
  opacity: 0.97;
}

.catalog-card__link{
  display:block;
  color: inherit;
  text-decoration: none;
  position: relative;
}

/* Gelen kart: görsel + sol üst bildirim (zil) */
.catalog-card__media-stack {
  position: relative;
  display: block;
}

.catalog-card__media {
  aspect-ratio: 4 / 3;
  background: linear-gradient(165deg, #f8fafc 0%, #f1f5f9 48%, #eef2f6 100%);
  display: block;
  overflow: hidden;
  /* Kartın yuvarlak üst köşelerini görsele uygula */
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
  position: relative;
}

/* Görsel yok: boş alanı yumuşak ton + hafif ikon (yüklenemeyen img yok sayılır) */
.catalog-card__media:not(:has(img)) {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(226, 232, 240, 0.65);
}

.catalog-card__media:not(:has(img))::before {
  content: '';
  width: 2.75rem;
  height: 2.2rem;
  opacity: 0.2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='1.25'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.5'/%3E%3Cpath d='M21 15l-5-5-4 4-2-2-4 4'/%3E%3C/svg%3E")
    center / contain no-repeat;
  pointer-events: none;
}

/* teklif sayısı artık üst satırda, badge yok */

.catalog-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.catalog-card__media--avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
.catalog-card__media--avatar img.catalog-card__media-avatar{
  width:auto;
  height:auto;
  max-width:78%;
  max-height:78%;
  object-fit:contain;
  padding:10px 8px;
}
.catalog-card__media--placeholder img.catalog-card__media-avatar{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  padding:6px 4px;
}

/* Gelen talep kartı: fotoğraf sağ üst — sadece talep miktarı (örn. “3 adet”) */
.catalog-card__media-ribbon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  max-width: calc(100% - 16px);
  pointer-events: none;
  text-align: right;
}
.catalog-card__media-ribbon__inner {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  padding: 6px 9px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.78);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: none;
  color: #f8fafc;
  font-size: 0.6875rem;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
.catalog-card__media-ribbon__line {
  display: block;
  white-space: nowrap;
}
.catalog-card__media-ribbon__lbl {
  font-weight: 600;
  opacity: 0.95;
}
.catalog-card__media-ribbon__num {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.catalog-card__media-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 72px;
  background: linear-gradient(180deg, #eef2f6 0%, #f8fafc 100%);
}

.catalog-card__media::after{
  content:'';
  position:absolute;
  inset:0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(2,6,23,0) 55%, rgba(2,6,23,.06) 100%);
  opacity:0;
  transition: opacity .2s ease;
  pointer-events:none;
}
.catalog-card:hover .catalog-card__media::after{ opacity:1; }

.notif-btn{
  position: relative;
}
.notif-btn .ui-icon{
  margin: 0;
}
.notif-btn.btn-with-icon{
  gap: 0;
  padding-left: 10px;
  padding-right: 10px;
}

/* Katalog kartı: favori (kalp) */
.favori-toggle{
  --ui-icon-color: var(--ink-muted);
}
.favori-toggle:hover:not(:disabled){
  --ui-icon-color: var(--accent);
}
.favori-toggle.is-on{
  --ui-icon-color: #e11d48;
}
.favori-toggle.is-on .ui-icon svg{
  fill: currentColor;
}
.favori-toggle.is-on:hover:not(:disabled){
  --ui-icon-color: #be123c;
}
.btn.btn-ghost.favori-toggle.is-on{
  background: color-mix(in srgb, #e11d48 10%, rgba(255, 255, 255, 0.94));
  border-color: color-mix(in srgb, #e11d48 28%, rgba(17, 24, 39, 0.16));
  box-shadow: none;
  transition: background .15s ease, border-color .15s ease;
}
.btn.btn-ghost.favori-toggle.is-on:hover:not(:disabled){
  background: color-mix(in srgb, #e11d48 14%, rgba(255, 255, 255, 0.94));
  border-color: color-mix(in srgb, #e11d48 36%, rgba(17, 24, 39, 0.16));
}
.catalog-card__favori-chip{
  box-sizing: border-box;
  min-width: 2.1rem;
  min-height: 2.1rem;
  padding: 0 !important;
  height: auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0 !important;
  border-radius: var(--radius-md);
  box-shadow: none;
  flex-shrink: 0;
}
.catalog-card__favori-chip .ui-icon{
  width: 1.05rem;
  height: 1.05rem;
  margin: 0 !important;
}
body.mode-panel .catalog-card__favori-chip.btn-ghost:not(.is-on){
  border-color: rgba(17, 24, 39, 0.16);
  background: rgba(255, 255, 255, 0.94);
}
body.mode-panel .catalog-card__favori-chip.favori-toggle.is-on{
  --ui-icon-color: #e11d48;
  background: color-mix(in srgb, #e11d48 11%, rgba(255, 255, 255, 0.94));
  border-color: color-mix(in srgb, #e11d48 32%, rgba(17, 24, 39, 0.16));
  box-shadow: none;
}
body.mode-panel .catalog-card__favori-chip.favori-toggle.is-on:hover:not(:disabled){
  background: color-mix(in srgb, #e11d48 15%, rgba(255, 255, 255, 0.94));
  border-color: color-mix(in srgb, #e11d48 40%, rgba(17, 24, 39, 0.16));
}

/* Marka odası: kart üzerindeki bildirim (zil) rengi */
.notif-subscribe{
  --ui-icon-color: var(--ink-muted);
}
.notif-subscribe:hover:not(:disabled){
  --ui-icon-color: var(--accent);
}
.notif-subscribe.is-on{
  --ui-icon-color: #b91c1c; /* red-700 */
}
.notif-subscribe.is-on:hover:not(:disabled){
  --ui-icon-color: #b91c1c;
}

/* Kart dışı / genel: zil açıkken hafif vurgu (katalog kartında panel teması override eder) */
.btn.btn-ghost.notif-subscribe.is-on{
  background: color-mix(in srgb, var(--accent, #2563eb) 12%, var(--surface-muted, #f1f5f9));
  border-color: color-mix(in srgb, var(--accent, #2563eb) 28%, var(--line, #e2e8f0));
  box-shadow: none;
  transition: background .15s ease, border-color .15s ease;
}
.btn.btn-ghost.notif-subscribe.is-on:hover:not(:disabled){
  background: color-mix(in srgb, var(--accent, #2563eb) 16%, var(--surface-muted, #f1f5f9));
  border-color: color-mix(in srgb, var(--accent, #2563eb) 34%, var(--line, #e2e8f0));
  box-shadow: none;
}

.notif-inline.btn-with-icon .ui-icon{
  margin-right: 0;
}
.notif-inline.btn-sm{
  padding-left: 10px;
  padding-right: 10px;
}
/* Panel üst bar: okunmamış bildirim — turuncu, yavaş nabız (sipariş menü noktası ile uyumlu) */
body.mode-panel .trendy-toplinks .notif-pulse-dot{
  right: 2px;
  top: 4px;
  width: 7px;
  height: 7px;
  background: var(--panel-accent, #f97316);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
  animation: navPulseSoft 2.4s ease-in-out infinite;
}

/* Üst menü / sekme: sipariş & ödeme uyarı noktası (sade) */
.nav-pulse-dot{
  position: absolute;
  right: 8px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #e84848;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
  animation: navPulseSoft 2.4s ease-in-out infinite;
  pointer-events: none;
}
body.mode-panel .panel-nav__link,
body.mode-admin .panel-nav__link{
  position: relative;
}
body.mode-panel .panel-nav__link .nav-pulse-dot,
body.mode-admin .panel-nav__link .nav-pulse-dot{
  right: 12px;
  top: 9px;
}
.detail-tab{
  position: relative;
}
.detail-tab .nav-pulse-dot{
  right: 8px;
  top: 6px;
  width: 5px;
  height: 5px;
}
@keyframes navPulseSoft{
  0%, 100%{ opacity: 1; }
  50%{ opacity: 0.45; }
}
@keyframes odemeAktarimPulse{
  0%, 100%{
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(232, 72, 72, 0.55);
  }
  50%{
    opacity: 0.3;
    transform: scale(1.35);
    box-shadow: 0 0 0 6px rgba(232, 72, 72, 0);
  }
}
.odeme-aktarim-pulse-dot{
  animation: odemeAktarimPulse 1s ease-in-out infinite !important;
}
.detail-tab--aktarim-pulse .odeme-aktarim-pulse-dot{
  right: 36px;
  top: 7px;
}
.row-unread td{
  background: rgba(255, 45, 45, 0.06);
}

/* Bildirimler tablosu: Okundu / Okunmadı aynı genişlik */
#notifTable .notif-durum-btn{
  min-width: 7.5rem;
  box-sizing: border-box;
  justify-content: center;
}

.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.catalog-card__body {
  padding: 13px 13px 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.catalog-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 2.5rem;
}

.catalog-card__top .catalog-card__title {
  flex: 1;
  min-width: 0;
}

.catalog-card__title {
  margin: 0;
  font-weight: 800;
  font-size: 0.98rem;
  letter-spacing: -0.01em;
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.catalog-card__title-link {
  color: inherit;
  text-decoration: none;
}

a.catalog-card__title-link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.catalog-card__title .catalog-card__title-link {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.catalog-card__top-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
}

.catalog-card__top-actions .catalog-card__status-badge {
  flex-shrink: 0;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 0.72rem;
}

.catalog-card__top-notif{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.catalog-card__top-actions .catalog-card__stock-btn.btn-primary {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.18) inset;
}

.catalog-card__top-actions .catalog-card__stock-btn--offered.btn-secondary {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #334155;
  box-shadow: none;
}

.catalog-card__top-actions .catalog-card__stock-btn--offered.btn-secondary:hover:not(:disabled) {
  background: #e2e8f0;
  border-color: #94a3b8;
  color: #0f172a;
  filter: none;
  box-shadow: none;
}

.catalog-card__top-actions .catalog-card__stock-btn{
  flex-shrink: 0;
  white-space: nowrap;
  transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.catalog-card__top-actions .catalog-card__stock-btn:hover:not(:disabled) {
  filter: brightness(1.03);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.26) inset;
}

.catalog-card__top-actions .catalog-card__stock-btn:active:not(:disabled) {
  transform: translateY(0.5px);
}

a.catalog-card__count {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

a.catalog-card__count:visited {
  color: inherit;
}

a.catalog-card__count--overlay:hover {
  filter: brightness(0.97);
}

.catalog-card__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 36px;
  padding: 10px 10px 9px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-muted) 100%);
  font-weight: 900;
  font-size: 0.9rem;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
/* Kart / birincil buton ile aynı palet (panelde turuncu, mağaza dışında mavi) */
.catalog-card__count.pill--pos{
  border-color: var(--accent-border);
  background: var(--accent-soft);
  color: var(--accent-hover);
}
.catalog-card__count.pill--zero{
  border-color: var(--line);
  background: var(--surface-muted);
  color: var(--ink-muted);
}

/* Panel: teklif sayacı — üst menü (topnav) ile aynı koyu gri tonlar, turuncu vurgu yok */
body.mode-panel .catalog-card__count.pill--pos{
  border-color: rgba(17, 24, 39, 0.16);
  background: rgba(255, 255, 255, 0.94);
  color: var(--panel-1);
  box-shadow: none;
}

/* Panel: kart üstü / overlay teklif sayacı — bildirim (zil) chip’i ile aynı yüzey ve gölge */
body.mode-panel .catalog-card__count--overlay.pill--zero,
body.mode-panel .catalog-card__count--overlay.pill--pos {
  border-color: rgba(17, 24, 39, 0.16);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: none;
  color: var(--panel-1);
}

/* Kart üstü: zil + teklif sayısı sağ üst, yan yana */
.catalog-card__overlay-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 6px;
}

.catalog-card__overlay-actions--tl {
  left: 10px;
  right: auto;
}

.catalog-card__overlay-actions--tl .catalog-card__teklif-talep-box--on-media {
  pointer-events: none;
}

.catalog-card__notif-chip {
  box-sizing: border-box;
  min-width: 2.1rem;
  min-height: 2.1rem;
  padding: 0 !important;
  height: auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0 !important;
  border-radius: var(--radius-md);
  box-shadow: none;
  flex-shrink: 0;
}

.catalog-card__notif-chip .ui-icon {
  width: 1.05rem;
  height: 1.05rem;
  margin: 0 !important;
}

body.mode-panel .catalog-card__notif-chip.btn-ghost:not(.is-on) {
  border-color: rgba(17, 24, 39, 0.16);
  background: rgba(255, 255, 255, 0.94);
}

/* Panel katalog kartı: açık bildirim — sayaç kutusu ile uyumlu, turuncu accent ile yumuşak vurgu */
body.mode-panel .catalog-card__notif-chip.notif-subscribe.is-on {
  --ui-icon-color: var(--panel-accent);
  background: color-mix(in srgb, var(--panel-accent) 11%, rgba(255, 255, 255, 0.94));
  border-color: color-mix(in srgb, var(--panel-accent) 32%, rgba(17, 24, 39, 0.16));
  box-shadow: none;
}
body.mode-panel .catalog-card__notif-chip.notif-subscribe.is-on:hover:not(:disabled) {
  background: color-mix(in srgb, var(--panel-accent) 15%, rgba(255, 255, 255, 0.94));
  border-color: color-mix(in srgb, var(--panel-accent) 40%, rgba(17, 24, 39, 0.16));
}

.catalog-detail__offers#teklif-yonetimi {
  scroll-margin-top: 1.25rem;
}

.catalog-detail__offers-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.catalog-detail__offers-head .section-label {
  margin-bottom: 0;
}

.catalog-detail__offers-time {
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
}

.catalog-detail__offers .offer-submit-kv {
  margin-top: 0;
  gap: 14px;
}

.catalog-detail__offers .offer-submit-kv.detail-kv--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.catalog-detail__offers .offer-submit-kv .detail-kv__item {
  border: none;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.catalog-detail__offers .offer-submit-kv .detail-kv__item label.k {
  display: block;
  margin: 0 0 6px;
  cursor: default;
}

.catalog-detail__offers .offer-submit-kv .detail-kv__item .input,
.catalog-detail__offers .offer-submit-kv .detail-kv__item .input-group {
  margin-top: 0;
}

.catalog-detail__offers .offer-submit-kv__action {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  padding: 0;
}

.catalog-detail__offers .offer-submit-kv__action-spacer {
  display: block;
  margin: 0 0 6px;
  visibility: hidden;
  user-select: none;
  pointer-events: none;
  line-height: 1.2;
}

.catalog-detail__offers .offer-submit-kv__action .btn {
  width: 100%;
  justify-content: center;
}

.catalog-card__count--overlay {
  position: static;
  top: auto;
  right: auto;
  z-index: auto;
  flex-shrink: 0;
  min-width: 2.1rem;
  min-height: 2.1rem;
  padding: 6px 8px;
  box-shadow: none;
  border-radius: var(--radius-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.catalog-card__count--overlay.has-tip::after {
  left: auto;
  right: 0;
  bottom: auto;
  top: calc(100% + 8px);
  transform: translateY(-4px);
  min-width: 0;
  max-width: none;
  white-space: nowrap;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #fff;
  background: var(--accent);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 8px 22px var(--accent-ring);
}

.catalog-card__count--overlay.has-tip:hover::after,
.catalog-card__count--overlay.has-tip:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
  background: var(--accent-hover);
}

body.mode-panel .catalog-card__count--overlay.has-tip::after {
  background: linear-gradient(135deg, var(--panel-1), var(--panel-2));
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 1px 4px rgba(17, 24, 39, 0.12);
}

body.mode-panel .catalog-card__count--overlay.has-tip:hover::after,
body.mode-panel .catalog-card__count--overlay.has-tip:focus-visible::after {
  background: linear-gradient(135deg, var(--panel-2), var(--panel-3));
}

.catalog-card__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
  padding-top: 4px;
  margin-top: 2px;
  border-top: 1px solid rgba(226, 232, 240, 0.55);
}

.catalog-card__meta--spec5 > div:nth-child(5) {
  grid-column: 1 / -1;
}

/* Teklif veren sayısı — tek kutu (görsel altı veya görsel üstü) */
.catalog-card__teklif-talep-box {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px 7px;
  border-radius: var(--radius-md);
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  box-shadow: none;
  max-width: 100%;
}

.catalog-card__teklif-talep-box__icon {
  --ui-icon-color: color-mix(in srgb, var(--ink-muted) 88%, var(--ink));
  flex-shrink: 0;
}

body.mode-panel .catalog-card__teklif-talep-box__icon {
  --ui-icon-color: rgba(17, 24, 39, 0.45);
}

.catalog-card__teklif-talep-box__lbl {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ink-muted);
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.catalog-card__teklif-talep-box__num {
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  font-size: 0.95rem;
  line-height: 1;
  color: var(--ink);
  min-width: 1.5rem;
  text-align: center;
}

body.mode-panel .catalog-card__teklif-talep-box {
  border-color: #e2e8f0;
  background: #f8fafc;
  box-shadow: none;
}

body.mode-panel .catalog-card__teklif-talep-box__lbl {
  color: rgba(17, 24, 39, 0.62);
}

body.mode-panel .catalog-card__teklif-talep-box__num {
  color: var(--panel-1);
}

.catalog-card__teklif-talep-box--on-media {
  padding: 6px 10px 5px;
  gap: 6px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

body.mode-panel .catalog-card__teklif-talep-box--on-media {
  background: rgba(255, 255, 255, 0.92);
}

.catalog-card__meta .catalog-card__meta-brand-link{
  color: inherit;
  text-decoration: none;
  font-weight: 800;
}

.catalog-card__meta .catalog-card__meta-brand-link:hover{
  text-decoration: underline;
  text-underline-offset: 2px;
}

.catalog-card__bottom {
  margin-top: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.catalog-card__sub {
  color: #64748b;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.catalog-card__sorgu{
  color: #64748b;
  font-size: 0.82rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.catalog-card__link {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* Detay sayfası */
.catalog-detail {
  padding: 12px 14px 22px;
}

.catalog-detail__info {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.detail-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.detail-topbar--ilan-head{
  flex-wrap:wrap;
}
.detail-topbar--ilan-head .detail-topbar__lead{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}
.detail-topbar--ilan-head .detail-topbar__lead .hs-egitim-btn{
  align-self:center;
  padding:6px 12px;
  min-height:34px;
  box-sizing:border-box;
}
.detail-topbar__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-left:auto;
}

/* İlan üst aksiyonları: hepsi aynı görünüm */
.detail-topbar__actions > .pill,
.detail-topbar__actions > .btn,
.detail-topbar__actions > form > .btn{
  height: 34px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1;
}
.detail-topbar__actions > .pill.pill--viewers{
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.detail-topbar__actions > .pill.pill--viewers .ui-icon{
  flex-shrink: 0;
}
.detail-topbar__actions > .pill{
  background: rgba(241, 245, 249, 0.85);
  color: var(--ink-muted);
  border-color: var(--line);
}
.detail-topbar__actions > .btn,
.detail-topbar__actions > form > .btn{
  background: rgba(241, 245, 249, 0.85);
  border: 1px solid var(--line);
  color: #334155;
  box-shadow: none;
}
.detail-topbar__actions > .btn:hover:not(:disabled),
.detail-topbar__actions > form > .btn:hover:not(:disabled){
  background: #e2e8f0;
}
.detail-topbar__actions > form{
  margin: 0;
}

/* Ürün detay: sabit görüntüleyici rozeti */
.viewer-float {
  position: fixed;
  left: max(16px, env(safe-area-inset-left, 0px));
  bottom: max(20px, env(safe-area-inset-bottom, 0px));
  z-index: 120;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px 9px 12px;
  max-width: min(280px, calc(100vw - 32px));
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(15, 23, 42, 0.07);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 8px 22px rgba(15, 23, 42, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-family: var(--font);
  font-size: 0.8125rem;
  line-height: 1.25;
  white-space: nowrap;
  pointer-events: none;
  animation: viewer-float-in 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}
body.mode-panel .viewer-float {
  border-color: color-mix(in srgb, var(--accent) 14%, rgba(15, 23, 42, 0.08));
  box-shadow:
    0 1px 2px rgba(17, 24, 39, 0.04),
    0 10px 28px rgba(17, 24, 39, 0.11);
}
@keyframes viewer-float-in {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.viewer-float__live {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.viewer-float__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);
  animation: viewer-live-pulse 2.2s ease-in-out infinite;
}
@keyframes viewer-live-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.55;
    transform: scale(0.92);
  }
}
.viewer-float__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #94a3b8;
}
.viewer-float__icon .ui-icon {
  width: 1.0625rem;
  height: 1.0625rem;
  color: inherit;
}
.viewer-float__text {
  display: inline-flex;
  align-items: baseline;
  gap: 0.28em;
  min-width: 0;
  letter-spacing: -0.01em;
}
.viewer-float__num {
  font-size: 0.9375rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--accent);
}
.viewer-float__msg {
  font-weight: 500;
  color: #64748b;
}
@media (prefers-reduced-motion: reduce) {
  .viewer-float {
    animation: none;
  }
  .viewer-float__dot {
    animation: none;
  }
}
body.modal-open .viewer-float,
body.is-printing .viewer-float {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}
@media (max-width: 640px) {
  .viewer-float {
    left: 0;
    right: 0;
    margin-inline: auto;
    width: max-content;
    max-width: calc(100vw - 24px);
    bottom: max(14px, env(safe-area-inset-bottom, 0px));
    padding: 8px 14px 8px 11px;
    font-size: 0.78rem;
  }
  .viewer-float__num {
    font-size: 0.875rem;
  }
}
@media print {
  .viewer-float {
    display: none !important;
  }
}

.catalog-detail__grid {
  margin-top: 10px;
  display: grid;
  grid-template-columns: minmax(240px, 460px) minmax(320px, 1fr);
  gap: 18px;
  align-items: start;
}

@media (max-width: 980px) {
  .catalog-detail__grid {
    grid-template-columns: 1fr;
  }
}

.catalog-detail__media {
  width: 100%;
  min-width: 0;
}

.catalog-hero-img {
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: linear-gradient(165deg, #f8fafc 0%, #f1f5f9 48%, #eef2f6 100%);
  display: block;
  box-shadow: var(--shadow-card);
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  text-decoration: none;
  color: inherit;
}

.catalog-hero-img__stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  gap: 10px;
}

.catalog-hero-img__img,
.catalog-hero-img > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
}

.catalog-hero-img:not(.catalog-hero-img--avatar) .catalog-hero-img__img,
.catalog-hero-img:not(.catalog-hero-img--avatar) > img {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

.catalog-hero-img--placeholder {
  background: #fff;
}

.catalog-hero-img--placeholder .catalog-hero-img__stage {
  padding: 0;
}

.catalog-hero-img--placeholder .catalog-hero-img__img,
.catalog-hero-img--placeholder > img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  flex: 1 1 auto;
  min-height: 0;
  object-fit: contain;
}

.catalog-hero-img--avatar {
  background: #fff;
}

.catalog-hero-img--avatar .catalog-hero-img__img,
.catalog-hero-img--avatar > img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  flex: 1 1 auto;
  min-height: 0;
  object-fit: contain;
}

.catalog-hero-img--empty {
  padding: 22px;
  text-align: center;
  color: #64748b;
  font-weight: 700;
}

.catalog-detail__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.catalog-detail__title {
  margin: 10px 0 10px;
  font-size: 1.28rem;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.detail-tabs{
  display:flex;
  gap:0;
  margin-top: 12px;
  border: 1px solid #c7d2fe;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #eef2ff;
  box-shadow: 0 2px 8px rgba(2, 6, 23, 0.04);
}
.detail-tab{
  flex: 1 1 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border: none;
  border-radius: 0;
  padding: 12px 14px;
  cursor:pointer;
  background: transparent;
  color: #1e3a8a;
  transition: 0.2s;
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  outline: none;
}
.detail-tab + .detail-tab{
  border-left: 1px solid rgba(199, 210, 254, 0.9);
}
.detail-tab:hover{
  background: #e0e7ff;
}
.detail-tab.is-active{
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.1);
}
.detail-panel{ margin-top: 14px; }

/* Profil gibi yerlerde sekmeleri ortada “kategori butonu” gibi göster */
.detail-tabs.detail-tabs--center{
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.detail-tabs.detail-tabs--cats{
  width: fit-content;
  max-width: 100%;
  border: none;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  gap: 10px;
  align-items: stretch;
}
.detail-tabs.detail-tabs--cats .detail-tab{
  flex: 0 0 auto;
  box-sizing: border-box;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
  border-radius: var(--radius-sm);
  padding: 10px 18px;
  height: 42px;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1;
}
.detail-tabs.detail-tabs--cats .detail-tab .ui-icon{
  color: currentColor;
}
.detail-tabs.detail-tabs--cats .detail-tab + .detail-tab{
  border-left: none;
}
.detail-tabs.detail-tabs--cats .detail-tab:hover{
  background: var(--accent-soft);
  border-color: var(--accent-border);
}
.detail-tabs.detail-tabs--cats .detail-tab.is-active{
  background: var(--surface);
  border-color: var(--accent-border);
  color: var(--accent-hover);
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.10);
}
.detail-tabs.detail-tabs--cats .detail-tab.detail-tab--cta{
  background: var(--surface);
  border-color: var(--accent-border);
  color: var(--accent-hover);
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.10);
}
.detail-tabs.detail-tabs--cats .detail-tab.detail-tab--cta:hover{
  background: var(--accent-soft);
  border-color: var(--accent-border);
}

@media (max-width: 520px){
  .detail-tabs{ flex-direction: row; }
  .detail-tab{
    padding: 14px 10px;
    font-size: 0.9rem;
    justify-content: center;
  }
  .detail-tab + .detail-tab{ border-left: 1px solid rgba(199, 210, 254, 0.9); border-top: none; }

  .detail-tabs.detail-tabs--cats{
    width: 100%;
    gap: 8px;
  }
  .detail-tabs.detail-tabs--cats .detail-tab{
    flex: 1 1 0;
    padding: 12px 12px;
  }
  .detail-tabs.detail-tabs--cats .detail-tab + .detail-tab{
    border-left: none;
  }
}

/* Panel Alış / Satış — Tümü: özet grafik */
body.mode-panel .trade-overview{
  padding: 14px 16px 10px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
}
body.mode-panel .trade-overview__head{
  margin-bottom: 10px;
}
body.mode-panel .trade-overview__hint{
  font-size: 0.84rem;
  margin-top: 4px;
}
body.mode-panel .trade-overview__kpis{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.mode-panel .trade-overview__kpi{
  flex: 1 1 140px;
  max-width: 220px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.92);
}
body.mode-panel .trade-overview__kpi-label{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
body.mode-panel .trade-overview__kpi-label .ui-icon{
  width: 16px;
  height: 16px;
}
body.mode-panel .trade-overview__kpi--buy .trade-overview__kpi-label{
  color: #c2410c;
}
body.mode-panel .trade-overview__kpi--sell .trade-overview__kpi-label{
  color: #1d4ed8;
}
body.mode-panel .trade-overview__kpi-val{
  display: block;
  margin-top: 4px;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ink);
  line-height: 1.1;
}
body.mode-panel .trade-overview__kpi-sub{
  display: block;
  margin-top: 2px;
  font-size: 0.82rem;
  color: var(--ink-muted);
}
body.mode-panel .trade-overview__chart{
  margin-top: 12px;
  height: 168px;
}
/* Tümü: yalnızca özet + grafik — liste yok, min-height ile boşluk oluşmasın */
body.mode-panel .trade-layout--overview-only{
  min-height: auto;
}
body.mode-panel .trade-layout--overview-only .trade-panels,
body.mode-panel .trade-layout--overview-only .trade-panel--overview-only{
  flex: none;
}
body.mode-panel .trade-panel--overview-only .trade-overview{
  border-bottom: none;
  padding-bottom: 16px;
}
body.mode-panel .trade-feed--alis-satis-has-overview .trade-empty--below-chart{
  padding-top: 24px;
  padding-bottom: 36px;
}

/* Panel Alış / Satış: ürün talep paneli ile aynı sayfa iskeleti */
body.mode-panel .trade-feed--alis-satis-list{
  width: 100%;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis{
  overflow-x: auto;
  max-width: 100%;
}
/* Tik / durum balonu: yatay kaydırma kuralı dikey kırpmayı engellemesin */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis.table-wrap--katalog-durum-pop{
  overflow: visible;
}

/* Sekme grubu: her yerde tam ortala */
.detail-tabs-holder{
  display:flex;
  justify-content:center;
  width:100%;
}

/* Modal içindeki geniş formlar: masaüstünde 2 sütun */
.modal .form-grid--wide{
  grid-template-columns: 1fr 1fr;
}
.modal .form-grid--wide .modal-footer{
  grid-column: 1 / -1;
}

@media (max-width: 720px){
  .modal .form-grid--wide{
    grid-template-columns: 1fr;
  }
}

.catalog-detail .card-head{
  padding-bottom: 8px;
}

.catalog-detail .catalog-detail__info > .card.catalog-detail__card,
.catalog-detail .catalog-detail__info > .card.mt-md.catalog-detail__card {
  margin-top: 0;
  margin-bottom: 0;
}

.catalog-detail__card {
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: var(--surface);
}

.catalog-detail .card,
.catalog-detail .catalog-hero-img {
  box-shadow: none;
}

.catalog-detail .card:hover {
  box-shadow: none;
}

.catalog-detail .section-label,
.catalog-detail .catalog-detail__card > .section-label,
.catalog-detail .catalog-detail__offers-head .section-label {
  text-transform: none;
  letter-spacing: 0.01em;
  font-weight: 700;
  color: #475569;
  margin-bottom: 8px;
}

.catalog-detail .detail-kv__item .k {
  text-transform: none;
  letter-spacing: 0.01em;
  font-weight: 700;
  color: #64748b;
}

.catalog-detail .detail-kv:not(.offer-submit-kv) .detail-kv__item .v {
  font-weight: 700;
}

.catalog-detail__specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.catalog-detail__specs .spec {
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  padding: 10px 12px;
  background: #f8fafc;
  box-shadow: none;
}

.catalog-detail__specs .k {
  display: block;
  font-size: 0.78rem;
  text-transform: none;
  letter-spacing: 0.01em;
  color: var(--ink-muted);
  font-weight: 700;
}

.catalog-detail__specs .v {
  display: block;
  margin-top: 2px;
  font-weight: 800;
  color: var(--ink);
}

.catalog-detail__card .card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.catalog-detail__card .card-head .section-label{
  margin-bottom:0;
}
.catalog-detail__card .card-head.catalog-detail__payment-head{
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.catalog-detail__card--odeme-guvence .catalog-detail__payment-head{
  margin-bottom:0;
}
.catalog-detail__card--iade.catalog-detail__card--odeme-guvence{
  margin-top:12px;
}
.catalog-detail__card--odeme-guvence + .catalog-detail__card--iade.catalog-detail__card--odeme-guvence{
  margin-top:12px;
  border-top-left-radius:0;
  border-top-right-radius:0;
}
.catalog-detail__card--odeme-guvence:has(+ .catalog-detail__card--iade){
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  margin-bottom:0;
}
.odeme-guvence__secure-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:0.78rem;
  font-weight:700;
  color:#0f766e;
  background:#ecfdf5;
  border:1px solid #99f6e4;
  border-radius:999px;
  padding:4px 10px;
}
.odeme-guvence__secure-tag .ui-icon{
  width:14px;
  height:14px;
  --ui-icon-color:#0f766e;
}
.odeme-guvence__secure-tag--btn{
  cursor:pointer;
  font:inherit;
  line-height:inherit;
  transition:background 0.15s ease,border-color 0.15s ease;
}
.odeme-guvence__secure-tag--btn:hover{
  background:#d1fae5;
  border-color:#5eead4;
}
.odeme-guvence__secure-tag--btn:focus-visible{
  outline:2px solid #0d9488;
  outline-offset:2px;
}
.odeme-guvence__secure-tag--muted{
  color:#475569;
  background:#f8fafc;
  border-color:#e2e8f0;
}
.odeme-guvence__secure-tag--muted .ui-icon{
  --ui-icon-color:#475569;
}
.odeme-guvence__head-tags{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.modal-dialog--korumali-odeme{
  max-width:min(36rem,96vw);
}
.modal-dialog--odeme-kart{
  max-width:min(32rem,96vw);
}
.modal-body--odeme-kart{
  max-height:min(85vh,720px);
  overflow-y:auto;
}
.odeme-kart-embed .paytr-iframe-wrap{
  min-height:420px;
}
.odeme-komisyon-bilgi{
  margin:0;
  padding-left:1.15rem;
  font-size:14px;
  line-height:1.5;
}
.odeme-komisyon-bilgi__note{
  font-size:13px;
}
/* Admin — Ödemeler (2 satırlı hücreler) */
body.mode-admin .simple--odemeler{
  table-layout:fixed;
  min-width:920px;
}
body.mode-admin .simple--odemeler .col-odeme-gorsel{ width:52px; }
body.mode-admin .simple--odemeler .col-odeme-urun{ width:15%; }
body.mode-admin .simple--odemeler .col-odeme-party{ width:13%; }
body.mode-admin .simple--odemeler .col-odeme-money{ width:12%; }
body.mode-admin .simple--odemeler .col-odeme-yontem{ width:9%; }
body.mode-admin .simple--odemeler .col-odeme-siparis{ width:10%; }
body.mode-admin .simple--odemeler .col-odeme-aktarim{ width:10%; }
body.mode-admin .simple--odemeler .col-odeme-tarih{ width:9%; }
body.mode-admin .simple--odemeler .col-odeme-islem{ width:120px; }
body.mode-admin .simple--odemeler tbody td{
  white-space:normal;
  vertical-align:middle;
  padding-top:11px;
  padding-bottom:11px;
}
body.mode-admin .simple--odemeler tbody td.col-odeme-gorsel-cell{
  vertical-align:middle;
}
body.mode-admin .simple--odemeler .cell-odeme-stack{
  max-width:0;
  overflow:hidden;
}
body.mode-admin .simple--odemeler th.col-money,
body.mode-admin .simple--odemeler td.col-money{
  text-align:right;
  font-variant-numeric:tabular-nums;
}
body.mode-admin .simple--odemeler .odeme-stack{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-height:2.5rem;
  line-height:1.3;
}
body.mode-admin .simple--odemeler .odeme-stack__primary,
body.mode-admin .simple--odemeler .odeme-stack__secondary{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}
body.mode-admin .simple--odemeler .odeme-stack__primary{
  font-size:0.875rem;
}
body.mode-admin .simple--odemeler .odeme-stack__secondary{
  font-size:0.8125rem;
  color:var(--muted, #64748b);
}
body.mode-admin .simple--odemeler .odeme-stack__secondary.muted{
  color:var(--muted, #64748b);
}
body.mode-admin .simple--odemeler .odeme-stack--money{
  align-items:flex-end;
  text-align:right;
}
body.mode-admin .simple--odemeler .odeme-stack--money .odeme-stack__secondary{
  font-variant-numeric:tabular-nums;
}
body.mode-admin .simple--odemeler .odeme-money-brut{
  font-weight:600;
  color:var(--ink, #0f172a);
}
body.mode-admin .simple--odemeler .odeme-stack__primary .badge{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.mode-admin .simple--odemeler .odeme-aktarim-link{
  font-size:0.8125rem;
  font-weight:600;
  text-decoration:none;
  color:var(--accent, #2563eb);
}
body.mode-admin .simple--odemeler .odeme-aktarim-link:hover{
  text-decoration:underline;
}
body.mode-admin .simple--odemeler .odeme-aktarim-hint{
  font-size:0.8125rem;
}
body.mode-admin .odeme-aktarim-form{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
}
body.mode-admin .odeme-aktarim-form__file input{
  font-size:11px;
  max-width:100%;
}
body.mode-admin .col-odeme-gorsel-cell .urun-gorsel-thumb,
body.mode-admin .col-odeme-gorsel-cell img{
  max-width:40px;
  max-height:40px;
}
.modal-dialog--odeme-aktarim{
  max-width:min(44rem,96vw);
}
.odeme-aktarim-hesap{
  padding:14px 16px;
  background:#f8fafc;
  border:1px solid var(--line, #e2e8f0);
  border-radius:var(--radius-md);
}
.odeme-aktarim-kv{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px 16px;
}
.odeme-aktarim-kv__item{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.odeme-aktarim-kv__item--full{
  grid-column:1 / -1;
}
.odeme-aktarim-kv__k{
  font-size:0.6875rem;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--muted, #64748b);
}
.odeme-aktarim-kv__row{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:10px 12px;
  background:#fff;
  border:1px solid var(--line, #e2e8f0);
  border-radius:var(--radius-sm, 8px);
}
.odeme-aktarim-kv__v{
  flex:1 1 auto;
  min-width:0;
  font-size:0.9375rem;
  line-height:1.4;
  word-break:break-word;
}
.odeme-aktarim-kv__row .js-aktarim-copy{
  flex:0 0 auto;
  align-self:center;
  white-space:nowrap;
}
.odeme-aktarim-kv__row .js-aktarim-copy span{
  font-size:0.8125rem;
}
@media (max-width: 520px){
  .odeme-aktarim-kv{
    grid-template-columns:1fr;
  }
}
body.mode-admin .simple--odemeler td.col-actions{
  vertical-align:middle;
}
body.mode-admin .admin-odeme-islem-cell{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:2.5rem;
}
body.mode-admin .admin-odeme-islem-cell .btn{
  white-space:nowrap;
}

/* Ödeme hesap bilgileri — panel (hesap_bilgilerim) */
.hb-page{
  padding: 20px 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.hb-page__head{
  margin-bottom: 16px;
}
.hb-page__title{
  margin: 4px 0 8px;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--accent);
  line-height: 1.3;
}
.hb-page__lead{
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  max-width: 52rem;
}
.hb-page__alert{
  margin-bottom: 16px;
}
.hb-status{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  margin-bottom: 16px;
}
.hb-status__item{
  flex: 1 1 200px;
  min-width: 0;
  padding: 12px 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line, #e2e8f0);
  background: #f8fafc;
}
.hb-status--ok .hb-status__item,
.hb-status--warn .hb-status__item,
.hb-status--err .hb-status__item{
  border-color: #dcfce7;
  background: #f0fdf4;
}
.hb-status__label{
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted);
  margin-bottom: 4px;
}
.hb-status__value{
  display: flex;
  align-items: center;
  min-height: 1.5em;
}
.hb-status__item--iban{
  flex: 2 1 280px;
}
.hb-status__iban{
  display: block;
  font-size: 0.88rem;
  line-height: 1.4;
}
.hb-status--summary{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}
.hb-status--summary .hb-status__item{
  flex: unset;
  min-width: 0;
}
.hb-status--summary .hb-status__item--iban{
  grid-column: span 2;
}
@media (max-width: 640px){
  .hb-status--summary .hb-status__item--iban{
    grid-column: span 1;
  }
}
.hb-status--summary .hb-status__value{
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--ink);
  word-break: break-word;
}
.hb-update-details{
  margin-top: 4px;
}
.hb-update-details__summary{
  list-style: none;
  cursor: pointer;
  padding: 12px 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--accent);
}
.hb-update-details__summary::-webkit-details-marker{
  display: none;
}
.hb-update-details__summary::before{
  content: '+ ';
}
.hb-update-details[open] .hb-update-details__summary::before{
  content: '− ';
}
.hb-update-details__body{
  padding-bottom: 8px;
}
.hb-form--update .hb-step:first-of-type{
  border-top: 0;
  padding-top: 0;
}
.hb-step{
  padding: 16px 0;
  border-top: 1px solid var(--line, #e2e8f0);
}
.hb-step:first-of-type{
  border-top: 0;
  padding-top: 4px;
}
.hb-step__head{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}
.hb-step__num{
  flex-shrink: 0;
  min-width: 1.25rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ink-muted);
  line-height: 1.4;
}
.hb-step__title{
  margin: 0;
  font-size: 0.98rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}
.hb-step__sub{
  margin: 2px 0 0;
  font-size: 0.84rem;
  line-height: 1.35;
}
.hb-step__body{
  padding-left: 1.75rem;
}
.hb-teyit__lead{
  margin: 0 0 12px;
  font-size: 0.88rem;
  line-height: 1.5;
}
.hb-teyit__amount{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 10px 14px;
  margin-bottom: 10px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line, #e2e8f0);
  background: #fff;
}
.hb-teyit__amount-label{
  font-size: 0.76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ink-muted);
}
.hb-teyit__amount-value{
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.hb-teyit__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.hb-teyit-card{
  padding: 12px 14px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-md);
  background: #fff;
}
.hb-teyit-card--accent{
  grid-column: 1 / -1;
}
.hb-teyit-card__k{
  display: block;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--ink-muted);
  margin-bottom: 4px;
}
.hb-teyit-card__req{
  font-weight: 500;
  color: var(--ink-muted);
}
.hb-teyit-card__row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.hb-teyit-card__v{
  flex: 1;
  min-width: 0;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.35;
  word-break: break-word;
}
.hb-teyit-card__v--code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
}
.hb-teyit-card__copy{
  flex-shrink: 0;
  margin: -4px -6px -4px 0;
}
.hb-teyit__note{
  margin: 10px 0 0;
  font-size: 0.84rem;
  line-height: 1.45;
}
.hb-form{
  display: flex;
  flex-direction: column;
}
.hb-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
}
.hb-field label{
  display: block;
  margin-bottom: 6px;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--ink);
}
.hb-optional{
  font-weight: 500;
  color: var(--ink-muted);
}
.hb-field--full{
  grid-column: 1 / -1;
}
.hb-field .input--iban{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9rem;
  letter-spacing: 0.02em;
}
.hb-file{
  padding: 12px 0;
}
.hb-file__label{
  display: block;
  margin-bottom: 8px;
  font-size: 0.84rem;
  font-weight: 600;
}
.hb-file__input{
  display: block;
  width: 100%;
  max-width: 100%;
  font-size: 0.88rem;
}
.hb-file__hint{
  margin: 8px 0 0;
  font-size: 0.84rem;
  line-height: 1.45;
}
.hb-page__actions{
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--line, #e2e8f0);
}
.hb-page__actions .btn-primary{
  min-width: min(100%, 320px);
}
@media (max-width: 720px){
  .hb-page{
    padding: 16px 14px 20px;
  }
  .hb-step__body{
    padding-left: 0;
  }
  .hb-teyit__grid,
  .hb-form-grid{
    grid-template-columns: 1fr;
  }
  .hb-teyit-card--accent{
    grid-column: 1;
  }
  .hb-status__item--iban{
    flex: 1 1 100%;
  }
}

/* Ödeme hesap bilgileri — panel + admin */
.odeme-iban-code{
  font-size:0.8125rem;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing:0.02em;
  word-break:break-all;
}
body.mode-admin .simple--hesap-bilgi{
  table-layout:fixed;
  min-width:880px;
}
body.mode-admin .simple--hesap-bilgi .col-hb-durum{ width:10%; }
body.mode-admin .simple--hesap-bilgi .col-hb-magaza{ width:18%; }
body.mode-admin .simple--hesap-bilgi .col-hb-hesap{ width:16%; }
body.mode-admin .simple--hesap-bilgi .col-hb-iban{ width:22%; }
body.mode-admin .simple--hesap-bilgi .col-hb-banka{ width:12%; }
body.mode-admin .simple--hesap-bilgi .col-hb-islem{ width:22%; }
body.mode-admin .hesap-bilgi-islem-form{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  min-width:11rem;
}
body.mode-admin .hesap-bilgi-islem-form .input-sm{
  font-size:0.8125rem;
  padding:6px 8px;
}
#magazaOdemeHesap .form-grid--cards{
  margin-top:0;
}
body.mode-admin .ua-hesap-bilgi-grid:not(.ua-field-grid){
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.mode-admin .ua-hesap-bilgi-actions{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  padding-top: 4px;
  border-top: 1px solid var(--line, #e2e8f0);
}
@media (max-width: 560px){
  body.mode-admin .ua-hesap-bilgi-actions{
    grid-template-columns: 1fr;
  }
}
body.mode-admin .ua-hesap-bilgi-form{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
  margin: 0;
}
body.mode-admin .ua-hesap-bilgi-form .input-sm{
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
body.mode-admin .ua-hesap-bilgi-form .btn{
  flex: 0 0 auto;
  align-self: stretch;
  min-width: 6.25rem;
  justify-content: center;
}
.hesap-bilgi-teyit{
  padding:14px 16px;
  background:#f8fafc;
  border:1px solid var(--line, #e2e8f0);
  border-radius:var(--radius-md);
}
.hesap-bilgi-teyit__kv .detail-kv__item{
  min-width:0;
}
body.mode-admin .simple--hesap-bilgi .col-hb-dekont{ width:11%; }
body.mode-admin .odeme-kesinti-cell{
  min-width:7.5rem;
  line-height:1.35;
}
body.mode-admin .odeme-kesinti-cell__kesinti{
  font-size:13px;
}
body.mode-admin .odeme-kesinti-cell__kalan{
  margin-top:4px;
  font-size:13px;
}
body.mode-admin .odeme-kesinti-cell__kalan-label{
  display:block;
  font-size:11px;
  font-weight:500;
  color:var(--muted, #64748b);
  letter-spacing:.02em;
  text-transform:uppercase;
}
body.mode-admin .odeme-kesinti-cell__kalan strong{
  font-size:14px;
  color:var(--text, #0f172a);
}
.modal-body--korumali-odeme{
  max-height:min(72vh,560px);
  overflow-y:auto;
}
.odeme-pay-summary{
  padding:0;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:0 1px 2px rgba(15, 23, 42, 0.04);
}
.odeme-pay-summary__grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(9.5rem, 32%);
  gap:0;
  align-items:stretch;
}
.odeme-pay-summary__grid--status-only{
  grid-template-columns:1fr;
}
.odeme-pay-summary__calc{
  min-width:0;
  padding:16px 18px;
  border-right:1px solid #e2e8f0;
}
.odeme-pay-summary__grid--status-only .odeme-pay-summary__status{
  border-right:none;
}
.odeme-pay-summary__breakdown{
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
}
.odeme-pay-summary__line{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  padding:9px 0;
  font-size:0.875rem;
  line-height:1.4;
  border-bottom:1px solid #f1f5f9;
}
.odeme-pay-summary__line:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.odeme-pay-summary__line:first-child{
  padding-top:0;
}
.odeme-pay-summary__line .k{
  color:#64748b;
  font-weight:500;
}
.odeme-pay-summary__line .v{
  font-weight:700;
  color:#0f172a;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.odeme-pay-summary__total{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px dashed #cbd5e1;
}
.odeme-pay-summary__total .k{
  font-size:0.8125rem;
  font-weight:700;
  letter-spacing:0.02em;
  color:#475569;
  text-transform:uppercase;
}
.odeme-pay-summary__total .v{
  font-size:1.375rem;
  font-weight:800;
  color:#0f172a;
  line-height:1.15;
  font-variant-numeric:tabular-nums;
  letter-spacing:-0.02em;
}
.odeme-pay-summary__status{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  min-width:0;
  padding:16px 18px;
  background:linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}
.odeme-pay-summary__status-group{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  min-width:0;
}
.odeme-pay-summary__status-label{
  font-size:0.65rem;
  font-weight:700;
  letter-spacing:0.07em;
  text-transform:uppercase;
  color:#94a3b8;
  line-height:1.2;
}
.odeme-pay-summary__status .badge{
  max-width:100%;
  line-height:1.3;
}
.odeme-pay-summary__chip{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  font-size:0.8125rem;
  font-weight:600;
  line-height:1.25;
  color:#334155;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:999px;
  box-shadow:0 1px 0 rgba(15, 23, 42, 0.04);
}
.odeme-pay-summary__footnote{
  padding:12px 16px;
  font-size:0.875rem;
  line-height:1.45;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:var(--radius-md);
}
@media (max-width:640px){
  .odeme-pay-summary__grid{
    grid-template-columns:1fr;
  }
  .odeme-pay-summary__calc{
    border-right:none;
    border-bottom:1px solid #e2e8f0;
  }
  .odeme-pay-summary__status{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:12px 20px;
  }
  .odeme-pay-summary__status-group{
    flex:1 1 8.5rem;
  }
}
.odeme-method-tabs{
  display:flex;
  gap:0;
  border-bottom:1px solid #e2e8f0;
  margin:0;
  padding:0;
}
.odeme-method-tabs__tab{
  flex:1 1 0;
  justify-content:center;
  border-radius:0;
  margin:0;
}
.odeme-method-tabs__tab:disabled{
  opacity:0.45;
  cursor:not-allowed;
}
.odeme-yontem-picker{
  border:0;
  padding:0;
  margin:0;
}
.odeme-yontem-picker__legend{
  font-size:0.82rem;
  font-weight:700;
  color:var(--ink-muted);
  margin-bottom:8px;
  padding:0;
}
.odeme-yontem-picker__label{
  cursor:pointer;
  margin:0;
}
.odeme-yontem-picker__input{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.odeme-yontem-picker__hint{
  font-size:0.82rem;
}
.catalog-detail__card--odeme-guvence .odeme-method-panel{
  padding-top:4px;
}
.odeme-kart-panel__amount{
  margin:0 0 12px;
  font-size:0.9rem;
}
.odeme-kart-panel__amount .k{
  color:var(--ink-muted);
  font-weight:700;
  margin-right:8px;
}
.odeme-kart-panel__lead{
  margin:0 0 12px;
  font-size:0.88rem;
}
.paytr-iframe-wrap{
  border:1px solid #e2e8f0;
  border-radius:var(--radius-md);
  overflow:hidden;
  background:#fff;
}
.odeme-guvence__banner{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-top:12px;
  padding:14px 16px;
  background:linear-gradient(135deg,#ecfdf5 0%,#f0f9ff 100%);
  border:1px solid #6ee7b7;
  border-radius:var(--radius-md);
}
.odeme-guvence__banner--compact{
  margin-top:10px;
  padding:12px 14px;
}
.odeme-guvence__banner-icon{
  flex-shrink:0;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:10px;
  border:1px solid #a7f3d0;
  --ui-icon-color:#047857;
}
.odeme-guvence__banner-icon .ui-icon{
  width:22px;
  height:22px;
}
.odeme-guvence__banner-body{
  min-width:0;
  flex:1;
}
.odeme-guvence__banner-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.odeme-guvence__banner-title{
  font-size:1rem;
  color:#065f46;
}
.odeme-guvence__banner-lead{
  margin:6px 0 0;
  font-size:0.88rem;
  line-height:1.45;
  color:#134e4a;
}
.odeme-guvence__banner-note{
  margin:8px 0 0;
  font-size:0.82rem;
}
.odeme-guvence__how-btn{
  flex-shrink:0;
}
.odeme-guvence__steps-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:2px;
}
.odeme-guvence__steps{
  display:flex;
  align-items:flex-start;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  min-width:min(100%,520px);
}
.odeme-guvence__step{
  flex:1 1 0;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  text-align:center;
  position:relative;
  padding:0 6px;
}
.odeme-guvence__step:not(:last-child)::after{
  content:"";
  position:absolute;
  top:14px;
  left:calc(50% + 18px);
  right:calc(-50% + 18px);
  height:2px;
  background:#e2e8f0;
  z-index:0;
}
.odeme-guvence__step--done:not(:last-child)::after{
  background:#34d399;
}
.odeme-guvence__step-dot{
  position:relative;
  z-index:1;
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0.75rem;
  font-weight:800;
  background:#fff;
  border:2px solid #cbd5e1;
  color:#64748b;
}
.odeme-guvence__step--current .odeme-guvence__step-dot{
  border-color:#0d9488;
  background:#ccfbf1;
  color:#0f766e;
  box-shadow:0 0 0 3px rgba(13,148,136,0.15);
}
.odeme-guvence__step--done .odeme-guvence__step-dot{
  border-color:#10b981;
  background:#10b981;
  --ui-icon-color:#fff;
}
.odeme-guvence__step--done .odeme-guvence__step-dot .ui-icon{
  width:16px;
  height:16px;
}
.odeme-guvence__step-label{
  font-size:0.72rem;
  font-weight:700;
  color:#64748b;
  line-height:1.2;
}
.odeme-guvence__step--current .odeme-guvence__step-label{
  color:#0f766e;
}
.odeme-guvence__step--done .odeme-guvence__step-label{
  color:#047857;
}
.odeme-guvence__notice{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:12px;
  padding:11px 13px;
  border-radius:var(--radius-md);
  font-size:0.88rem;
  line-height:1.4;
}
.odeme-guvence__notice--info{
  background:#eff6ff;
  border:1px solid #93c5fd;
  color:#1e3a8a;
}
.odeme-guvence__notice--warn{
  background:#fff4c2;
  border:1px solid #f0c84a;
  color:#713f12;
}
.odeme-guvence__notice--ok{
  background:#ecfdf5;
  border:1px solid #6ee7b7;
  color:#065f46;
}
.odeme-guvence__notice-icon .ui-icon{
  width:20px;
  height:20px;
  flex-shrink:0;
}
.odeme-guvence__guide{
  margin:12px 0 0;
  padding-left:1.25rem;
  font-size:0.86rem;
  line-height:1.5;
  color:var(--ink-muted);
}
.odeme-guvence__guide li + li{
  margin-top:4px;
}
.odeme-guvence__kv .detail-kv__item--highlight{
  background:#f0fdf4;
  border-color:#86efac;
}
.odeme-guvence__amount{
  font-size:1.15rem;
  color:#047857;
}
.odeme-guvence__submit-form{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.odeme-guvence__submit-hint{
  margin:0;
  font-size:0.8rem;
}
.legal-beyan__list--ordered{
  list-style:decimal;
  padding-left:1.25rem;
}
.legal-beyan__list--ordered li{
  margin-top:6px;
}
.card-head__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.detail-kv{
  margin-top: 10px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
}
.detail-kv.detail-kv--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.detail-kv.detail-kv--4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 680px){
  .detail-kv{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .detail-kv.detail-kv--3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  .detail-kv.detail-kv--3 .detail-kv__item{
    padding: 10px 10px;
  }
  .detail-kv.detail-kv--3 .detail-kv__item .k{
    font-size: 0.72rem;
  }
  .detail-kv.detail-kv--3 .detail-kv__item .v{
    font-size: 0.96rem;
  }
  .detail-kv.detail-kv--4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
  .detail-kv.detail-kv--4 .detail-kv__item{
    padding: 10px 10px;
  }
  .detail-kv.detail-kv--4 .detail-kv__item .k{
    font-size: 0.72rem;
  }
  .detail-kv.detail-kv--4 .detail-kv__item .v{
    font-size: 0.96rem;
  }
}

@media (max-width: 420px){
  .detail-kv{ grid-template-columns: 1fr; }
  .detail-kv.detail-kv--4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  .detail-kv.detail-kv--4 .detail-kv__item{
    padding: 8px;
  }
  .detail-kv.detail-kv--4 .detail-kv__item .k{
    font-size: 0.68rem;
  }
  .detail-kv.detail-kv--4 .detail-kv__item .v{
    font-size: 0.88rem;
  }
}
.detail-kv__item{
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  padding: 10px 12px;
  background: #f8fafc;
  box-shadow: none;
}
.detail-kv__item .k{
  display:block;
  font-size: 0.78rem;
  text-transform: none;
  letter-spacing: 0.01em;
  color: var(--ink-muted);
  font-weight: 700;
}
.detail-kv__item .v{
  display:block;
  margin-top: 2px;
  font-weight: 800;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.detail-kv__item--full{
  grid-column: 1 / -1;
}
.catalog-detail__ship-notices{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
}
.catalog-detail__ship-notice{
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 13px;
  background: #fff4c2;
  border: 1px solid #f0c84a;
  border-radius: var(--radius-md);
  color: #7a4a00;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.45;
}
@media (max-width: 720px){
  .catalog-detail__ship-notices{
    flex-direction: column;
  }
  .catalog-detail__ship-notice{
    flex: 1 1 auto;
  }
}
.catalog-detail__ship-notice__icon{
  flex-shrink: 0;
  margin-top: 1px;
  color: #b45309;
  --ui-icon-color: #b45309;
}
.catalog-detail__ship-notice__icon .ui-icon{
  width: 1.2rem;
  height: 1.2rem;
}
.catalog-detail__ship-notice--with-action{
  flex-wrap: wrap;
  align-items: flex-start;
}
.catalog-detail__ship-notice--with-action .catalog-detail__ship-notice__text{
  flex: 1 1 8rem;
  min-width: 0;
}
.catalog-detail__ship-notice__btn{
  flex: 0 0 100%;
  width: 100%;
  margin-top: 4px;
  margin-left: 0;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 4px 10px;
  white-space: nowrap;
  text-align: center;
}
@media (min-width: 721px){
  .catalog-detail__ship-notice--with-action{
    align-items: center;
  }
  .catalog-detail__ship-notice--with-action .catalog-detail__ship-notice__text{
    flex: 1 1 auto;
  }
  .catalog-detail__ship-notice__btn{
    flex: 0 0 auto;
    width: auto;
    margin-top: 0;
    margin-left: auto;
    text-align: left;
  }
}
.modal-dialog--legal{
  max-width: min(42rem, 96vw);
}
.modal-body--legal{
  max-height: min(70vh, 520px);
  overflow-y: auto;
}
.legal-beyan--modal p{
  margin: 0 0 10px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #334155;
}
.legal-beyan--modal .legal-beyan__list{
  margin: 0 0 12px;
  padding-left: 1.25rem;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #334155;
}
.legal-beyan--modal .legal-beyan__list li{
  margin-bottom: 8px;
}
.legal-beyan--modal .legal-beyan__list li:last-child{
  margin-bottom: 0;
}
.legal-beyan--modal .legal-beyan__foot{
  margin-bottom: 0;
  font-size: 0.86rem;
  color: #64748b;
}
.detail-kv__item--copy .detail-kv__value-row{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-top:2px;
  min-width:0;
}
.detail-kv__item--copy .detail-kv__value-row .v{
  flex:1;
  min-width:0;
  margin-top:0;
  overflow-wrap:anywhere;
}
.detail-kv__copy{
  flex-shrink:0;
  margin-top:-2px;
  padding:4px 6px;
}
.detail-kv__copy .ui-icon{
  width:1rem;
  height:1rem;
}
.detail-kv__item--editable .detail-kv__value-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:2px;
  min-width:0;
}
.detail-kv__item--editable .detail-kv__value-row .v{
  flex:1;
  min-width:0;
  margin-top:0;
}
.detail-kv__edit{
  flex-shrink:0;
  margin-left:auto;
  white-space:nowrap;
}
.detail-kv__edit .ui-icon{
  width:1rem;
  height:1rem;
}
.detail-kv__item--seller-perf{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.detail-kv__item--seller-perf .detail-kv__item-body{
  flex: 1;
  min-width: 0;
}
.detail-kv__item--seller-perf .k{
  display: block;
}
.detail-kv__item--seller-perf .detail-kv__hint{
  display: block;
  margin-top: 2px;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.35;
}
.catalog-detail__card > .detail-kv:first-of-type,
.catalog-detail__card > .section-label + .detail-kv,
.catalog-detail__card > .card-head + .detail-kv,
.catalog-detail__card > .catalog-detail__offers-head + .detail-kv{
  margin-top: 10px;
}
.catalog-detail__card > .detail-kv + .inline-form.mt-md{
  display: block;
}
.detail-divider{
  height:1px;
  background: var(--line);
  margin: 14px 0;
}
.detail-block .detail-lines{
  color: var(--ink);
  font-weight: 600;
}
.detail-block .detail-lines > div{
  margin-top: 6px;
  color: var(--ink-muted);
  font-weight: 600;
}
.detail-block .detail-lines strong{
  color: var(--ink);
  font-weight: 900;
}
.detail-subcard{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--line);
}

/* Sipariş / Ödeme ızgara */
.pay-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.pay-bank{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.pay-kv{
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #f8fafc;
  box-shadow: none;
  padding: 10px 12px;
  min-width: 0;
}
.pay-kv .k{
  display:block;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
}
.pay-kv .v{
  display:block;
  margin-top: 3px;
  font-weight: 900;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.pay-kv--wide{
  grid-column: 1 / -1;
}
.pay-kv--copy{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.pay-kv--copy .v{
  flex:1;
}
.pay-kv__copy{
  align-self:flex-start;
  margin-top:2px;
}
@media (max-width: 980px){
  .pay-grid{ grid-template-columns: 1fr; }
  .pay-bank{ grid-template-columns: 1fr; }
}

/* Teklif grid + sayfalama (ilan) — her teklif tam genişlik satır, hücreler yan yana */
.offers-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
.catalog-detail__offers .offers-grid{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.offer-item{
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0;
  display:grid;
  grid-template-columns:
    minmax(14rem, 1.35fr)
    minmax(8.5rem, 0.85fr)
    minmax(4.25rem, 0.38fr)
    minmax(7.5rem, 0.92fr)
    auto;
  gap: 12px;
  align-items: stretch;
}
@media (min-width: 721px){
  .catalog-detail__offers .offer-item{
    min-width: min(100%, 52rem);
  }
}
.offer-item__cell{
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #f8fafc;
  box-shadow: none;
}
.offer-item__ref,
.offer-item__date,
.offer-item__qty,
.offer-item__price,
.offer-item__action{
  display:flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}
.offer-item__seller{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
}
.offer-item__seller-body{
  flex: 1;
  min-width: 0;
}
.offer-item__seller .k{
  display: block;
}
.offer-item__seller-hint{
  display: block;
  margin-top: 2px;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.35;
}
.offer-item__seller-actions{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.offer-item__seller-actions .trade-takip-btn{
  flex-shrink: 0;
}
.offer-item__ref .k,
.offer-item__date .k,
.offer-item__seller-body .k,
.offer-item__qty .k,
.offer-item__price .k,
.offer-item__action .k{
  display: block;
  width: 100%;
  font-size: .74rem;
  font-weight: 700;
  color: var(--ink-muted);
}
.offer-item__ref{
  overflow: visible;
}
.offer-item__ref .v,
.offer-item__qty .v,
.offer-item__price .v{
  font-weight: 900;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.offer-item__ref .v{
  width: 100%;
  overflow: visible;
}
.offer-item__ref-row{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 100%;
}
.offer-item__ref-row .uye-no-row,
.offer-item__ref-row .uye-no-line{
  flex-wrap: nowrap;
  max-width: 100%;
}
.offer-item__date .v{
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  line-height: 1.35;
}
.offer-item__action .v{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.offer-item__action .badge{
  white-space: nowrap;
}

/* Teklif veren (satıcı) özet alanı */
.offer-my-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.offer-my-grid--2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.offer-my-cell{
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #f8fafc;
  box-shadow: none;
  padding: 10px 12px;
  min-width: 0;
  text-align: center;
}
.offer-my-cell .k{
  display:block;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
}
.offer-my-cell .v{
  display:block;
  margin-top: 3px;
  font-weight: 900;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.catalog-detail__offers .offer-my-status{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  background: #fff4c2;
  border: 1px solid #f0c84a;
  border-radius: var(--radius-md);
}
.offer-my-status__text{
  margin: 0;
  flex: 1;
  min-width: 0;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.45;
  color: #7a4a00;
}
.offer-my-status__actions{
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  margin-left: auto;
}
@media (max-width: 560px){
  .catalog-detail__offers .offer-my-status{
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .catalog-detail__offers .offer-my-status__actions{
    width: 100%;
    justify-content: flex-end;
  }
}
.offer-my-status__cancel{
  display: inline-flex;
  margin: 0;
}
.offer-my-status .offer-my-status__btn{
  box-shadow: none;
  font-weight: 700;
}
.offer-my-status__btn--edit{
  background: #fff;
  color: #92400e;
  border: 1px solid #d97706;
}
.offer-my-status__btn--edit:hover:not(:disabled){
  background: #fffbeb;
  border-color: #b45309;
  color: #78350f;
}
.offer-my-status__btn--edit .ui-icon{
  --ui-icon-color: #b45309;
}
.offer-my-status__btn--cancel{
  background: #fff;
  color: #991b1b;
  border: 1px solid #f87171;
}
.offer-my-status__btn--cancel:hover:not(:disabled){
  background: #fef2f2;
  border-color: #dc2626;
  color: #7f1d1d;
}
.offer-my-status__btn--cancel .ui-icon{
  --ui-icon-color: #dc2626;
}
.offer-my-status .detail-kv__edit{
  flex-shrink: 0;
}
@media (max-width: 720px){
  .offer-my-grid{ grid-template-columns: 1fr; }
  .offer-my-grid--2{ grid-template-columns: 1fr; }
  .offer-item{
    grid-template-columns: 1fr;
  }
  .offer-item__cell{
    padding: 10px 12px;
  }
  .offer-item__ref .k,
  .offer-item__date .k,
  .offer-item__qty .k,
  .offer-item__price .k,
  .offer-item__action .k{ font-size: .68rem; }
  .offer-item__ref .v,
  .offer-item__qty .v,
  .offer-item__price .v{ font-size: .96rem; }
  .offer-item__date .v{ font-size: 0.8rem; }
  .offer-item__action{ padding: 10px 12px; }
  .offer-item__action .btn{
    padding: 8px 10px;
    font-size: 0.84rem;
    border-radius: var(--radius-sm);
    box-shadow: 0 2px 10px rgba(2,6,23,.10);
    white-space: nowrap;
  }
}

@media (max-width: 420px){
  .offer-item__action .btn span{ display:none; } /* sadece ✓ */
  .offer-item__action .btn .ui-icon{ margin-right: 0; }
  .hs-talep-compact__actions .btn span{ display: inline; }
  .hs-talep-compact__actions .btn .ui-icon{ margin-right: 0.35em; }
}
.offers-pager{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content:flex-end;
}
.btn.is-disabled{
  pointer-events:none;
  opacity:.55;
}

/* Yazdır etiketi */
.print-label{
  display: none;
  padding: 18px;
  background: #fff;
  color: #0f172a;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  margin-top: 12px;
}
body.is-printing .print-label{
  display: block;
}
.product-barcode{
  max-width:280px;
  margin-top:4px;
}
.product-barcode svg{
  display:block;
  width:100%;
  height:auto;
}

.print-barcode{
  margin-top: 16px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  background: #fff;
}
.print-barcode svg{
  width: 100%;
  height: 96px;
  display: block;
}
@media print{
  @page { size: A4; margin: 10mm; }
  html, body { height: auto !important; background: #fff !important; }

  /* Layout'ta yer kaplamasın diye display ile kapat */
  body *{ display: none !important; }
  #printLabelPrint{ display: block !important; }
  #printLabelPrint, #printLabelPrint *{ display: block !important; }
  /* svg iç elemanları kaybolmasın */
  #printLabelPrint svg,
  #printLabelPrint svg *{ display: initial !important; }

  #printLabelPrint{
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    page-break-inside: avoid;
    break-inside: avoid;
    page-break-after: avoid;
    break-after: avoid;
  }
  .print-barcode, .print-barcode *{
    display: block !important;
  }

  /* Tek sayfaya zorla: label içinde bölünme olmasın */
  #printLabelPrint,
  #printLabelPrint *{
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  html, body{
    overflow: hidden !important;
  }
}

@media (max-width: 980px){
  .catalog-hero-img{ position: relative; top: auto; }
}

/* İlan düzenleme */
.ilan-edit-form{
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
}
@media (max-width: 820px){
  .ilan-edit-form{ grid-template-columns: 1fr; }
}
.ilan-edit-form__media{
  grid-column: 1 / -1;
}
.ilan-edit-thumb{
  display:block;
  margin-top: 8px;
  border-radius: var(--radius-md);
  overflow:hidden;
  border: 1px solid var(--line);
  background: #f8fafc;
  box-shadow: var(--shadow-card);
  max-width: 420px;
}
.ilan-edit-thumb img{
  width:100%;
  height:auto;
  display:block;
}
.ilan-edit-thumb--empty{
  padding: 14px;
  color: var(--ink-muted);
  font-weight: 800;
}

.trade-table-wrap {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: var(--shadow-card);
}

.trade-table-wrap:focus {
  outline: none;
}

.trade-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 980px;
  table-layout: fixed;
}

.trade-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  color: #334155;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
  padding: 11px 7px;
  text-align: left;
  white-space: nowrap;
  border: 1px solid #e2e8f0;
}

.trade-table tbody td {
  padding: 11px 7px;
  vertical-align: middle;
  color: var(--ink);
  font-size: 0.9rem;
  line-height: 1.35;
  border: 1px solid #e2e8f0;
  white-space: nowrap;
}

.mono {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.trade-table tbody tr:nth-child(even) td {
  background: #fcfdff;
}

.trade-table tbody tr:hover td {
  background: #f3f8ff;
}

.img-mini-link {
  display: inline-block;
  vertical-align: middle;
  cursor: zoom-in;
}

.img-mini {
  width: 54px;
  height: 54px;
  border-radius: var(--radius-sm);
  object-fit: cover;
  object-position: center;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.img-mini--empty {
  color: #94a3b8;
  font-weight: 800;
  font-size: 0.9rem;
}

.trade-td-center,
table.simple td.trade-td-center {
  text-align: center;
}

.trade-th-center,
table.simple th.trade-th-center {
  text-align: center;
}

.trade-td-center .pill {
  margin-inline: auto;
}

.trade-table-wrap::-webkit-scrollbar {
  height: 10px;
}

.trade-table-wrap::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.55);
  border-radius: 999px;
}

.trade-table-wrap::-webkit-scrollbar-track {
  background: rgba(226, 232, 240, 0.55);
}

.trade-td-ico {
  white-space: nowrap;
}

.trade-table tbody td .idbox,
.trade-table tbody td .pill {
  max-width: 100%;
}

.btn.btn-ico {
  padding: 7px 10px;
  gap: 0;
}

.btn.btn-ico .ui-icon {
  margin: 0;
}

.btn.btn-ico-text {
  padding: 7px 12px;
}

.pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.75);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.pill-btn {
  cursor: pointer;
  font-family: var(--font);
}

.pill-count {
  min-width: 30px;
  padding: 5px 8px;
  font-size: 0.88rem;
}

.pill--zero {
  background: #f8fafc;
  color: #64748b;
  border-color: #e2e8f0;
}

.pill--pos {
  background: rgba(59, 130, 246, 0.12);
  color: #1d4ed8;
  border-color: rgba(59, 130, 246, 0.25);
}

.pill-btn:hover {
  filter: brightness(0.98);
}

.pill-btn:active {
  transform: translateY(1px);
}

.pill-btn:focus {
  outline: none;
}

.pill--soft {
  background: rgba(241, 245, 249, 0.85);
  color: var(--ink-muted);
  font-weight: 700;
}

.idbox--tight {
  padding: 5px 10px;
  font-size: 0.86rem;
}

@media (max-width: 680px) {
  .trade-feed {
    padding: 12px 10px 16px;
  }
}

.trade-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-card);
  margin: 14px 0 0;
}

.trade-summary-item {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-muted);
  padding: 12px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.trade-summary-k {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ink-muted);
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.trade-summary-v {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  font-size: 1.05rem;
  color: var(--ink);
}

/* Sorgu listesi — sohbet balonu değil, tam genişlik kart */
.trade-query-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  /* overflow: hidden alt metrik satırının kenarlığını/yuvarlağı kesiyordu */
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%;
  max-width: 100%;
}

.trade-query-card--own {
  border-left: 4px solid var(--accent);
}

.trade-query-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 12px 16px;
  background: var(--surface-muted);
  border-bottom: 1px solid var(--line);
}

.trade-query-card__head-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.idbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.7);
  color: var(--ink);
  font-weight: 700;
  font-size: 0.9rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.idbox--soft {
  font-weight: 600;
  color: var(--ink-muted);
  background: rgba(241, 245, 249, 0.8);
}

.trade-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* Ürün talep paneli başlığında: sekmeler ayrı, işlemler ayrı */
.trade-head-actions__cats{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.trade-head-actions__ops{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

.trade-query-card__store {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--ink);
  letter-spacing: -0.02em;
}

.trade-query-card__badge {
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--accent);
  background: var(--accent-soft);
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid var(--accent-border);
}

.trade-query-card__time {
  font-size: 0.78rem;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
}

.trade-query-card__head--with-actions {
  align-items: flex-start;
}

.trade-query-card__head-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 12px;
  margin-left: auto;
}

.trade-query-card__body {
  padding: 16px 18px 18px;
  background: var(--surface);
}

.trade-query-card__body--with-bv {
  display: flow-root;
  padding: 16px 18px 24px;
}

.trade-query-card__body--own {
  background: var(--surface);
  display: flow-root;
  padding: 16px 18px 24px;
}

.trade-query-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-top: 1px solid var(--line);
  background: var(--surface-muted);
}

.trade-query-card__actions--split {
  justify-content: flex-end;
}

.trade-replies--in-card {
  margin: 0;
  max-width: none !important;
  width: auto;
  border-radius: 0;
  border: none;
  border-top: 1px dashed var(--line);
  background: #f4f5f7;
  padding: 12px 16px 14px;
}

/* Kart içi ızgara: sol metin + isteğe bağlı sağ görsel */
.trade-msg-bubble-inner {
  display: grid;
  gap: 12px;
  align-items: start;
}

.trade-msg-bubble-inner--has-media {
  grid-template-columns: 1fr;
}

@media (min-width: 520px) {
  .trade-msg-bubble-inner--has-media {
    grid-template-columns: minmax(0, 1fr) minmax(140px, 220px);
    gap: 16px 20px;
  }
}

.trade-msg-bubble-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.trade-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  align-self: flex-start;
  font-size: 0.66rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--accent);
  background: var(--accent-soft);
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--accent-border);
}

.trade-chip .ui-icon {
  color: var(--accent);
}

.trade-query-card__body--own .trade-chip {
  background: rgba(255, 255, 255, 0.85);
}

/* Stoğumda var — ürün ızgarası + görsel satırının ALTINDA tam genişlik şerit (kart içi bölüm) */
.trade-query-card__bv-band {
  margin: 14px -18px 0;
  padding: 14px 18px 22px;
  border-top: 1px solid var(--line);
  background: linear-gradient(180deg, var(--surface-muted) 0%, rgba(245, 247, 249, 0.88) 100%);
}

.trade-query-card__bv-title {
  margin: 0 0 10px;
  padding: 0;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ink-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.trade-query-card__bv-title .ui-icon {
  color: var(--accent);
}

.trade-query-bv__metric {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--accent-border);
  border-left: 4px solid var(--accent);
  background: linear-gradient(
    135deg,
    var(--accent-soft) 0%,
    color-mix(in srgb, var(--surface) 92%, var(--accent-soft)) 100%
  );
}

.trade-query-bv__label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--accent);
}

.trade-query-bv__label .ui-icon {
  color: var(--accent);
}

.trade-query-bv__value {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  color: var(--ink);
  line-height: 1;
}

.trade-query-card__metrics-two {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (min-width: 400px) {
  .trade-query-card__metrics-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.trade-query-bv__metric--soft {
  border-left-color: var(--line);
  background: linear-gradient(
    135deg,
    var(--surface-muted) 0%,
    color-mix(in srgb, var(--surface) 88%, var(--ink-muted)) 100%
  );
  border-color: var(--line);
}

.trade-query-bv__metric--soft .trade-query-bv__label {
  color: var(--ink-muted);
}

.trade-query-bv__metric--soft .trade-query-bv__label .ui-icon {
  color: var(--accent);
}

.trade-query-bv__stores-title {
  margin: 12px 0 6px;
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.trade-query-bv__stores-list {
  margin: 0;
  padding: 0 0 0 1.1rem;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--ink);
}

.trade-query-bv__stores-list li {
  margin: 0.15rem 0;
}

/* Satıcı profil modalı — yetkili markalar (kutu / chip) */
.satici-brand-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.satici-brand-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 7px 12px;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--ink);
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  box-shadow: none;
}

.satici-brand-chip__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.16);
  color: #047857;
}

.satici-brand-chip__badge svg {
  width: 0.62rem;
  height: 0.62rem;
  display: block;
}

.satici-brand-chip__name {
  min-width: 0;
}

body.mode-panel .satici-brand-chip {
  border-color: rgba(17, 24, 39, 0.12);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 1px 3px rgba(17, 24, 39, 0.06);
}

/* Satıcı modal — başlık + takip */
.satici-performans__header .trade-takip-btn{
  font-size: 0.82rem;
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
#modalSatici .satici-performans__header .h2{
  color: var(--ink);
  font-size: 1.12rem;
}

/* Model / ekartman / renk — responsive ızgara */
.trade-msg-fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px 14px;
}

@media (min-width: 400px) {
  .trade-msg-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.trade-msg-line {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  margin: 0;
  padding: 8px 10px;
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--ink);
  background: var(--surface-muted);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}

.trade-msg-line .t {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
}

.trade-msg-line .t .ui-icon {
  color: var(--ui-icon-color);
}

.trade-msg-value {
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--ink);
  word-break: break-word;
}

.trade-query-card__body--own .trade-msg-line {
  background: var(--surface-muted);
  border-color: var(--line);
}

.trade-msg-bubble-media {
  margin: 0;
  min-width: 0;
  border-radius: var(--radius-md);
  background: var(--surface);
  border: 1px solid var(--line);
  overflow: hidden;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.06);
}

.trade-msg-bubble-media .trade-msg-img-link {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
  text-decoration: none;
  color: inherit;
}

.trade-msg-bubble-media img {
  display: block;
  width: 100%;
  max-width: 320px;
  height: 100%;
  max-height: 240px;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 0;
  border: none;
}

.trade-msg-bubble-media .trade-msg-img-link {
  position: relative;
}

.trade-msg-bubble-media .trade-msg-img-link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(transparent 55%, rgba(2, 6, 23, 0.22));
  opacity: 0;
  transition: opacity 0.18s ease;
  pointer-events: none;
}

.trade-msg-bubble-media .trade-msg-img-link:hover::after {
  opacity: 1;
}

@media (max-width: 519px) {
  .trade-msg-bubble-inner--has-media .trade-msg-bubble-media img {
    max-height: 200px;
  }
}

.trade-sil-form .btn-ghost .ui-icon {
  color: var(--ui-icon-color);
}

.trade-replies {
  margin-top: 10px;
  padding: 10px 12px;
  width: 100%;
  max-width: 400px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px dashed #cbd5e1;
  border-radius: var(--radius-md);
  align-self: stretch;
}

.trade-replies-label {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--ink-muted);
  margin-bottom: 8px;
}

.trade-replies-label .ui-icon {
  color: var(--ui-icon-color);
}

.trade-reply-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
  font-size: 0.86rem;
}

.trade-reply-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.trade-reply-who {
  font-weight: 600;
  color: #334155;
}

.trade-msg-waiting {
  font-size: 0.84rem;
  color: #94a3b8;
  margin: 8px 0 0;
  align-self: flex-end;
  text-align: right;
}

.trade-empty {
  text-align: center;
  padding: 40px 16px 52px;
}

.trade-empty-title {
  font-weight: 700;
  font-size: 1.05rem;
  color: #475569;
  margin: 0 0 8px;
}

.trade-empty-hint {
  margin: 0;
  font-size: 0.88rem;
  color: var(--ink-muted);
  line-height: 1.55;
  max-width: 40ch;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 900px) {
  .trade-layout {
    flex-direction: column;
    min-height: auto;
    border-radius: var(--radius-lg);
  }

  .trade-sidebar {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px;
    gap: 8px;
    border-right: none;
    border-bottom: 1px solid var(--line);
  }

  .trade-sidebar-brand {
    width: 100%;
    padding: 6px 10px 10px;
    margin: 0;
    border-bottom: none;
    text-align: left;
  }

  .trade-nav {
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
  }

  .trade-nav-item {
    flex: 1;
    min-width: 140px;
    justify-content: center;
  }

  .trade-sidebar-settings {
    margin-top: 0;
  }

  .trade-feed {
    height: auto;
    max-height: none;
  }
}

@media (max-width: 640px) {
  .topnav-inner {
    padding: 12px 16px;
  }

  .navlinks {
    width: 100%;
    margin-left: 0;
  }

  .card {
    padding: 22px 18px;
  }

  .page-title {
    font-size: 1.35rem;
  }

  .page-header {
    flex-direction: column;
    align-items: stretch;
  }

  .btn-hero {
    width: 100%;
    justify-content: center;
  }

  .modal {
    padding: 12px;
  }

  .modal-dialog {
    max-height: 88vh;
  }

  .trade-toolbar {
    padding: 12px 14px;
  }

  .trade-toolbar-btn {
    width: 100%;
    justify-content: center;
  }

  .trade-feed {
    height: auto;
    max-height: none;
    padding: 14px 12px 24px;
  }
}

/* --- Admin Dashboard (ana sayfa) --- */
body.mode-admin .dash-admin-home{
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 1920px;
}
body.mode-admin .dash-hero--admin{
  grid-column: 1 / -1;
}
body.mode-admin .dash-kpis--admin-hero{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.mode-admin .kpi-card--live{
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.14) 0%, rgba(255, 255, 255, 0.9) 55%);
  border-color: rgba(34, 197, 94, 0.25);
}
body.mode-admin .kpi-live-dot{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  margin-right: 6px;
  vertical-align: middle;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5);
  animation: admin-live-pulse 2s ease-out infinite;
}
@keyframes admin-live-pulse{
  0%{ box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45); }
  70%{ box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
  100%{ box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
body.mode-admin .dash-admin-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
}
body.mode-admin .dash-admin-grid__main{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
body.mode-admin .dash-admin-grid__side{
  min-width: 0;
}
body.mode-admin .dash-mosaic--admin{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body.mode-admin .dash-mosaic--admin-charts{
  grid-template-columns: 1fr;
}
@media (min-width: 720px){
  body.mode-admin .dash-mosaic--admin-charts{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1100px){
  body.mode-admin .dash-mosaic--admin-charts{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body.mode-admin .dash-chart--admin-line,
body.mode-admin .dash-chart--admin-bar{
  height: 176px;
}
body.mode-admin .dash-card--top-stores .dash-list--top-stores{
  margin-top: 0;
}
body.mode-admin .dash-card--top-stores .dash-table{
  margin-top: 0;
}
body.mode-admin .dash-actions--admin{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
body.mode-admin .dash-actions--admin .dash-actions__row{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.mode-admin .dash-hero--admin{
  flex-wrap: wrap;
  align-items: flex-start;
}
body.mode-admin .dash-hero--admin .dash-hero__left{
  flex: 1 1 280px;
  min-width: 0;
}
body.mode-admin .dash-hero--admin .dash-hero__right{
  flex: 1 1 360px;
  min-width: 0;
}
body.mode-admin .dash-alerts-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
  margin-top: 4px;
}
body.mode-admin .dash-alert-kpi{
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.88);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, background 0.15s ease;
}
body.mode-admin .dash-alert-kpi:hover{
  border-color: rgba(29, 78, 216, 0.35);
  background: rgba(255, 255, 255, 1);
}
body.mode-admin .dash-alert-kpi--active{
  border-color: rgba(245, 158, 11, 0.45);
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(255, 255, 255, 0.92) 60%);
}
body.mode-admin .dash-alert-kpi__title{
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--ink-muted);
}
body.mode-admin .dash-alert-kpi__value{
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -0.02em;
}
body.mode-admin .dash-card--presence{
  position: sticky;
  top: 12px;
}
body.mode-admin .dash-presence-hint{
  margin: 0 0 12px;
  font-size: 0.82rem;
  line-height: 1.45;
}
body.mode-admin .dash-presence-wrap{
  max-height: 420px;
  overflow-y: auto;
}
body.mode-admin .dash-presence-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mode-admin .dash-presence-list__item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.92);
}
body.mode-admin .dash-presence-list__dot{
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
}
body.mode-admin .dash-presence-list__main{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.mode-admin .dash-presence-list__name{
  font-weight: 700;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-admin .dash-presence-list__meta{
  font-size: 0.78rem;
  color: var(--ink-muted);
}
body.mode-admin .dash-presence-list__time{
  flex-shrink: 0;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--ink-muted);
}
body.mode-admin .dash-chart--doughnut{
  height: 200px;
}
body.mode-admin .dash-chart--compact-bar{
  height: 180px;
}
@media (min-width: 1080px){
  body.mode-admin .dash-admin-grid{
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  }
}
@media (max-width: 900px){
  body.mode-admin .dash-kpis--admin-hero{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mode-admin .dash-mosaic--admin,
  body.mode-admin .dash-mosaic--admin-charts{
    grid-template-columns: 1fr;
  }
  body.mode-admin .dash-card--presence{
    position: static;
  }
}

.dash-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 18px;
  max-width: 1920px;
}

/* Ana sayfa: mozaik + sağ slider */
.dash-home{
  display:grid;
  grid-template-columns: 1fr;
  gap: 18px;
  max-width: 1920px;
  align-items: start;
}
.dash-home__main{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.dash-home__main > .card{
  margin-bottom: 0;
}
.dash-home__left{
  min-width: 0;
}
.dash-home__right{
  min-width: 0;
  position: sticky;
  top: 12px;
}
.dash-kpi-strip{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-card);
}
.kpi-card--mini{
  flex: 1 1 88px;
  min-width: 88px;
  padding: 8px 10px;
}
.kpi-card--mini .kpi-title{
  font-size: 0.72rem;
}
.kpi-card--mini .kpi-value{
  font-size: 1.15rem;
  margin-top: 4px;
}
.dash-section{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dash-section__title{
  margin: 0;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.dash-card--section{
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dash-card__head--section{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 2px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--line);
}
.dash-card__head--section .section-label{
  margin-bottom: 0;
}
.dash-card__head-titles{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.dash-card__hint{
  font-size: 0.84rem;
  font-weight: 500;
  color: var(--ink-muted);
  line-height: 1.3;
}
.dash-section__kpis{
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-muted);
}
.dash-section__kpis .dash-kpis--dense{
  margin-top: 0;
}
.dash-section__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.dash-section__grid--single{
  grid-template-columns: 1fr;
}
.dash-section__grid--nested{
  gap: 12px 14px;
}
.dash-section__chart{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
}
.dash-section__chart--wide{
  grid-column: 1 / -1;
}
.dash-section__chart-title{
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.2;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--line);
}
.dash-chart--section{
  height: 152px;
  margin-top: 0;
}
.dash-section__chart--tall .dash-chart--section,
.dash-chart--section.dash-chart--tall{
  height: 200px;
}
.dash-section__body{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dash-section__subgroup{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}
.dash-section__body > .dash-section__subgroup:first-child{
  padding-top: 0;
  border-top: 0;
}
.dash-section__subgroup-title{
  margin: 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.dash-mosaic{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.dash-card--tile{
  padding: 12px 14px 10px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.dash-card__head--tile{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  min-height: 28px;
}
.dash-card__h3{
  margin: 0;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--ink);
  line-height: 1.2;
}
.dash-card__link{
  flex-shrink: 0;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--ink-muted);
  text-decoration: none;
  padding: 4px 0;
}
.dash-card__link:hover{
  color: var(--ink);
  text-decoration: underline;
}
.dash-card--full,
.dash-card--kpi-block{
  grid-column: 1 / -1;
}
.dash-chart--tile{
  height: 152px;
  margin-top: 0;
}
.dash-card--tall-chart .dash-chart--tile{
  height: 200px;
}
.dash-chart--no-data{
  opacity: 0.55;
}
.dash-card--kpi-block .dash-kpis--dense{
  margin-top: 0;
}
.dash-kpis--dense{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.dash-card--side-kpi{
  padding: 12px 14px;
}
.dash-kpis--side{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.dash-kpis--side .kpi-card{
  padding: 10px 12px;
}
.dash-kpis--side .kpi-value{
  font-size: 1.2rem;
}
@media (min-width: 1100px){
  .dash-home{
    grid-template-columns: 1.22fr 0.78fr;
  }
}
@media (max-width: 720px){
  .dash-mosaic,
  .dash-section__grid,
  .dash-section__grid--nested{
    grid-template-columns: 1fr;
  }
  .dash-section__chart--wide{
    grid-column: auto;
  }
  .dash-card--full,
  .dash-card--kpi-block{
    grid-column: 1 / -1;
  }
  .dash-home__right{
    position: static;
  }
}
.dash-ad--side{
  padding: 10px;
  position: static;
}

/* Sağ reklam slider (carousel) */
.dash-ad__slider{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  border: none;
  background: #0f172a;
  box-shadow:
    0 4px 24px rgba(15, 23, 42, 0.14),
    0 1px 3px rgba(15, 23, 42, 0.08);
}
/* Ana sayfa sağ slider: 360:380 — genişliğe göre ölçeklenir, görseller kırpılmadan sığar */
.dash-ad--side .dash-ad__slider{
  width: 100%;
  max-width: 100%;
  aspect-ratio: 360 / 380;
  min-height: 0;
}
.dash-ad--side .dash-ad__track{
  height: 100%;
  min-height: 100%;
}
.dash-ad--side .dash-ad__slide{
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 100%;
  align-self: stretch;
}
.dash-ad--side .dash-ad__slide--has-img{
  background: #0f172a;
}
.dash-ad--side .dash-ad__slide-media{
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  pointer-events: none;
  user-select: none;
}
.dash-ad--side .dash-ad__slide--has-img .dash-ad__overlay{
  position: relative;
  z-index: 1;
}

.dash-ad__badge{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  pointer-events: none;
}
.dash-ad__badge-title{
  font-weight: 900;
  letter-spacing: 0.10em;
  font-size: 0.72rem;
}
.dash-ad__badge-sep{
  width: 1px;
  height: 14px;
  background: rgba(255,255,255,0.28);
  display:inline-block;
}
.dash-ad__badge-size{
  font-weight: 750;
  font-size: 0.78rem;
  opacity: 0.95;
}
.dash-ad__track{
  display:flex;
  width: 100%;
  transform: translateX(0%);
  transition: transform .42s ease;
}
.dash-ad__slide{
  flex: 0 0 100%;
  display:flex;
  align-items: stretch;
  justify-content: stretch;
  text-decoration:none;
  color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.dash-ad__slide--has-img{
  background-image: none;
}
.dash-ad__slide--has-img .dash-ad__overlay{
  width: 100%;
  height: 100%;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0) 0%,
    rgba(15, 23, 42, 0.06) 38%,
    rgba(15, 23, 42, 0.52) 72%,
    rgba(15, 23, 42, 0.9) 100%
  );
}
.dash-ad__overlay{
  width: 100%;
  height: 100%;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dash-ad--side .dash-ad__slide:not(.dash-ad__slide--has-img) .dash-ad__overlay{
  background: none;
}
.dash-ad__content{
  width: 100%;
  padding: 22px 20px 46px;
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.dash-ad__title{
  font-weight: 800;
  letter-spacing: -0.03em;
  font-size: 1.32rem;
  line-height: 1.12;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.28);
}
.dash-ad__text{
  opacity: 0.9;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.45;
  max-width: 52ch;
}
.dash-ad__cta{
  margin-top: 6px;
  align-self: flex-start;
  background: transparent;
  color: #fff;
  font-weight: 700;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  padding: 9px 18px;
  border-radius: 999px;
  border: 1.5px solid rgba(255, 255, 255, 0.72);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.dash-ad__slide:hover .dash-ad__cta,
.dash-ad__slide:focus-visible .dash-ad__cta{
  background: rgba(255, 255, 255, 0.96);
  color: #0f172a;
  border-color: #fff;
}
.dash-ad__nav{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: none;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.98);
  font-size: 22px;
  line-height: 1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background 0.2s ease, transform 0.2s ease;
}
.dash-ad__nav:hover{
  background: rgba(255, 255, 255, 0.26);
}
.dash-ad__nav--prev{ left: 10px; }
.dash-ad__nav--next{ right: 10px; }

.dash-ad__dots{
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display:flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
}
.dash-ad__dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.38);
  cursor:pointer;
  transition: width 0.28s ease, background 0.28s ease;
}
.dash-ad__dot.is-active{
  width: 22px;
  background: #fff;
}

@media (min-width: 1100px){
  .dash-home{
    grid-template-columns: 1.30fr 0.70fr;
    align-items: start;
  }
}

.dash-hero{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap: 18px;
}

.dash-hero__left{
  min-width: 320px;
  flex: 1.1;
}

.dash-hero__right{
  flex: 1;
  display:flex;
  align-items:stretch;
}

.dash-kpis{
  width:100%;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-content:start;
}

.kpi-card{
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.86);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  padding: 14px 14px 12px;
}

.kpi-card--soft{
  background: linear-gradient(135deg, rgba(15,118,110,0.10) 0%, rgba(255,255,255,0.86) 60%);
}
.kpi-card--warn{
  background: linear-gradient(135deg, rgba(245,158,11,0.12) 0%, rgba(255,255,255,0.86) 60%);
}

.kpi-title{
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--ink-muted);
  letter-spacing: 0.02em;
}
.kpi-value{
  margin-top: 6px;
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.kpi-sub{
  margin-top: 4px;
  font-size: 0.86rem;
  color: var(--ink-muted);
}

.dash-card .dash-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}

.dash-chart{
  margin-top: 12px;
  height: 260px;
}
.dash-chart--compact{
  height: 200px;
}
.dash-card--trade{
  overflow: hidden;
}
.dash-trade{
  padding: 14px 16px 12px;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.92) 0%, rgba(255, 255, 255, 0) 72%);
}
.dash-trade__head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.dash-trade__head .btn{
  flex-shrink: 0;
  margin-top: 2px;
}
.dash-trade__kpis{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 4px;
}
.dash-trade__kpi{
  flex: 1 1 140px;
  max-width: 240px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}
.dash-trade__kpi-label{
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.dash-trade__kpi--buy .dash-trade__kpi-label{
  color: #c2410c;
}
.dash-trade__kpi--sell .dash-trade__kpi-label{
  color: #1d4ed8;
}
.dash-trade__kpi-val{
  display: block;
  margin-top: 4px;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ink);
  line-height: 1.1;
}
.dash-trade__kpi-sub{
  display: block;
  margin-top: 2px;
  font-size: 0.82rem;
  color: var(--ink-muted);
}

.dash-list{
  margin-top: 12px;
}

.dash-table{
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow:hidden;
  background: rgba(255,255,255,0.86);
}
.dash-tr{
  display:grid;
  grid-template-columns: 1fr 110px 140px;
  gap: 10px;
  padding: 12px 14px;
  align-items:center;
  border-top: 1px solid var(--line);
}
.dash-tr--head{
  background: var(--surface-muted);
  border-top: none;
}
.dash-th{
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.dash-td{
  font-size: 0.95rem;
  color: var(--ink);
}
.dash-th--right,
.dash-td--right{
  text-align:right;
}

.dash-store__title{
  font-weight: 800;
  letter-spacing: -0.01em;
}
.dash-store__sub{
  font-size: 0.82rem;
  color: var(--ink-muted);
  margin-top: 2px;
}

@media (min-width: 1100px){
  .dash-grid{
    grid-template-columns: 1.15fr 0.85fr;
    align-items:start;
  }
  .dash-hero{
    grid-column: 1 / -1;
  }
}

@media (max-width: 920px){
  .dash-hero{
    flex-direction: column;
  }
  .dash-chart{
    height: 240px;
  }
}

/* Admin — ürün talebi onay modalı */
body.mode-admin .admin-ut-onay-ozet{
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  flex-wrap: wrap;
}
body.mode-admin .admin-ut-onay-ozet__img img{
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: var(--radius-sm, 8px);
  border: 1px solid var(--border, #e2e8f0);
}
body.mode-admin .admin-ut-onay-ozet__dl{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.35rem 1rem;
  margin: 0;
  flex: 1;
  min-width: 200px;
}
body.mode-admin .admin-ut-onay-ozet__dl > div{
  display: contents;
}
body.mode-admin .admin-ut-onay-ozet__dl dt{
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ink-muted);
  margin: 0;
}
body.mode-admin .admin-ut-onay-ozet__dl dd{
  margin: 0;
  font-weight: 600;
}
body.mode-admin #modalUrunTalepOnay .modal-footer{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* Kart / karo hover: kalkma ve büyük gölge yok (butonlar ve tablo satırları hariç). */
@media (hover: hover) {
  .card:hover,
  .ku-card:hover,
  .catalog-card:hover,
  .ty-offer-card:hover,
  .marka-toggle-row:hover,
  .brand-card:hover,
  .brand-grid--auth .brand-auth-item:hover {
    transform: none;
  }
  .card:hover,
  .ku-card:hover,
  .catalog-card:hover,
  .ty-offer-card:hover,
  .marka-toggle-row:hover,
  .brand-card:hover {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  }
  .toplink:hover,
  .navlinks a:hover,
  body.mode-admin .tab-btn:hover:not(:disabled) {
    transform: none;
  }
}

/* Admin — panel reklam / slider yönetimi */
body.mode-admin .wrap--admin-reklam{
  max-width: none;
  width: 100%;
}
body.mode-admin .admin-reklam-hub{
  width: 100%;
}
body.mode-admin .admin-reklam-hub__body{
  padding-top: 4px;
}
body.mode-admin .admin-reklam-toolbar{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.08));
}
body.mode-admin .admin-reklam-toolbar__lead{
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1;
}
body.mode-admin .admin-reklam-toolbar__hint{
  font-size: 0.92rem;
  line-height: 1.45;
}
body.mode-admin .admin-reklam-toolbar__stat{
  font-size: 0.85rem;
}
body.mode-admin .admin-reklam-empty{
  padding: 28px 16px;
  text-align: center;
  border: 1px dashed rgba(15, 23, 42, 0.12);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.7);
}
body.mode-admin .simple--panel-reklam .col-pr-thumb{
  width: 88px;
}
body.mode-admin .simple--panel-reklam .col-pr-baslik{
  width: auto;
  min-width: 200px;
}
body.mode-admin .simple--panel-reklam .col-pr-sira{
  width: 56px;
}
body.mode-admin .simple--panel-reklam .col-pr-durum{
  width: 72px;
}
body.mode-admin .simple--panel-reklam .col-pr-toggle{
  width: 96px;
}
body.mode-admin .simple--panel-reklam .col-pr-toggle-h,
body.mode-admin .simple--panel-reklam .col-pr-toggle-cell{
  text-align: center;
  white-space: nowrap;
}
body.mode-admin .simple--panel-reklam .col-pr-link{
  width: 22%;
  max-width: 220px;
}
body.mode-admin .simple--panel-reklam .col-pr-islem{
  width: 140px;
}
body.mode-admin .admin-reklam-thumb{
  width: 72px;
  aspect-ratio: 360 / 380;
  border-radius: 8px;
  background-color: #f8fafc;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px dashed #cbd5e1;
}
body.mode-admin .admin-reklam-thumb--empty{
  background-image: none;
}
body.mode-admin .admin-reklam-thumb--has-img{
  background-color: #0f172a;
  background-size: contain;
  border-style: solid;
}
body.mode-admin .admin-reklam-thumb--theme-sunset{
  aspect-ratio: 16 / 5;
  background: linear-gradient(135deg, #f97316 0%, #ea580c 45%, #7c2d12 100%);
  border-style: solid;
  border-color: transparent;
}
body.mode-admin .admin-reklam-thumb--theme-ocean{
  aspect-ratio: 16 / 5;
  background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 50%, #0c4a6e 100%);
  border-style: solid;
  border-color: transparent;
}
body.mode-admin .admin-reklam-thumb--theme-ember{
  aspect-ratio: 16 / 5;
  background: linear-gradient(135deg, #f43f5e 0%, #be123c 50%, #4c0519 100%);
  border-style: solid;
  border-color: transparent;
}
body.mode-admin .admin-reklam-preview--pazaryeri{
  aspect-ratio: 16 / 5;
  min-height: 120px;
}
body.mode-admin .admin-reklam-preview--theme-sunset:not(.admin-reklam-preview--has-img){
  background: linear-gradient(135deg, #f97316 0%, #ea580c 45%, #7c2d12 100%);
}
body.mode-admin .admin-reklam-preview--theme-ocean:not(.admin-reklam-preview--has-img){
  background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 50%, #0c4a6e 100%);
}
body.mode-admin .admin-reklam-preview--theme-ember:not(.admin-reklam-preview--has-img){
  background: linear-gradient(135deg, #f43f5e 0%, #be123c 50%, #4c0519 100%);
}
body.mode-admin .admin-reklam-cell-title{
  font-weight: 600;
  line-height: 1.3;
}
body.mode-admin .admin-reklam-cell-sub{
  font-size: 0.82rem;
  line-height: 1.35;
  margin-top: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.mode-admin .admin-reklam-cell-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-top: 6px;
}
body.mode-admin .admin-reklam-row-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
body.mode-admin .admin-reklam-row-actions form{
  display: inline;
  margin: 0;
}
body.mode-admin .admin-reklam-preview{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 10px;
  min-height: 72px;
  width: 100%;
  background-color: #f8fafc;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
}
body.mode-admin .admin-reklam-preview--empty{
  align-items: center;
  justify-content: center;
  color: var(--muted, #64748b);
  border: 1px dashed #cbd5e1;
  background-image: none;
}
body.mode-admin .admin-reklam-preview__placeholder{
  font-size: 0.82rem;
  text-align: center;
  line-height: 1.4;
  max-width: 16em;
}
body.mode-admin .admin-reklam-preview--empty .admin-reklam-preview__title,
body.mode-admin .admin-reklam-preview--empty .admin-reklam-preview__sub,
body.mode-admin .admin-reklam-preview--empty .admin-reklam-preview__cta,
body.mode-admin .admin-reklam-preview--empty .admin-reklam-preview__badge{
  display: none;
}
body.mode-admin .admin-reklam-preview--modal{
  padding: 20px 22px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}
body.mode-admin .admin-reklam-modal__layout[data-pr-konum="ana_sayfa"] .admin-reklam-preview--modal{
  aspect-ratio: 360 / 380;
  max-height: min(70vh, 520px);
  justify-content: flex-end;
}
body.mode-admin .admin-reklam-modal__layout[data-pr-konum="ana_sayfa"] .admin-reklam-preview--modal.admin-reklam-preview--empty{
  justify-content: center;
}
body.mode-admin .admin-reklam-modal__layout[data-pr-konum="ana_sayfa"] .admin-reklam-preview--modal.admin-reklam-preview--has-img{
  background-color: #0f172a;
  background-size: contain;
}
body.mode-admin .admin-reklam-preview--has-img::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0) 0%,
    rgba(15, 23, 42, 0.06) 38%,
    rgba(15, 23, 42, 0.52) 72%,
    rgba(15, 23, 42, 0.9) 100%
  );
  pointer-events: none;
}
body.mode-admin .admin-reklam-preview--has-img > *{
  position: relative;
  z-index: 1;
}
body.mode-admin #modalPanelReklam .modal-dialog{
  width: min(98vw, 1280px);
  max-width: min(98vw, 1280px);
}
body.mode-admin .modal--panel-reklam-strip .modal-dialog{
  width: min(98vw, 1120px);
  max-width: min(98vw, 1120px);
}
body.mode-admin .admin-reklam-specs-line{
  margin: 0 0 8px;
  font-size: 0.8rem;
  line-height: 1.4;
}
body.mode-admin #modalPanelReklam .admin-reklam-modal__header{
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: center;
}
body.mode-admin #modalPanelReklam .admin-reklam-modal__header .modal-header__main{
  flex: 1;
  min-width: 120px;
}
body.mode-admin #modalPanelReklam .admin-reklam-modal__header-toggles{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  flex-wrap: nowrap;
}
body.mode-admin #modalPanelReklam .admin-reklam-modal__toggle-pill{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  min-height: 40px;
  min-width: 148px;
  padding: 6px 12px;
  box-sizing: border-box;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  background: rgba(248, 250, 252, 0.85);
}
body.mode-admin #modalPanelReklam .admin-reklam-modal__toggle-label,
body.mode-admin #modalPanelReklam .admin-reklam-modal__yayin-label{
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--muted, #64748b);
  white-space: nowrap;
}
body.mode-admin #modalPanelReklam .admin-reklam-modal__toggle-pill .marka-switch{
  justify-self: auto;
  flex-shrink: 0;
}
body.mode-admin #modalPanelReklam .admin-reklam-modal__ana.is-disabled{
  opacity: 0.55;
}
body.mode-admin #modalPanelReklam .admin-reklam-modal__ana.is-disabled .marka-switch{
  pointer-events: none;
}
body.mode-admin .admin-reklam-gorsel{
  margin-top: 8px;
}
body.mode-admin .admin-reklam-gorsel.is-dragover .admin-reklam-gorsel__empty,
body.mode-admin .admin-reklam-gorsel.is-dragover .admin-reklam-gorsel__preview{
  border-color: var(--accent);
  background: var(--accent-soft);
}
body.mode-admin .admin-reklam-gorsel.is-pending-remove .admin-reklam-gorsel__thumb-wrap{
  opacity: 0.55;
}
body.mode-admin .admin-reklam-gorsel__empty,
body.mode-admin .admin-reklam-gorsel__preview{
  border: 1px dashed rgba(148, 163, 184, 0.55);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.9);
}
body.mode-admin .admin-reklam-gorsel__pick{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 120px;
  padding: 20px 16px;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-align: center;
}
body.mode-admin .admin-reklam-gorsel__pick .ui-icon{
  width: 32px;
  height: 32px;
  color: var(--accent);
}
body.mode-admin .admin-reklam-gorsel__pick-title{
  font-weight: 700;
  font-size: 0.92rem;
}
body.mode-admin .admin-reklam-gorsel__pick-hint{
  font-size: 0.8rem;
}
body.mode-admin .admin-reklam-gorsel__pick:hover{
  background: rgba(255, 255, 255, 0.65);
}
body.mode-admin .admin-reklam-gorsel__preview{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 14px;
  padding: 12px;
}
body.mode-admin .admin-reklam-gorsel__thumb-wrap{
  flex: 0 0 auto;
  max-width: 160px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: #fff;
}
body.mode-admin .admin-reklam-gorsel__thumb-wrap img{
  display: block;
  width: 100%;
  max-height: 120px;
  object-fit: cover;
}
body.mode-admin .admin-reklam-gorsel__meta{
  flex: 1;
  min-width: 160px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mode-admin .admin-reklam-gorsel__name{
  margin: 0;
  font-size: 0.82rem;
  word-break: break-all;
}
body.mode-admin .admin-reklam-gorsel__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.mode-admin .admin-reklam-gorsel__remove{
  color: #b91c1c;
}
body.mode-admin .admin-reklam-gorsel__remove:hover{
  color: #991b1b;
  background: rgba(254, 226, 226, 0.65);
}
body.mode-admin .admin-reklam-gorsel__pending{
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
}
body.mode-admin .admin-reklam-preview__badge{
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.92;
}
body.mode-admin .admin-reklam-preview--has-img .admin-reklam-preview__title{
  font-weight: 800;
  font-size: 1.05rem;
  line-height: 1.15;
  letter-spacing: -0.03em;
}
body.mode-admin .admin-reklam-preview--has-img .admin-reklam-preview__sub{
  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.9;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.mode-admin .admin-reklam-preview--card .admin-reklam-preview__title{
  display: block;
  margin: 0;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--ink);
}
body.mode-admin .admin-reklam-preview--card .admin-reklam-preview__sub{
  display: block;
  margin: 4px 0 0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--ink-muted);
}
body.mode-admin .admin-reklam-preview--card .admin-reklam-preview__cta{
  display: inline-block;
  margin-top: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  color: var(--accent);
}
body.mode-admin .admin-reklam-preview__cta{
  align-self: flex-start;
  margin-top: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.72);
  font-size: 0.75rem;
  font-weight: 700;
}
body.mode-admin .admin-reklam-item__chip{
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  color: var(--muted, #64748b);
}
body.mode-admin .admin-reklam-item__chip--muted{
  background: rgba(99, 102, 241, 0.1);
  color: #4f46e5;
}
body.mode-admin .admin-reklam-item__chip--ana{
  background: rgba(249, 115, 22, 0.14);
  color: #c2410c;
  font-weight: 700;
}
body.mode-admin .admin-reklam-item__del{
  color: #b91c1c;
}
body.mode-admin .admin-reklam-form .form-hint{
  display: block;
  margin-top: 4px;
  font-size: 0.8rem;
}
body.mode-admin .admin-reklam-form .form-hint code{
  font-size: 0.78rem;
}
body.mode-admin .admin-reklam-form__full{
  grid-column: 1 / -1;
}
body.mode-admin .admin-reklam-modal__layout{
  display: grid;
  grid-template-columns: minmax(360px, 440px) minmax(0, 1fr);
  gap: 32px 48px;
  align-items: start;
}
body.mode-admin .admin-reklam-modal__layout[data-pr-konum="ust_serit"]{
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (max-width: 960px){
  body.mode-admin .admin-reklam-modal__layout{
    grid-template-columns: 1fr;
    gap: 24px;
  }
  body.mode-admin .admin-reklam-modal__layout[data-pr-konum="ust_serit"]{
    gap: 20px;
  }
}
body.mode-admin .admin-reklam-modal__preview-col{
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
}
body.mode-admin [data-pr-konum="ana_sayfa"] .admin-reklam-preview--modal{
  aspect-ratio: 360 / 380;
  min-height: 0;
  max-width: 100%;
}
body.mode-admin .admin-reklam-form__block--strip{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.mode-admin .admin-reklam-preview--card{
  position: relative;
  width: 100%;
  min-height: 116px;
  display: flex;
  align-items: stretch;
  gap: 14px;
  padding: 14px 16px 14px 18px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: var(--shadow-card);
  box-sizing: border-box;
  color: var(--ink);
}
body.mode-admin .admin-reklam-preview--card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--accent);
}
body.mode-admin .admin-reklam-preview--card .admin-reklam-preview__slide-inner{
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
}
body.mode-admin .admin-reklam-preview--card .admin-reklam-preview__copy{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
body.mode-admin .admin-reklam-preview--card .admin-reklam-preview__thumb{
  flex: 0 0 124px;
  align-self: stretch;
  width: 124px;
  min-height: 88px;
  border-radius: var(--radius-md);
  object-fit: cover;
  border: 1px solid var(--line);
  background: var(--surface-muted);
}
body.mode-admin .admin-reklam-preview--card .admin-reklam-preview__thumb[hidden]{
  display: none;
}
body.mode-admin .admin-reklam-form__block--strip:has(.admin-reklam-gorsel.is-pending-remove) .admin-reklam-preview--card{
  opacity: 0.55;
}
body.mode-admin .admin-reklam-gorsel--strip{
  margin-top: 0;
}
body.mode-admin .admin-reklam-gorsel__pick-label,
body.mode-admin .admin-reklam-gorsel__change-label{
  cursor: pointer;
  margin: 0;
}
body.mode-admin .admin-reklam-gorsel__toolbar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
body.mode-admin .admin-reklam-modal__fields{
  min-width: 0;
}
body.mode-admin .admin-reklam-form{
  display: flex;
  flex-direction: column;
  gap: 18px;
}
body.mode-admin .admin-reklam-form__block-label{
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
body.mode-admin .admin-reklam-form__row{
  display: grid;
  gap: 14px 20px;
}
body.mode-admin .admin-reklam-form__row--2{
  grid-template-columns: 1fr 1fr;
}
body.mode-admin .admin-reklam-form__row--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.mode-admin .admin-reklam-form__row--4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 720px){
  body.mode-admin .admin-reklam-form__row--2,
  body.mode-admin .admin-reklam-form__row--3,
  body.mode-admin .admin-reklam-form__row--4{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px){
  body.mode-admin #modalPanelReklam .admin-reklam-modal__header{
    align-items: flex-start;
  }
  body.mode-admin #modalPanelReklam .admin-reklam-modal__header-toggles{
    order: 3;
    width: 100%;
    flex-wrap: wrap;
  }
  body.mode-admin #modalPanelReklam .admin-reklam-modal__toggle-pill{
    flex: 1;
    min-width: 0;
  }
}
body.mode-admin .admin-reklam-form label{
  display: block;
  font-weight: 600;
  font-size: 0.88rem;
  margin-bottom: 6px;
}
body.mode-admin .admin-reklam-form input[type="text"],
body.mode-admin .admin-reklam-form input[type="number"],
body.mode-admin .admin-reklam-form select,
body.mode-admin .admin-reklam-form textarea{
  width: 100%;
}
body.mode-admin .admin-reklam-form__schedule{
  border: 0;
  padding: 0;
  margin: 0;
}
body.mode-admin .admin-reklam-form__schedule > summary{
  cursor: pointer;
  font-weight: 600;
  font-size: 0.88rem;
  list-style: none;
  color: var(--ink, #0f172a);
}
body.mode-admin .admin-reklam-form__schedule > summary::-webkit-details-marker{
  display: none;
}
body.mode-admin .admin-reklam-form__schedule-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
  margin-top: 10px;
}
body.mode-admin #modalPanelReklam .modal-card{
  max-height: min(94dvh, 960px);
}
body.mode-admin .modal--panel-reklam-strip .modal-card{
  max-height: min(94dvh, 920px);
}
body.mode-admin #modalPanelReklam .modal-body{
  padding: 24px 32px 12px;
}
body.mode-admin .admin-reklam-modal__footer{
  margin-top: 4px;
  padding: 16px 32px 24px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  justify-content: flex-end;
  gap: 12px;
}

/* Admin — S.S.S */
body.mode-admin .admin-sss-page .card-body{
  padding-top: 18px;
}
body.mode-admin .admin-sss-toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.08));
}
body.mode-admin .admin-sss-toolbar__stat{
  font-size: 0.85rem;
}
body.mode-admin .admin-sss-empty{
  padding: 28px 16px;
  text-align: center;
  border: 1px dashed rgba(15, 23, 42, 0.12);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.7);
}
body.mode-admin .simple--sss col.col-sss-durum{
  width: 72px;
}
body.mode-admin .simple--sss col.col-sss-sira{
  width: 56px;
}
body.mode-admin .simple--sss col.col-sss-soru{
  width: 28%;
  min-width: 180px;
}
body.mode-admin .simple--sss col.col-sss-cevap{
  width: auto;
}
body.mode-admin .simple--sss col.col-sss-islem{
  width: 168px;
}
body.mode-admin .simple--sss td.col-sss-soru{
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
}
body.mode-admin .simple--sss td.col-sss-soru.cell-ellipsis{
  max-width: none;
}
body.mode-admin .simple--sss td.col-sss-cevap{
  white-space: normal;
  max-width: 0;
}
body.mode-admin .simple--sss .sss-cevap-preview{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--ink-muted);
}
body.mode-admin .admin-sss-row-actions{
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
}
body.mode-admin .admin-sss-row-actions form{
  display: inline;
  margin: 0;
}
body.mode-admin .admin-sss-del{
  color: #b91c1c;
}
body.mode-admin .admin-sss-del:hover{
  color: #991b1b;
  background: rgba(254, 226, 226, 0.65);
}
body.mode-admin .sss-modal-aktif{
  display: flex;
  align-items: flex-end;
}
body.mode-admin .sss-modal-aktif__label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  min-height: 42px;
}