/* 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;
  --radius-modal-shell: 8px;
  --radius-modal-field: 5px;
  --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;
  --site-brand-logo-size: 48px;
  /* Yatay wordmark ? pazaryeri / site */
  --site-brand-logo-height: clamp(32px, 2.8vw + 20px, 48px);
  --site-brand-logo-height-header: var(--site-brand-logo-height);
  /* Panel ?st ?ubuk ? kompakt (helpers: 40?220) */
  --site-brand-logo-height-panel: clamp(32px, 2.2vw + 18px, 40px);
  --site-brand-logo-max-width: clamp(140px, 38vw, 280px);
  --site-brand-logo-max-width-panel: clamp(140px, 32vw, 220px);
  --site-brand-logo-height-auth-bar: clamp(28px, 2vw + 16px, 40px);
  --site-brand-logo-height-footer: clamp(24px, 1.5vw + 14px, 32px);
  --site-brand-logo-height-auth: clamp(36px, 2.5vw + 18px, 52px);
  --nav-alert-dot: #e84848;
  --nav-alert-dot-ring: rgba(232, 72, 72, 0.55);
}

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);
  --brand: var(--accent);
  --panel-1: #1e40af;
  --panel-2: #2563eb;
  --panel-3: #3b82f6;
  --panel-accent: #2563eb;
  --panel-brand-mark-size: 40px;
  /* Yatay logo ? site 48?280, panel 40?220 */
  --site-brand-logo-height: 48px;
  --site-brand-logo-height-panel: 40px;
  --site-brand-logo-max-width: clamp(148px, 22vw, 280px);
  --site-brand-logo-max-width-panel: clamp(148px, 18vw, 220px);
  --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;
  /* Admin: kenar k?vr?m? yok ? kare */
  --radius-lg: 0;
  --radius-md: 0;
  --radius-sm: 0;
  --radius-modal-shell: 0;
  --radius-modal-field: 0;
  /* Sipari?ler ailesi ? ops konsol tokenleri */
  --sip-gap-hub-card: 16px;
  --sip-gap-tools-table: 14px;
  --sip-tile-w: 108px;
  --sip-tile-h: 72px;
  --sip-tile-icon: 22px;
  --sip-tile-label-h: 2.4em;
  --sip-l1-h: 34px;
  --sip-row-pad-y: 11px;
  --sip-warn: #b45309;
  --sip-warn-soft: #fffbeb;
  --sip-ok: #166534;
  --sip-ok-soft: #dcfce7;
  --sip-danger: #991b1b;
}

/* Admin: sabit radius de?erlerini de s?f?rla (pill / hardcoded px) */
body.mode-admin *,
body.mode-admin *::before,
body.mode-admin *::after {
  border-radius: 0 !important;
}

/* Panel (ma?aza) aray?z?: koyu ?st bar + teal vurgu (pazaryeri vitriniyle uyumlu) */
body.mode-panel{
  --accent: #0f766e;
  --accent-hover: #0d9488;
  --accent-soft: #f0fdfa;
  --accent-border: rgba(15, 118, 110, 0.26);
  --accent-ring: rgba(15, 118, 110, 0.22);
  --brand: #0f766e;

  /* Koyu ?st bar */
  --panel-1: #111827;       /* gray-900 */
  --panel-2: #1f2937;       /* gray-800 */
  --panel-3: #374151;       /* gray-700 */
  --panel-accent: #0f766e;
  --panel-brand-mark-size: 40px;
  /* Yatay logo ? site 48?280, panel 40?220 */
  --site-brand-logo-height: 48px;
  --site-brand-logo-height-panel: 40px;
  --site-brand-logo-max-width: clamp(148px, 22vw, 280px);
  --site-brand-logo-max-width-panel: clamp(148px, 18vw, 220px);

  /* Kart/?izgi tonlar? biraz daha ?dashboard? */
  --line: #e5e7eb;
  --line-strong: #d1d5db;
  --surface-muted: #f3f4f6;
  --nav-alert-dot: #e84848;
  --nav-alert-dot-ring: rgba(232, 72, 72, 0.55);

  /* Sat?c? paneli: ?st men? kutusuyla ayn? kenar k?vr?m? (tek de?er) */
  --panel-radius: 2px;
  --radius-lg: var(--panel-radius);
  --radius-md: var(--panel-radius);
  --radius-sm: var(--panel-radius);
  --radius-modal-shell: var(--panel-radius);
  --radius-modal-field: var(--panel-radius);
}

/* Sat?c? paneli: sabit px / pill radius'lar? da ayn? k?vr?ma ?ek */
body.mode-panel *,
body.mode-panel *::before,
body.mode-panel *::after {
  border-radius: var(--panel-radius) !important;
}

html {
  -webkit-text-size-adjust: 100%;
  /* Sayfa ge?i?inde scrollbar gelip/gidince yatay s??rama olmas?n */
  scrollbar-gutter: stable;
}

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: 10px 20px 12px;
}
body.mode-admin .panel-topbar__row{
  display:flex;
  align-items:center;
  gap: 14px;
}
body.mode-admin .panel-topbar__row--top{
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(200px, 440px) minmax(0, 1.1fr);
  align-items: center;
  gap: 14px;
  justify-content: stretch;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  overflow: visible;
}
body.mode-admin .panel-topbar__mid--admin-search{
  justify-self: stretch;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  position: relative;
  z-index: 60;
}
body.mode-admin .panel-topbar__right--top{
  justify-self: end;
  min-width: 0;
}
body.mode-admin .admin-global-search{
  position: relative;
  width: 100%;
}
body.mode-admin .admin-global-search__field.admin-paket-search{
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  min-height: 40px;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: none;
}
body.mode-admin .admin-global-search__field.admin-paket-search:focus-within{
  background: #fff;
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.22);
}
body.mode-admin .admin-global-search__field .admin-paket-search__icon{
  color: #fff;
  --ui-icon-color: #fff;
}
body.mode-admin .admin-global-search__field:focus-within .admin-paket-search__icon{
  color: var(--ink-muted);
  --ui-icon-color: var(--ink-muted);
}
body.mode-admin .admin-global-search__field .admin-paket-search__input{
  color: #fff;
  caret-color: #fff;
}
body.mode-admin .admin-global-search__field .admin-paket-search__input::placeholder{
  color: rgba(255, 255, 255, 0.55);
}
body.mode-admin .admin-global-search__field:focus-within .admin-paket-search__input{
  color: var(--ink);
  caret-color: var(--ink);
}
body.mode-admin .admin-global-search__field:focus-within .admin-paket-search__input::placeholder{
  color: var(--ink-muted);
}
body.mode-admin .admin-global-search__panel{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  max-height: min(70vh, 420px);
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius-modal-field, 12px);
  background: #fff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
  color: var(--ink);
  z-index: 70;
}
body.mode-admin .admin-global-search__group + .admin-global-search__group{
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--line);
}
body.mode-admin .admin-global-search__label{
  padding: 6px 10px 4px;
  color: var(--ink-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body.mode-admin .admin-global-search__item{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 9px 10px;
  border-radius: 10px;
  color: inherit;
  text-decoration: none;
}
body.mode-admin .admin-global-search__item:hover,
body.mode-admin .admin-global-search__item.is-active{
  background: rgba(37, 99, 235, 0.08);
}
body.mode-admin .admin-global-search__item-title{
  font-size: 0.92rem;
  font-weight: 650;
  line-height: 1.25;
}
body.mode-admin .admin-global-search__item-sub{
  color: var(--ink-muted);
  font-size: 0.78rem;
  line-height: 1.3;
}
body.mode-admin .admin-global-search__empty{
  padding: 14px 10px;
  color: var(--ink-muted);
  font-size: 0.88rem;
  text-align: center;
}
@media (max-width: 980px){
  body.mode-admin .panel-topbar__row--top{
    grid-template-columns: minmax(0, 1fr) minmax(160px, 1fr) auto;
  }
  body.mode-admin .panel-topbar__left--top .admin-top-super-pill .admin-top-super-pill__label{
    max-width: min(28vw, 200px);
  }
}
/* Admin mobil: marka / arama / aksiyonlar / men? ta?mas?n, ?st ?ste binmesin */
@media (max-width: 720px){
  body.mode-admin .panel-topbar{
    padding: 10px 12px 12px;
  }
  body.mode-admin .panel-topbar__row--top{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand actions"
      "search search";
    column-gap: 8px;
    row-gap: 10px;
    align-items: center;
    padding-bottom: 10px;
    overflow: hidden;
  }
  body.mode-admin .panel-topbar__left--top{
    grid-area: brand;
    display: flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    gap: 0;
    flex: unset;
  }
  /* Y?netici pill marka yan?ndayken dar ekranda aksiyonlar?n ?st?ne biniyor */
  body.mode-admin .panel-topbar__left--top .admin-top-super-pill{
    display: none !important;
  }
  body.mode-admin .panel-topbar__left--top > .panel-appbrand{
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }
  body.mode-admin .panel-topbar__left--top .panel-appbrand__text{
    grid-template-columns: minmax(0, 1fr);
    width: auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }
  body.mode-admin .panel-topbar__left--top .site-wordmark--panel{
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(1.05rem, 3.8vw + 0.35rem, 1.28rem);
    letter-spacing: 0.05em;
  }
  body.mode-admin .panel-topbar__left--top .panel-appbrand__sub{
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    font-size: 0.56rem;
  }
  body.mode-admin .panel-topbar__left--top:has(> .panel-appbrand > .site-brand-logo--panel){
    max-width: 100%;
  }
  body.mode-admin .panel-topbar__mid--admin-search{
    grid-area: search;
    max-width: none;
    width: 100%;
    margin: 0;
    justify-self: stretch;
    z-index: 50;
  }
  body.mode-admin .panel-topbar__right--top{
    grid-area: actions;
    min-width: 0;
    justify-self: end;
    overflow: visible;
  }
  body.mode-admin .panel-topbar__right--top > .hero-actions{
    width: auto;
    max-width: 100%;
    margin-left: 0;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 4px;
  }
  body.mode-admin .accountbar--admin-actions{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(52px, 1fr);
    align-items: stretch;
    gap: 4px;
  }
  body.mode-admin .accountbar--admin-actions .accountbar__action{
    display: inline-flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 52px;
    width: auto;
    height: auto !important;
    min-height: 46px;
    max-height: none !important;
    padding: 6px 4px;
    white-space: normal;
    text-align: center;
    line-height: 1.1;
    box-sizing: border-box;
  }
  body.mode-admin .accountbar--admin-actions .accountbar__action .ui-icon{
    width: 17px;
    height: 17px;
    flex-shrink: 0;
  }
  body.mode-admin .accountbar--admin-actions .accountbar__action-label{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.56rem;
    font-weight: 600;
    line-height: 1.15;
  }
  /* Ana men? ?zgaras?: base .panel-nav daha a?a??da ? mobil override orada */
  /* Dashboard k?sayollar: full kurallar Dash Actions blo?unda (?860px) */
  body.mode-admin .dash-kpis--admin-hero{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mode-admin .wrap{
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 14px;
  }
}
@media (max-width: 420px){
  body.mode-admin .panel-topbar{
    padding: 8px 10px 10px;
  }
  body.mode-admin .accountbar--admin-actions{
    grid-auto-columns: minmax(46px, 1fr);
  }
  body.mode-admin .accountbar--admin-actions .accountbar__action{
    min-width: 46px;
    min-height: 44px;
    padding: 5px 2px;
  }
  body.mode-admin .accountbar--admin-actions .accountbar__action-label{
    font-size: 0.52rem;
  }
}
body.mode-admin .panel-topbar__row--nav{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  padding-top: 12px;
  overflow: visible;
}
body.mode-admin .panel-topbar__left--nav{
  justify-self: start;
  grid-column: 1;
  min-width: 0;
  align-items: center;
  min-height: 48px;
}
/* Panel marka:
   [ikon]  BUL VAR O
           ?? ORTA?IM ????
   ?kon, metin y???n?yla dikey ortal?; alt sat?r wordmark geni?li?inde (ta?maz). */
body.mode-admin .panel-appbrand.panel-appbrand--site,
body.mode-panel .panel-appbrand.panel-appbrand--store {
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.15s ease;
}
body.mode-admin .panel-appbrand.panel-appbrand--site:hover,
body.mode-panel .panel-appbrand.panel-appbrand--store:hover {
  opacity: 0.92;
}
body.mode-admin .panel-appbrand__icon,
body.mode-panel .panel-appbrand__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  width: var(--panel-brand-mark-size, 40px);
  height: var(--panel-brand-mark-size, 40px);
  line-height: 0;
}
body.mode-admin .panel-appbrand__icon .site-brand-logo--panel,
body.mode-admin .panel-appbrand__icon .site-brand-logo--panel-mark,
body.mode-panel .panel-appbrand__icon .site-brand-logo--panel,
body.mode-panel .panel-appbrand__icon .site-brand-logo--panel-mark {
  display: block;
  width: var(--panel-brand-mark-size, 40px);
  height: var(--panel-brand-mark-size, 40px);
  max-width: var(--panel-brand-mark-size, 40px);
  object-fit: contain;
  object-position: center center;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: none;
  box-shadow: none;
  /* Faviconu panelde beyaz g?ster */
  filter: brightness(0) invert(1);
  mix-blend-mode: normal;
}
/* Metin y???n?: geni?li?i BUL VAR O belirler; alt sat?r o geni?li?e kilitlenir */
body.mode-admin .panel-appbrand__text,
body.mode-panel .panel-appbrand__text {
  display: inline-grid;
  grid-template-columns: max-content;
  align-content: center;
  justify-items: stretch;
  row-gap: 4px;
  min-width: 0;
  max-width: 100%;
}
body.mode-admin .panel-appbrand__text > .site-wordmark--panel,
body.mode-panel .panel-appbrand__text > .site-wordmark--panel {
  min-width: 0;
  max-width: 100%;
}
body.mode-admin .panel-appbrand__text > .panel-appbrand__sub,
body.mode-panel .panel-appbrand__text > .panel-appbrand__sub {
  /* overflow ? visible ? min-content 0; wordmark d???na ta?maz */
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
/* Y?klenmi? panel logosu ? yatay g?rsel (ikon + wordmark yerine) */
body.mode-admin .panel-appbrand.panel-appbrand--site > .site-brand-logo--panel,
body.mode-panel .panel-appbrand.panel-appbrand--store > .site-brand-logo--panel {
  display: block;
  width: auto;
  height: var(--site-brand-logo-height-panel);
  max-width: min(100%, var(--site-brand-logo-max-width-panel));
  max-height: var(--site-brand-logo-height-panel);
  object-fit: contain;
  object-position: left center;
  flex-shrink: 1;
  min-width: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  filter: none;
  mix-blend-mode: normal;
}
body.mode-admin .site-wordmark--panel,
body.mode-panel .site-wordmark--panel {
  display: inline-flex;
  align-items: center;
  gap: 0;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
body.mode-admin .site-wordmark--panel .site-wordmark__bul,
body.mode-panel .site-wordmark--panel .site-wordmark__bul,
body.mode-admin .site-wordmark--panel .site-wordmark__var,
body.mode-panel .site-wordmark--panel .site-wordmark__var,
body.mode-admin .site-wordmark--panel .site-wordmark__o,
body.mode-panel .site-wordmark--panel .site-wordmark__o {
  position: static;
  font-weight: 700;
  color: #fff;
}
body.mode-admin .site-wordmark--panel .site-wordmark__gap,
body.mode-panel .site-wordmark--panel .site-wordmark__gap {
  display: inline-block;
  width: 0.28em;
}
body.mode-admin .site-wordmark--panel .site-wordmark__o::after,
body.mode-panel .site-wordmark--panel .site-wordmark__o::after {
  content: none;
}
/* Alt sat?r: ?? ORTA?IM + hareketli sweep ?izgi (wordmark alt?nda, ayn? geni?lik) */
body.mode-admin .panel-appbrand__sub,
body.mode-panel .panel-appbrand__sub {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.35em;
  overflow: hidden;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1;
  color: rgba(255, 255, 255, 0.88);
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}
body.mode-admin .panel-appbrand__sub-label,
body.mode-panel .panel-appbrand__sub-label {
  position: relative;
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: clip;
}
body.mode-admin .panel-appbrand__sweep,
body.mode-panel .panel-appbrand__sweep {
  position: relative;
  display: block;
  flex: 1 1 0;
  min-width: 8px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.28);
  overflow: hidden;
}
body.mode-admin .panel-appbrand__sweep::after,
body.mode-panel .panel-appbrand__sweep::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 42%;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.55) 45%,
    rgba(255, 255, 255, 0.85) 55%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: panel-appbrand-sweep 1.6s ease-in-out infinite;
}
@keyframes panel-appbrand-sweep {
  0% {
    transform: translateX(-120%);
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    transform: translateX(280%);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.mode-admin .panel-appbrand__sweep::after,
  body.mode-panel .panel-appbrand__sweep::after {
    animation: none;
    opacity: 0;
  }
}
body.mode-admin .panel-topbar__mid--admin-nav{
  justify-self: center;
  grid-column: 2;
  width: auto;
  max-width: 100%;
  min-width: 0;
  justify-content: center;
}
body.mode-admin .panel-topbar__left--top{
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: 14px;
  min-height: var(--site-brand-logo-height-panel);
}
body.mode-admin .panel-topbar__left--top > .panel-appbrand{
  flex-shrink: 1;
  min-width: 0;
}
body.mode-admin .panel-topbar__left--top:has(> .panel-appbrand > .site-brand-logo--panel){
  max-width: min(100%, calc(var(--site-brand-logo-max-width-panel) + 280px));
}
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{
  display:flex;
  justify-content: center;
  min-width: 0;
  overflow: visible;
}
body.mode-admin .panel-topbar__right--nav{
  justify-self: end;
  grid-column: 3;
  min-width: 0;
}
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{
  text-decoration:none;
}
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 mobil ana men? ? base .panel-nav (flex + min-width:98px) dosyada
 * daha sonra tan?mland??? i?in buradaki medya sorgusu o kurallar?n ?ST?NDE
 * kalmal?; aksi halde width:100% + flex = dikey tek s?tun (kullan??s?z).
 * Her ??e kutu (tile) stili: ikon ?stte, label altta.
 */
@media (max-width: 720px){
  body.mode-admin .panel-topbar__row--nav{
    display: block;
    padding-top: 8px;
    overflow: visible;
  }
  body.mode-admin .panel-topbar__left--nav,
  body.mode-admin .panel-topbar__right--nav{
    display: none;
  }
  body.mode-admin .panel-topbar__mid--admin-nav{
    display: block;
    width: 100%;
    max-width: none;
    justify-self: stretch;
  }
  body.mode-admin .panel-nav{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
    overflow: visible;
  }
  body.mode-admin .panel-nav__link{
    position: relative;
    min-width: 0;
    width: 100%;
    max-width: none;
    min-height: 58px;
    padding: 8px 4px 7px;
    gap: 4px;
    font-size: 0.58rem;
    letter-spacing: 0.02em;
    line-height: 1.15;
    box-sizing: border-box;
    border-radius: var(--radius-md, 10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    text-align: center;
  }
  body.mode-admin .panel-nav__link > span:not(.nav-pulse-dot){
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
    text-align: center;
  }
  body.mode-admin .panel-nav__link .ui-icon{
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    opacity: 0.95;
  }
  body.mode-admin .panel-nav__link:hover{
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.28);
  }
  body.mode-admin .panel-nav__link.is-active,
  body.mode-admin .panel-nav__link[aria-current="page"]{
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.42);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      0 0 0 1px rgba(255, 255, 255, 0.08);
    color: #fff;
  }
  body.mode-admin .panel-nav__link .nav-pulse-dot{
    right: 4px;
    top: 4px;
    width: 7px;
    height: 7px;
  }
}
@media (max-width: 420px){
  body.mode-admin .panel-nav{
    gap: 5px;
  }
  body.mode-admin .panel-nav__link{
    min-height: 54px;
    font-size: 0.54rem;
    padding: 7px 3px 6px;
    gap: 3px;
  }
  body.mode-admin .panel-nav__link .ui-icon{
    width: 16px;
    height: 16px;
  }
}

/* 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;
  border-bottom: 1px solid var(--line);
  padding-bottom: 8px;
}
body.mode-admin .admin-trade-hub-head--tabs-only .card-head__actions{
  justify-self: center;
  grid-column: auto;
  width: 100%;
}

/* Admin b?l?m sekmeleri: d?? kart kutusu yok ? tek tile izgara */
body.mode-admin .jobs-create-card.jobs-create-card--tight:has(.admin-trade-hub-head--tabs-only){
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  min-height: 0;
  margin-bottom: var(--sip-gap-hub-card, 16px);
}
body.mode-admin .jobs-create-card.jobs-create-card--tight:has(.admin-trade-hub-head--tabs-only):hover{
  box-shadow: none;
  border-color: transparent;
}
body.mode-admin .jobs-create-card.jobs-create-card--tight:has(.admin-trade-hub-head--tabs-only) .card-head{
  padding: 0;
}

/* Admin: ?st ba?l?k ? ba?l?k solda, kutu sekmeler sat?rda ortada (admin paleti) */
body.mode-admin .admin-trade-hub-head{
  --admin-hub-tab-w: var(--sip-tile-w, 108px);
}
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: stretch;
  justify-content: center;
  gap: 8px;
  padding: 0;
  margin: 0 auto;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  max-width: 100%;
}
@media (min-width: 900px){
  body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.admin-trade-hub-tabs.trade-tabs--line{
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    justify-content: center;
    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);
  display: grid;
  grid-template-rows: var(--sip-tile-icon, 22px) var(--sip-tile-label-h, 2.4em);
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  justify-items: center;
  align-items: center;
  gap: 5px;
  height: var(--sip-tile-h, 72px);
  min-height: var(--sip-tile-h, 72px);
  padding: 8px 6px;
  margin: 0;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  border-bottom-width: 2px;
  border-bottom-color: var(--line);
  background: var(--surface);
  box-shadow: none;
  color: var(--ink-muted);
  font-weight: 500;
  font-size: 0.72rem;
  letter-spacing: 0;
  line-height: 1.15;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab span{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: var(--sip-tile-label-h, 2.4em);
  min-height: var(--sip-tile-label-h, 2.4em);
  text-align: center;
  white-space: normal;
  line-height: 1.15;
  max-width: 100%;
  overflow: hidden;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab .ui-icon{
  width: var(--sip-tile-icon, 22px);
  height: var(--sip-tile-icon, 22px);
  flex-shrink: 0;
  color: currentColor;
  opacity: 0.65;
  display: block;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab .nav-pulse-dot{
  right: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 2px var(--surface);
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab:hover{
  background: var(--surface);
  border-color: var(--line-strong);
  border-bottom-color: var(--line-strong);
  color: var(--ink);
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab:hover .ui-icon{
  opacity: 0.85;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab:focus{
  outline: none;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
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: var(--accent-soft);
  border-color: var(--accent-border);
  border-bottom-color: var(--accent);
  box-shadow: none;
  color: var(--accent);
  font-weight: 600;
}
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab.is-active .ui-icon,
body.mode-admin .admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab[aria-current="page"] .ui-icon{
  opacity: 1;
}
@media (max-width: 860px){
  body.mode-admin .admin-trade-hub-head.card-head--trade,
  body.mode-admin .jobs-create-card .card-head.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,
  body.mode-admin .jobs-create-card .card-head.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%;
  }
}

/* Admin: ???nc? seviye alt men? (Kurumsal / Yasal sayfa se?imi) */
body.mode-admin .admin-trade-sub-hub{
  display: flex;
  justify-content: center;
  margin: -4px 0 16px;
  padding: 0;
}
body.mode-admin .admin-trade-sub-hub__track{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2px;
  max-width: 100%;
  padding: 4px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.05);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
body.mode-admin .admin-trade-sub-hub__tab{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 16px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: var(--ink-muted);
  font-weight: 500;
  font-size: 0.84rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
body.mode-admin .admin-trade-sub-hub__tab span{
  text-align: center;
}
body.mode-admin .admin-trade-sub-hub__tab:hover{
  color: var(--ink);
  background: rgba(255, 255, 255, 0.55);
}
body.mode-admin .admin-trade-sub-hub__tab.is-active,
body.mode-admin .admin-trade-sub-hub__tab[aria-current="page"]{
  background: var(--surface);
  color: var(--accent);
  font-weight: 600;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.08),
    0 0 0 1px rgba(37, 99, 235, 0.12);
}
body.mode-admin .admin-trade-sub-hub__tab:focus{
  outline: none;
}
body.mode-admin .admin-trade-sub-hub__tab:focus-visible{
  outline: 2px solid rgba(37, 99, 235, 0.45);
  outline-offset: 2px;
}
@media (max-width: 640px){
  body.mode-admin .admin-trade-sub-hub__track{
    border-radius: var(--radius-md);
    justify-content: flex-start;
    width: 100%;
  }
  body.mode-admin .admin-trade-sub-hub__tab{
    flex: 1 1 auto;
    min-width: 0;
    padding: 8px 12px;
    font-size: 0.8rem;
  }
}

/*
 * Admin b?l?m sekmeleri ? mobil full-width 4 s?tun.
 * Not: desktop kural? `body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head`
 * (3 s?tun 1fr|auto|1fr) daha spesifik; mobil override en az o kadar spesifik olmal?,
 * yoksa sekmeler ortadaki auto s?tunda 108px sabitle s?k???r.
 */
@media (max-width: 860px){
  body.mode-admin .admin-trade-hub-head{
    --admin-hub-tab-w: 100%;
  }
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head.card-head--trade,
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head.admin-trade-hub-head--tabs-only.card-head--trade{
    display: block !important;
    grid-template-columns: none !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-bottom: 0;
  }
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head.card-head--trade .card-head__actions,
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head--tabs-only .card-head__actions,
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head .trade-head-actions{
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: stretch;
    grid-column: auto;
    box-sizing: border-box;
  }
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head .trade-head-actions__cats.admin-trade-hub-tabs.trade-tabs--line{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    flex-wrap: unset;
    justify-content: stretch;
    box-sizing: border-box;
  }
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab{
    position: relative;
    flex: none !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto;
    min-height: 72px;
    max-height: none;
    padding: 8px 4px 7px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    grid-template-rows: none;
    grid-template-columns: none;
    text-align: center;
    border-radius: var(--radius-md);
    overflow: visible;
  }
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-sizing: border-box;
    width: 100%;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    text-align: center;
    white-space: normal;
    line-height: 1.15;
    font-size: 0.62rem;
    letter-spacing: 0;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: manual;
  }
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab .ui-icon{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0.75;
  }
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head .trade-head-actions__cats.trade-tabs--line .detail-tab.admin-trade-hub-tab .nav-pulse-dot{
    right: 4px;
    top: 4px;
    width: 6px;
    height: 6px;
  }
  body.mode-admin .jobs-create-card .card-head.admin-trade-hub-head.admin-trade-hub--sticky{
    padding: 6px 0 8px;
  }
}

/* Admin ? Pazaryeri / Sipari?ler: b?l?m sekmeleri kayd?r?rken ?stte sabit */
body.mode-admin .admin-trade-hub-head.admin-trade-hub--sticky{
  position: sticky;
  top: 0;
  z-index: 45;
  background: var(--surface-muted, #f5f5f5);
  padding: 8px 0;
  box-shadow: none;
  border-bottom: 1px solid var(--line);
}

/* 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: none;
  overflow: visible;
}
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 ? Marka yetkileri: ma?aza listesi (3 s?tun + adl? D?zenle) */
body.mode-admin .admin-marka-yetkileri-page .table-wrap--markalar{
  overflow:visible;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri{
  display:block;
  width:100%;
  min-width:0;
  table-layout:auto;
  border-collapse:separate;
  border-spacing:0;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri colgroup{
  display:none;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri thead{
  display:none;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  width:100%;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody tr.table-empty{
  grid-column:1 / -1;
  display:block;
  background:transparent;
  border:none;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody tr.table-empty > td{
  display:block;
  border:none !important;
  background:transparent;
  padding:24px 12px;
  border-radius:0 !important;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody tr.odeme-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  min-width:0;
  background:#fff;
  border:1px solid #e8edf3;
  border-radius:10px;
  overflow:hidden;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody tr.odeme-row > td,
body.mode-admin .table-wrap--markalar table.simple.simple--markalar.simple--marka-yetkileri tbody tr.odeme-row > td{
  box-sizing:border-box;
  vertical-align:middle;
  padding:14px 12px;
  background:#fff;
  border:none;
  border-top:none;
  border-bottom:none;
  border-left:none;
  border-right:1px solid #eef2f6;
  border-radius:0;
  overflow:hidden;
  white-space:normal;
  min-width:0;
  max-width:none;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody tr.odeme-row > td:first-child,
body.mode-admin .table-wrap--markalar table.simple.simple--markalar.simple--marka-yetkileri tbody tr.odeme-row > td:first-child{
  border-left:none;
  border-radius:0;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody tr.odeme-row > td:last-child,
body.mode-admin .table-wrap--markalar table.simple.simple--markalar.simple--marka-yetkileri tbody tr.odeme-row > td:last-child{
  border-right:none;
  border-radius:0;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody tr.odeme-row:hover > td,
body.mode-admin .table-wrap--markalar table.simple.simple--markalar.simple--marka-yetkileri tbody tr:hover td{
  background:#fafafa;
  border-color:transparent;
  border-right-color:#eef2f6;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody tr.odeme-row:hover > td:first-child,
body.mode-admin .simple--markalar.simple--marka-yetkileri tbody tr.odeme-row:hover > td:last-child{
  border-left-color:transparent;
  border-right-color:transparent;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri td.col-my-magaza.cell-odeme-stack{
  max-width:none;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri td.col-my-islem{
  overflow:visible;
  text-align:center;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri td.col-my-islem .admin-odeme-islem-cell{
  justify-content:center;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri td.col-my-islem .admin-odeme-islem-cell--stack{
  gap:4px;
  align-items:stretch;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri td.col-my-islem .admin-odeme-islem-cell--stack :is(button.btn, a.btn){
  width:3.7rem;
  min-width:3.7rem;
  max-width:3.7rem;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri td.col-my-islem .btn-with-icon{
  white-space:nowrap;
  flex-shrink:0;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri td.col-my-islem .admin-odeme-islem-cell:not(.admin-odeme-islem-cell--stack) .btn-with-icon > span{
  display:inline;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri .odeme-party__name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin .simple--markalar.simple--marka-yetkileri .odeme-party__meta{
  margin-top:2px;
  font-size:0.78rem;
  font-variant-numeric:tabular-nums;
  letter-spacing:0.01em;
}
@media (max-width:900px){
  body.mode-admin .simple--markalar.simple--marka-yetkileri tbody{
    grid-template-columns:1fr;
  }
}

/* Admin ? Ma?aza lisans? listesi: ?demeler kart stili + 2 s?tun */
body.mode-admin .table-wrap--lisanslar{
  overflow:visible;
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
}
body.mode-admin .simple--lisanslar{
  width:100%;
  min-width:0;
  border-collapse:separate;
  border-spacing:0;
  display:block;
}
body.mode-admin .simple--lisanslar colgroup{
  display:none;
}
body.mode-admin .simple--lisanslar thead{
  display:none;
}
body.mode-admin .simple--lisanslar tbody{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  width:100%;
}
body.mode-admin .simple--lisanslar tbody tr.table-empty{
  grid-column:1 / -1;
  display:block;
  background:transparent;
  border:none;
}
body.mode-admin .simple--lisanslar tbody tr.table-empty > td{
  display:block;
  border:none;
  background:transparent;
  padding:24px 12px;
}
body.mode-admin .simple--lisanslar tbody tr.odeme-row{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(3.5rem, 0.7fr) auto minmax(4.5rem, 0.85fr) auto;
  align-items:center;
  min-width:0;
  background:#fff;
  border:1px solid #e8edf3;
  border-radius:10px;
  overflow:hidden;
}
body.mode-admin .simple--lisanslar tbody tr.odeme-row > td{
  box-sizing:border-box;
  vertical-align:middle;
  padding:14px 12px;
  background:#fff;
  border:none;
  border-right:1px solid #eef2f6;
  overflow:hidden;
  white-space:normal;
  min-width:0;
}
body.mode-admin .simple--lisanslar tbody tr.odeme-row > td:last-child{
  border-right:none;
}
body.mode-admin .table-wrap--lisanslar table.simple.simple--lisanslar tbody tr:hover td,
body.mode-admin .simple--lisanslar tbody tr.odeme-row:hover > td{
  background:#fff;
}
body.mode-admin .simple--lisanslar td.col-lic-durum,
body.mode-admin .simple--lisanslar td.col-lic-islem{
  text-align:center;
}
body.mode-admin .simple--lisanslar td.col-lic-islem{
  overflow:visible;
}
body.mode-admin .simple--lisanslar td.col-lic-islem .admin-odeme-islem-cell{
  justify-content:center;
}
body.mode-admin .simple--lisanslar td.col-lic-islem .btn-with-icon{
  white-space:nowrap;
  flex-shrink:0;
}
body.mode-admin .simple--lisanslar .odeme-field{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
body.mode-admin .simple--lisanslar .odeme-field__label{
  font-size:0.62rem;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:#94a3b8;
  line-height:1.2;
}
body.mode-admin .simple--lisanslar .odeme-field__value{
  font-size:0.86rem;
  font-weight:700;
  color:#0f172a;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin .simple--lisanslar .odeme-field__value.muted{
  font-weight:600;
  color:var(--ink-muted, #64748b);
}
body.mode-admin .simple--lisanslar .odeme-party{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  min-width:0;
}
body.mode-admin .simple--lisanslar .odeme-party__name{
  font-size:0.86rem;
  font-weight:700;
  color:#0f172a;
  line-height:1.3;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin .simple--lisanslar .odeme-party__no{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  max-width:100%;
  font-size:0.75rem;
  font-variant-numeric:tabular-nums;
  line-height:1.25;
}
body.mode-admin .simple--lisanslar .odeme-party__no-k{
  font-size:0.62rem;
  font-weight:700;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:#94a3b8;
}
body.mode-admin .simple--lisanslar .odeme-party__no-v{
  font-weight:600;
  color:#475569;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin .simple--lisanslar .odeme-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  min-width:0;
}
body.mode-admin .simple--lisanslar .odeme-stack__primary{
  min-width:0;
}
@media (max-width:900px){
  body.mode-admin .simple--lisanslar tbody{
    grid-template-columns:1fr;
  }
}
@media (max-width:560px){
  body.mode-admin .simple--lisanslar tbody tr.odeme-row{
    grid-template-columns:minmax(0, 1fr) auto;
    grid-template-areas:
      "magaza islem"
      "plan plan"
      "durum bitis";
  }
  body.mode-admin .simple--lisanslar tbody tr.odeme-row > td{
    border-right:none;
    border-bottom:1px solid #eef2f6;
  }
  body.mode-admin .simple--lisanslar tbody tr.odeme-row > td:last-child,
  body.mode-admin .simple--lisanslar tbody tr.odeme-row > td.col-lic-bitis{
    border-bottom:none;
  }
  body.mode-admin .simple--lisanslar td.col-lic-magaza{ grid-area:magaza; }
  body.mode-admin .simple--lisanslar td.col-lic-plan{ grid-area:plan; }
  body.mode-admin .simple--lisanslar td.col-lic-durum{ grid-area:durum; text-align:left; }
  body.mode-admin .simple--lisanslar td.col-lic-bitis{ grid-area:bitis; }
  body.mode-admin .simple--lisanslar td.col-lic-islem{ grid-area:islem; }
  body.mode-admin .simple--lisanslar .odeme-stack{
    align-items:flex-start;
  }
}

/* Admin ? T?m kullan?c?lar: ?demeler kart / sat?r stili */
body.mode-admin .admin-tum-kullanici-page__head-actions{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
body.mode-admin .admin-tum-kullanici-page .jobs-filter__search--destek-admin .admin-toolbar-search--paketler{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
body.mode-admin .admin-tum-kullanici-page .jobs-filter__search--destek-admin .admin-paket-search{
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(420px, 100%);
}
body.mode-admin .table-wrap--tum-kullanici{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .table-wrap--tum-kullanici .simple--tum-kullanici{
  margin: 0;
}
body.mode-admin .simple--tum-kullanici{
  table-layout: fixed;
  width: 100%;
  min-width: 1120px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .simple--tum-kullanici col.col-tk-durum{ width: 12%; }
body.mode-admin .simple--tum-kullanici col.col-tk-rol{ width: 8%; }
body.mode-admin .simple--tum-kullanici col.col-tk-faaliyet{ width: 14%; }
body.mode-admin .simple--tum-kullanici col.col-tk-ad{ width: 14%; }
body.mode-admin .simple--tum-kullanici col.col-tk-eposta{ width: 14%; }
body.mode-admin .simple--tum-kullanici col.col-tk-no{ width: 8%; }
body.mode-admin .simple--tum-kullanici col.col-tk-sure{ width: 10%; }
body.mode-admin .simple--tum-kullanici col.col-tk-islem{ width: 20%; }
body.mode-admin .simple--tum-kullanici td.col-tk-sure{
  white-space: nowrap;
  color: var(--ink-muted, #64748b);
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--tum-kullanici .tk-sure-wrap{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  vertical-align: middle;
}
body.mode-admin .simple--tum-kullanici .js-tk-sure{
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--tum-kullanici .js-tk-sure.is-live{
  color: #15803d;
  font-weight: 700;
}
body.mode-admin .simple--tum-kullanici .tk-online-btn{
  flex-shrink: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  padding: 0;
  margin: 0;
  border: 1px solid rgba(34, 197, 94, 0.45);
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.12);
  cursor: default;
  box-shadow: none;
  pointer-events: none;
}
body.mode-admin .simple--tum-kullanici .tk-online-btn__dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.55);
}
body.mode-admin .simple--tum-kullanici .tk-online-btn.is-on{
  display: inline-flex;
  animation: tk-online-btn-blink 1.2s ease-in-out infinite;
}
body.mode-admin .simple--tum-kullanici .tk-online-btn.is-on .tk-online-btn__dot{
  animation: tk-online-dot-pulse 1.2s ease-in-out infinite;
}
@keyframes tk-online-btn-blink{
  0%, 100%{ opacity: 1; }
  50%{ opacity: 0.42; }
}
@keyframes tk-online-dot-pulse{
  0%, 100%{ box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5); }
  50%{ box-shadow: 0 0 0 5px rgba(34, 197, 94, 0); }
}
@media (prefers-reduced-motion: reduce){
  body.mode-admin .simple--tum-kullanici .tk-online-btn.is-on,
  body.mode-admin .simple--tum-kullanici .tk-online-btn.is-on .tk-online-btn__dot{
    animation: none;
  }
}
body.mode-admin .simple--tum-kullanici thead th,
body.mode-admin .table-wrap--tum-kullanici table.simple.simple--tum-kullanici thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .simple--tum-kullanici thead th:first-child{
  border-left: 1px solid #e8edf3;
}
body.mode-admin .simple--tum-kullanici thead th:last-child{
  border-right: 1px solid #e8edf3;
}
body.mode-admin .simple--tum-kullanici thead th.col-center,
body.mode-admin .simple--tum-kullanici thead th.col-actions,
body.mode-admin .simple--tum-kullanici thead th.col-tk-islem,
body.mode-admin .simple--tum-kullanici thead th.col-tk-no,
body.mode-admin .simple--tum-kullanici thead th.col-tk-sure,
body.mode-admin .table-wrap--tum-kullanici table.simple.simple--tum-kullanici thead th.col-center,
body.mode-admin .table-wrap--tum-kullanici table.simple.simple--tum-kullanici thead th.col-actions,
body.mode-admin .table-wrap--tum-kullanici table.simple.simple--tum-kullanici thead th.col-tk-islem,
body.mode-admin .table-wrap--tum-kullanici table.simple.simple--tum-kullanici thead th.col-tk-no,
body.mode-admin .table-wrap--tum-kullanici table.simple.simple--tum-kullanici thead th.col-tk-sure{
  text-align: center;
}
body.mode-admin .simple--tum-kullanici td.col-tk-no,
body.mode-admin .simple--tum-kullanici td.col-tk-sure{
  text-align: center;
}
body.mode-admin .simple--tum-kullanici tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .simple--tum-kullanici tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .simple--tum-kullanici tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
  overflow: visible;
}
body.mode-admin .table-wrap--tum-kullanici table.simple.simple--tum-kullanici tbody tr:hover td,
body.mode-admin .simple--tum-kullanici tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .simple--tum-kullanici tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .simple--tum-kullanici tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .simple--tum-kullanici tbody tr.table-empty > td{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .simple--tum-kullanici td.col-center,
body.mode-admin .simple--tum-kullanici td.col-actions,
body.mode-admin .simple--tum-kullanici td.col-tk-islem{
  text-align: center;
}
body.mode-admin .simple--tum-kullanici td.col-tk-islem .admin-odeme-islem-cell{
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 4px;
  width: 100%;
}
body.mode-admin .simple--tum-kullanici td.col-tk-islem .admin-odeme-islem-cell--stack :is(button.btn, a.btn){
  width: 3.55rem;
  min-width: 3.55rem;
  max-width: 3.55rem;
}
body.mode-admin .simple--tum-kullanici td.col-tk-islem .admin-odeme-islem-cell--stack :is(button.btn, a.btn) > span:not(.ua-list-alert){
  white-space: normal;
  line-height: 1.1;
  font-size: 0.6rem;
}
body.mode-admin .simple--tum-kullanici .cell-ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0;
}
body.mode-admin .simple--tum-kullanici .badge{
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.72rem;
  white-space: nowrap;
}
body.mode-admin .simple--tum-kullanici .badge.badge--with-icon{
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  max-width: 100%;
}
body.mode-admin .simple--tum-kullanici .badge.badge--with-icon > span{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-admin .simple--tum-kullanici .badge.badge--with-icon .ui-icon{
  color: currentColor;
}

/* Admin ? B2C m??teriler: ?demeler kart / sat?r stili */
body.mode-admin .admin-b2c-musteri-page .jobs-filter__search--destek-admin .admin-toolbar-search--paketler{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}
body.mode-admin .admin-b2c-musteri-page .jobs-filter__search--destek-admin .admin-paket-search{
  flex: 1 1 220px;
  min-width: 0;
  max-width: min(420px, 100%);
}
body.mode-admin .table-wrap--b2c-musteriler{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .table-wrap--b2c-musteriler .simple--b2c-musteriler{
  margin: 0;
}
body.mode-admin .simple--b2c-musteriler{
  table-layout: fixed;
  width: 100%;
  min-width: 960px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .simple--b2c-musteriler col.col-b2c-durum{ width: 10%; }
body.mode-admin .simple--b2c-musteriler col.col-b2c-musteri{ width: 16%; }
body.mode-admin .simple--b2c-musteriler col.col-b2c-iletisim{ width: 18%; }
body.mode-admin .simple--b2c-musteriler col.col-b2c-uye{ width: 10%; }
body.mode-admin .simple--b2c-musteriler col.col-b2c-siparis{ width: 10%; }
body.mode-admin .simple--b2c-musteriler col.col-b2c-ciro{ width: 12%; }
body.mode-admin .simple--b2c-musteriler col.col-b2c-kayit{ width: 12%; }
body.mode-admin .simple--b2c-musteriler col.col-b2c-islem{ width: 12%; }
body.mode-admin .simple--b2c-musteriler thead th,
body.mode-admin .table-wrap--b2c-musteriler table.simple.simple--b2c-musteriler thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .simple--b2c-musteriler thead th:first-child{
  border-left: 1px solid #e8edf3;
}
body.mode-admin .simple--b2c-musteriler thead th:last-child{
  border-right: 1px solid #e8edf3;
}
body.mode-admin .simple--b2c-musteriler thead th.col-center,
body.mode-admin .simple--b2c-musteriler thead th.col-actions,
body.mode-admin .simple--b2c-musteriler thead th.col-b2c-islem,
body.mode-admin .simple--b2c-musteriler thead th.col-num,
body.mode-admin .simple--b2c-musteriler thead th.col-money{
  text-align: center;
}
body.mode-admin .simple--b2c-musteriler tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .simple--b2c-musteriler tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .simple--b2c-musteriler tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
  overflow: visible;
}
body.mode-admin .table-wrap--b2c-musteriler table.simple.simple--b2c-musteriler tbody tr:hover td,
body.mode-admin .simple--b2c-musteriler tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .simple--b2c-musteriler tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .simple--b2c-musteriler tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .simple--b2c-musteriler tbody tr.table-empty > td{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .simple--b2c-musteriler td.col-center,
body.mode-admin .simple--b2c-musteriler td.col-actions,
body.mode-admin .simple--b2c-musteriler td.col-b2c-islem,
body.mode-admin .simple--b2c-musteriler td.col-num,
body.mode-admin .simple--b2c-musteriler td.col-money{
  text-align: center;
}
body.mode-admin .simple--b2c-musteriler td.col-b2c-islem .admin-odeme-islem-cell{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
body.mode-admin .simple--b2c-musteriler .odeme-party{
  min-width: 0;
  text-align: left;
}
body.mode-admin .simple--b2c-musteriler .odeme-party__name{
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--b2c-musteriler .odeme-stack{
  min-width: 0;
  text-align: left;
}
body.mode-admin .simple--b2c-musteriler .odeme-stack--money{
  text-align: center;
  align-items: center;
}
body.mode-admin .simple--b2c-musteriler .odeme-stack__primary{
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--b2c-musteriler .odeme-stack__primary.odeme-money-brut{
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--b2c-musteriler .odeme-field{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 0;
}
body.mode-admin .simple--b2c-musteriler td.col-b2c-kayit .odeme-field{
  align-items: flex-start;
}
body.mode-admin .simple--b2c-musteriler .odeme-field__label{
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .simple--b2c-musteriler .odeme-field__value{
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  line-height: 1.3;
}
body.mode-admin .simple--b2c-musteriler .odeme-field__value.muted{
  font-weight: 500;
}
body.mode-admin .simple--b2c-musteriler .cell-ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
body.mode-admin .simple--b2c-musteriler .badge{
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.72rem;
  white-space: nowrap;
}

/* Admin ? Lisans paketleri: ?demeler kart / sat?r stili */
body.mode-admin .admin-lisans-paket-page__head-actions{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
body.mode-admin .admin-lisans-paket-page .jobs-filter__search--destek-admin .admin-toolbar-search--paketler{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
body.mode-admin .admin-lisans-paket-page .jobs-filter__search--destek-admin .admin-paket-search{
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(420px, 100%);
}
body.mode-admin .table-wrap--lisans-paket{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .table-wrap--lisans-paket .simple--lisans-paket{
  margin: 0;
}
body.mode-admin .simple--lisans-paket{
  table-layout: fixed;
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .simple--lisans-paket col.col-lp-paket{ width: 22%; }
body.mode-admin .simple--lisans-paket col.col-lp-aylik{ width: 12%; }
body.mode-admin .simple--lisans-paket col.col-lp-yillik{ width: 12%; }
body.mode-admin .simple--lisans-paket col.col-lp-pop{ width: 10%; }
body.mode-admin .simple--lisans-paket col.col-lp-akt{ width: 10%; }
body.mode-admin .simple--lisans-paket col.col-lp-lim{ width: 18%; }
body.mode-admin .simple--lisans-paket col.col-lp-islem{ width: 12%; }
body.mode-admin .simple--lisans-paket thead th,
body.mode-admin .table-wrap--lisans-paket table.simple.simple--lisans-paket thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .simple--lisans-paket thead th:first-child{
  border-left: 1px solid #e8edf3;
}
body.mode-admin .simple--lisans-paket thead th:last-child{
  border-right: 1px solid #e8edf3;
}
body.mode-admin .simple--lisans-paket thead th.col-center,
body.mode-admin .simple--lisans-paket thead th.col-actions,
body.mode-admin .simple--lisans-paket thead th.col-lp-aylik,
body.mode-admin .simple--lisans-paket thead th.col-lp-yillik,
body.mode-admin .simple--lisans-paket thead th.col-lp-pop,
body.mode-admin .simple--lisans-paket thead th.col-lp-akt,
body.mode-admin .simple--lisans-paket thead th.col-lp-lim,
body.mode-admin .simple--lisans-paket thead th.col-lp-islem{
  text-align: center;
}
body.mode-admin .simple--lisans-paket tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .simple--lisans-paket tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .simple--lisans-paket tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
}
body.mode-admin .table-wrap--lisans-paket table.simple.simple--lisans-paket tbody tr:hover td,
body.mode-admin .simple--lisans-paket tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .simple--lisans-paket tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .simple--lisans-paket tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .simple--lisans-paket tbody tr.table-empty > td{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .simple--lisans-paket td.col-center,
body.mode-admin .simple--lisans-paket td.col-actions,
body.mode-admin .simple--lisans-paket td.col-lp-aylik,
body.mode-admin .simple--lisans-paket td.col-lp-yillik,
body.mode-admin .simple--lisans-paket td.col-lp-pop,
body.mode-admin .simple--lisans-paket td.col-lp-akt,
body.mode-admin .simple--lisans-paket td.col-lp-lim,
body.mode-admin .simple--lisans-paket td.col-lp-islem{
  text-align: center;
}
body.mode-admin .simple--lisans-paket .odeme-stack__primary{
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
}

/* 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);
  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);
}

/* Admin ? Kimlik do?rulama: ?demeler kart / sat?r stili */
body.mode-admin .kimlik-admin-page .jobs-filter__search--destek-admin .admin-toolbar-search--paketler{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
body.mode-admin .kimlik-admin-page .jobs-filter__search--destek-admin .admin-paket-search{
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(420px, 100%);
}
body.mode-admin .table-wrap--kimlik-admin{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .table-wrap--kimlik-admin .simple--kimlik-admin{
  margin: 0;
}
body.mode-admin .simple--kimlik-admin,
body.mode-admin .kimlik-admin-table.simple--kimlik-admin{
  table-layout: fixed;
  width: 100%;
  min-width: 820px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .kimlik-admin-table col.kimlik-admin-col--store{
  width: 32%;
}
body.mode-admin .kimlik-admin-table col.kimlik-admin-col--doc{
  width: 12%;
}
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: 12%;
}
body.mode-admin .kimlik-admin-table .badge{
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.72rem;
}
body.mode-admin .simple--kimlik-admin thead th,
body.mode-admin .table-wrap--kimlik-admin table.simple.simple--kimlik-admin thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .simple--kimlik-admin thead th:first-child{
  border-left: 1px solid #e8edf3;
}
body.mode-admin .simple--kimlik-admin thead th:last-child{
  border-right: 1px solid #e8edf3;
}
body.mode-admin .simple--kimlik-admin thead th.kimlik-admin-th--doc,
body.mode-admin .simple--kimlik-admin thead th.kimlik-admin-th--acct,
body.mode-admin .simple--kimlik-admin thead th.kimlik-admin-th--act,
body.mode-admin .simple--kimlik-admin thead th.col-center,
body.mode-admin .simple--kimlik-admin thead th.col-actions{
  text-align: center;
}
body.mode-admin .simple--kimlik-admin tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .simple--kimlik-admin tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .simple--kimlik-admin tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
}
body.mode-admin .table-wrap--kimlik-admin table.simple.simple--kimlik-admin tbody tr:hover td,
body.mode-admin .simple--kimlik-admin tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .simple--kimlik-admin tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .simple--kimlik-admin tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .simple--kimlik-admin tbody tr.table-empty > td{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .simple--kimlik-admin th.kimlik-admin-th--store,
body.mode-admin .simple--kimlik-admin td.kimlik-admin-cell--store{
  text-align: left;
  word-break: break-word;
}
body.mode-admin .simple--kimlik-admin th.kimlik-admin-th--doc,
body.mode-admin .simple--kimlik-admin td.kimlik-admin-cell--doc,
body.mode-admin .simple--kimlik-admin th.kimlik-admin-th--acct,
body.mode-admin .simple--kimlik-admin td.kimlik-admin-cell--acct,
body.mode-admin .simple--kimlik-admin th.kimlik-admin-th--act,
body.mode-admin .simple--kimlik-admin td.kimlik-admin-cell--act{
  text-align: center;
}
body.mode-admin .simple--kimlik-admin .kimlik-admin-doc--compact{
  max-width: none;
  vertical-align: middle;
}
body.mode-admin .simple--kimlik-admin .odeme-party{
  min-width: 0;
}
body.mode-admin .simple--kimlik-admin .odeme-party__name{
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
}
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;
}

/* 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);
}
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);
  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);
  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);
  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);
  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-admin .trade-toolbar--admin-kategori .trade-toolbar__left--kat-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  flex: 1 1 320px;
  min-width: 0;
}
body.mode-admin .trade-toolbar--admin-kategori .admin-toolbar-search--kat{
  flex: 1 1 220px;
  min-width: 180px;
  max-width: 420px;
  flex-wrap: nowrap;
  align-items: center;
}
body.mode-admin .trade-toolbar--admin-kategori .admin-toolbar-search--kat .admin-paket-search{
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: none;
}
@media (max-width: 720px) {
  body.mode-admin .trade-toolbar--admin-kategori .admin-toolbar-search--kat{
    flex: 1 1 100%;
    max-width: none;
  }
}

body.mode-admin .admin-kat-gorsel-cell{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 280px;
}
body.mode-admin .admin-kat-gorsel-form{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  min-width: 0;
  margin: 0;
}
body.mode-admin .admin-kat-gorsel-form .input[type="file"]{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
body.mode-admin .admin-kat-gorsel-form .btn{
  align-self: flex-start;
  flex-shrink: 0;
}
body.mode-admin .admin-kat-nav-preview{
  object-fit: contain;
  background: #fff;
  border: 0;
}
body.mode-admin .admin-pm-banner-preview{
  width: 60px;
  height: 80px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line, #e8ecf2);
  background: #f8fafc;
}
body.mode-admin .admin-pm-banner-field{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mode-admin .admin-pm-banner-upload__frame{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 200px;
  aspect-ratio: 3 / 4;
  border-radius: var(--radius-md);
  background: #fff;
  border: 1px dashed #cbd5e1;
  overflow: hidden;
}
body.mode-admin .admin-pm-banner-upload__empty{
  font-size: 0.78rem;
  color: #94a3b8;
  text-align: center;
  padding: 8px;
}
body.mode-admin .admin-pm-banner-upload__link{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
body.mode-admin .admin-pm-banner-preview--modal{
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  border: 0;
  border-radius: 0;
  aspect-ratio: auto;
}
body.mode-admin .admin-pm-banner-field .modal-hint{
  margin: 0;
}
body.mode-admin .admin-vitrin-page > .card-head--ops{
  align-items: center;
  margin-bottom: 16px;
}
body.mode-admin .admin-vitrin-page > .card-head--ops .admin-vitrin-page__head-actions{
  align-self: center;
}
body.mode-admin .admin-vitrin-page .admin-pm-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
body.mode-admin .admin-vitrin-page--populer-markalar .admin-pm-grid,
body.mode-admin .admin-vitrin-page--video-vitrin .admin-pm-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1280px){
  body.mode-admin .admin-vitrin-page--populer-markalar .admin-pm-grid,
  body.mode-admin .admin-vitrin-page--video-vitrin .admin-pm-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body.mode-admin .admin-pm-card{
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  border: 1px solid #e8edf3;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
}
/* Kampanya banner: 2 s?tun korunur; kutu ?l??leri ?ndirimler sat?r? gibi (daralma yok) */
body.mode-admin .admin-vitrin-page--kampanya-banner .admin-pm-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
body.mode-admin .admin-pm-card--kampanya{
  grid-template-columns: minmax(148px, 168px) minmax(0, 1fr);
  align-items: stretch;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 14px 16px;
  border-radius: 10px;
  box-shadow: none;
}
body.mode-admin .admin-pm-card--kampanya .admin-pm-card__banner{
  width: 100%;
  height: auto;
  min-height: 82px;
  aspect-ratio: 720 / 400;
}
body.mode-admin .admin-pm-card--kampanya .admin-pm-card__body{
  gap: 10px;
  min-height: 100%;
}
body.mode-admin .admin-pm-card--kampanya .admin-pm-card__head{
  align-items: center;
  gap: 12px;
}
body.mode-admin .admin-pm-card--kampanya .admin-pm-card__foot{
  margin-top: auto;
  padding-top: 10px;
}
body.mode-admin .admin-pm-card--kampanya .admin-reklam-row-actions{
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-shrink: 0;
}
@media (max-width: 900px){
  body.mode-admin .admin-vitrin-page--kampanya-banner .admin-pm-grid{
    grid-template-columns: 1fr;
  }
}
body.mode-admin .admin-pm-card--marka-alti{
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: stretch;
}
body.mode-admin .admin-pm-card--marka-alti .admin-pm-card__banner{
  width: 88px;
  height: 88px;
}
body.mode-admin .admin-pm-card--marka-alti .admin-pm-card__body,
body.mode-admin .admin-pm-card--alt-banner .admin-pm-card__body{
  justify-content: space-between;
}
body.mode-admin .admin-pm-card--alt-banner{
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: stretch;
}
body.mode-admin .admin-pm-card--alt-banner .admin-pm-card__banner{
  width: 88px;
  height: 88px;
}
body.mode-admin .admin-pm-card .admin-reklam-cell-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 0;
}
body.mode-admin .admin-pm-card__media{
  min-width: 0;
}
body.mode-admin .admin-pm-card__banner{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 96px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #e8edf3;
  background: #f8fafc;
  text-decoration: none;
}
body.mode-admin .admin-pm-card__banner img,
body.mode-admin .admin-pm-card__banner video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.mode-admin .admin-pm-card__banner--empty{
  padding: 6px;
  text-align: center;
  font-size: 0.72rem;
  line-height: 1.25;
}
body.mode-admin .admin-pm-card__body{
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  min-height: 100%;
}
body.mode-admin .admin-pm-card__top,
body.mode-admin .admin-pm-card__head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}
body.mode-admin .admin-pm-card__head .admin-pm-card__yayin{
  margin-top: 1px;
}
body.mode-admin .admin-pm-card__title-block{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
body.mode-admin .admin-pm-card__title-row{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
body.mode-admin .admin-pm-card__top .admin-marka-logo-cell,
body.mode-admin .admin-pm-card__title-block .admin-marka-logo-cell{
  min-width: 0;
}
body.mode-admin .admin-pm-card__top .admin-marka-logo-cell__name,
body.mode-admin .admin-pm-card__title-block .admin-marka-logo-cell__name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .admin-pm-card__sira{
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 700;
  color: #94a3b8;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}
body.mode-admin .admin-pm-card__yayin{
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  height: 32px;
  padding: 0 8px 0 10px;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #f8fafc;
  box-sizing: border-box;
}
body.mode-admin .admin-pm-card__yayin-form{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
body.mode-admin .admin-pm-card__yayin-label{
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  white-space: nowrap;
  user-select: none;
}
body.mode-admin .admin-pm-card__yayin .marka-switch,
body.mode-admin .admin-pm-card__yayin-form .marka-switch{
  justify-self: auto;
  flex-shrink: 0;
}
body.mode-admin .admin-pm-card__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
body.mode-admin .admin-pm-card__foot{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid #f1f5f9;
  min-width: 0;
}
body.mode-admin .admin-pm-card__foot .badge{
  margin-right: auto;
}
body.mode-admin .admin-pm-card__actions{
  flex-shrink: 0;
}
body.mode-admin .admin-pm-card__actions .btn-with-icon{
  gap: 5px;
}
body.mode-admin .admin-pm-card__actions .btn-with-icon > span{
  font-size: 0.78rem;
  font-weight: 600;
}
body.mode-admin .admin-pm-card__actions .admin-btn-delete{
  color: #b91c1c;
}
body.mode-admin .admin-pm-card__actions .admin-btn-delete:hover{
  background: rgba(185, 28, 28, 0.06);
}
@media (max-width: 900px){
  body.mode-admin .admin-vitrin-page .admin-pm-grid{
    grid-template-columns: 1fr;
  }
}
body.mode-admin #modalPmAdd .modal-card,
body.mode-admin #modalPmAdd .modal-card > form{
  overflow: visible;
  max-height: none;
}
body.mode-admin #modalPmAdd .modal-body{
  overflow: visible;
}
body.mode-admin #modalPmAdd .modal-footer{
  position: static;
  z-index: auto;
}
body.mode-admin #modalPmAdd .admin-magaza-combo{ position: relative; }
body.mode-admin #modalPmAdd .admin-magaza-combo__list{
  position: absolute;
  z-index: 60;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  max-height: 240px;
  overflow: auto;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: #fff;
  border: 1px solid var(--line, #e8ecf2);
  border-radius: var(--radius-md);
  box-shadow: 0 12px 32px rgba(12, 18, 34, 0.12);
}
body.mode-admin #modalPmAdd .admin-magaza-combo__option{
  padding: 8px 14px;
  cursor: pointer;
}
body.mode-admin #modalPmAdd .admin-magaza-combo__option:hover,
body.mode-admin #modalPmAdd .admin-magaza-combo__option:focus{
  background: #f3f6fb;
}
body.mode-admin #modalPmAdd .admin-magaza-combo__empty{
  padding: 8px 14px;
  color: var(--muted, #64748b);
}
body.mode-admin .admin-pvv-card__title{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1.3;
  color: var(--ink, #0f172a);
}
body.mode-admin .admin-pvv-card__link{
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #64748b;
}
body.mode-admin .admin-pvv-card__banner--video{
  color: var(--muted, #64748b);
  padding: 0;
  background: #0f172a;
}
body.mode-admin .admin-pvv-card__banner--video svg{
  width: 22px;
  height: 22px;
}
body.mode-admin .admin-pvv-card__banner--video video,
body.mode-admin .admin-pvv-card__banner--video img{
  background: #0f172a;
}
body.mode-admin .admin-pvv-thumb {
  display: block;
  width: 48px;
  height: 64px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  background: #f3f4f6;
}
body.mode-admin .admin-pvv-thumb--video {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--muted, #64748b);
}
body.mode-admin .admin-pvv-preview-wrap {
  margin-top: 10px;
}
body.mode-admin .admin-pvv-preview-video {
  width: min(180px, 100%);
  aspect-ratio: 9 / 16;
  border-radius: var(--radius-lg);
  background: #111;
}
body.mode-admin .admin-pvv-preview-img {
  display: block;
  border-radius: var(--radius-md);
  object-fit: cover;
}
body.mode-admin .admin-pvv-urun-picker {
  position: relative;
}
body.mode-admin .admin-pvv-baglanti-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  width: 100%;
  margin: 0 0 10px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(241, 245, 249, 0.95);
}
body.mode-admin .admin-pvv-baglanti-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: 40px;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-pvv-baglanti-tab:hover:not(.is-active) {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.65);
}
body.mode-admin .admin-pvv-baglanti-tab.is-active {
  color: var(--ink);
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
body.mode-admin .admin-pvv-urun-selected__type {
  color: var(--ink-muted);
  font-size: 0.86rem;
  flex: 0 0 auto;
}
body.mode-admin .admin-pvv-urun-results {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  max-height: 240px;
  overflow: auto;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: var(--radius-md);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}
body.mode-admin .admin-pvv-urun-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
body.mode-admin .admin-pvv-urun-item:hover {
  background: #f8fafc;
}
body.mode-admin .admin-pvv-urun-item img {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  object-fit: contain;
  background: #f3f4f6;
}
body.mode-admin .admin-pvv-urun-empty {
  padding: 12px;
  margin: 0;
}
body.mode-admin .admin-pvv-urun-selected {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.08);
}
body.mode-admin .admin-pvv-urun-selected #pvvUrunSelectedLabel {
  flex: 1 1 auto;
  min-width: 0;
}
body.mode-admin #modalPvv .modal-dialog--wide {
  max-width: min(96vw, 640px);
}
body.mode-admin .admin-kat-dropdown-preview{
  object-fit: cover;
}
body.mode-admin .admin-kat-nav-empty{
  font-size: 0.82rem;
}

body.mode-admin .admin-kat-tree__item--child .admin-kat-tree__name::before {
  content: none;
}

body.mode-admin .admin-kat-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 0.88rem;
  margin-bottom: 4px;
}
body.mode-admin .admin-kat-breadcrumb a {
  color: var(--accent);
  text-decoration: none;
}
body.mode-admin .admin-kat-breadcrumb a:hover {
  text-decoration: underline;
}
body.mode-admin a.admin-kat-tree__name--link {
  font-size: 0.95rem;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}
body.mode-admin a.admin-kat-tree__name--link:hover {
  color: var(--accent);
  text-decoration: underline;
}

body.mode-admin .admin-kat-settings__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
}
body.mode-admin .admin-kat-settings__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}
body.mode-admin .admin-kat-settings__title {
  margin: 0;
  font-size: 1rem;
}
body.mode-admin .admin-kat-ph-list {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border, #e2e8f0);
  border-radius: var(--radius-md, 10px);
  overflow: hidden;
  background: #fff;
}
body.mode-admin .admin-kat-ph-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 8px 14px;
  border-bottom: 1px solid var(--border, #e2e8f0);
  background: #f8fafc;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted, #64748b);
}
body.mode-admin .admin-kat-ph-head__media {
  min-width: 248px;
  text-align: center;
}
body.mode-admin .admin-kat-ph-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border, #e2e8f0);
}
body.mode-admin .admin-kat-ph-item:last-child {
  border-bottom: 0;
}
body.mode-admin .admin-kat-ph-item.is-pending-remove .admin-kat-ph-item__thumb {
  opacity: 0.45;
}
body.mode-admin .admin-kat-ph-item__name {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
  min-width: 0;
}
body.mode-admin .admin-kat-ph-item__media {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-shrink: 0;
  min-width: 248px;
}
body.mode-admin .admin-kat-ph-item__thumb-wrap {
  position: relative;
  flex-shrink: 0;
}
body.mode-admin .admin-kat-ph-item__thumb {
  position: relative;
  width: 76px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 1px dashed #cbd5e1;
  border-radius: var(--radius-sm, 6px);
  background: #f8fafc;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-kat-ph-item__thumb:hover {
  border-color: color-mix(in srgb, var(--accent) 40%, #cbd5e1);
  background: #fff;
}
body.mode-admin .admin-kat-ph-item__thumb:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
body.mode-admin .admin-kat-ph-item__thumb.has-image {
  border-style: solid;
  border-color: #e2e8f0;
  background: #fff;
}
body.mode-admin .admin-kat-ph-item__thumb-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.mode-admin .admin-kat-ph-item__thumb-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 4px;
  text-align: center;
  color: var(--muted, #64748b);
  pointer-events: none;
}
body.mode-admin .admin-kat-ph-item__thumb-empty .ui-icon {
  width: 1.1rem;
  height: 1.1rem;
  opacity: 0.75;
}
body.mode-admin .admin-kat-ph-item__thumb-empty-label {
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
body.mode-admin .admin-kat-ph-item__thumb-zoom {
  position: absolute;
  right: 4px;
  bottom: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(148, 163, 184, 0.45);
  color: var(--ink-muted, #64748b);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  text-decoration: none;
  z-index: 1;
}
body.mode-admin .admin-kat-ph-item__thumb-zoom .ui-icon {
  width: 0.85rem;
  height: 0.85rem;
}
body.mode-admin .admin-kat-ph-item__thumb-zoom:hover {
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 35%, #cbd5e1);
}
body.mode-admin .admin-kat-ph-item__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-shrink: 0;
}
body.mode-admin .admin-kat-ph-item__actions .btn-sm {
  white-space: nowrap;
}
body.mode-admin #modalKatVarsayilanGorsel .modal-dialog {
  max-width: min(94vw, 680px);
}
body.mode-admin #modalKatVarsayilanGorsel .modal-hint {
  max-width: none;
}
body.mode-admin #modalKatVarsayilanGorsel .modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 560px) {
  body.mode-admin .admin-kat-ph-head {
    display: none;
  }
  body.mode-admin .admin-kat-ph-item {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  body.mode-admin .admin-kat-ph-item__media {
    min-width: 0;
    width: 100%;
    justify-content: space-between;
  }
  body.mode-admin .admin-kat-ph-item__actions {
    flex: 1;
    min-width: 0;
    justify-content: flex-end;
  }
}
body.mode-admin .admin-kat-tree-hint {
  font-size: 0.88rem;
  max-width: 52rem;
}
body.mode-admin .admin-kat-tree {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mode-admin .admin-kat-tree__item {
  margin: 0;
  padding-left: calc(var(--kat-depth, 0) * 20px);
}
body.mode-admin .admin-kat-tree__item--off {
  opacity: 0.72;
}
body.mode-admin .admin-kat-tree__item--cansiz .admin-kat-tree__main {
  border-style: dashed;
}
body.mode-admin .admin-kat-toggle--canli .admin-kat-toggle__track {
  background: #c8d4e6;
}
body.mode-admin .admin-kat-toggle--canli.is-on .admin-kat-toggle__track {
  background: #2f7d4a;
}
body.mode-admin .admin-kat-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
body.mode-admin .admin-kat-panel__title {
  margin: 0;
  font-size: 1.15rem;
}
body.mode-admin .admin-kat-panel__subtitle {
  margin: 2px 0 0;
  font-size: 0.9rem;
  color: #6b7280;
  flex: 1 1 100%;
}
body.mode-admin .admin-kat-panel__title-sub {
  display: block;
  margin-top: 2px;
  font-size: 0.88rem;
  font-weight: 500;
  color: #6b7280;
}
body.mode-admin .table-wrap--kat-grid {
  margin-top: 0;
  overflow-x: auto;
  max-width: 100%;
}
body.mode-admin .admin-kat-panel {
  min-width: 0;
  max-width: 100%;
}
body.mode-admin .admin-kat-bulk-head th {
  background: #f8fafc;
  border-bottom: none;
  box-shadow: inset 0 -1px 0 #e8ecf2;
  font-weight: 500;
  font-size: 0.88rem;
  text-transform: none;
  letter-spacing: normal;
  color: var(--ink, #1e293b);
  vertical-align: middle;
}
body.mode-admin .table-wrap--kat-bulk table.simple.simple--kat-grid thead .admin-kat-bulk-head + tr th {
  border-top: 12px solid var(--surface);
}
body.mode-admin .admin-kat-bulk-head .col-kat-check {
  padding: 8px 3px;
}
body.mode-admin .admin-kat-bulk-head__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
body.mode-admin .admin-kat-bulk-bar__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto;
}
body.mode-admin .admin-kat-bulk-bar__actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.mode-admin .admin-kat-bulk-bar__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 4px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.1);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
}
body.mode-admin .admin-kat-bulk-bar__actions .btn:not(:disabled) .admin-kat-bulk-bar__count {
  background: rgba(15, 23, 42, 0.14);
}
body.mode-admin .table-wrap table.simple.simple--kat-grid col.col-kat-check {
  width: 22px;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid col.col-kat-alt,
body.mode-admin .table-wrap table.simple.simple--kat-grid col.col-kat-sira {
  width: 40px;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid th.col-kat-check,
body.mode-admin .table-wrap table.simple.simple--kat-grid td.col-kat-check {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  padding: 8px 3px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid thead th.col-num,
body.mode-admin .table-wrap table.simple.simple--kat-grid tbody td.col-num,
body.mode-admin .table-wrap table.simple.simple--kat-grid tbody td.col-kat-alt {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  padding: 10px 4px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
body.mode-admin .admin-kat-bulk-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 16px;
  min-width: 0;
  min-height: 18px;
  cursor: pointer;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid .col-kat-check input,
body.mode-admin .admin-kat-bulk-check input {
  width: 16px;
  height: 16px;
  margin: 0;
  pointer-events: auto;
  cursor: pointer;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid tbody tr.is-selected {
  background: #f3f6fb;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid {
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid col.col-kat-ad { width: 30%; }
body.mode-admin .table-wrap table.simple.simple--kat-grid col.col-kat-tip { width: 9%; }
body.mode-admin .table-wrap table.simple.simple--kat-grid col.col-kat-banner { width: 8%; }
body.mode-admin .table-wrap table.simple.simple--kat-grid col.col-kat-canli { width: 8%; }
body.mode-admin .table-wrap table.simple.simple--kat-grid col.col-kat-aktif { width: 8%; }
body.mode-admin .table-wrap table.simple.simple--kat-grid col.col-kat-islem { width: 10%; }
body.mode-admin .table-wrap table.simple.simple--kat-grid.simple--kat-grid--no-tip col.col-kat-ad { width: 39%; }
body.mode-admin .table-wrap table.simple.simple--kat-grid th,
body.mode-admin .table-wrap table.simple.simple--kat-grid td {
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 0;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid td.col-kat-ad {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid .admin-kat-grid__link,
body.mode-admin .table-wrap table.simple.simple--kat-grid .admin-kat-grid__link--btn {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid tbody td.col-num,
body.mode-admin .table-wrap table.simple.simple--kat-grid .col-actions {
  white-space: nowrap;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid td.col-actions {
  overflow: hidden;
}
body.mode-admin .table-wrap--kat-grid .stack-row {
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid tbody tr.is-off {
  opacity: 0.65;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid tbody tr.is-cansiz td.col-kat-ad {
  color: #6b7280;
}
body.mode-admin .admin-kat-sort-hint {
  font-size: .8125rem;
}
body.mode-admin .admin-marka-sira-ad {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
body.mode-admin .admin-marka-sira-ad__logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 6px;
  background: #f8fafc;
  flex-shrink: 0;
}
body.mode-admin .admin-marka-sira-ad__logo--empty {
  display: inline-block;
  border: 1px dashed #d0d7e2;
  background: transparent;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid.simple--kat-grid--sortable tbody tr.admin-kat-row--sortable {
  cursor: default;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid tbody tr.admin-kat-row--sortable.is-dragging {
  opacity: .55;
  background: color-mix(in srgb, var(--accent, #0d9488) 8%, transparent);
}
body.mode-admin .table-wrap table.simple.simple--kat-grid.is-saving-order {
  opacity: .88;
  pointer-events: none;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid td.col-kat-sira--sortable {
  white-space: nowrap;
  vertical-align: middle;
}
body.mode-admin .admin-kat-drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .35rem;
  padding: 0;
  border: 0;
  border-radius: .25rem;
  background: transparent;
  color: var(--muted, #94a3b8);
  cursor: grab;
  vertical-align: middle;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
body.mode-admin.admin-kat-sort-dragging {
  user-select: none;
  cursor: grabbing;
}
body.mode-admin.admin-kat-sort-dragging .admin-kat-drag-handle {
  cursor: grabbing;
}
body.mode-admin .admin-kat-drag-handle:hover {
  color: var(--text, #0f172a);
  background: color-mix(in srgb, var(--text, #0f172a) 6%, transparent);
}
body.mode-admin .admin-kat-drag-handle:active {
  cursor: grabbing;
}
body.mode-admin .admin-kat-drag-handle .ui-icon {
  width: 1rem;
  height: 1rem;
}
body.mode-admin .admin-kat-sira-val {
  display: inline-block;
  vertical-align: middle;
  min-width: 1.25rem;
  text-align: right;
}
body.mode-admin .admin-kat-grid__link {
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}
body.mode-admin .admin-kat-grid__link:hover {
  color: var(--accent);
}
body.mode-admin a.admin-kat-grid__link:hover {
  text-decoration: underline;
}
body.mode-admin button.admin-kat-grid__link--btn {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
body.mode-admin .admin-kat-grid__sub {
  display: inline-block;
  font-size: 0.84rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #6b7280;
}
body.mode-admin .admin-kat-grid__crumb {
  font-size: 0.8125rem;
  line-height: 1.3;
  margin-bottom: 0.15rem;
}
body.mode-admin .admin-kat-grid__sub--empty {
  font-weight: 400;
  color: #d1d5db;
}
body.mode-admin .admin-kat-grid__toggle {
  display: inline-flex;
  justify-content: center;
}
body.mode-admin .admin-kat-grid__banner-btn {
  justify-content: center;
}
body.mode-admin .admin-kat-grid__banner-btn.is-inherited {
  opacity: 0.72;
}
body.mode-admin .admin-kat-grid__banner-btn.is-empty .ui-icon {
  opacity: 0.72;
}
body.mode-admin .admin-kat-grid__banner-btn:not(.is-empty) .ui-icon {
  opacity: 1;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid .col-actions {
  white-space: nowrap;
}
body.mode-admin .admin-kat-tip-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-top: 14px;
  border-top: 1px solid #e8ecf2;
}
body.mode-admin .admin-kat-tip-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid #dde3ec;
  background: #fff;
  color: #374151;
  font-size: 0.84rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
body.mode-admin .admin-kat-tip-nav__link:hover {
  border-color: #b8c4d6;
  color: #111827;
}
body.mode-admin .admin-kat-tip-nav__link.is-active {
  border-color: #3b5bdb;
  background: #edf2ff;
  color: #1c3faa;
}
body.mode-admin .admin-kat-tip-nav__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.08);
  font-size: 0.72rem;
  line-height: 1.5;
}
body.mode-admin .admin-kat-tip-nav__link.is-active .admin-kat-tip-nav__count {
  background: rgba(28, 63, 170, 0.12);
}
body.mode-admin .admin-kat-tip-nav__sablon {
  margin-left: auto;
  align-self: center;
  flex-shrink: 0;
}
body.mode-admin .admin-kat-tip-seo-bar {
  display: flex;
  justify-content: flex-end;
}
body.mode-admin #modalKatTipSeoSablon.is-open {
  z-index: 2147483100;
}
body.mode-admin #modalKatTipSeoSablon .admin-kat-tip-seo-sablon__apply {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #e8ecf2;
  font-size: 0.88rem;
  font-weight: 600;
  color: #334155;
  cursor: pointer;
}
body.mode-admin #modalKatTipSeoSablon .admin-kat-tip-seo-sablon__apply input {
  margin: 0;
  flex-shrink: 0;
}
body.mode-admin #modalKatTipSeoSablon .admin-kat-tip-var,
body.mode-admin #modalKatTipSeoSablon .admin-kat-tip-seo-var {
  display: inline;
  margin: 0 2px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  vertical-align: baseline;
}
body.mode-admin #modalKatTipSeoSablon .admin-kat-tip-seo-var code {
  font-size: 0.82rem;
  color: #1c3faa;
  font-weight: 600;
}
body.mode-admin #modalKatTipSeoSablon .admin-kat-tip-seo-var:hover code {
  text-decoration: underline;
}
body.mode-admin #modalKatTipSeoSablon .modal-footer {
  gap: 8px;
}
body.mode-admin #modalKatTipSeoSablon .modal-footer .btn-primary {
  margin-left: auto;
}
body.mode-admin .modal-dialog--kat-tip {
  width: min(520px, calc(100vw - 24px));
  max-width: 520px;
}
body.mode-admin .admin-kat-tip-yonet__toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
body.mode-admin .admin-kat-tip-yonet__intro {
  flex: 1;
  font-size: 0.88rem;
  line-height: 1.45;
}
body.mode-admin .admin-kat-tip-yonet__table td:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body.mode-admin .admin-kat-tip-yonet__kod {
  font-size: 0.78rem;
  color: #6b7280;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
body.mode-admin .admin-kat-tip-yonet__sistem {
  font-size: 0.72rem;
  font-weight: 600;
  color: #6b7280;
  background: #f3f4f6;
  border-radius: 999px;
  padding: 2px 8px;
}
body.mode-admin .admin-kat-tip-yonet__form .form-row {
  margin-bottom: 14px;
}
body.mode-admin .admin-kat-tip-yonet__form .modal-footer--inline {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #e8ecf2;
}
body.mode-admin .admin-kat-panel__hint {
  margin: 10px 0 0;
  padding: 10px 12px;
  font-size: 0.88rem;
  line-height: 1.45;
  color: #4b5563;
  background: #f3f6fa;
  border-radius: var(--radius-md);
  border-left: 3px solid #94a3b8;
}
body.mode-admin .admin-kat-breadcrumb {
  flex: 1 1 100%;
  font-size: 0.84rem;
  margin: 0;
}
body.mode-admin .admin-kat-breadcrumb__sep {
  margin: 0 6px;
  color: #9ca3af;
}
body.mode-admin .admin-kat-breadcrumb__current {
  color: #111827;
  font-weight: 600;
}
body.mode-admin .admin-kat-list__columns {
  display: none;
  grid-template-columns: minmax(160px, 1.6fr) 88px minmax(120px, 0.9fr) auto;
  gap: 10px 14px;
  padding: 0 12px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9ca3af;
}
body.mode-admin .admin-kat-list__section {
  margin: 14px 0 8px;
  padding: 0 4px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
body.mode-admin .admin-kat-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px 12px;
  align-items: center;
}
body.mode-admin .admin-kat-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: 0.78rem;
  margin-top: 2px;
}
body.mode-admin .admin-kat-row__drill {
  color: var(--accent);
  text-decoration: none;
  font-weight: 500;
}
body.mode-admin .admin-kat-row__drill:hover {
  text-decoration: underline;
}
body.mode-admin .admin-kat-row__status {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body.mode-admin .admin-kat-status {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.4;
}
body.mode-admin .admin-kat-status--on { background: #e8f5ec; color: #1f6b39; }
body.mode-admin .admin-kat-status--off { background: #f3f4f6; color: #6b7280; }
body.mode-admin .admin-kat-status--live { background: #e8f0fa; color: #1d4f91; }
body.mode-admin .admin-kat-status--hidden { background: #faf5e8; color: #8a6a1f; }
body.mode-admin .admin-kat-tip-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}
body.mode-admin .admin-kat-tip-badge--genel { background: #f3f4f6; color: #4b5563; }
body.mode-admin .admin-kat-tip-badge--marka { background: #ede9fe; color: #5b21b6; }
body.mode-admin .admin-kat-tip-badge--cinsiyet { background: #e0f2fe; color: #0369a1; }
body.mode-admin .admin-kat-tip-badge--nav_slot { background: #ecfdf5; color: #047857; }
body.mode-admin .admin-kat-grid__link--static {
  display: inline-block;
  font-weight: 600;
  color: inherit;
}
body.mode-admin .table-wrap table.simple.simple--kat-grid tbody tr.admin-kat-row--markalar-slot {
  background: #f8fafc;
}
body.mode-admin .admin-kat-toggle.is-locked {
  opacity: 0.55;
  pointer-events: none;
}
body.mode-admin #modalKatEkle .admin-kat-combo,
body.mode-admin #modalKatDuzenle .admin-kat-combo {
  width: 100%;
  max-width: none;
}
body.mode-admin #modalKatEkle .admin-kat-edit-fields {
  grid-template-columns: 1fr;
}
body.mode-admin #modalKatDuzenle .admin-kat-edit-fields {
  grid-template-columns: minmax(0, 1fr) 96px;
}
body.mode-admin #modalKatDuzenle .admin-kat-edit-fields__ad {
  grid-column: 1 / -1;
}
body.mode-admin #modalKatDuzenle .admin-kat-edit-fields__tip {
  grid-column: 1;
}
body.mode-admin #modalKatDuzenle .admin-kat-edit-fields__sira {
  grid-column: 2;
}
body.mode-admin #kat_ekle_parent_wrap,
body.mode-admin #kat_edit_parent_wrap {
  grid-column: 1 / -1;
}
body.mode-admin [data-admin-kat-combo-parent] .panel-il-combo__trigger {
  white-space: normal;
  line-height: 1.35;
  min-height: 44px;
}
body.mode-admin [data-admin-kat-combo-parent] .panel-il-combo__panel {
  min-width: min(100%, 360px);
  width: max(100%, 320px);
  max-width: min(96vw, 480px);
}
body.mode-admin [data-admin-kat-combo].is-locked .panel-il-combo__trigger:disabled {
  background: #f8fafc;
  color: #0f172a;
  cursor: default;
  opacity: 1;
}
body.mode-admin #modalKatEkle .admin-kat-edit-fields__tip .admin-kat-combo,
body.mode-admin #modalKatDuzenle .admin-kat-edit-fields__tip .admin-kat-combo {
  max-width: 280px;
}
body.mode-admin #modalKatEkle .admin-kat-combo .panel-il-combo__panel,
body.mode-admin #modalKatDuzenle .admin-kat-combo .panel-il-combo__panel {
  z-index: 200;
}
body.mode-admin #modalKatEkle .admin-kat-combo .panel-il-combo__list,
body.mode-admin #modalKatDuzenle .admin-kat-combo .panel-il-combo__list {
  max-height: min(42vh, 320px);
}
body.mode-admin #modalKatEkle [data-admin-kat-combo-no-search] .panel-il-combo__list,
body.mode-admin #modalKatDuzenle [data-admin-kat-combo-no-search] .panel-il-combo__list {
  max-height: none;
  overflow: visible;
}
body.mode-admin #modalKatEkle [data-admin-kat-combo-no-search] .panel-il-combo__panel,
body.mode-admin #modalKatDuzenle [data-admin-kat-combo-no-search] .panel-il-combo__panel {
  overflow: visible;
}
body.mode-admin #modalKatEkle .panel-il-combo.is-drop-up .panel-il-combo__panel,
body.mode-admin #modalKatDuzenle .panel-il-combo.is-drop-up .panel-il-combo__panel {
  top: auto;
  bottom: calc(100% + 6px);
}
body.mode-admin #modalKatEkle.is-kat-combo-open,
body.mode-admin #modalKatDuzenle.is-kat-combo-open {
  overflow: visible;
}
body.mode-admin #modalKatEkle.is-kat-combo-open .modal-dialog,
body.mode-admin #modalKatDuzenle.is-kat-combo-open .modal-dialog {
  overflow: visible;
}
body.mode-admin #modalKatEkle.is-kat-combo-open .modal-card,
body.mode-admin #modalKatDuzenle.is-kat-combo-open .modal-card,
body.mode-admin #modalKatEkle.is-kat-combo-open .modal-body,
body.mode-admin #modalKatDuzenle.is-kat-combo-open .modal-body {
  overflow: visible;
}
body.mode-admin #modalKatEkle.is-kat-combo-open .modal-form--kat,
body.mode-admin #modalKatDuzenle.is-kat-combo-open .modal-form--kat,
body.mode-admin #modalKatEkle.is-kat-combo-open .admin-modal-tabs-wrap,
body.mode-admin #modalKatDuzenle.is-kat-combo-open .admin-modal-tabs-wrap,
body.mode-admin #modalKatEkle.is-kat-combo-open .admin-modal-tab-panel,
body.mode-admin #modalKatDuzenle.is-kat-combo-open .admin-modal-tab-panel,
body.mode-admin #modalKatEkle.is-kat-combo-open .admin-kat-edit-section,
body.mode-admin #modalKatDuzenle.is-kat-combo-open .admin-kat-edit-section,
body.mode-admin #modalKatEkle.is-kat-combo-open .admin-kat-edit-fields,
body.mode-admin #modalKatDuzenle.is-kat-combo-open .admin-kat-edit-fields,
body.mode-admin #modalKatEkle.is-kat-combo-open .admin-kat-edit-fields__tip,
body.mode-admin #modalKatDuzenle.is-kat-combo-open .admin-kat-edit-fields__tip {
  overflow: visible;
}
body.mode-admin .admin-kat-combo__option--empty {
  font-weight: 500;
  color: #64748b;
  font-style: italic;
}
body.mode-admin .admin-kat-combo__option--root {
  font-weight: 600;
  color: #0f172a;
}
body.mode-admin .admin-kat-combo__option--child,
body.mode-admin .admin-kat-combo__option--grandchild {
  padding-left: 12px;
  color: #334155;
}
body.mode-admin .admin-kat-combo__option-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.mode-admin .admin-kat-combo__option-name {
  font-weight: 600;
  line-height: 1.3;
  word-break: break-word;
}
body.mode-admin .admin-kat-combo__option-path {
  font-size: 0.78rem;
  line-height: 1.25;
  color: #64748b;
  word-break: break-word;
}
body.mode-admin .admin-kat-combo__option--child .admin-kat-combo__option-name,
body.mode-admin .admin-kat-combo__option--grandchild .admin-kat-combo__option-name {
  font-weight: 500;
}
body.mode-admin .admin-kat-combo__option--child::before,
body.mode-admin .admin-kat-combo__option--grandchild::before {
  content: none;
}
body.mode-admin .admin-kat-combo__option.is-focused {
  background: rgba(37, 99, 235, 0.08);
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: -2px;
}
body.mode-admin .admin-kat-combo__option.is-selected {
  color: #1c3faa;
}
body.mode-admin .admin-kat-row__actions {
  justify-content: flex-start;
}
@media (min-width: 768px) {
  body.mode-admin .admin-kat-list__columns {
    display: grid;
  }
  body.mode-admin .admin-kat-row {
    grid-template-columns: minmax(160px, 1.6fr) 88px minmax(120px, 0.9fr) auto;
  }
  body.mode-admin .admin-kat-row__actions {
    justify-content: flex-end;
  }
  body.mode-admin .admin-kat-tree__main {
    padding: 8px 12px;
  }
}
body.mode-admin .admin-kat-tree__main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 10px 12px;
  border: 1px solid #e8ecf2;
  border-radius: var(--radius-md);
  background: #fafbfc;
}
body.mode-admin .admin-kat-tree__previews {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
body.mode-admin .admin-kat-tree__nav-empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px dashed #d5dbe5;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
}
body.mode-admin .admin-kat-tree__body {
  flex: 1 1 160px;
  min-width: 0;
}
body.mode-admin .admin-kat-tree__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}
body.mode-admin .admin-kat-tree__name {
  font-size: 0.95rem;
}
body.mode-admin button.admin-kat-tree__name {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  font-weight: 600;
  color: inherit;
  cursor: pointer;
  text-align: left;
  max-width: 100%;
}
body.mode-admin button.admin-kat-tree__name:hover {
  color: var(--accent);
  text-decoration: underline;
}
body.mode-admin .admin-kat-tree__meta {
  font-size: 0.8rem;
}
body.mode-admin .admin-kat-tree__subcats-btn {
  margin-left: 2px;
  flex-shrink: 0;
}
body.mode-admin .admin-kat-tree__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
body.mode-admin .admin-kat-toggle {
  appearance: none;
  background: none;
  border: none;
  padding: 6px;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-sm);
  transition: background 0.15s ease;
}
/* ?r?nler > ??lem aksiyonlar?nda toggle da buton diliyle ayn? */
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-kat-toggle{
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 5px 7px;
  min-height: 58px;
  border: 1px solid rgba(15, 23, 42, 0.18);
  background: rgba(255, 255, 255, 0.90);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-kat-toggle:hover:not(:disabled){
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.24);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-kat-toggle > span:not(.admin-kat-toggle__track){
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #64748b;
  white-space: nowrap;
}
body.mode-admin .admin-kat-toggle:hover {
  background: rgba(15, 23, 42, 0.05);
}
body.mode-admin .admin-kat-toggle:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
body.mode-admin .admin-kat-toggle__track {
  position: relative;
  width: 40px;
  height: 22px;
  border-radius: var(--radius-sm);
  background: #cbd5e1;
  transition: background 0.2s ease;
}
body.mode-admin .admin-kat-toggle.is-on .admin-kat-toggle__track {
  background: #22c55e;
}
body.mode-admin .admin-kat-toggle__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: var(--radius-sm);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
  transition: transform 0.2s ease;
}
body.mode-admin .admin-kat-toggle.is-on .admin-kat-toggle__thumb {
  transform: translateX(18px);
}
body.mode-admin .admin-kat-toggle:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
body.mode-admin .admin-urun-talep-actions .admin-kat-toggle {
  flex-shrink: 0;
}
body.mode-admin .admin-kat-edit-previews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
body.mode-admin .admin-kat-edit-previews:has(#katEditDropdownWrap[hidden]),
body.mode-admin .admin-kat-edit-previews:has(#katEditNavWrap[hidden]),
body.mode-admin .admin-kat-edit-previews:has(#kat_dropdown_gorsel_modal_wrap[hidden]),
body.mode-admin .admin-kat-edit-previews:has(#kat_nav_gorsel_modal_wrap[hidden]) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.mode-admin #modalKatEkle .admin-kat-edit-previews {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.mode-admin #modalKatEkle .admin-kat-edit-previews:has(#kat_nav_gorsel_modal_wrap[hidden]),
body.mode-admin #modalKatEkle .admin-kat-edit-previews:has(#kat_dropdown_gorsel_modal_wrap[hidden]) {
  grid-template-columns: minmax(0, 280px);
}
body.mode-admin #modalKatDuzenle .admin-kat-edit-previews:has(#katEditNavWrap[hidden]) {
  grid-template-columns: minmax(0, 280px);
}
body.mode-admin .admin-kat-edit-previews:has(.admin-kat-edit-preview:only-child) {
  grid-template-columns: minmax(0, 280px);
}
body.mode-admin .admin-kat-edit-preview {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-lg);
  background: #f8fafc;
  min-width: 0;
}
body.mode-admin .admin-kat-edit-preview__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.3;
}
body.mode-admin .admin-kat-edit-preview__frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: var(--radius-md);
  background: #fff;
  border: 1px dashed #cbd5e1;
  overflow: hidden;
}
body.mode-admin .admin-kat-edit-preview__frame--product,
body.mode-admin .admin-kat-edit-preview__frame--icon {
  aspect-ratio: 1;
  max-height: 160px;
}
body.mode-admin .admin-kat-edit-preview__frame--icon .admin-kat-edit-preview__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.mode-admin .admin-kat-edit-preview__frame--dropdown {
  aspect-ratio: 5 / 6;
  max-width: 160px;
  width: 100%;
  margin: 0 auto;
  flex-shrink: 0;
}
body.mode-admin .admin-kat-edit-preview__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
body.mode-admin .admin-kat-edit-preview__img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
body.mode-admin .admin-kat-edit-preview__frame--dropdown .admin-kat-edit-preview__link {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  line-height: 0;
}
body.mode-admin .admin-kat-edit-preview__frame--dropdown .admin-kat-edit-preview__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center center;
}
body.mode-admin .admin-kat-edit-preview__empty {
  font-size: 0.78rem;
  color: #94a3b8;
  text-align: center;
  padding: 8px;
}
body.mode-admin .admin-kat-edit-preview .modal-hint {
  margin: 0;
  line-height: 1.45;
}
body.mode-admin .admin-kat-edit-preview__remove {
  align-self: flex-start;
}
body.mode-admin .admin-kat-edit-preview.is-pending-remove .admin-kat-edit-preview__frame {
  opacity: 0.55;
}
body.mode-admin .admin-kat-edit-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.mode-admin .admin-kat-edit-banner-block {
  padding-bottom: 16px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--line, rgba(15, 23, 42, 0.08));
}
body.mode-admin .admin-kat-edit-section__title {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #64748b;
}
body.mode-admin .admin-kat-marka-seo-sablon {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.mode-admin .admin-kat-marka-seo-sablon__title {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #64748b;
}
body.mode-admin .admin-kat-marka-seo-sablon__hint {
  margin: 6px 0 0;
}
body.mode-admin .admin-kat-marka-seo-sablon__vars {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.5;
}
body.mode-admin .admin-kat-marka-seo-sablon__vars code {
  font-size: 0.8rem;
  padding: 1px 5px;
  border-radius: 4px;
  background: #f1f5f9;
  color: #334155;
}
body.mode-admin .admin-kat-marka-seo-sablon__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}
body.mode-admin .admin-kat-marka-seo-sablon__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.mode-admin .admin-kat-marka-seo-sablon__field--wide {
  grid-column: 1 / -1;
}
body.mode-admin .admin-kat-marka-seo-sablon__field label {
  font-size: 0.84rem;
  font-weight: 600;
  color: #334155;
}
@media (max-width: 720px) {
  body.mode-admin .admin-kat-marka-seo-sablon__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
body.mode-admin .admin-seo-form__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr);
  gap: 20px 24px;
  align-items: start;
}
body.mode-admin .admin-seo-form__meta,
body.mode-admin .admin-seo-form__side {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.mode-admin .admin-seo-field label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
body.mode-admin .admin-seo-slug-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
body.mode-admin .admin-seo-slug-msg.is-ok { color: #15803d; }
body.mode-admin .admin-seo-slug-msg.is-err { color: #b91c1c; }
body.mode-admin .admin-seo-preview__label {
  display: block;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 8px;
}
body.mode-admin .admin-seo-preview__card {
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  padding: 14px 16px;
  background: #f8fafc;
}
body.mode-admin .admin-seo-preview__url {
  font-size: 0.78rem;
  color: #15803d;
  line-height: 1.35;
  word-break: break-all;
  margin-bottom: 4px;
}
body.mode-admin .admin-seo-preview__title {
  font-size: 1.05rem;
  color: #1d4ed8;
  line-height: 1.3;
  margin-bottom: 4px;
}
body.mode-admin .admin-seo-preview__desc {
  font-size: 0.84rem;
  color: #475569;
  line-height: 1.45;
}
body.mode-admin .modal-dialog--kat-wide {
  max-width: min(920px, calc(100vw - 24px));
}
@media (max-width: 760px) {
  body.mode-admin .admin-seo-form__grid {
    grid-template-columns: 1fr;
  }
}
body.mode-admin .admin-seo-page__title {
  margin: 0.35rem 0 0;
  font-size: 1.35rem;
}
body.mode-admin .admin-seo-page__head-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
body.mode-admin .admin-seo-page__footer {
  justify-content: flex-start;
  margin-top: 20px;
  padding-top: 0;
  border-top: none;
}
body.mode-admin .admin-seo-page__hint {
  margin: 16px 0 0;
  font-size: 0.88rem;
}
body.mode-admin .admin-seo-page__form {
  margin-top: 4px;
}
body.mode-admin .modal-card--tabs.modal-card--trade-style .modal-header {
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
}
body.mode-admin .modal-card--trade-style .modal-header h2 {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
}
body.mode-admin .modal-card--trade-style .modal-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  background: #ffffff;
}
body.mode-admin .modal-card--trade-style .hs-ilan-modal-tabs-wrap {
  padding: 0;
  margin: 0 0 18px;
}
body.mode-admin .modal-card--trade-style .hs-ilan-modal-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.mode-admin .modal-card--trade-style .hs-ilan-modal-tab {
  appearance: none;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}
body.mode-admin .modal-card--trade-style .hs-ilan-modal-tab:hover:not(.is-active):not(:disabled) {
  color: #334155;
  border-color: #cbd5e1;
  background: #f8fafc;
}
body.mode-admin .modal-card--trade-style .hs-ilan-modal-tab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(37, 99, 235, 0.35);
}
body.mode-admin .modal-card--trade-style .hs-ilan-modal-tab.is-active {
  color: var(--accent-hover);
  background: var(--accent-soft);
  border-color: var(--accent-border);
  box-shadow: none;
}
body.mode-admin .modal-card--trade-style .hs-ilan-modal-tab:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}
body.mode-admin .modal-card--trade-style .hs-ilan-modal-panel {
  min-height: 0;
}
body.mode-admin .modal-card--trade-style .hs-ilan-modal-panel[hidden] {
  display: none !important;
}
body.mode-admin .modal-card--trade-style .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;
  margin-bottom: 0;
}
body.mode-admin .modal-card--trade-style .modal-field-group {
  gap: 10px;
}
body.mode-admin .modal-card--trade-style .admin-hex-color-field__input:focus {
  border-color: var(--accent);
  box-shadow: none;
}
body.mode-admin .modal-card--trade-style .input:focus,
body.mode-admin .modal-card--trade-style select:focus,
body.mode-admin .modal-card--trade-style textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}
@media (max-width: 640px) {
  body.mode-admin .modal-card--trade-style .hs-ilan-modal-tabs-wrap {
    margin-bottom: 14px;
  }
  body.mode-admin .modal-card--trade-style .hs-ilan-modal-tabs {
    gap: 8px;
  }
  body.mode-admin .modal-card--trade-style .hs-ilan-modal-tab {
    flex: 1 1 auto;
    font-size: 0.74rem;
    padding: 9px 14px;
  }
}
body.mode-admin .modal-card--tabs .modal-header {
  border-bottom: none;
  padding-bottom: 8px;
}
body.mode-admin .modal-card--trade-style .admin-modal-tabs-wrap {
  padding: 0;
  margin: 0 0 18px;
}
body.mode-admin .modal-card--trade-style .admin-modal-tabs {
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  gap: 10px;
  flex-wrap: wrap;
}
body.mode-admin .modal-card--trade-style .admin-modal-tab {
  flex: 0 0 auto;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.8rem;
  padding: 9px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  box-shadow: none;
}
body.mode-admin .modal-card--trade-style .admin-modal-tab.is-active {
  color: var(--accent-hover);
  background: var(--accent-soft);
  border-color: var(--accent-border);
}
body.mode-admin .modal-card--trade-style .admin-modal-tab:hover:not(.is-active):not(:disabled) {
  color: #334155;
  border-color: #cbd5e1;
  background: #f8fafc;
}
body.mode-admin .admin-modal-tabs-wrap {
  padding: 0 24px 16px;
}
body.mode-admin .admin-modal-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  margin: 0;
  padding: 4px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-lg);
  background: #eef2f7;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.mode-admin .admin-modal-tab {
  appearance: none;
  flex: 1 1 0;
  min-width: 0;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  margin: 0;
  padding: 11px 14px;
  font-family: var(--font);
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #64748b;
  cursor: pointer;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
body.mode-admin .admin-modal-tab:hover:not(:disabled) {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.72);
}
body.mode-admin .admin-modal-tab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(37, 99, 235, 0.35);
}
body.mode-admin .admin-modal-tab.is-active {
  color: #1d4ed8;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1), 0 1px 2px rgba(15, 23, 42, 0.06);
}
body.mode-admin .admin-modal-tab:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}
body.mode-admin .modal-card--tabs .modal-body {
  padding-top: 0;
}
body.mode-admin .modal-card--tabs.modal-card--trade-style .modal-body {
  padding-top: 18px;
}
body.mode-admin .admin-modal-tab-panel {
  min-height: 120px;
}
@media (max-width: 640px) {
  body.mode-admin .admin-modal-tabs-wrap {
    padding: 0 18px 14px;
  }
  body.mode-admin .admin-modal-tabs {
    flex-wrap: wrap;
  }
  body.mode-admin .admin-modal-tab {
    flex: 1 1 calc(50% - 4px);
    font-size: 0.82rem;
    padding: 10px 10px;
    white-space: normal;
  }
}
@media (max-width: 420px) {
  body.mode-admin .admin-modal-tab {
    flex: 1 1 100%;
  }
}
body.mode-admin .modal-dialog--kat-wide {
  max-width: min(920px, calc(100vw - 24px));
}
body.mode-admin .admin-kat-edit-fields {
  display: grid;
  gap: 14px 16px;
  align-items: start;
}
body.mode-admin .admin-kat-edit-fields:has(#kat_edit_parent_wrap[hidden]) {
  grid-template-columns: minmax(0, 1fr) 96px;
}
body.mode-admin .admin-kat-edit-fields__tip {
  grid-column: 1 / -1;
}
body.mode-admin .modal-form--blog .admin-blog-edit-fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
body.mode-admin .modal-form--blog .admin-blog-edit-fields .modal-field-group {
  width: 100%;
  min-width: 0;
}
body.mode-admin .modal-form--blog .admin-blog-edit-fields__icerik textarea {
  width: 100%;
  min-height: min(52vh, 420px);
  resize: vertical;
}
body.mode-admin .modal-form--blog .admin-blog-edit-fields__sira {
  max-width: 120px;
}
body.mode-admin .admin-modal-kapak-gorsel .admin-ilan-edit-block--media {
  gap: 14px;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-head .admin-ilan-edit-block__title {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.35;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-count {
  font-size: 0.82rem;
  font-weight: 650;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(226, 232, 240, 0.55);
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery {
  border-radius: var(--radius-lg);
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: #f8fafc;
  padding: 12px;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-gallery__grid {
  grid-template-columns: minmax(0, 280px);
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop {
  position: relative;
  border-radius: var(--radius-md);
  border: 1px dashed color-mix(in srgb, var(--brand, #0d9488) 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;
  aspect-ratio: auto;
  min-height: 108px;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-drop {
  aspect-ratio: 1;
  min-height: 0;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop:hover {
  border-color: color-mix(in srgb, var(--brand, #0d9488) 45%, #cbd5e1);
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop.is-drag {
  border-color: var(--brand, #0d9488);
  border-style: solid;
  background: color-mix(in srgb, var(--brand, #0d9488) 8%, #fff);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #0d9488) 18%, transparent);
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__stage {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 108px;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  cursor: pointer;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-drop__stage {
  min-height: 100%;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__stage:focus-visible {
  outline: 2px solid var(--brand, #0d9488);
  outline-offset: 2px;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__placeholder {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 14px;
  padding: 18px 16px;
  text-align: center;
  pointer-events: none;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery--empty .ae-gorsel-drop__hint,
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery--empty .ae-gorsel-drop__meta {
  flex: 0 0 100%;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__ico {
  display: flex;
  color: color-mix(in srgb, var(--brand, #0d9488) 70%, #94a3b8);
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery--empty .ae-gorsel-drop__ico .ui-icon {
  width: 2rem;
  height: 2rem;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery--empty .ae-gorsel-drop__title {
  font-size: 0.92rem;
  font-weight: 650;
  color: var(--ink);
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__hint {
  font-size: 0.78rem;
  color: var(--ink-muted);
  line-height: 1.4;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__meta {
  font-size: 0.72rem;
  color: var(--ink-muted);
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-drop__hint,
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-drop__meta {
  display: none;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--ok, #16a34a) 22%, #e2e8f0);
  background: color-mix(in srgb, var(--ok, #16a34a) 6%, #fff);
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__status[hidden] {
  display: none !important;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__status-name {
  flex: 1;
  min-width: 0;
  font-size: 0.84rem;
  font-weight: 600;
  color: #14532d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__status-name::before {
  content: "Se?ildi ? ";
  font-weight: 500;
  color: #16a34a;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__clear {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(148, 163, 184, 0.5);
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--ink-muted);
  cursor: pointer;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-drop__clear:hover {
  border-color: #fca5a5;
  color: #b91c1c;
  background: #fef2f2;
}
body.mode-admin .admin-modal-kapak-gorsel .ae-gorsel-gallery .devir-foto-thumb {
  box-shadow: none;
  border-radius: var(--radius-md);
}
body.mode-admin .admin-modal-kapak-gorsel .devir-foto-remove {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  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;
  cursor: pointer;
}
body.mode-admin .admin-modal-kapak-gorsel .devir-foto-remove:hover {
  background: #b91c1c;
  border-color: rgba(255, 255, 255, 0.35);
}
body.mode-admin .admin-modal-kapak-gorsel--portrait .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-gallery__grid {
  grid-template-columns: minmax(0, 200px);
}
body.mode-admin .admin-modal-kapak-gorsel--portrait .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-drop,
body.mode-admin .admin-modal-kapak-gorsel--portrait .ae-gorsel-gallery .devir-foto-thumb {
  aspect-ratio: 3 / 4;
}
body.mode-admin .admin-modal-kapak-gorsel--landscape .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-drop,
body.mode-admin .admin-modal-kapak-gorsel--landscape .ae-gorsel-gallery .devir-foto-thumb {
  aspect-ratio: 3 / 1;
}
body.mode-admin .admin-modal-kapak-gorsel__hint {
  display: block;
  margin-top: 8px;
}
body.mode-admin .modal-form--kat {
  display: flex;
  flex-direction: column;
  gap: 22px;
  max-width: none;
}
body.mode-admin .modal-card--trade-style .modal-footer {
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
body.mode-admin #modalUrunTalepAskiya .modal-dialog--askiya {
  max-width: min(94vw, 480px);
}
body.mode-admin #modalUrunTalepAskiya .modal-form--askiya > input[type="hidden"],
body.mode-admin #modalUrunTalepAskiya #utAskiyaGorselWrap {
  display: none;
}
body.mode-admin .admin-askiya-product {
  margin: 0 0 4px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid var(--line);
  font-size: 0.92rem;
  font-weight: 600;
  color: #0f172a;
  word-break: break-word;
}
body.mode-admin .admin-askiya-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
body.mode-admin .admin-askiya-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.mode-admin .admin-askiya-quick__btn {
  border: 1px solid rgba(59, 130, 246, 0.25);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.82rem;
  font-weight: 600;
  background: #fff;
}
body.mode-admin .admin-askiya-form__meta {
  display: flex;
  justify-content: flex-end;
  margin-top: 2px;
}
body.mode-admin .admin-askiya-char {
  font-size: 0.82rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #64748b;
}
body.mode-admin .admin-askiya-char.is-low {
  color: #dc2626;
}
body.mode-admin .admin-askiya-char.is-ok {
  color: #15803d;
}
body.mode-admin #modalKatDuzenle .modal-dialog,
body.mode-admin #modalKatEkle .modal-dialog {
  max-width: min(94vw, 860px);
}
@media (max-width: 760px) {
  body.mode-admin .admin-kat-edit-fields {
    grid-template-columns: 1fr;
  }
  body.mode-admin #modalKatDuzenle .admin-kat-edit-fields__tip,
  body.mode-admin #modalKatDuzenle .admin-kat-edit-fields__sira {
    grid-column: 1;
  }
  body.mode-admin .admin-kat-edit-previews {
    grid-template-columns: 1fr;
  }
  body.mode-admin .admin-kat-edit-preview__frame--dropdown {
    max-width: 200px;
  }
}

/* Admin ? ?r?nler > Kategoriler: ?ok sat?rl? h?creler (global .table-wrap nowrap kural?n? ge?ersiz k?lar) */
body.mode-admin .table-wrap table.simple.simple--kategoriler {
  table-layout: fixed;
  min-width: 1040px;
  width: 100%;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler col.col-kat-ad { width: 20%; }
body.mode-admin .table-wrap table.simple.simple--kategoriler col.col-kat-sira { width: 52px; }
body.mode-admin .table-wrap table.simple.simple--kategoriler col.col-kat-durum { width: 72px; }
body.mode-admin .table-wrap table.simple.simple--kategoriler col.col-kat-placeholder { width: 220px; }
body.mode-admin .table-wrap table.simple.simple--kategoriler col.col-kat-nav { width: 220px; }
body.mode-admin .table-wrap table.simple.simple--kategoriler col.col-kat-islem { width: 132px; }
body.mode-admin .table-wrap table.simple.simple--kategoriler th,
body.mode-admin .table-wrap table.simple.simple--kategoriler td {
  white-space: normal;
  vertical-align: top;
  overflow: hidden;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler tbody td.col-num,
body.mode-admin .table-wrap table.simple.simple--kategoriler tbody td.col-kat-durum,
body.mode-admin .table-wrap table.simple.simple--kategoriler tbody td.col-actions {
  white-space: nowrap;
  vertical-align: middle;
  overflow: visible;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler td:has(.img-mini-link) {
  overflow: hidden;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler .admin-kat-gorsel-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler .admin-kat-gorsel-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  min-width: 0;
  margin: 0;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler .admin-kat-gorsel-form .input[type="file"] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler .admin-kat-gorsel-form .btn {
  align-self: flex-start;
  flex-shrink: 0;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler .admin-kat-ad-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  max-width: 100%;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler .admin-kat-ad-form .input {
  flex: 1 1 120px;
  min-width: 0;
  max-width: 100%;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler .admin-kat-ad-form .btn {
  flex-shrink: 0;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler .admin-kat-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
}
body.mode-admin .table-wrap table.simple.simple--kategoriler .admin-kat-actions .inline-form {
  margin: 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: 10px 20px 12px;
}
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;
}
/* ?st sat?r: sol (marka+?ye) | esnek bo?luk | sa? (linkler+aksiyonlar) ? 1fr|1fr sa? yar?s? daralt?yordu */
body.mode-panel .panel-topbar__row--top{
  display: grid;
  grid-template-columns: auto minmax(8px, 1fr) minmax(0, max-content);
  align-items: center;
  column-gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  overflow: visible;
}

/* Nav: bo? yan s?tunlarla men?y? tam ortada */
body.mode-panel .panel-topbar__row--nav{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  padding-top: 12px;
}
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{
  justify-self: start;
  grid-column: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
}
body.mode-panel .panel-topbar__mid{
  justify-self: center;
  grid-column: 2;
  display:flex;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-width: 0;
}
body.mode-panel .panel-topbar__right--nav{
  justify-self: end;
  grid-column: 3;
  min-width: 0;
}
body.mode-panel .panel-topbar__left--top{
  grid-column: 1;
  justify-self: start;
  flex: initial;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  min-height: var(--site-brand-logo-height-panel);
  min-width: 0;
}
body.mode-panel .panel-topbar__left--top > .panel-appbrand{
  flex-shrink: 1;
  min-width: 0;
}
body.mode-panel .panel-topbar__left--top > .panel-ident{
  flex: 0 1 auto;
  min-width: 0;
}
body.mode-panel .panel-topbar__left--top > .panel-topbar__search{
  flex: 0 0 auto;
}
body.mode-panel .panel-topbar__mid--top{
  grid-column: 2;
  justify-self: center;
  width: 0;
  min-width: 0;
  overflow: hidden;
  pointer-events: none;
}
body.mode-panel .panel-topbar__right--top{
  grid-column: 3;
  justify-self: end;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
body.mode-panel .panel-topbar__right--top > .toplinks,
body.mode-panel .panel-topbar__right--top > .trendy-toplinks{
  flex: 0 1 auto;
  min-width: 0;
}
body.mode-panel .panel-topbar__right--top > .hero-actions{
  flex: 0 0 auto;
  margin-left: 0;
}

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

/* ?ye no pill ? admin s?per-admin pill ile ayn? dil */
body.mode-panel .panel-ident__pill.btn.btn-secondary.btn-sm{
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.92);
  box-shadow: none;
  cursor: default;
  user-select: none;
  max-width: min(52vw, 320px);
}
body.mode-panel .panel-ident__pill.btn.btn-secondary.btn-sm:hover,
body.mode-panel .panel-ident__pill.btn.btn-secondary.btn-sm:focus-visible{
  background: transparent;
  border-color: rgba(255, 255, 255, 0.34);
  color: #fff;
}
body.mode-panel .panel-ident__pill.btn.btn-secondary.btn-sm:active{
  transform: none;
}
body.mode-panel .panel-ident__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-panel .panel-ident__pill-label{
  max-width: min(44vw, 260px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* ?ye pill bilgi kart?: firma + rozet, ger?ek ayra? */
body.mode-panel .panel-ident__pill{
  position: relative;
}
:is(body.mode-panel, body.mode-admin) .panel-ident__tip{
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  transform: translateX(-50%) translateY(4px);
  width: min(300px, 78vw);
  padding: 12px 14px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 16px 36px rgba(2, 6, 23, 0.42);
  text-align: left;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
  z-index: 80;
}
:is(body.mode-panel, body.mode-admin) .panel-ident__tip::before{
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 6px;
  border-color: transparent transparent rgba(15, 23, 42, 0.96);
  filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.16));
}
body.mode-panel .panel-ident__pill:hover .panel-ident__tip,
body.mode-panel .panel-ident__pill:focus-visible .panel-ident__tip,
body.mode-panel .panel-ident__pill:focus-within .panel-ident__tip{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
/* Sipari? iptal rozeti: ayn? ?ye-pill bilgi kart? */
:is(body.mode-panel, body.mode-admin) .trade-durum-badge--hover-tip,
:is(body.mode-panel, body.mode-admin) .badge.badge--hover-tip{
  position: relative;
}
:is(body.mode-panel, body.mode-admin) .trade-durum-badge--hover-tip:hover > .panel-ident__tip,
:is(body.mode-panel, body.mode-admin) .trade-durum-badge--hover-tip:focus-visible > .panel-ident__tip,
:is(body.mode-panel, body.mode-admin) .trade-durum-badge--hover-tip:focus-within > .panel-ident__tip,
:is(body.mode-panel, body.mode-admin) .badge.badge--hover-tip:hover > .panel-ident__tip,
:is(body.mode-panel, body.mode-admin) .badge.badge--hover-tip:focus-visible > .panel-ident__tip,
:is(body.mode-panel, body.mode-admin) .badge.badge--hover-tip:focus-within > .panel-ident__tip{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party:has(.trade-durum-badge--hover-tip:hover),
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party:has(.trade-durum-badge--hover-tip:focus-visible),
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party:has(.trade-durum-badge--hover-tip:focus-within),
body.mode-panel .table-wrap--siparis-grup-detay td:has(.badge--hover-tip:hover),
body.mode-panel .table-wrap--siparis-grup-detay td:has(.badge--hover-tip:focus-visible){
  position: relative;
  z-index: 40;
  overflow: visible;
}
body.mode-admin :is(.simple--odemeler, .simple--pazaryeri-siparisleri, .simple--ilan-akislari) td.col-odeme-durum:has(.trade-durum-badge--hover-tip:hover),
body.mode-admin :is(.simple--odemeler, .simple--pazaryeri-siparisleri, .simple--ilan-akislari) td.col-odeme-durum:has(.trade-durum-badge--hover-tip:focus-visible),
body.mode-admin :is(.simple--odemeler, .simple--pazaryeri-siparisleri, .simple--ilan-akislari) td.col-odeme-durum:has(.trade-durum-badge--hover-tip:focus-within){
  position: relative;
  z-index: 40;
  overflow: visible;
}
:is(body.mode-panel, body.mode-admin) .trade-durum-badge--hover-tip > .panel-ident__tip,
:is(body.mode-panel, body.mode-admin) .badge.badge--hover-tip > .panel-ident__tip{
  z-index: 90;
  width: min(280px, 72vw);
}
:is(body.mode-panel, body.mode-admin) .panel-ident__tip-firma{
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.98);
  letter-spacing: 0;
  text-transform: none;
}
:is(body.mode-panel, body.mode-admin) .panel-ident__tip-sep{
  height: 1px;
  margin: 10px 0;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.28) 12%,
    rgba(255, 255, 255, 0.28) 88%,
    transparent
  );
}
:is(body.mode-panel, body.mode-admin) .panel-ident__tip-statu{
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  color: rgba(226, 232, 240, 0.88);
  letter-spacing: 0;
  text-transform: none;
}
/* Eski has-tip / rozet ipucu kapal? */
body.mode-panel .panel-topbar .panel-ident__pill.has-tip::after,
body.mode-panel .panel-topbar .panel-ident__pill.has-tip::before,
body.mode-panel .panel-topbar .panel-ident__badge .vchip::after,
body.mode-panel .panel-topbar .panel-ident__badge .vchip::before{
  content: none;
  display: none;
}
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__badge{
  display:inline-flex;
  align-items:center;
  flex-shrink: 0;
}
body.mode-panel .panel-ident__badge .vchip{
  width: 22px;
  height: 22px;
}
body.mode-panel .panel-ident__badge .vchip .ui-icon{
  width: 13px;
  height: 13px;
}

/* ?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: var(--site-brand-logo-size);
  height: var(--site-brand-logo-size);
  border-radius: calc(var(--radius-md) - 2px);
  object-fit: contain;
  box-shadow: none;
  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: var(--site-brand-logo-size);
  height: var(--site-brand-logo-size);
  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: var(--site-brand-logo-size);
  height: var(--site-brand-logo-size);
  border-radius: calc(var(--radius-md) - 2px);
  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 (marka rozeti hari?) */
body.mode-panel .panel-appbrand:not(.panel-appbrand--store) .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:not(.panel-appbrand--store) .hero-icon-wrap::after{
  box-shadow: none !important;
}

/* Uygulama ad? (?st sat?r sol) ? marka blo?u yukar?da tan?ml? */
body.mode-panel .panel-appbrand{
  text-decoration:none;
}
body.mode-panel .panel-appbrand__line{
  display:block;
  white-space: nowrap;
}

/* Eski panel wordmark kurallar? ? panel-appbrand blo?unda birle?tirildi */

/* 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,
body.mode-panel .panel-topbar__search.btn-secondary,
body.mode-panel .panel-topbar__search.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,
body.mode-panel .panel-topbar__search.btn-secondary:focus,
body.mode-panel .panel-topbar__search.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(15, 118, 110, 0.14);
  border-color: rgba(15, 118, 110, 0.22);
  color: rgba(255,255,255,0.95);
}
body.mode-panel .tab-btn .ui-icon{
  background: rgba(15, 118, 110, 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: 4px 6px;
  flex-wrap: nowrap;
  justify-content: flex-end;
  min-width: 0;
}
body.mode-panel .trendy-toplinks .toplink{
  /* Trendyol benzeri pill link */
  position: relative;
  background: transparent;
  border: 1px solid transparent;
  padding: 6px 8px;
  border-radius: 999px;
  box-shadow: none;
  color: rgba(255,255,255,0.85);
  font-weight: 600;
  font-size: 0.84rem;
  text-decoration: none;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  white-space: nowrap;
}
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;
}

/* Panel mobil: Men? butonu + sol drawer (varsay?lan gizli; <=900px a??l?r)
   .btn-with-icon { display:inline-flex !important } ezmesin diye !important */
body.mode-panel .panel-mnav-toggle{
  display: none !important;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
}
body.mode-panel .panel-mnav{
  display: none;
}
body.mode-panel .accountbar--panel-actions{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  flex-shrink: 0;
  grid-auto-flow: unset;
  grid-auto-columns: unset;
}
body.mode-panel .modal--panel-global-search .modal-dialog--panel-gs{
  width: min(560px, 100%);
  max-width: 560px;
  margin: 0 auto;
  align-self: flex-start;
  margin-top: min(12vh, 96px);
}
body.mode-panel .modal--panel-global-search .modal-card--panel-gs{
  overflow: hidden;
}
body.mode-panel .modal--panel-global-search .modal-body--panel-gs{
  padding: 12px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.mode-panel .panel-global-search__field{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-modal-field, 8px);
  background: #fff;
}
body.mode-panel .panel-global-search__field:focus-within{
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}
body.mode-panel .panel-global-search__field.is-loading{
  opacity: 0.85;
}
body.mode-panel .panel-global-search__icon{
  flex-shrink: 0;
  display: inline-flex;
  color: var(--ink-muted);
}
body.mode-panel .panel-global-search__icon .ui-icon{
  width: 1.2rem;
  height: 1.2rem;
}
body.mode-panel .panel-global-search__input{
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 12px 0;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 1rem;
  color: var(--ink);
}
body.mode-panel .panel-global-search__input:focus{
  outline: none !important;
}
body.mode-panel .panel-global-search__input::placeholder{
  color: var(--ink-muted);
}
body.mode-panel .panel-global-search__kbd{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 2px 6px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #f8fafc;
  color: var(--ink-muted);
  font-size: 0.7rem;
  font-family: inherit;
  line-height: 1.2;
}
body.mode-panel .panel-global-search__results{
  max-height: min(52vh, 420px);
  overflow: auto;
  margin: 0 -4px;
  padding: 0 4px;
}
body.mode-panel .panel-global-search__hint,
body.mode-panel .panel-global-search__empty{
  padding: 18px 8px;
  text-align: center;
  color: var(--ink-muted);
  font-size: 0.9rem;
}
body.mode-panel .panel-global-search__group + .panel-global-search__group{
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}
body.mode-panel .panel-global-search__label{
  padding: 4px 8px 6px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
body.mode-panel .panel-global-search__item{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 10px;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
}
body.mode-panel .panel-global-search__item:hover,
body.mode-panel .panel-global-search__item.is-active{
  background: rgba(15, 23, 42, 0.06);
}
body.mode-panel .panel-global-search__item-title{
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--ink);
}
body.mode-panel .panel-global-search__item-sub{
  font-size: 0.8rem;
  color: var(--ink-muted);
}
@media (max-width: 900px){
  body.mode-panel .modal--panel-global-search .modal-dialog--panel-gs{
    margin-top: 24px;
  }
  body.mode-panel .panel-global-search__kbd{
    display: none;
  }
}
/* Masa?st?: sarmalay?c? g?r?nmez; ?ocuklar hesab bar? flex s?ras?na girer */
body.mode-panel .accountbar__actions-row{
  display: contents;
}
body.mode-panel .accountbar--panel-actions .accountbar__action,
body.mode-panel .panel-topbar__search{
  display: inline-flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-shrink: 0;
  white-space: nowrap;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding: 0 10px;
  line-height: 1;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
body.mode-panel .accountbar--panel-actions .accountbar__action .nav-pulse-dot{
  top: 3px;
  right: 3px;
  width: 7px;
  height: 7px;
}
body.mode-panel .accountbar--panel-actions .accountbar__action-label,
body.mode-panel .panel-topbar__search .accountbar__action-label{
  white-space: nowrap;
  line-height: 1.1;
}
body.mode-panel .accountbar--panel-actions .accountbar__action .ui-icon,
body.mode-panel .panel-topbar__search .ui-icon{
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
/* Bildirimler / Destek: masa?st?nde toplinks'te var; sadece mobilde alt ?eritte */
body.mode-panel .accountbar--panel-actions .accountbar__action--mobile-only{
  display: none !important;
}

/* Orta masa?st?: ?st link + aksiyon grubu s??s?n, sat?ra k?r?lmas?n */
@media (min-width: 901px) and (max-width: 1400px){
  body.mode-panel .panel-topbar__row--top{
    column-gap: 8px;
  }
  body.mode-panel .panel-topbar__left--top{
    gap: 10px;
  }
  body.mode-panel .panel-ident__pill.btn.btn-secondary.btn-sm{
    max-width: min(36vw, 220px);
  }
  body.mode-panel .panel-ident__pill-label{
    max-width: min(28vw, 160px);
  }
  body.mode-panel .panel-topbar__right--top{
    gap: 6px;
  }
  body.mode-panel .trendy-toplinks{
    gap: 2px 4px;
  }
  body.mode-panel .trendy-toplinks .toplink{
    font-size: 0.78rem;
    padding: 5px 6px;
    gap: 4px;
  }
  body.mode-panel .trendy-toplinks .toplink .ui-icon{
    width: 14px;
    height: 14px;
  }
  body.mode-panel .accountbar--panel-actions{
    gap: 6px;
  }
  body.mode-panel .accountbar--panel-actions .accountbar__action,
  body.mode-panel .panel-topbar__search{
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 0 8px;
    gap: 5px;
  }
  body.mode-panel .accountbar--panel-actions .accountbar__action-label,
  body.mode-panel .panel-topbar__search .accountbar__action-label{
    font-size: 0.8rem;
  }
}

@media (max-width: 900px){
  body.mode-panel .panel-topbar{
    padding: 10px 12px 10px;
  }
  /* 1. sat?r: Marka | Men? ? ayra? ? 2. sat?r: Site / Bildirim / Destek / Profil / ??k?? */
  body.mode-panel .panel-topbar__row--top{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px;
    row-gap: 0;
    padding-bottom: 0;
    border-bottom: 0;
    overflow: visible;
  }
  body.mode-panel .panel-topbar__left--top{
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    overflow: hidden;
    gap: 8px;
  }
  body.mode-panel .panel-topbar__left--top .panel-appbrand{
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }
  body.mode-panel .panel-topbar__left--top .panel-appbrand.panel-appbrand--store{
    column-gap: 10px;
  }
  body.mode-panel .panel-topbar__left--top .panel-appbrand__icon,
  body.mode-panel .panel-topbar__left--top .panel-appbrand__icon .site-brand-logo--panel,
  body.mode-panel .panel-topbar__left--top .panel-appbrand__icon .site-brand-logo--panel-mark{
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    max-width: 48px;
  }
  /* max-content mobilde ta??r?p aksiyonlar?n alt?na giriyordu */
  body.mode-panel .panel-topbar__left--top .panel-appbrand__text{
    grid-template-columns: minmax(0, 1fr);
    width: auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    row-gap: 5px;
  }
  /* ?? ORTA?IM + ?izgi wordmark alt?nda, ta?madan */
  body.mode-panel .panel-topbar__left--top .panel-appbrand__sub{
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    font-size: 0.64rem;
  }
  body.mode-panel .panel-topbar__left--top .panel-appbrand__sub-label{
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
  }
  body.mode-panel .panel-topbar__left--top .site-wordmark--panel{
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(1.12rem, 4.2vw + 0.4rem, 1.45rem);
    letter-spacing: 0.05em;
  }
  body.mode-panel .panel-topbar__left--top .panel-ident{
    display: none !important;
  }
  /* Üye no gizlenince Ara markanın yanında kalır (Menü'nün solu) */
  body.mode-panel .panel-topbar__left--top > .panel-topbar__search{
    flex: 0 0 auto;
    height: 46px;
    min-height: 46px;
    max-height: 46px;
    padding: 0 12px;
  }
  body.mode-panel .panel-topbar__mid--top{
    display: none !important;
  }
  body.mode-panel .panel-topbar__right--top,
  body.mode-panel .panel-topbar__right--top > .hero-actions,
  body.mode-panel .panel-topbar__right--top > .hero-actions > .accountbar--panel-actions{
    display: contents;
  }
  body.mode-panel .panel-topbar__right--top .trendy-toplinks,
  body.mode-panel .panel-topbar__right--top .toplinks{
    display: none !important;
  }
  body.mode-panel .panel-topbar__row--nav{
    display: none !important;
  }
  body.mode-panel .panel-mnav-toggle{
    order: 2;
    display: inline-flex !important;
    flex: 0 0 auto;
    height: 46px;
    min-height: 46px;
    padding: 0 14px;
    border-radius: var(--radius-sm);
    position: relative;
    z-index: 2;
    gap: 8px;
  }
  body.mode-panel .panel-mnav-toggle .ui-icon{
    width: 22px;
    height: 22px;
  }
  body.mode-panel .panel-mnav-toggle__label{
    display: inline !important;
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.01em;
  }
  body.mode-panel .accountbar__actions-row{
    order: 3;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  }
  body.mode-panel .accountbar--panel-actions .accountbar__action,
  body.mode-panel .accountbar--panel-actions .accountbar__action--mobile-only{
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 46px;
    max-height: none !important;
    padding: 6px 2px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    flex-direction: column;
    white-space: normal;
    text-align: center;
    line-height: 1.15;
    position: relative;
  }
  body.mode-panel .accountbar--panel-actions .accountbar__action-label{
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    clip: auto !important;
    clip-path: none !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 0;
    font-size: 0.58rem;
    font-weight: 600;
    line-height: 1.15;
  }
  body.mode-panel .accountbar--panel-actions .accountbar__action .ui-icon{
    width: 17px;
    height: 17px;
    margin: 0;
    flex-shrink: 0;
  }
  body.mode-panel .accountbar--panel-actions .accountbar__action .nav-pulse-dot{
    top: 4px;
    right: 6px;
    width: 7px;
    height: 7px;
  }

  /* Sol men? drawer */
  body.mode-panel .panel-mnav{
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1200;
    pointer-events: none;
    visibility: hidden;
  }
  body.mode-panel .panel-mnav.is-open{
    pointer-events: auto;
    visibility: visible;
  }
  body.mode-panel .panel-mnav__backdrop{
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, 0.52);
    opacity: 0;
    transition: opacity .2s ease;
  }
  body.mode-panel .panel-mnav.is-open .panel-mnav__backdrop{
    opacity: 1;
  }
  body.mode-panel .panel-mnav__drawer{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(92vw, 380px);
    max-width: 100%;
    background: #0f172a;
    color: #fff;
    box-shadow: 12px 0 40px rgba(2, 6, 23, 0.35);
    transform: translateX(-105%);
    transition: transform .22s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    outline: none;
  }
  body.mode-panel .panel-mnav.is-open .panel-mnav__drawer{
    transform: translateX(0);
  }
  body.mode-panel .panel-mnav__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 14px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
    flex-shrink: 0;
  }
  body.mode-panel .panel-mnav__title{
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: rgba(255,255,255,0.96);
  }
  body.mode-panel .panel-mnav__close{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: var(--radius-sm);
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.95);
    cursor: pointer;
    padding: 0;
  }
  body.mode-panel .panel-mnav__close:hover{
    background: rgba(255,255,255,0.14);
  }
  body.mode-panel .panel-mnav__close .ui-icon{
    width: 18px;
    height: 18px;
    color: inherit;
  }
  /* Ana + ek men?: 3 s?tun kutular (ikon ?stte, ba?l?k altta) */
  body.mode-panel .panel-mnav__nav{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 10px 12px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
    align-content: start;
  }
  body.mode-panel .panel-mnav__nav--extra{
    flex: 0 0 auto;
    border-top: 1px solid rgba(255,255,255,0.10);
    padding: 12px 10px 14px;
    max-height: none;
    overflow: visible;
  }
  body.mode-panel .panel-mnav__link{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 72px;
    min-width: 0;
    padding: 12px 6px 10px;
    border-radius: var(--radius-sm);
    text-decoration: none;
    color: rgba(255,255,255,0.92);
    font-weight: 700;
    font-size: 0.62rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.25;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    box-sizing: border-box;
  }
  body.mode-panel .panel-mnav__link > span:not(.nav-pulse-dot):not(.trade-feed-tabs__badge){
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto;
    white-space: normal;
    text-overflow: unset;
    word-break: break-word;
    text-align: center;
  }
  body.mode-panel .panel-mnav__link .ui-icon{
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    flex-shrink: 0;
    color: rgba(255,255,255,0.95);
  }
  body.mode-panel .panel-mnav__link:hover{
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.18);
    color: #fff;
  }
  body.mode-panel .panel-mnav__link.is-active,
  body.mode-panel .panel-mnav__link[aria-current="page"]{
    background: rgba(255,255,255,0.16);
    border-color: rgba(255,255,255,0.22);
    color: #fff;
  }
  body.mode-panel .panel-mnav__link .nav-pulse-dot,
  body.mode-panel .panel-mnav__link .trade-feed-tabs__badge{
    position: absolute;
    top: 6px;
    right: 6px;
    transform: none;
    margin-left: 0;
  }
  body.mode-panel.panel-mnav-open{
    overflow: hidden;
  }
}

/* ?ok dar telefon: marka + Men? h?l? okunakl?; 5?li alt ?erit s??s?n */
@media (max-width: 420px){
  body.mode-panel .panel-topbar{
    padding: 10px 10px;
  }
  body.mode-panel .panel-topbar__row--top{
    column-gap: 8px;
  }
  body.mode-panel .panel-topbar__left--top .site-wordmark--panel{
    font-size: 1.05rem;
    letter-spacing: 0.04em;
  }
  body.mode-panel .panel-topbar__left--top .panel-appbrand__icon,
  body.mode-panel .panel-topbar__left--top .panel-appbrand__icon .site-brand-logo--panel,
  body.mode-panel .panel-topbar__left--top .panel-appbrand__icon .site-brand-logo--panel-mark{
    width: 44px;
    height: 44px;
    max-width: 44px;
  }
  body.mode-panel .panel-topbar__left--top .panel-appbrand__sub{
    font-size: 0.58rem;
  }
  body.mode-panel .accountbar__actions-row{
    gap: 3px;
    margin-top: 8px;
    padding-top: 8px;
  }
  body.mode-panel .accountbar--panel-actions .accountbar__action,
  body.mode-panel .accountbar--panel-actions .accountbar__action--mobile-only{
    min-height: 44px;
    padding: 5px 1px;
    gap: 2px;
  }
  body.mode-panel .accountbar--panel-actions .accountbar__action-label{
    font-size: 0.52rem;
  }
  body.mode-panel .panel-mnav-toggle{
    height: 44px;
    min-height: 44px;
    padding: 0 12px;
  }
  body.mode-panel .panel-mnav-toggle .ui-icon{
    width: 20px;
    height: 20px;
  }
  body.mode-panel .panel-mnav-toggle__label{
    display: inline !important;
    font-size: 0.9rem;
  }
}

@media (prefers-reduced-motion: reduce){
  body.mode-panel .panel-mnav__backdrop,
  body.mode-panel .panel-mnav__drawer{
    transition: none;
  }
}


/* Admin zemin: a??k gri ? kartlar ve liste alan?yla uyumlu */
body.mode-admin {
  background: var(--surface-muted);
  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="url"],
body.mode-admin input[type="password"],
body.mode-admin input[type="number"],
body.mode-admin input[type="search"],
body.mode-admin input[type="datetime-local"],
body.mode-admin select,
body.mode-admin textarea{
  border-color: var(--line-strong);
  border-radius: var(--radius-md);
}
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);
}

.btn-danger .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) ? pazaryeri tarz? bildirim */
.toast-root{
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 2147483500;
  display: grid;
  gap: 10px;
  max-width: min(420px, calc(100vw - 32px));
  pointer-events: none;
}

.toast{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: var(--radius-md);
  border: 1px solid #e2e8f0;
  border-left-width: 4px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  pointer-events: auto;
  transform: translateX(calc(100% + 24px));
  opacity: 0;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.26s ease;
}
.toast.is-in{
  opacity: 1;
  transform: translateX(0);
}
.toast.is-leaving{
  opacity: 0;
  transform: translateX(calc(100% + 24px));
}
.toast__body{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 12px 12px 14px;
}
.toast__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  color: #16a34a;
}
.toast__icon svg{
  display: block;
  width: 22px;
  height: 22px;
}
.toast__content{
  flex: 1;
  min-width: 0;
}
.toast__message{
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 500;
  color: #0f172a;
}
.toast__product{
  font-weight: 700;
}
.toast__cta{
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  min-height: 30px;
  padding: 0 11px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(15, 118, 110, 0.42);
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #0f766e;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.toast__cta:hover{
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #334155;
  text-decoration: none;
}
.toast__text{
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 500;
  color: #0f172a;
}
.toast__x{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: -2px -2px 0 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.toast__x svg{
  display: block;
  width: 16px;
  height: 16px;
}
.toast__x:hover{
  background: #f1f5f9;
  color: #334155;
}
.toast__progress{
  height: 3px;
  background: #f1f5f9;
}
.toast__progress-bar{
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(1);
  transform-origin: left center;
  will-change: transform;
}

.toast--success{
  border-color: #86efac;
  border-left-color: #22c55e;
  background: #f0fdf4;
  box-shadow: 0 10px 28px rgba(22, 163, 74, 0.12), 0 2px 8px rgba(15, 23, 42, 0.05);
}
.toast--success .toast__progress-bar{
  background: #22c55e;
}
.toast--error{
  border-color: #fecaca;
  border-left-color: #ef4444;
  background: #fef2f2;
  box-shadow: 0 10px 28px rgba(239, 68, 68, 0.1), 0 2px 8px rgba(15, 23, 42, 0.05);
}
.toast--error .toast__icon{
  color: #dc2626;
}
.toast--error .toast__progress-bar{
  background: #ef4444;
}
.toast--info{
  border-color: #bfdbfe;
  border-left-color: #3b82f6;
  background: #eff6ff;
  box-shadow: 0 10px 28px rgba(59, 130, 246, 0.1), 0 2px 8px rgba(15, 23, 42, 0.05);
}
.toast--info .toast__icon{
  color: #2563eb;
}
.toast--info .toast__progress-bar{
  background: #3b82f6;
}

@media (max-width: 600px){
  .toast-root{
    top: auto;
    right: 10px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    left: 10px;
    max-width: none;
  }
  .toast{
    transform: translateY(calc(100% + 20px));
  }
  .toast.is-in{
    transform: translateY(0);
  }
  .toast.is-leaving{
    transform: translateY(calc(100% + 20px));
  }
}

@media (prefers-reduced-motion: reduce){
  .toast{
    transition: opacity 0.2s ease;
    transform: none;
  }
  .toast.is-in,
  .toast.is-leaving{
    transform: none;
  }
}

/* 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: var(--site-brand-logo-size);
  height: var(--site-brand-logo-size);
  border-radius: calc(var(--radius-md) - 2px);
  object-fit: contain;
  box-shadow: none;
  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,
.panel-topbar__search.btn-secondary,
.panel-topbar__search.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,
.panel-topbar__search.btn-secondary .ui-icon {
  color: rgba(255, 255, 255, 0.96);
}

.hero-actions .btn-secondary:hover:not(:disabled),
.panel-topbar__search.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 {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.brand-logo--image {
  line-height: 0;
}

.site-brand-logo {
  display: block;
  width: auto;
  max-width: min(100%, var(--site-brand-logo-max-width));
  object-fit: contain;
  object-position: left center;
  flex-shrink: 1;
  min-width: 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
  filter: none;
  mix-blend-mode: normal;
}

.site-brand-logo--header {
  height: var(--site-brand-logo-height-header);
}

.site-brand-logo--panel {
  height: var(--site-brand-logo-height-panel);
  max-width: min(100%, var(--site-brand-logo-max-width-panel));
}

.site-brand-logo--auth-bar {
  height: var(--site-brand-logo-height-auth-bar);
}

.site-brand-logo--footer {
  height: var(--site-brand-logo-height-footer);
}

.site-brand-logo--auth {
  height: var(--site-brand-logo-height-auth);
  margin-inline: auto;
}

@media (max-width: 960px) {
  :root {
    --site-brand-logo-max-width: clamp(120px, 34vw, 240px);
    --site-brand-logo-max-width-panel: clamp(120px, 30vw, 200px);
  }
}

@media (max-width: 640px) {
  :root {
    --site-brand-logo-height: clamp(28px, 6.5vw + 14px, 38px);
    --site-brand-logo-height-panel: clamp(28px, 5.5vw + 14px, 36px);
    --site-brand-logo-max-width: clamp(100px, 42vw, 200px);
    --site-brand-logo-max-width-panel: clamp(108px, 38vw, 180px);
  }

  body.mode-admin .panel-topbar,
  body.mode-panel .panel-topbar {
    padding: 8px 14px 10px;
  }

  body.mode-admin .panel-topbar__row--nav,
  body.mode-panel .panel-topbar__row--nav {
    gap: 10px;
  }

  body.mode-admin .panel-topbar__left--nav {
    min-height: 40px;
  }

  body.mode-admin .panel-topbar__left--top {
    gap: 0;
  }

  body.mode-admin .panel-topbar__left--top:has(> .panel-appbrand > .site-brand-logo--panel) {
    max-width: 100%;
  }

  body.mode-panel .panel-topbar__left--top {
    gap: 12px;
  }
}

/* Admin desktop: hesap aksiyonlar? sat?r d?zeni (mobil stilleri ezmesin) */
@media (min-width: 721px){
  body.mode-admin .accountbar--admin-actions{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    flex-shrink: 0;
  }
  body.mode-admin .accountbar--admin-actions .accountbar__action{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    white-space: nowrap;
  }
  body.mode-admin .accountbar--admin-actions .accountbar__action.is-active{
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.28);
  }
}

.brand-logo--wordmark {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}

.brand-logo--wordmark {
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  box-shadow: none;
}

.brand-logo img:not(.site-brand-logo) {
  width: var(--site-brand-logo-size);
  height: var(--site-brand-logo-size);
  display: block;
  border-radius: var(--radius-md);
  object-fit: contain;
  box-shadow: none;
}

.brand-logo .site-brand-logo {
  width: auto;
  height: var(--site-brand-logo-height-header);
  border-radius: 0;
  background: none;
  filter: none;
}

.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;
}
.trade-takip-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: var(--radius, 8px);
  border: 1px solid var(--accent-border);
  color: var(--accent);
  background: var(--accent-soft);
  font-size: 0.82rem;
  font-weight: 500;
}
.trade-takip-btn.is-followed:disabled{
  opacity: 1;
  cursor: default;
}

.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);
}

/* Ma?aza paneli: ipucu kutusu ? hover edilen ??eyi g?steren ok */
body.mode-panel .has-tip::before,
body.mode-panel .vchip::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  top: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 6px 7px 0;
  border-top-color: rgba(15, 23, 42, 0.92);
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.14));
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 2147483601;
}
body.mode-panel .has-tip:hover::before,
body.mode-panel .has-tip:focus-visible::before,
body.mode-panel .vchip:hover::before,
body.mode-panel .vchip:focus-visible::before {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}
/* A?a?? a??lan ipu?lar?: ok ?ste (kutudan hedefe) */
body.mode-panel .has-tip--below::before,
body.mode-panel .panel-topbar .vchip::before,
body.mode-panel .uye-no-line .vchip-inline.has-tip::before,
body.mode-panel table.simple td .vchip-inline.has-tip::before,
body.mode-panel .modal .vchip-inline.has-tip::before,
body.mode-panel .modal-header .vchip-inline.has-tip::before,
body.mode-panel .modal-header__sub .vchip-inline.has-tip::before,
body.mode-panel .job-card .vchip-inline.has-tip::before,
body.mode-panel .job-card__store .vchip-inline.has-tip::before,
body.mode-panel .trade-feed .katalog-picker__cell--party .vchip-inline.has-tip::before,
body.mode-panel .catalog-card__count--overlay.has-tip::before {
  top: calc(100% + 2px);
  bottom: auto;
  border-width: 0 7px 6px;
  border-top-color: transparent;
  border-bottom-color: rgba(15, 23, 42, 0.92);
  filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.14));
  transform: translateX(-50%) translateY(2px);
}
body.mode-panel .has-tip--below:hover::before,
body.mode-panel .has-tip--below:focus-visible::before,
body.mode-panel .panel-topbar .vchip:hover::before,
body.mode-panel .panel-topbar .vchip:focus-visible::before,
body.mode-panel .uye-no-line .vchip-inline.has-tip:hover::before,
body.mode-panel .uye-no-line .vchip-inline.has-tip:focus-visible::before,
body.mode-panel table.simple td .vchip-inline.has-tip:hover::before,
body.mode-panel table.simple td .vchip-inline.has-tip:focus-visible::before,
body.mode-panel .modal .vchip-inline.has-tip:hover::before,
body.mode-panel .modal .vchip-inline.has-tip:focus-visible::before,
body.mode-panel .modal-header .vchip-inline.has-tip:hover::before,
body.mode-panel .modal-header .vchip-inline.has-tip:focus-visible::before,
body.mode-panel .modal-header__sub .vchip-inline.has-tip:hover::before,
body.mode-panel .modal-header__sub .vchip-inline.has-tip:focus-visible::before,
body.mode-panel .job-card .vchip-inline.has-tip:hover::before,
body.mode-panel .job-card .vchip-inline.has-tip:focus-visible::before,
body.mode-panel .job-card__store .vchip-inline.has-tip:hover::before,
body.mode-panel .job-card__store .vchip-inline.has-tip:focus-visible::before,
body.mode-panel .trade-feed .katalog-picker__cell--party .vchip-inline.has-tip:hover::before,
body.mode-panel .trade-feed .katalog-picker__cell--party .vchip-inline.has-tip:focus-visible::before,
body.mode-panel .catalog-card__count--overlay.has-tip:hover::before,
body.mode-panel .catalog-card__count--overlay.has-tip:focus-visible::before {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
body.mode-panel .catalog-card__count--overlay.has-tip::before {
  left: auto;
  right: 12px;
  transform: translateY(-4px);
  border-bottom-color: var(--panel-1, rgba(15, 23, 42, 0.92));
}
body.mode-panel .catalog-card__count--overlay.has-tip:hover::before,
body.mode-panel .catalog-card__count--overlay.has-tip:focus-visible::before {
  transform: translateY(0);
}

.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.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);
  max-width: 220px;
  width: max-content;
  white-space: normal;
  overflow-wrap: break-word;
  text-align: center;
  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--import {
  /* ?thalat?? firma: ?elik mavi */
  background: rgba(3, 105, 161, 0.9);
  border-color: rgba(14, 165, 233, 0.95);
  color: #f0f9ff;
  box-shadow: 0 12px 28px rgba(3, 105, 161, 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);
}

.vchip--test {
  /* Test hesabı: nötr slate — gerçek doğrulama mavisi değil */
  background: rgba(100, 116, 139, 0.92);
  border-color: rgba(148, 163, 184, 0.95);
  color: #f8fafc;
  box-shadow: 0 12px 28px rgba(71, 85, 105, 0.28);
}

/* ?ye numaras? ? numara kutusu ile profil / Pazaryeri etiketi yan yana */
.uye-no-row{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  vertical-align: middle;
  max-width: 100%;
}
.uye-no-line{
  display: inline-flex;
  flex-direction: row-reverse; /* DOM: no + rozet ? g?rsel: rozet solda */
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  flex-wrap: nowrap;
  flex-shrink: 0;
  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;
  flex: 0 0 auto;
  padding: 6px 10px 6px 2px;
  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--import,
.uye-no-line .vchip-inline--optisyen,
.uye-no-line .vchip-inline--pazaryeri,
.uye-no-line .vchip-inline--test{
  align-self: center;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0 0 0 4px;
  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--import{
  background: #0369a1;
  border-color: #075985;
  color: #f0f9ff;
}
.uye-no-line .vchip-inline--optisyen{
  background: #0d9488;
  border-color: #0f766e;
  color: #f0fdfa;
}
.uye-no-line .vchip-inline--pazaryeri{
  background: #0f766e;
  border-color: #0d9488;
  color: #f0fdfa;
}
.uye-no-line .vchip-inline--test{
  background: #64748b;
  border-color: #475569;
  color: #f8fafc;
}
.uye-no-line .vchip-inline--ok .ui-icon,
.uye-no-line .vchip-inline--sun .ui-icon,
.uye-no-line .vchip-inline--import .ui-icon,
.uye-no-line .vchip-inline--optisyen .ui-icon,
.uye-no-line .vchip-inline--pazaryeri .ui-icon,
.uye-no-line .vchip-inline--test .ui-icon{
  width: 11px;
  height: 11px;
}
/* ?ye no kutusu: do?rulama tik ipucu k?rp?lmas?n (overflow:hidden + yukar? a??lan ipucu) */
.uye-no-line:has(.vchip-inline.has-tip){
  overflow: visible;
}
.uye-no-line .vchip-inline.has-tip::after{
  top: calc(100% + 8px);
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2147483600;
}
.uye-no-line .vchip-inline.has-tip:hover::after,
.uye-no-line .vchip-inline.has-tip:focus-visible::after{
  transform: translateX(-50%) translateY(2px);
}
.uye-no-line:has(.vchip-inline.has-tip:hover),
.uye-no-line:has(.vchip-inline.has-tip:focus-visible){
  position: relative;
  z-index: 20;
}
.uye-no-line .vchip-inline.has-tip:hover,
.uye-no-line .vchip-inline.has-tip:focus-visible{
  z-index: 3;
}
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;
}
button.uye-no-line.uye-no-line--profil{
  font: inherit;
  font-family: inherit;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
button.uye-no-line.uye-no-line--profil:hover{
  border-color: var(--accent-border, #93c5fd);
  background: var(--accent-soft, #eff6ff);
}
button.uye-no-line.uye-no-line--profil:focus-visible{
  outline: 2px solid var(--accent, #2563eb);
  outline-offset: 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:disabled,
.hs-detail__seller-actions .uye-profil-btn:disabled{
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}
.uye-no-row .uye-profil-btn--static,
.hs-detail__seller-actions .uye-profil-btn--static{
  cursor: default;
  pointer-events: none;
  opacity: 1;
  user-select: none;
}
.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: var(--radius-sm);
}
#modalSatici .satici-performans__body::-webkit-scrollbar-thumb{
  background: #94a3b8;
  border-radius: var(--radius-sm);
}
#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: stretch;
  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);
  }
}
#modalAlici .modal-dialog--alici{
  max-width: min(96vw, 560px);
}
#modalAlici .modal-card--alici{
  display: flex;
  flex-direction: column;
  max-height: min(88dvh, 640px);
  overflow: hidden;
}
#modalAlici .alici-profil{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
#modalAlici .alici-profil__header{
  position: relative;
  flex-shrink: 0;
  padding: 18px 52px 14px 20px;
  border-bottom: 1px solid var(--line);
}
#modalAlici .alici-profil__close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  font-size: 1.35rem;
}
#modalAlici .alici-profil__body{
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 22px 20px;
}
.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--import{
  background: #0369a1;
  border-color: #075985;
  color: #f0f9ff;
  box-shadow: 0 1px 3px rgba(3, 105, 161, 0.28);
}
.vchip-inline--optisyen{
  background: #0d9488;
  border-color: #0f766e;
  color: #f0fdfa;
  box-shadow: 0 1px 3px rgba(13, 148, 136, 0.28);
}
.vchip-inline--pazaryeri{
  background: #0f766e;
  border-color: #0d9488;
  color: #f0fdfa;
  box-shadow: 0 1px 3px rgba(15, 118, 110, 0.28);
}
.vchip-inline--test{
  background: #64748b;
  border-color: #475569;
  color: #f8fafc;
  box-shadow: 0 1px 3px rgba(71, 85, 105, 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--import,
body.mode-panel .vchip--import{
  background: #0369a1;
  border-color: #075985;
  color: #f0f9ff;
  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 .vchip-inline--pazaryeri,
body.mode-panel .vchip--pazaryeri{
  background: #0f766e;
  border-color: #0d9488;
  color: #f0fdfa;
  box-shadow: none;
}
body.mode-panel .vchip-inline--test,
body.mode-panel .vchip--test{
  background: #64748b;
  border-color: #475569;
  color: #f8fafc;
  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--import{
  background: #0369a1;
  border-color: #075985;
  color: #f0f9ff;
}
body.mode-panel .uye-no-line .vchip-inline--optisyen{
  background: #0d9488;
  border-color: #0f766e;
  color: #f0fdfa;
}
body.mode-panel .uye-no-line .vchip-inline--pazaryeri{
  background: #0f766e;
  border-color: #0d9488;
  color: #f0fdfa;
}
body.mode-panel .uye-no-line .vchip-inline--test{
  background: #64748b;
  border-color: #475569;
  color: #f8fafc;
}

.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;
}

/* ?lan kart?: do?rulama tik ipucu a?a?? a??ls?n (?st filtre / kart ?st? k?rpmas?n) */
.job-card,
.devir-card,
.job-card__store,
.job-card__store--seller,
.job-card__seller,
.job-card__seller-verified{
  overflow: visible;
}
.job-card .vchip-inline.has-tip::after,
.job-card__store .vchip-inline.has-tip::after{
  top: calc(100% + 8px);
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2147483600;
}
.job-card .vchip-inline.has-tip:hover::after,
.job-card .vchip-inline.has-tip:focus-visible::after,
.job-card__store .vchip-inline.has-tip:hover::after,
.job-card__store .vchip-inline.has-tip:focus-visible::after{
  transform: translateX(-50%) translateY(2px);
}
.job-card:has(.vchip-inline.has-tip:hover),
.job-card:has(.vchip-inline.has-tip:focus-visible){
  position: relative;
  z-index: 20;
}
.job-card .vchip-inline.has-tip:hover,
.job-card .vchip-inline.has-tip:focus-visible{
  z-index: 3;
}

.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-top: 20px;
  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-top: 20px;
  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: 14px;
}
body.mode-panel .adbar ~ .wrap > :first-child {
  margin-top: 0;
}
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;
  overflow-anchor: none;
}
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;
  overflow-anchor: none;
}
.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;
}

/* Onay / uyar? / giri? ? modal + marka-combo portal (3300) ?st?nde; toast (3500) alt?nda */
#modalConfirm.is-open,
#modalAlert.is-open,
#modalPrompt.is-open,
#modalKatalogGuncellemeYetki.is-open,
#modalGuvenlikEtiketiBeyan.is-open {
  z-index: 2147483400;
}

/* Onay: yaln?zca soru + butonlar (ba?l?k/?izgi yok) */
#modalConfirm .modal-dialog {
  max-width: 420px;
}
#modalConfirm .modal-body {
  padding: 22px 22px 18px;
}
#modalConfirm .modal-lead {
  margin: 0 0 18px;
}

.kg-yetki-callout {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-left: 3px solid #f59e0b;
  border-radius: var(--radius-md, 8px);
  color: #92400e;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.kg-yetki-callout__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-top: 0;
  border-radius: 50%;
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.kg-yetki-callout__icon .ui-icon {
  width: 18px;
  height: 18px;
}

.kg-yetki-callout__text {
  margin: 0;
  flex: 1;
  min-width: 0;
  padding-top: 6px;
  font-weight: 600;
  color: #78350f;
}

#modalKatalogGuncellemeYetki .modal-dialog {
  width: min(96vw, 440px);
  max-width: min(96vw, 440px);
}

#modalKatalogGuncellemeYetki .modal-header {
  padding: 16px 18px 14px;
}

#modalKatalogGuncellemeYetki .modal-header h2 {
  font-size: 1.05rem;
}

#modalKatalogGuncellemeYetki .modal-body {
  padding: 16px 18px 4px;
}

#modalKatalogGuncellemeYetki .modal-footer--alert {
  margin-top: 0;
  padding: 14px 18px 18px;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

#modalKatalogGuncellemeYetki .modal-footer--alert .btn {
  min-height: 40px;
}

.modal-prompt-label {
  display: block;
  margin: 0 0 0.5rem;
  font-weight: 600;
}

.modal-prompt-input,
.modal-prompt-textarea {
  width: 100%;
  margin-bottom: 0.25rem;
}

.modal-prompt-textarea {
  resize: vertical;
  min-height: 5rem;
}

#modalEvrakReject.is-open {
  z-index: 2147483100;
}

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

#modalAdminIlanEdit .modal-dialog,
body.mode-admin .modal-dialog--ilan-edit {
  width: min(96vw, 1140px);
  max-width: min(96vw, 1140px);
}

.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(94vw, 680px);
  }
  #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;
  }
  #modalAdminIlanEdit .modal-dialog,
  body.mode-admin .modal-dialog--ilan-edit {
    width: min(96vw, 1140px);
    max-width: min(96vw, 1140px);
  }
  body.mode-admin #modalKatDuzenle .modal-dialog,
  body.mode-admin #modalKatEkle .modal-dialog {
    max-width: min(92vw, 900px);
  }
  #modalKatalogTalepAc .modal-dialog {
    width: min(98vw, 1040px);
    max-width: min(98vw, 1040px);
  }
  #modalHsIlan.is-hs-katalog-tab .modal-dialog,
  #modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .modal-dialog,
  #modalKatalogTalepAc.is-kt-katalog-tab .modal-dialog,
  #modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .modal-dialog,
  #modalIlanAc.is-ilan-katalog-tab .modal-dialog,
  #modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .modal-dialog {
    width: min(94vw, 1180px);
    max-width: min(94vw, 1180px);
  }
}

/* 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: var(--radius-lg);
  background: #f0fdfa;
  color: #0f766e;
  --ui-icon-color: #0f766e;
}

.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: var(--radius-lg);
  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: var(--radius-md);
  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: min(52vh, 360px);
  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-kategori-combo__option--parent{
  font-weight: 650;
  font-size: 0.92rem;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(226, 232, 240, 0.95);
  margin-bottom: 2px;
}
body.mode-admin #modalAdminIlanEdit .admin-kategori-combo__option--child{
  padding-left: 22px;
  font-size: 0.9rem;
  color: var(--ink-muted, #475569);
}
body.mode-admin #modalAdminIlanEdit .admin-kategori-combo__option--child:hover,
body.mode-admin #modalAdminIlanEdit .admin-kategori-combo__option--child:focus{
  color: inherit;
}

body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-form{
  display: flex;
  flex-direction: column;
  gap: 0;
}
body.mode-admin #modalAdminIlanEdit .modal-form--ilan-edit{
  gap: 0;
}
body.mode-admin #modalAdminIlanEdit .modal-body{
  padding: 20px 24px 24px;
  background: #ffffff;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-genel{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-meta{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-meta__icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: #eff6ff;
  color: #1d4ed8;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-meta__icon .ui-icon{
  width: 1.15rem;
  height: 1.15rem;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-meta__body{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-meta__label{
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-meta__value{
  font-size: 0.95rem;
  font-weight: 650;
  color: #0f172a;
  line-height: 1.35;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-blocks{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-block{
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-block__title{
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.35;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-block__title .field-optional{
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94a3b8;
}
body.mode-admin #modalAdminIlanEdit .modal-field-group{
  gap: 10px;
}
body.mode-admin #modalAdminIlanEdit .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;
  margin: 0;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit__marka-kat{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  align-items: start;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit__spec-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  align-items: start;
}
body.mode-admin #modalAdminIlanEdit .hs-ilan-filtre-extra{
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 0;
  padding: 18px 20px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.mode-admin #modalAdminIlanEdit .hs-ilan-filtre-extra[hidden]{
  display: none !important;
}
body.mode-admin #modalAdminIlanEdit .hs-ilan-filtre-extra .kg-form-extra__summary{
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.35;
}
body.mode-admin #modalAdminIlanEdit .hs-ilan-filtre-extra .kg-form-extra__summary .field-optional{
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94a3b8;
}
body.mode-admin #modalAdminIlanEdit .hs-ilan-filtre-extra__grid{
  padding-top: 0;
}
body.mode-admin #modalAdminIlanEdit .modal-field-group--barkod,
#modalUrunEkle .modal-field-group--barkod {
  grid-column: 1 / -1;
}
.barkod-field {
  display: flex;
  gap: 8px;
  align-items: stretch;
  width: 100%;
}
.barkod-field > input[type="text"],
.barkod-field .input {
  flex: 1;
  min-width: 0;
}
.barkod-field__gen {
  flex-shrink: 0;
  width: 2.25rem;
  min-width: 2.25rem;
  padding-inline: 0;
  gap: 0;
}
.barkod-field .input.is-invalid,
.modal-field-group--barkod input.is-invalid {
  border-color: #dc2626;
}

.is-field-attention {
  outline: 2px solid var(--primary, #0d9488);
  outline-offset: 3px;
  border-radius: 8px;
  animation: field-attention-pulse 1.2s ease-in-out 2;
}
@keyframes field-attention-pulse {
  0%, 100% { outline-color: rgba(13, 148, 136, 0.95); }
  50% { outline-color: rgba(13, 148, 136, 0.3); }
}
body.mode-admin #modalAdminIlanEdit .modal-field-group .input,
body.mode-admin #modalAdminIlanEdit .modal-field-group .admin-paket-search__input{
  min-height: 44px;
  font-size: 0.94rem;
}
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field{
  display: flex;
  align-items: stretch;
  width: 100%;
  border-radius: var(--radius-md);
  transition: box-shadow 0.15s ease;
}
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field__swatch{
  flex-shrink: 0;
  width: 44px;
  min-height: 44px;
  border: 1px solid #cbd5e1;
  border-right: none;
  border-radius: var(--radius-md) 0 0 var(--radius-md);
  background: #f8fafc;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field__input{
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px;
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  border: 1px solid #cbd5e1;
  box-shadow: none;
}
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field:focus-within{
  box-shadow: 0 0 0 3px var(--accent-ring);
}
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field:focus-within .admin-hex-color-field__swatch,
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field:focus-within .admin-hex-color-field__input{
  border-color: var(--accent);
}
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field__input:focus{
  box-shadow: none;
}
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field.is-invalid .admin-hex-color-field__swatch,
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field.is-invalid .admin-hex-color-field__input{
  border-color: #dc2626;
}
body.mode-admin #modalAdminIlanEdit .admin-hex-color-field.is-invalid{
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
}
body.mode-admin #modalAdminIlanEdit .admin-paket-search{
  border-radius: var(--radius-modal-field);
  border: 1px solid #cbd5e1;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin #modalAdminIlanEdit .admin-paket-search:focus-within{
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}
body.mode-admin #modalAdminIlanEdit .admin-paket-search .admin-paket-search__input{
  border: 0;
  box-shadow: none;
  background: transparent;
}
body.mode-admin #modalAdminIlanEdit .admin-paket-search .admin-paket-search__input:focus{
  box-shadow: none;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-block--media,
body.mode-admin .admin-modal-kapak-gorsel .admin-ilan-edit-block--media{
  gap: 14px;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-block--seo{
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-block--seo .admin-seo-form{
  margin: 0;
  padding: 18px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.mode-admin #modalAdminIlanEdit .admin-seo-form__grid{
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: 24px 32px;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-seo-hint{
  margin: 12px 0 0;
  padding: 12px 14px;
  font-size: 0.88rem;
  border-radius: var(--radius-md);
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #92400e;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-card{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-card__media{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-head .admin-ilan-edit-block__title{
  margin: 0;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-count{
  font-size: 0.82rem;
  font-weight: 650;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(226, 232, 240, 0.55);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery{
  border-radius: var(--radius-lg);
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: #f8fafc;
  padding: 12px;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery__grid{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery--empty .ae-gorsel-gallery__grid{
  grid-template-columns: 1fr;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop{
  position: relative;
  border-radius: var(--radius-md);
  border: 1px dashed color-mix(in srgb, var(--brand, #0d9488) 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;
  aspect-ratio: 1;
  min-height: 0;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery--empty .ae-gorsel-drop{
  aspect-ratio: auto;
  min-height: 108px;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop:hover{
  border-color: color-mix(in srgb, var(--brand, #0d9488) 45%, #cbd5e1);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop.is-drag{
  border-color: var(--brand, #0d9488);
  border-style: solid;
  background: color-mix(in srgb, var(--brand, #0d9488) 8%, #fff);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #0d9488) 18%, transparent);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__stage{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  cursor: pointer;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery--empty .ae-gorsel-drop__stage{
  min-height: 108px;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__stage:focus-visible{
  outline: 2px solid var(--brand, #0d9488);
  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__placeholder{
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 8px;
  text-align: center;
  pointer-events: none;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery--empty .ae-gorsel-drop__placeholder{
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 14px;
  padding: 18px 16px;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery--empty .ae-gorsel-drop__hint,
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery--empty .ae-gorsel-drop__meta{
  flex: 0 0 100%;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__ico{
  display: flex;
  color: color-mix(in srgb, var(--brand, #0d9488) 70%, #94a3b8);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery--empty .ae-gorsel-drop__ico{
  margin-bottom: 0;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__ico .ui-icon{
  width: 1.75rem;
  height: 1.75rem;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery--empty .ae-gorsel-drop__ico .ui-icon{
  width: 2rem;
  height: 2rem;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__title{
  font-size: 0.82rem;
  font-weight: 650;
  color: var(--ink);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery--empty .ae-gorsel-drop__title{
  font-size: 0.92rem;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__hint{
  font-size: 0.78rem;
  color: var(--ink-muted);
  line-height: 1.4;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__meta{
  font-size: 0.72rem;
  color: var(--ink-muted);
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-drop__hint,
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-drop__meta{
  display: none;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-drop__title{
  font-size: 0.75rem;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-drop__status{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--ok, #16a34a) 22%, #e2e8f0);
  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.84rem;
  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__clear{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(148, 163, 184, 0.5);
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--ink-muted);
  cursor: pointer;
}
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 .ae-gorsel-gallery .devir-foto-thumb{
  box-shadow: none;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: #fff;
}
body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery .devir-foto-thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.mode-admin #modalAdminIlanEdit .devir-foto-remove{
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  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;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
body.mode-admin #modalAdminIlanEdit .devir-foto-remove:hover{
  background: #b91c1c;
  border-color: rgba(255, 255, 255, 0.35);
}
body.mode-admin #modalAdminIlanEdit .field-required{
  color: #dc2626;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}
body.mode-admin #modalAdminIlanEdit .field-optional,
body.mode-admin .admin-modal-kapak-gorsel .field-optional{
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #94a3b8;
}
body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-karar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin: 16px 0 0;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
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: 0 -24px -24px;
  padding: 16px 24px 20px;
  border-top: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
@media (max-width: 720px){
  body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery__grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.mode-admin #modalAdminIlanEdit .admin-ilan-edit__marka-kat,
  body.mode-admin #modalAdminIlanEdit .admin-ilan-edit__spec-grid{
    grid-template-columns: 1fr;
  }
  body.mode-admin #modalAdminIlanEdit .admin-seo-form__grid{
    grid-template-columns: 1fr;
  }
  body.mode-admin #modalAdminIlanEdit .modal-body{
    padding: 16px 18px 18px;
  }
}
@media (max-width: 520px){
  body.mode-admin #modalAdminIlanEdit .ae-gorsel-gallery__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mode-admin #modalAdminIlanEdit .admin-ilan-edit-savebar{
    margin: 0 -18px -18px;
    padding: 12px 18px 18px;
  }
}

/* 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: var(--radius-sm);
}
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 {
  --modal-header-btn-size: 44px;
  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: var(--modal-header-btn-size);
  height: var(--modal-header-btn-size);
  margin: 0;
  padding: 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;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  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 {
  --modal-inset-x: 22px;
  --modal-inset-b: 22px;
  padding: 18px var(--modal-inset-x) var(--modal-inset-b);
  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 input,
.modal select,
.modal textarea,
.modal button {
  font-family: var(--font);
}
.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="url"],
.modal .modal-form input[type="password"],
.modal .modal-form input[type="file"],
.modal .modal-form input[type="number"],
.modal .modal-form input[type="datetime-local"],
.modal .modal-form select,
.modal .modal-form textarea {
  background-color: #ffffff;
  color: #0f172a;
  border-color: #cbd5e1;
  border-radius: var(--radius-modal-field);
}

.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: calc(-1 * var(--modal-inset-x, 22px));
  margin-right: calc(-1 * var(--modal-inset-x, 22px));
  margin-bottom: calc(-1 * var(--modal-inset-b, 22px));
  padding: 14px var(--modal-inset-x, 22px) 20px;
  border-top: 1px solid var(--line);
  background: #ffffff;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

/* G?vde i?indeki form footer'? ? yatay hizay? g?vde padding'i ile e?le */
.modal-body > form > .modal-footer {
  margin-top: 16px;
  margin-left: calc(-1 * var(--modal-inset-x, 22px));
  margin-right: calc(-1 * var(--modal-inset-x, 22px));
  margin-bottom: calc(-1 * var(--modal-inset-b, 22px));
  padding-left: var(--modal-inset-x, 22px);
  padding-right: var(--modal-inset-x, 22px);
  padding-top: 14px;
  padding-bottom: 20px;
  border-top: 1px solid var(--line);
  background: #ffffff;
}

/* Panel ticaret: ?r?n ekle ? geni? modal */
#modalUrunEkle .modal-dialog {
  width: min(96vw, 1180px);
  max-width: min(96vw, 1180px);
}

/* Katalog sayfas? ?r?n talep */
#modalKatalogTalepAc .modal-dialog {
  width: min(98vw, 1040px);
  max-width: min(98vw, 1040px);
  transition: width 0.2s ease, max-width 0.2s ease;
}

/* Katalog g?ncelleme talebi ? geni?, d?zenlenebilir form */
#modalKatalogGuncelleme {
  z-index: 2147483200;
}
#modalKatalogGuncelleme .modal-dialog {
  width: min(96vw, 1040px);
  max-width: min(96vw, 1040px);
}

#modalKatalogGuncelleme .modal-header h2 {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
}

#modalKatalogGuncelleme.modal--kg-hub .modal-header h2 {
  font-size: 1.1rem;
}

#modalKatalogGuncelleme .modal-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
}

#modalKatalogGuncelleme .modal-field-group,
#modalKatalogGuncelleme .modal-ilan-ac__spec-grid .modal-field-group {
  gap: 8px;
}

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

#modalKatalogGuncelleme .modal-ilan-ac__spec-grid,
#modalKatalogGuncelleme .kg-form-spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  width: 100%;
  align-items: start;
}

#modalKatalogGuncelleme .modal-field-group--span-all {
  grid-column: 1 / -1;
}

/* ?er?eve rengi gizliyken barkod sat?r? tamamlar (3 h?cre: model ? renk ? barkod) */
#modalKatalogGuncelleme #kg_cerceve_rengi_wrap[hidden] + .modal-field-group--barkod {
  grid-column: auto;
}

#modalKatalogGuncelleme .modal-olcu-grid .modal-field-group {
  gap: 8px;
}

#modalKatalogGuncelleme .btn-katalog-guncelleme-gonder {
  box-shadow: 0 2px 8px -2px var(--accent-ring);
}

@media (max-width: 640px) {
  #modalKatalogGuncelleme .modal-urun-ekle__marka-kat,
  #modalKatalogGuncelleme .modal-ilan-ac__spec-grid,
  #modalKatalogGuncelleme .kg-form-spec-grid {
    grid-template-columns: 1fr;
  }

  #modalKatalogGuncelleme.modal--kg-hub .modal-body--kg-hub {
    padding: 0;
  }

  #modalKatalogGuncelleme.modal--kg-hub .kg-modal-panel:not(:has(.modal-form--kg-guncelleme)) {
    padding: 14px 16px 16px;
  }

  #modalKatalogGuncelleme .kg-form-scroll {
    padding: 14px 16px 16px;
  }

  #modalKatalogGuncelleme .modal-footer--kg-sticky {
    margin: 0;
    padding: 14px 16px 16px;
  }
}

/* Sat?? ilan? + ?r?n talep paneli: B2B + B2C yan yana; kargo anahtarlar? tek sat?rda kals?n */
#modalHsIlan .modal-dialog,
#modalIlanAc .modal-dialog {
  width: min(96vw, 1040px);
  max-width: min(96vw, 1040px);
  transition: width 0.2s ease, max-width 0.2s ease;
}

#modalHsIlan.is-hs-katalog-tab .modal-dialog,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .modal-dialog,
#modalKatalogTalepAc.is-kt-katalog-tab .modal-dialog,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .modal-dialog,
#modalIlanAc.is-ilan-katalog-tab .modal-dialog,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .modal-dialog {
  width: min(94vw, 1180px);
  max-width: min(94vw, 1180px);
}

#modalKatalogGuncelleme.modal--kg-hub .modal-dialog {
  width: min(96vw, 1040px);
  max-width: min(96vw, 1040px);
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs-wrap {
  padding: 12px 20px 14px;
  border-bottom: 1px solid var(--line);
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs {
  margin: 0;
  padding: 0;
  width: min(100%, 19rem);
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs .hs-ilan-modal-tab {
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  justify-content: center;
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs .hs-ilan-modal-tab.btn-with-icon {
  flex-direction: column;
  gap: 5px;
  min-height: 68px;
  padding: 10px 12px 8px;
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs .hs-ilan-modal-tab.btn-with-icon > span:not(.hs-ilan-modal-tab__badge) {
  text-align: center;
  line-height: 1.15;
  white-space: nowrap;
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs .hs-ilan-modal-tab.btn-with-icon .ui-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: currentColor;
  opacity: 0.88;
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs .hs-ilan-modal-tab.btn-with-icon.is-active .ui-icon {
  opacity: 1;
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs .hs-ilan-modal-tab__badge {
  position: absolute;
  top: -6px;
  right: -2px;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 4px;
  font-size: 0.68rem;
  box-shadow: 0 0 0 2px #fff;
}

#modalKatalogGuncelleme.modal--kg-hub .modal-body--kg-hub {
  display: flex;
  flex-direction: column;
  padding: 0;
  max-height: min(78vh, 820px);
  overflow: hidden;
  min-height: 0;
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-panel {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-panel:not(:has(.modal-form--kg-guncelleme)) {
  overflow-y: auto;
  padding: 18px 24px 24px;
}

#modalKatalogGuncelleme .kg-form-ozet {
  margin: 0 0 6px;
  font-size: 0.92rem;
  font-weight: 650;
  color: var(--ink);
  line-height: 1.4;
}

#modalKatalogGuncelleme .kg-form-hint {
  margin: 0 0 14px;
}

#modalKatalogGuncelleme .modal-hint--compact {
  font-size: 0.82rem;
  line-height: 1.45;
}

#modalKatalogGuncelleme .modal-form--kg-guncelleme {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  overflow: hidden;
}

#modalKatalogGuncelleme .kg-form-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px 24px 20px;
}

/* G?ncelleme formu ? b?l?m ayra?lar? (ilan a?ma modal? ile ayn?) */
#modalKatalogGuncelleme .modal-form--kg-guncelleme .modal-olcu-grid,
#modalKatalogGuncelleme .modal-form--kg-guncelleme .modal-field-group:has(#kg_kisa_aciklama),
#modalKatalogGuncelleme .modal-form--kg-guncelleme .panel-gorsel-upload,
#modalKatalogGuncelleme .modal-form--kg-guncelleme .modal-field-group:has(#kg_aciklama) {
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

#modalHsIlan .hs-ilan-aciklama-extra,
#modalHsFiyat .hs-ilan-aciklama-extra {
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  margin-top: 8px;
}

#modalHsIlan .hs-ilan-aciklama-extra__summary,
#modalHsIlan .hs-ilan-aciklama-extra .kg-form-extra__summary,
#modalHsFiyat .hs-ilan-aciklama-extra .kg-form-extra__summary,
#modalKatalogGuncelleme .kg-form-extra .kg-form-extra__summary,
#modalIlanAc .hs-ilan-filtre-extra .kg-form-extra__summary,
#modalKatalogTalepAc .hs-ilan-filtre-extra .kg-form-extra__summary,
#modalHsIlan .hs-ilan-filtre-extra .kg-form-extra__summary {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.35;
}

#modalHsIlan .hs-ilan-filtre-extra .kg-form-extra__summary .field-optional,
#modalIlanAc .hs-ilan-filtre-extra .kg-form-extra__summary .field-optional,
#modalKatalogTalepAc .hs-ilan-filtre-extra .kg-form-extra__summary .field-optional,
#modalKatalogGuncelleme .kg-form-extra .kg-form-extra__summary .field-optional {
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: 600;
}

#modalHsIlan .hs-ilan-aciklama-extra .kg-form-extra__body,
#modalHsFiyat .hs-ilan-aciklama-extra .kg-form-extra__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 0 0;
  background: transparent;
}

#modalHsIlan .hs-ilan-aciklama-extra .kg-form-extra__body .modal-field-group,
#modalHsFiyat .hs-ilan-aciklama-extra .kg-form-extra__body .modal-field-group {
  padding-top: 0;
  margin: 0;
}

#modalHsIlan .hs-ilan-aciklama-extra textarea.input,
#modalHsFiyat .hs-ilan-aciklama-extra textarea.input {
  min-height: 72px;
  resize: vertical;
}

#modalHsIlan .hs-ilan-filtre-extra,
#modalIlanAc .hs-ilan-filtre-extra,
#modalKatalogTalepAc .hs-ilan-filtre-extra,
#modalKatalogGuncelleme .hs-ilan-filtre-extra {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

#modalHsIlan .hs-ilan-filtre-extra__grid,
#modalIlanAc .hs-ilan-filtre-extra__grid,
#modalKatalogTalepAc .hs-ilan-filtre-extra__grid,
#modalKatalogGuncelleme .hs-ilan-filtre-extra__grid,
#modalAdminIlanEdit .hs-ilan-filtre-extra__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  padding-top: 8px;
  width: 100%;
}

@media (max-width: 520px) {
  #modalHsIlan .hs-ilan-filtre-extra__grid,
  #modalIlanAc .hs-ilan-filtre-extra__grid,
  #modalKatalogTalepAc .hs-ilan-filtre-extra__grid,
  #modalKatalogGuncelleme .hs-ilan-filtre-extra__grid,
  #modalAdminIlanEdit .hs-ilan-filtre-extra__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

#modalHsIlan .hs-ilan-filtre-extra__grid .modal-field-group,
#modalIlanAc .hs-ilan-filtre-extra__grid .modal-field-group,
#modalKatalogTalepAc .hs-ilan-filtre-extra__grid .modal-field-group,
#modalKatalogGuncelleme .hs-ilan-filtre-extra__grid .modal-field-group,
#modalAdminIlanEdit .hs-ilan-filtre-extra__grid .modal-field-group {
  padding-top: 0;
  margin: 0;
  min-width: 0;
}

#modalHsIlan .hs-ilan-filtre-extra .marka-combo,
#modalIlanAc .hs-ilan-filtre-extra .marka-combo,
#modalKatalogTalepAc .hs-ilan-filtre-extra .marka-combo,
#modalKatalogGuncelleme .hs-ilan-filtre-extra .marka-combo,
#modalAdminIlanEdit .hs-ilan-filtre-extra .marka-combo {
  position: relative;
}

#modalHsIlan .hs-ilan-filtre-extra .marka-combo__input,
#modalIlanAc .hs-ilan-filtre-extra .marka-combo__input,
#modalKatalogTalepAc .hs-ilan-filtre-extra .marka-combo__input,
#modalKatalogGuncelleme .hs-ilan-filtre-extra .marka-combo__input,
#modalAdminIlanEdit .hs-ilan-filtre-extra .marka-combo__input {
  min-height: 40px;
  border-radius: var(--radius-modal-field);
  border-color: #dbe3ee;
}

#modalHsIlan .hs-ilan-filtre-extra .marka-combo__chips,
#modalIlanAc .hs-ilan-filtre-extra .marka-combo__chips,
#modalKatalogTalepAc .hs-ilan-filtre-extra .marka-combo__chips,
#modalKatalogGuncelleme .hs-ilan-filtre-extra .marka-combo__chips,
#modalAdminIlanEdit .hs-ilan-filtre-extra .marka-combo__chips {
  margin-top: 6px;
  gap: 5px;
}

#modalHsIlan .hs-ilan-filtre-extra .marka-combo__list,
#modalHsIlan .hs-ilan-filtre-extra .marka-combo__dropdown,
#modalIlanAc .hs-ilan-filtre-extra .marka-combo__list,
#modalIlanAc .hs-ilan-filtre-extra .marka-combo__dropdown,
#modalKatalogTalepAc .hs-ilan-filtre-extra .marka-combo__list,
#modalKatalogTalepAc .hs-ilan-filtre-extra .marka-combo__dropdown,
#modalKatalogGuncelleme .hs-ilan-filtre-extra .marka-combo__list,
#modalKatalogGuncelleme .hs-ilan-filtre-extra .marka-combo__dropdown,
#modalAdminIlanEdit .hs-ilan-filtre-extra .marka-combo__list,
#modalAdminIlanEdit .hs-ilan-filtre-extra .marka-combo__dropdown {
  z-index: 140;
  max-height: min(28vh, 200px);
  border-radius: var(--radius-md);
  border-color: #dbe3ee;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}


#modalHsFiyat .hs-ilan-aciklama-extra {
  margin: 14px 0 0;
}

#modalKatalogGuncelleme .modal-footer--kg-sticky {
  position: static;
  flex-shrink: 0;
  z-index: auto;
  margin: 0;
  padding: 16px 24px 20px;
  border-top: 1px solid var(--line);
  background: #fff;
}

#modalKatalogGuncelleme .kg-takip--review .modal-footer--kg-onay {
  margin-top: 16px;
}

#modalKatalogGuncelleme .kg-modal-gecmis {
  padding-bottom: 4px;
}

#modalKatalogGuncelleme.modal--kg-hub .kg-modal-panel[hidden] {
  display: none !important;
}

.kg-modal-gecmis-detay__back {
  margin-bottom: 12px;
}

.kg-modal-gecmis__table-wrap {
  max-height: min(50vh, 420px);
  overflow: auto;
}

#modalKatalogGuncelleme.modal--kg-takip .modal-body {
  padding-bottom: 0;
}

#modalKatalogGuncelleme.modal--kg-takip .modal-dialog {
  width: min(96vw, 580px);
  max-width: min(96vw, 580px);
}

#modalKgtOnay .modal-dialog--kg-onay {
  width: min(96vw, 580px);
  max-width: min(96vw, 580px);
}

#modalKgtOnay .modal-header h2 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
}

#modalKatalogGuncelleme.modal--kg-takip .modal-header h2 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* Katalog g?ncelleme ? inceleme / takip g?r?n?m? */
.kg-takip--review {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.kg-takip--review .kg-takip__meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kg-takip--review .kg-takip__meta-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-kg-onay-askida {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #f8fafc;
}

.admin-kg-onay-askida__label {
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.kg-takip--review .admin-kg-onay-askida-alert {
  margin-bottom: 0;
  font-weight: 600;
}

.modal-footer--kg-onay .modal-footer__actions {
  align-items: center;
}

.kg-takip--review .kg-takip__kv {
  margin-top: 0;
}

.kg-takip--review .kg-takip__context {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #f8fafc;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kg-takip--review .kg-takip__context-row {
  display: grid;
  grid-template-columns: 5rem 1fr;
  gap: 8px;
  align-items: baseline;
}

.kg-takip--review .kg-takip__context-row .k {
  font-size: 0.78rem;
  color: var(--ink-muted);
  font-weight: 600;
}

.kg-takip--review .kg-takip__context-row .v {
  font-weight: 600;
  word-break: break-word;
  line-height: 1.45;
}

.kg-takip--review .kg-takip__block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kg-takip--review .kg-takip__block-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ink-muted);
}

.kg-takip__aciklama {
  white-space: pre-wrap;
  word-break: break-word;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #f8fafc;
  font-size: 0.9rem;
  line-height: 1.5;
}

.kg-takip--review .kg-takip__diff .kgt-diff {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
  font-size: 0.875rem;
}

.kg-takip--review .kgt-diff__row {
  display: grid;
  grid-template-columns: 5.5rem 1fr 1fr;
  gap: 8px 10px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  align-items: center;
}

.kg-takip--review .kgt-diff__row:last-child {
  border-bottom: none;
}

.kg-takip--review .kgt-diff__row dt {
  font-weight: 600;
  color: var(--ink-muted);
  font-size: 0.82rem;
}

.kg-takip--review .kgt-diff__row dd {
  grid-column: 2 / -1;
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin: 0;
  min-width: 0;
}

.kg-takip--review .kgt-diff__row--changed .kgt-diff__old,
.kg-takip--review .kgt-diff__row--changed .kgt-diff__new {
  flex: 1 1 0;
  min-width: 0;
}

.kg-takip--review .kgt-diff__row--changed {
  background: #f0f9ff;
}

.kg-takip--review .kgt-diff__old {
  color: var(--ink-muted);
  text-decoration: line-through;
  font-size: 0.85rem;
  word-break: break-word;
}

.kg-takip--review .kgt-diff__new {
  font-weight: 600;
  color: var(--ink);
  word-break: break-word;
}

.kg-takip--review .kgt-diff__arrow {
  display: none;
}

.modal-footer--kg-onay {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.modal-footer--kg-onay:not(:has(.modal-footer__actions)) {
  justify-content: flex-end;
}

.modal-footer--kg-onay .modal-footer__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

@media (max-width: 480px) {
  .kg-takip--review .kgt-diff__row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .kg-takip--review .kgt-diff__row dd {
    grid-column: 1;
    flex-direction: column;
    gap: 4px;
  }
  .kg-takip--review .kg-takip__context-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

.kg-takip__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.kg-takip__diff .kgt-diff {
  margin: 0;
}

.katalog-urun-detay-fragment__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-bottom: 14px;
  overflow: visible;
  position: relative;
  z-index: 2;
}

.katalog-urun-detay-fragment__actions .detail-topbar__meta .katalog-picker__meta-id-row {
  margin-top: 0;
}

.katalog-urun-detay-fragment__actions .detail-topbar__meta .katalog-picker__meta-id-chip {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: auto;
  min-height: 34px;
  padding: 6px 10px;
  border-radius: var(--radius-md);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  box-sizing: border-box;
  cursor: default;
}

.katalog-urun-detay-fragment__durum {
  display: inline-flex;
  overflow: visible;
}

/* Detay toolbar: durum chip (Onayland? vb.) favori / SKU / barkod ile ayn? boy */
.detail-topbar__actions .katalog-durum-chip,
.katalog-urun-detay-fragment__actions .katalog-durum-chip,
.katalog-urun-detay-fragment__durum .katalog-durum-chip {
  position: relative;
  z-index: 1;
  overflow: visible;
  vertical-align: middle;
}
.detail-topbar__actions .katalog-durum-chip__face,
.katalog-urun-detay-fragment__actions .katalog-durum-chip__face,
.katalog-urun-detay-fragment__durum .katalog-durum-chip__face {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 34px;
  min-height: 34px;
  padding: 6px 12px;
  border-radius: var(--radius-md);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  box-sizing: border-box;
}

/* Toolbar / modal ?st?nde balon a?a?? a??ls?n ? overflow k?rpmas?n */
.detail-topbar__actions .katalog-durum-chip__pop,
.katalog-urun-detay-fragment__actions .katalog-durum-chip__pop,
.katalog-urun-detay-fragment__durum .katalog-durum-chip__pop,
#modalKatalogUrunDetay .katalog-durum-chip__pop {
  top: calc(100% + 10px);
  bottom: auto;
  z-index: 2147483600;
  transform: translateX(-50%) translateY(-4px);
}
.detail-topbar__actions .katalog-durum-chip:hover .katalog-durum-chip__pop,
.detail-topbar__actions .katalog-durum-chip:focus-within .katalog-durum-chip__pop,
.katalog-urun-detay-fragment__actions .katalog-durum-chip:hover .katalog-durum-chip__pop,
.katalog-urun-detay-fragment__actions .katalog-durum-chip:focus-within .katalog-durum-chip__pop,
.katalog-urun-detay-fragment__durum .katalog-durum-chip:hover .katalog-durum-chip__pop,
.katalog-urun-detay-fragment__durum .katalog-durum-chip:focus-within .katalog-durum-chip__pop,
#modalKatalogUrunDetay .katalog-durum-chip:hover .katalog-durum-chip__pop,
#modalKatalogUrunDetay .katalog-durum-chip:focus-within .katalog-durum-chip__pop {
  transform: translateX(-50%) translateY(0);
}
.detail-topbar__actions .katalog-durum-chip__pop::before,
.katalog-urun-detay-fragment__actions .katalog-durum-chip__pop::before,
.katalog-urun-detay-fragment__durum .katalog-durum-chip__pop::before,
#modalKatalogUrunDetay .katalog-durum-chip__pop::before {
  top: auto;
  bottom: 100%;
  border-top-color: transparent;
  border-bottom-color: var(--line-strong);
}
.detail-topbar__actions .katalog-durum-chip__pop::after,
.katalog-urun-detay-fragment__actions .katalog-durum-chip__pop::after,
.katalog-urun-detay-fragment__durum .katalog-durum-chip__pop::after,
#modalKatalogUrunDetay .katalog-durum-chip__pop::after {
  top: auto;
  bottom: calc(100% - 1px);
  border-top-color: transparent;
  border-bottom-color: var(--surface);
}
.detail-topbar__actions .katalog-durum-chip:hover,
.detail-topbar__actions .katalog-durum-chip:focus-within,
.katalog-urun-detay-fragment__actions .katalog-durum-chip:hover,
.katalog-urun-detay-fragment__actions .katalog-durum-chip:focus-within,
.katalog-urun-detay-fragment__durum .katalog-durum-chip:hover,
.katalog-urun-detay-fragment__durum .katalog-durum-chip:focus-within,
#modalKatalogUrunDetay .katalog-durum-chip:hover,
#modalKatalogUrunDetay .katalog-durum-chip:focus-within {
  z-index: 40;
}

.katalog-urun-detay-fragment__actions .btn-with-icon:not(.btn-katalog-guncelleme-icon) > span,
.detail-topbar__actions .btn-katalog-guncelleme-ac > span {
  white-space: nowrap;
}

#modalHsFiyat .modal-dialog {
  width: min(96vw, 1040px);
  max-width: min(96vw, 1040px);
}

#modalHsIlan .modal-header h2,
#modalKatalogTalepAc .modal-header h2,
#modalIlanAc .modal-header h2 {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#modalHsIlan .modal-body,
#modalKatalogTalepAc .modal-body,
#modalIlanAc .modal-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
}

#modalHsIlan .hs-ilan-modal-tabs,
#modalKatalogTalepAc .hs-ilan-modal-tabs,
#modalIlanAc .hs-ilan-modal-tabs,
#modalAdminTopluUrun .hs-ilan-modal-tabs,
#modalHsExcel .hs-ilan-modal-tabs,
#modalKatalogGuncelleme .hs-ilan-modal-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#modalHsIlan .hs-ilan-modal-tab,
#modalKatalogTalepAc .hs-ilan-modal-tab,
#modalIlanAc .hs-ilan-modal-tab,
#modalAdminTopluUrun .hs-ilan-modal-tab,
#modalHsExcel .hs-ilan-modal-tab,
#modalKatalogGuncelleme .hs-ilan-modal-tab {
  appearance: none;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 18px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm);
  background: #fff;
  color: #64748b;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}

#modalHsIlan .hs-ilan-modal-tab:hover:not(.is-active),
#modalKatalogTalepAc .hs-ilan-modal-tab:hover:not(.is-active),
#modalIlanAc .hs-ilan-modal-tab:hover:not(.is-active),
#modalAdminTopluUrun .hs-ilan-modal-tab:hover:not(.is-active),
#modalHsExcel .hs-ilan-modal-tab:hover:not(.is-active),
#modalKatalogGuncelleme .hs-ilan-modal-tab:hover:not(.is-active) {
  color: #334155;
  border-color: #cbd5e1;
  background: #f8fafc;
}

#modalHsIlan .hs-ilan-modal-tab.is-active,
#modalKatalogTalepAc .hs-ilan-modal-tab.is-active,
#modalIlanAc .hs-ilan-modal-tab.is-active,
#modalAdminTopluUrun .hs-ilan-modal-tab.is-active,
#modalHsExcel .hs-ilan-modal-tab.is-active,
#modalKatalogGuncelleme .hs-ilan-modal-tab.is-active {
  color: var(--accent-hover);
  background: var(--accent-soft);
  border-color: var(--accent-border);
  box-shadow: none;
}

#modalHsIlan .hs-ilan-modal-tab.btn-with-icon,
#modalKatalogTalepAc .hs-ilan-modal-tab.btn-with-icon,
#modalIlanAc .hs-ilan-modal-tab.btn-with-icon,
#modalAdminTopluUrun .hs-ilan-modal-tab.btn-with-icon,
#modalHsExcel .hs-ilan-modal-tab.btn-with-icon {
  flex-direction: column;
  gap: 5px;
  min-height: 68px;
  padding: 10px 18px 8px;
}

#modalHsIlan .hs-ilan-modal-tab.btn-with-icon > span,
#modalKatalogTalepAc .hs-ilan-modal-tab.btn-with-icon > span,
#modalIlanAc .hs-ilan-modal-tab.btn-with-icon > span,
#modalAdminTopluUrun .hs-ilan-modal-tab.btn-with-icon > span,
#modalHsExcel .hs-ilan-modal-tab.btn-with-icon > span {
  text-align: center;
  line-height: 1.15;
  white-space: nowrap;
}

#modalHsIlan .hs-ilan-modal-tab.btn-with-icon .ui-icon,
#modalKatalogTalepAc .hs-ilan-modal-tab.btn-with-icon .ui-icon,
#modalIlanAc .hs-ilan-modal-tab.btn-with-icon .ui-icon,
#modalAdminTopluUrun .hs-ilan-modal-tab.btn-with-icon .ui-icon,
#modalHsExcel .hs-ilan-modal-tab.btn-with-icon .ui-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: currentColor;
  opacity: 0.88;
}

#modalHsIlan .hs-ilan-modal-tab.btn-with-icon.is-active .ui-icon,
#modalKatalogTalepAc .hs-ilan-modal-tab.btn-with-icon.is-active .ui-icon,
#modalIlanAc .hs-ilan-modal-tab.btn-with-icon.is-active .ui-icon,
#modalAdminTopluUrun .hs-ilan-modal-tab.btn-with-icon.is-active .ui-icon,
#modalHsExcel .hs-ilan-modal-tab.btn-with-icon.is-active .ui-icon {
  opacity: 1;
}

#modalHsIlan .hs-ilan-modal-tab:focus-visible,
#modalKatalogTalepAc .hs-ilan-modal-tab:focus-visible,
#modalIlanAc .hs-ilan-modal-tab:focus-visible,
#modalAdminTopluUrun .hs-ilan-modal-tab:focus-visible,
#modalHsExcel .hs-ilan-modal-tab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(15, 118, 110, 0.28);
}

.panel-urun-tipi-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
}
.panel-urun-tipi-tabs__tab {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0.35rem 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm);
  background: #fff;
  color: #64748b;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease;
}
.panel-urun-tipi-tabs__tab:hover:not(.is-active) {
  color: #334155;
  border-color: #cbd5e1;
  background: #f8fafc;
}
.panel-urun-tipi-tabs__tab.is-active {
  color: var(--accent-hover);
  background: var(--accent-soft);
  border-color: var(--accent-border);
}
.panel-urun-tipi-tabs__tab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(15, 118, 110, 0.28);
}
.panel-urun-tipi-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
}
/* Kategori pill: ikon ?stte, etiket+say? altta, sabit y?kseklik (hub tile ile hizal?+) */
.panel-urun-tipi-pills .panel-urun-tipi-tabs__tab {
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 7.25rem;
  min-height: 4.75rem;
  height: auto;
  padding: 12px 10px 10px;
  white-space: normal;
  text-align: center;
  line-height: 1.2;
}
.panel-urun-tipi-tabs__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  line-height: 0;
  color: currentColor;
  opacity: 0.72;
}
.panel-urun-tipi-tabs__icon .panel-urun-tipi-choice__svg,
.panel-urun-tipi-tabs__icon .ui-icon,
.panel-urun-tipi-tabs__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.panel-urun-tipi-pills .panel-urun-tipi-tabs__tab:hover:not(.is-active) .panel-urun-tipi-tabs__icon,
.panel-urun-tipi-pills .panel-urun-tipi-tabs__tab.is-active .panel-urun-tipi-tabs__icon {
  opacity: 1;
}
.panel-urun-tipi-tabs__meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
}
.panel-urun-tipi-tabs__label {
  display: block;
  max-width: 100%;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-urun-tipi-pills__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.2rem;
  padding: 0 0.35rem;
  border-radius: var(--radius-sm);
  background: #e2e8f0;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
}
.panel-urun-tipi-pills .panel-urun-tipi-tabs__tab.is-active .panel-urun-tipi-pills__count {
  background: rgba(15, 118, 110, 0.14);
  color: var(--accent-hover, #0f766e);
}
.trade-toolbar--admin-urunler {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}
.trade-toolbar--admin-urunler .trade-toolbar__left {
  flex: 1 1 280px;
  min-width: 0;
}
.trade-toolbar--admin-urunler .trade-toolbar__left--urun-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}
.trade-toolbar--admin-urunler .trade-toolbar__left--urun-search .admin-toolbar-search--paketler {
  flex: 1 1 260px;
  min-width: 0;
}
.trade-toolbar--admin-urunler .trade-toolbar__right {
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
@media (max-width: 720px) {
  .trade-toolbar--admin-urunler .trade-toolbar__right {
    flex-wrap: wrap;
  }
}
.panel-urun-tipi-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  gap: 8px;
}
.panel-urun-tipi-field .panel-urun-tipi-choice {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  width: auto;
  max-width: 100%;
}
.panel-urun-tipi-field .panel-urun-tipi-choice__card {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  flex: 0 0 auto;
  min-height: 88px;
  height: auto;
}
.panel-urun-tipi-field__label {
  display: block;
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.35;
}
.panel-urun-tipi-field .modal-hint {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.5;
  max-width: 34rem;
}
.panel-urun-tipi-choice {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  width: auto;
  max-width: 100%;
}
.panel-urun-tipi-choice__card {
  appearance: none;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  flex: 0 0 auto;
  min-height: 88px;
  padding: 12px 10px 10px;
  border: 1.5px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #fff;
  color: #64748b;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}
.panel-urun-tipi-choice__card:hover:not(.is-active) {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #475569;
}
.panel-urun-tipi-choice__card.is-active {
  border-color: var(--accent-border, #99f6e4);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent-hover, #0f766e);
  box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.08);
}
.panel-urun-tipi-choice__card:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(15, 118, 110, 0.28);
}
.panel-urun-tipi-choice:focus {
  outline: none;
}
.panel-urun-tipi-choice:focus-visible {
  outline: none;
  box-shadow: none;
}
.panel-urun-tipi-choice__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.panel-urun-tipi-choice__svg {
  display: block;
  width: 40px;
  height: 40px;
  color: inherit;
}
.panel-urun-tipi-choice__img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.panel-urun-tipi-choice__ui-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: inherit;
}
.panel-urun-tipi-choice__ui-icon .ui-icon {
  width: 28px;
  height: 28px;
}
.panel-urun-tipi-choice__text {
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  word-break: break-word;
}
.panel-urun-tipi-choice__card:has(.panel-urun-tipi-choice__count) {
  position: relative;
}
.panel-urun-tipi-choice__count {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.3rem;
  height: 1.3rem;
  padding: 0 0.28rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 5px;
  font-size: 0.62rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  color: #475569;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  pointer-events: none;
}
.panel-urun-tipi-choice__card.is-active .panel-urun-tipi-choice__count {
  color: var(--accent-hover, #0f766e);
  border-color: rgba(15, 118, 110, 0.28);
  background: #fff;
}
a.panel-urun-tipi-choice__card {
  text-decoration: none;
  color: inherit;
}
/* Katalog / modal ? ikonlu ?r?n tipi kutular? (ortak kompakt stil) */
.panel-urun-tipi-field--katalog-filter,
.panel-urun-tipi-field--katalog-nav,
#modalHsIlan .panel-urun-tipi-field,
#modalAdminTopluUrun .panel-urun-tipi-field,
#modalHsExcel .panel-urun-tipi-field,
#modalKatalogTalepAc .panel-urun-tipi-field,
#modalIlanAc .panel-urun-tipi-field,
#modalUrunEkle .panel-urun-tipi-field {
  width: auto;
  align-items: flex-start;
}
.panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__card,
.panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__card,
#modalHsIlan .panel-urun-tipi-field .panel-urun-tipi-choice__card,
#modalAdminTopluUrun .panel-urun-tipi-field .panel-urun-tipi-choice__card,
#modalHsExcel .panel-urun-tipi-field .panel-urun-tipi-choice__card,
#modalKatalogTalepAc .panel-urun-tipi-field .panel-urun-tipi-choice__card,
#modalIlanAc .panel-urun-tipi-field .panel-urun-tipi-choice__card,
#modalUrunEkle .panel-urun-tipi-field .panel-urun-tipi-choice__card {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  min-height: 88px;
  height: auto;
  flex: 0 0 auto;
  padding: 8px 8px 6px;
  gap: 6px;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: var(--radius-sm, 4px);
  color: #1a2b3c;
}
.panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__card:hover:not(.is-active),
.panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalHsIlan .panel-urun-tipi-field .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalAdminTopluUrun .panel-urun-tipi-field .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalHsExcel .panel-urun-tipi-field .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalKatalogTalepAc .panel-urun-tipi-field .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalIlanAc .panel-urun-tipi-field .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalUrunEkle .panel-urun-tipi-field .panel-urun-tipi-choice__card:hover:not(.is-active) {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}
.panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__card.is-active,
.panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__card.is-active,
#modalHsIlan .panel-urun-tipi-field .panel-urun-tipi-choice__card.is-active,
#modalHsExcel .panel-urun-tipi-field .panel-urun-tipi-choice__card.is-active,
#modalKatalogTalepAc .panel-urun-tipi-field .panel-urun-tipi-choice__card.is-active,
#modalIlanAc .panel-urun-tipi-field .panel-urun-tipi-choice__card.is-active,
#modalUrunEkle .panel-urun-tipi-field .panel-urun-tipi-choice__card.is-active {
  border-color: #d1ede6;
  background: #f0f9f7;
  color: var(--accent, #0f766e);
  box-shadow: none;
}
.panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__text,
.panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__text,
#modalHsIlan .panel-urun-tipi-field .panel-urun-tipi-choice__text,
#modalAdminTopluUrun .panel-urun-tipi-field .panel-urun-tipi-choice__text,
#modalHsExcel .panel-urun-tipi-field .panel-urun-tipi-choice__text,
#modalKatalogTalepAc .panel-urun-tipi-field .panel-urun-tipi-choice__text,
#modalIlanAc .panel-urun-tipi-field .panel-urun-tipi-choice__text,
#modalUrunEkle .panel-urun-tipi-field .panel-urun-tipi-choice__text {
  font-size: 0.68rem;
  line-height: 1.2;
}
.panel-urun-tipi-field--katalog-filter,
.panel-urun-tipi-field--katalog-nav {
  margin-bottom: 12px;
}
.hs-ilan-katalog-tab .panel-urun-tipi-field--katalog-filter {
  margin-bottom: 10px;
}
.trade-panel > .panel-urun-tipi-field--katalog-nav {
  margin-bottom: 0;
  padding: 14px var(--trade-pad-x) 12px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.88);
}
/* Mobil: ana kategoriler tam geni?lik ?zgara (yatay kayd?rma yok) */
@media (max-width: 720px) {
  body.mode-panel .panel-urun-tipi-field--katalog-nav,
  body.mode-panel .panel-urun-tipi-field--katalog-filter {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  body.mode-panel .panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice,
  body.mode-panel .panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 92px), 1fr));
    align-items: stretch;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    padding: 0;
    margin: 0;
  }
  body.mode-panel .panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__card,
  body.mode-panel .panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__card {
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 78px;
    padding: 8px 6px 6px;
  }
  body.mode-panel .panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__icon,
  body.mode-panel .panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__icon {
    width: 32px;
    height: 32px;
  }
  body.mode-panel .panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__svg,
  body.mode-panel .panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__svg,
  body.mode-panel .panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__img,
  body.mode-panel .panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__img,
  body.mode-panel .panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__ui-icon,
  body.mode-panel .panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__ui-icon {
    width: 32px;
    height: 32px;
  }
  body.mode-panel .panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__text,
  body.mode-panel .panel-urun-tipi-field--katalog-filter .panel-urun-tipi-choice__text {
    font-size: 0.62rem;
    line-height: 1.2;
  }
}
#hsIlanUrunFormWrap,
#ilanUrunFormWrap,
#ktTalepUrunFormWrap,
#urunEkleFormWrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}
#hsIlanUrunFormWrap[hidden],
#ilanUrunFormWrap[hidden],
#ktTalepUrunFormWrap[hidden],
#urunEkleFormWrap[hidden] {
  display: none !important;
}

#modalHsIlan .hs-ilan-modal-tab__badge,
#modalKatalogGuncelleme .hs-ilan-modal-tab__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0 5px;
  border-radius: var(--radius-sm);
  background: #e2e8f0;
  color: #475569;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
}

#modalHsIlan .hs-ilan-modal-tab.is-active .hs-ilan-modal-tab__badge,
#modalKatalogGuncelleme .hs-ilan-modal-tab.is-active .hs-ilan-modal-tab__badge {
  background: rgba(15, 118, 110, 0.18);
  color: var(--accent-hover);
}

@media (max-width: 520px) {
  #modalHsIlan .hs-ilan-modal-tabs,
  #modalKatalogTalepAc .hs-ilan-modal-tabs,
  #modalIlanAc .hs-ilan-modal-tabs,
  #modalAdminTopluUrun .hs-ilan-modal-tabs,
  #modalHsExcel .hs-ilan-modal-tabs,
  #modalKatalogGuncelleme .hs-ilan-modal-tabs {
    gap: 8px;
  }
  #modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs {
    width: 100%;
  }
  #modalKatalogGuncelleme.modal--kg-hub .kg-modal-tabs .hs-ilan-modal-tab.btn-with-icon {
    min-height: 62px;
    padding: 9px 10px 7px;
  }
  #modalHsIlan .hs-ilan-modal-tab,
  #modalKatalogTalepAc .hs-ilan-modal-tab,
  #modalIlanAc .hs-ilan-modal-tab,
  #modalAdminTopluUrun .hs-ilan-modal-tab,
  #modalHsExcel .hs-ilan-modal-tab,
  #modalKatalogGuncelleme .hs-ilan-modal-tab {
    flex: 1 1 auto;
    font-size: 0.74rem;
    padding: 9px 14px;
  }
  #modalHsIlan .hs-ilan-modal-tab.btn-with-icon,
  #modalKatalogTalepAc .hs-ilan-modal-tab.btn-with-icon,
  #modalIlanAc .hs-ilan-modal-tab.btn-with-icon,
  #modalAdminTopluUrun .hs-ilan-modal-tab.btn-with-icon,
  #modalHsExcel .hs-ilan-modal-tab.btn-with-icon {
    min-height: 62px;
    padding: 9px 12px 7px;
  }
}

#modalHsIlan .hs-ilan-modal-panels,
#modalKatalogTalepAc .hs-ilan-modal-panels,
#modalIlanAc .hs-ilan-modal-panels,
#modalAdminTopluUrun .hs-ilan-modal-panels,
#modalHsExcel .hs-ilan-modal-panels {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
}

#modalHsIlan .hs-ilan-modal-panel,
#modalKatalogTalepAc .hs-ilan-modal-panel,
#modalIlanAc .hs-ilan-modal-panel,
#modalAdminTopluUrun .hs-ilan-modal-panel,
#modalHsExcel .hs-ilan-modal-panel {
  min-height: 0;
}

#modalHsIlan .hs-ilan-modal-panel[hidden],
#modalKatalogTalepAc .hs-ilan-modal-panel[hidden],
#modalIlanAc .hs-ilan-modal-panel[hidden],
#modalAdminTopluUrun .hs-ilan-modal-panel[hidden],
#modalHsExcel .hs-ilan-modal-panel[hidden] {
  display: none !important;
}

#modalHsIlan .hs-ilan-katalog-tab__lead,
#modalKatalogTalepAc .hs-ilan-katalog-tab__lead,
#modalIlanAc .hs-ilan-katalog-tab__lead {
  margin-top: 0;
}

#modalHsIlan .hs-ilan-katalog-tab__toolbar,
#modalKatalogTalepAc .hs-ilan-katalog-tab__toolbar,
#modalIlanAc .hs-ilan-katalog-tab__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

#modalHsIlan .hs-ilan-katalog-tab__q,
#modalKatalogTalepAc .hs-ilan-katalog-tab__q,
#modalIlanAc .hs-ilan-katalog-tab__q {
  flex: 1 1 220px;
  min-width: 0;
}

#modalHsIlan .hs-ilan-katalog-tab__cat,
#modalKatalogTalepAc .hs-ilan-katalog-tab__cat,
#modalIlanAc .hs-ilan-katalog-tab__cat {
  flex: 0 1 200px;
  min-width: 140px;
}

#modalHsIlan .table-wrap--hs-modal-katalog,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog,
#modalIlanAc .table-wrap--hs-modal-katalog {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: visible;
}

/* Katalog sekmesi tablosu: tablo i?i scrollbar yok */
#modalHsIlan .hs-ilan-katalog-tab .table-wrap--hs-modal-katalog,
#modalKatalogTalepAc .hs-ilan-katalog-tab .table-wrap--hs-modal-katalog,
#modalIlanAc .hs-ilan-katalog-tab .table-wrap--hs-modal-katalog {
  overflow: visible;
  max-height: none;
}

/* Katalog sekmesi: viewport i?inde, i?erik kadar b?y?r, tek kayd?rma (modal-body) */
#modalHsIlan.is-hs-katalog-tab,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])),
#modalKatalogTalepAc.is-kt-katalog-tab,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])),
#modalIlanAc.is-ilan-katalog-tab,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) {
  align-items: center;
  padding: 12px;
  overflow: hidden;
}

#modalHsIlan.is-hs-katalog-tab .modal-card,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .modal-card,
#modalKatalogTalepAc.is-kt-katalog-tab .modal-card,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .modal-card,
#modalIlanAc.is-ilan-katalog-tab .modal-card,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .modal-card {
  width: 100%;
  height: auto;
  max-height: min(96dvh, calc(100dvh - 24px));
  overflow: hidden;
}

#modalHsIlan.is-hs-katalog-tab .modal-card > .modal-body,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .modal-card > .modal-body,
#modalKatalogTalepAc.is-kt-katalog-tab .modal-card > .modal-body,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .modal-card > .modal-body,
#modalIlanAc.is-ilan-katalog-tab .modal-card > .modal-body,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .modal-card > .modal-body {
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}

#modalHsIlan.is-hs-katalog-tab .modal-body,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .modal-body,
#modalKatalogTalepAc.is-kt-katalog-tab .modal-body,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .modal-body,
#modalIlanAc.is-ilan-katalog-tab .modal-body,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .modal-body {
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 0;
}

#modalHsIlan.is-hs-katalog-tab .hs-ilan-modal-panels,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-ilan-modal-panels,
#modalKatalogTalepAc.is-kt-katalog-tab .hs-ilan-modal-panels,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-ilan-modal-panels,
#modalIlanAc.is-ilan-katalog-tab .hs-ilan-modal-panels,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-ilan-modal-panels {
  flex: 0 0 auto;
  min-height: unset;
  overflow: visible;
}

#modalHsIlan.is-hs-katalog-tab .hs-ilan-modal-panel:not([hidden]),
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-ilan-modal-panel:not([hidden]),
#modalKatalogTalepAc.is-kt-katalog-tab .hs-ilan-modal-panel:not([hidden]),
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-ilan-modal-panel:not([hidden]),
#modalIlanAc.is-ilan-katalog-tab .hs-ilan-modal-panel:not([hidden]),
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-ilan-modal-panel:not([hidden]) {
  display: block;
  flex: 0 0 auto;
  min-height: unset;
  overflow: visible;
}

#modalHsIlan.is-hs-katalog-tab .hs-ilan-katalog-tab,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab,
#modalKatalogTalepAc.is-kt-katalog-tab .hs-ilan-katalog-tab,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab,
#modalIlanAc.is-ilan-katalog-tab .hs-ilan-katalog-tab,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 0 0 auto;
  min-height: unset;
  overflow: visible;
}

#modalHsIlan.is-hs-katalog-tab .hs-ilan-modal-tabs,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-ilan-modal-tabs,
#modalKatalogTalepAc.is-kt-katalog-tab .hs-ilan-modal-tabs,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-ilan-modal-tabs,
#modalIlanAc.is-ilan-katalog-tab .hs-ilan-modal-tabs,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-ilan-modal-tabs,
#modalHsIlan.is-hs-katalog-tab .hs-ilan-katalog-tab__lead,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab__lead,
#modalKatalogTalepAc.is-kt-katalog-tab .hs-ilan-katalog-tab__lead,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab__lead,
#modalIlanAc.is-ilan-katalog-tab .hs-ilan-katalog-tab__lead,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab__lead,
#modalHsIlan.is-hs-katalog-tab .hs-ilan-katalog-tab .panel-urun-tipi-field--katalog-filter,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab .panel-urun-tipi-field--katalog-filter,
#modalKatalogTalepAc.is-kt-katalog-tab .hs-ilan-katalog-tab .panel-urun-tipi-field--katalog-filter,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab .panel-urun-tipi-field--katalog-filter,
#modalIlanAc.is-ilan-katalog-tab .hs-ilan-katalog-tab .panel-urun-tipi-field--katalog-filter,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab .panel-urun-tipi-field--katalog-filter,
#modalHsIlan.is-hs-katalog-tab .hs-ilan-katalog-tab > .hs-urun-form__section--tip,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab > .hs-urun-form__section--tip,
#modalKatalogTalepAc.is-kt-katalog-tab .hs-ilan-katalog-tab > .hs-urun-form__section--tip,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab > .hs-urun-form__section--tip,
#modalIlanAc.is-ilan-katalog-tab .hs-ilan-katalog-tab > .hs-urun-form__section--tip,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab > .hs-urun-form__section--tip,
#modalHsIlan.is-hs-katalog-tab .hs-ilan-katalog-tab__toolbar,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab__toolbar,
#modalKatalogTalepAc.is-kt-katalog-tab .hs-ilan-katalog-tab__toolbar,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab__toolbar,
#modalIlanAc.is-ilan-katalog-tab .hs-ilan-katalog-tab__toolbar,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab__toolbar,
#modalHsIlan.is-hs-katalog-tab .hs-ilan-katalog-tab .trade-pager--client,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab .trade-pager--client,
#modalKatalogTalepAc.is-kt-katalog-tab .hs-ilan-katalog-tab .trade-pager--client,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab .trade-pager--client,
#modalIlanAc.is-ilan-katalog-tab .hs-ilan-katalog-tab .trade-pager--client,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-ilan-katalog-tab .trade-pager--client {
  flex-shrink: 0;
}

#modalHsIlan.is-hs-katalog-tab .table-wrap--hs-modal-katalog,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog,
#modalKatalogTalepAc.is-kt-katalog-tab .table-wrap--hs-modal-katalog,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog,
#modalIlanAc.is-ilan-katalog-tab .table-wrap--hs-modal-katalog,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog {
  flex: 0 0 auto;
  min-height: unset;
  overflow: visible;
  max-height: none;
}

#modalHsIlan.is-hs-katalog-tab .table-wrap--hs-modal-katalog.table-wrap--katalog-durum-pop,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog.table-wrap--katalog-durum-pop,
#modalKatalogTalepAc.is-kt-katalog-tab .table-wrap--hs-modal-katalog.table-wrap--katalog-durum-pop,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog.table-wrap--katalog-durum-pop,
#modalIlanAc.is-ilan-katalog-tab .table-wrap--hs-modal-katalog.table-wrap--katalog-durum-pop,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog.table-wrap--katalog-durum-pop {
  overflow: visible;
}

#modalHsIlan.is-hs-katalog-tab .table-wrap--hs-modal-katalog:has(+ .trade-pager--client),
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog:has(+ .trade-pager--client),
#modalKatalogTalepAc.is-kt-katalog-tab .table-wrap--hs-modal-katalog:has(+ .trade-pager--client),
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog:has(+ .trade-pager--client),
#modalIlanAc.is-ilan-katalog-tab .table-wrap--hs-modal-katalog:has(+ .trade-pager--client),
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog:has(+ .trade-pager--client) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
}

#modalHsIlan .table-wrap--hs-modal-katalog .simple,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .simple,
#modalIlanAc .table-wrap--hs-modal-katalog .simple {
  margin: 0;
  margin-bottom: 0;
  table-layout: fixed;
  width: 100%;
}

/* Katalog sekmesi: uzun metinlerde k?rpma (s?tun geni?li?i tabloya g?re) */
#modalHsIlan .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) .simple tbody td:nth-child(n+2):nth-child(-n+6),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) .simple tbody td:nth-child(n+2):nth-child(-n+6),
#modalIlanAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) .simple tbody td:nth-child(n+2):nth-child(-n+6) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#modalHsIlan .hs-ilan-katalog-tab .trade-pager--client,
#modalKatalogTalepAc .hs-ilan-katalog-tab .trade-pager--client,
#modalIlanAc .hs-ilan-katalog-tab .trade-pager--client {
  position: relative;
  z-index: 3;
  margin-top: 0;
  padding-bottom: 2px;
}

#modalHsIlan .table-wrap--hs-modal-katalog .simple thead th,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .simple thead th,
#modalIlanAc .table-wrap--hs-modal-katalog .simple thead th {
  background: #f8fafc;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

#modalHsIlan .table-wrap--hs-modal-katalog .th-col-filter__label,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .th-col-filter__label,
#modalIlanAc .table-wrap--hs-modal-katalog .th-col-filter__label {
  flex: 0 0 auto;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

#modalHsIlan .table-wrap--hs-modal-katalog .th-col-filter__head,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .th-col-filter__head,
#modalIlanAc .table-wrap--hs-modal-katalog .th-col-filter__head {
  width: auto;
  max-width: none;
  min-width: min-content;
  gap: 4px;
}

#modalHsIlan .table-wrap--hs-modal-katalog button.katalog-th-filter-btn,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog button.katalog-th-filter-btn,
#modalIlanAc .table-wrap--hs-modal-katalog button.katalog-th-filter-btn {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

body.mode-panel #modalHsIlan .table-wrap--hs-modal-katalog table.simple thead th.th-col-filter,
body.mode-panel #modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple thead th.th-col-filter,
body.mode-panel #modalIlanAc .table-wrap--hs-modal-katalog table.simple thead th.th-col-filter {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

#modalHsIlan .table-wrap--hs-modal-katalog .simple thead th:first-child,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .simple thead th:first-child,
#modalIlanAc .table-wrap--hs-modal-katalog .simple thead th:first-child {
  text-align: center;
}

#modalHsIlan .table-wrap--hs-modal-katalog .simple thead th.th-col-filter,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .simple thead th.th-col-filter,
#modalIlanAc .table-wrap--hs-modal-katalog .simple thead th.th-col-filter {
  padding: 8px 6px;
  overflow: visible;
}

#modalHsIlan.is-hs-katalog-tab .table-wrap--hs-modal-katalog .simple,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog .simple,
#modalKatalogTalepAc.is-kt-katalog-tab .table-wrap--hs-modal-katalog .simple,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog .simple,
#modalIlanAc.is-ilan-katalog-tab .table-wrap--hs-modal-katalog .simple,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .table-wrap--hs-modal-katalog .simple {
  min-width: 0;
  width: 100%;
}

/* Katalog sekmesi: s?tun oranlar? ? yatay ta?ma yok, g?rsel dar */
#modalHsIlan .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) table.simple > thead > tr > th:first-child,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) table.simple > thead > tr > th:first-child,
#modalIlanAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) table.simple > thead > tr > th:first-child,
#modalHsIlan .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) table.simple > tbody > tr > td:first-child,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) table.simple > tbody > tr > td:first-child,
#modalIlanAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) table.simple > tbody > tr > td:first-child {
  width: 72px;
  max-width: 72px;
  padding: 8px 6px;
}
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(2),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(2),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(2) {
  width: 9.5rem;
}
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(3),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(3),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(3) {
  width: 6rem;
}
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(4),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(4),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(4) {
  width: 10rem;
}
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(5),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(5),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(5) {
  width: 8rem;
}
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(6),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(6),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(6),
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-child(6),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-child(6),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-child(6) {
  width: 5.75rem;
  white-space: nowrap;
}
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-last-child(3),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-last-child(3),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-last-child(3),
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-last-child(3),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-last-child(3),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-last-child(3) {
  width: 9.5rem;
  white-space: nowrap;
}
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-last-child(2),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-last-child(2),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-last-child(2),
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-last-child(2),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-last-child(2),
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-last-child(2) {
  width: 6.5rem;
  white-space: nowrap;
}
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > thead > tr > th:last-child,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:last-child,
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:last-child,
#modalHsIlan .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:last-child,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:last-child,
#modalIlanAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:last-child {
  width: 15rem;
  white-space: nowrap;
}

/* ?r?n talep a? ? i?lem s?tununda 3 buton */
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:last-child,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:last-child {
  width: 17.5rem;
}

/* Sat?? ilan? / ?r?n talep ? katalog sekmesi: g?zl?k g?rselleri yatay ?er?evede tam oturur */
#modalHsIlan .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) td:has(.img-mini-link),
#modalHsIlan .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) td:has(.img-mini--empty),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) td:has(.img-mini-link),
#modalKatalogTalepAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) td:has(.img-mini--empty),
#modalIlanAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) td:has(.img-mini-link),
#modalIlanAc .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) td:has(.img-mini--empty) {
  width: 1%;
  max-width: 72px;
  white-space: nowrap;
  padding: 8px 6px;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}

#modalHsIlan .table-wrap--hs-modal-katalog .urun-gorsel-table-cell,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .urun-gorsel-table-cell,
#modalIlanAc .table-wrap--hs-modal-katalog .urun-gorsel-table-cell {
  display: inline-block;
  line-height: 0;
}

#modalHsIlan .table-wrap--hs-modal-katalog .img-mini-link,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .img-mini-link,
#modalIlanAc .table-wrap--hs-modal-katalog .img-mini-link {
  display: block;
  width: 56px;
  height: 42px;
  margin-inline: auto;
  line-height: 0;
}

#modalHsIlan .table-wrap--hs-modal-katalog .img-mini,
#modalHsIlan .table-wrap--hs-modal-katalog .img-mini--empty,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .img-mini,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .img-mini--empty,
#modalIlanAc .table-wrap--hs-modal-katalog .img-mini,
#modalIlanAc .table-wrap--hs-modal-katalog .img-mini--empty {
  width: 100%;
  height: 100%;
  display: block;
  margin-inline: auto;
  object-fit: contain;
  object-position: center;
  background: #fff;
}

#modalHsIlan .table-wrap--hs-modal-katalog .img-mini.catalog-card__media-avatar,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .img-mini.catalog-card__media-avatar,
#modalIlanAc .table-wrap--hs-modal-katalog .img-mini.catalog-card__media-avatar {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  padding: 5px 4px;
  object-fit: contain;
}

/* ??? Katalog Se?ici (modal katalog sekmesi) ??? */
#modalHsIlan .hs-katalog-picker,
#modalKatalogTalepAc .hs-katalog-picker,
#modalIlanAc .hs-katalog-picker,
.trade-feed .hs-katalog-picker {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#modalHsIlan .hs-katalog-picker__command,
#modalKatalogTalepAc .hs-katalog-picker__command,
#modalIlanAc .hs-katalog-picker__command,
.trade-feed .hs-katalog-picker__command {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#modalHsIlan .hs-katalog-picker__command--search,
#modalKatalogTalepAc .hs-katalog-picker__command--search,
#modalIlanAc .hs-katalog-picker__command--search {
  gap: 10px;
}

#modalHsIlan .hs-katalog-picker > .hs-urun-form__section--tip,
#modalKatalogTalepAc .hs-katalog-picker > .hs-urun-form__section--tip,
#modalIlanAc .hs-katalog-picker > .hs-urun-form__section--tip {
  margin-bottom: 0;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form {
  margin-bottom: 0;
  width: 100%;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: auto;
  max-width: 100%;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card {
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 30px;
  height: auto;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  gap: 5px;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon {
  width: 16px;
  height: 16px;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg {
  width: 16px;
  height: 16px;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  text-align: left;
}

#modalHsIlan .hs-katalog-picker__row,
#modalKatalogTalepAc .hs-katalog-picker__row,
#modalIlanAc .hs-katalog-picker__row,
.trade-feed .hs-katalog-picker__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

#modalHsIlan .hs-katalog-picker__row--primary,
#modalKatalogTalepAc .hs-katalog-picker__row--primary,
#modalIlanAc .hs-katalog-picker__row--primary,
.trade-feed .hs-katalog-picker__row--primary {
  gap: 12px;
  width: 100%;
}

#modalHsIlan .hs-katalog-picker__row--search,
#modalKatalogTalepAc .hs-katalog-picker__row--search,
#modalIlanAc .hs-katalog-picker__row--search,
.trade-feed .hs-katalog-picker__row--search {
  width: 100%;
}

#modalHsIlan .hs-katalog-picker__row--search .hs-katalog-picker__search-wrap,
#modalKatalogTalepAc .hs-katalog-picker__row--search .hs-katalog-picker__search-wrap,
#modalIlanAc .hs-katalog-picker__row--search .hs-katalog-picker__search-wrap,
.trade-feed .hs-katalog-picker__row--search .hs-katalog-picker__search-wrap {
  flex: 1 1 0;
  min-width: 0;
}

#modalHsIlan .hs-katalog-picker__filter-btn,
#modalKatalogTalepAc .hs-katalog-picker__filter-btn,
#modalIlanAc .hs-katalog-picker__filter-btn {
  flex: 0 0 auto;
  align-self: stretch;
  gap: 6px;
  white-space: nowrap;
}

#modalHsIlan .hs-katalog-picker__filter-btn .hs-katalog-picker__filter-badge,
#modalKatalogTalepAc .hs-katalog-picker__filter-btn .hs-katalog-picker__filter-badge,
#modalIlanAc .hs-katalog-picker__filter-btn .hs-katalog-picker__filter-badge {
  background: rgba(15, 118, 110, 0.14);
  color: #0f766e;
}

body.mode-panel .mp-sidebar.mp-sidebar--over-modal {
  z-index: 2147483100;
  padding: max(16px, env(safe-area-inset-top, 0px))
    max(16px, env(safe-area-inset-right, 0px))
    max(16px, env(safe-area-inset-bottom, 0px))
    max(16px, env(safe-area-inset-left, 0px));
}

body.mode-panel .mp-sidebar.mp-sidebar--over-modal.is-open {
  z-index: 2147483200;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Modal ?st? filtre: sol drawer yerine ortalanm?? dialog */
body.mode-panel .mp-sidebar.mp-sidebar--over-modal .mp-sidebar__panel {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  width: min(560px, 100%);
  height: auto;
  max-height: min(85dvh, 720px);
  border: 1px solid var(--mkt-line);
  border-right: 1px solid var(--mkt-line);
  border-radius: 16px;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0 24px 64px rgba(12, 18, 34, 0.22);
  transform: translateY(12px) scale(0.98);
  opacity: 0;
  transition:
    transform 0.22s ease,
    opacity 0.22s ease;
}

body.mode-panel .mp-sidebar.mp-sidebar--over-modal.is-open .mp-sidebar__panel {
  transform: translateY(0) scale(1);
  opacity: 1;
}

body.mode-panel .mp-sidebar.mp-sidebar--over-modal .mp-sidebar__head {
  border-radius: 16px 16px 0 0;
}

body.mode-panel .mp-sidebar.mp-sidebar--over-modal .mp-sidebar__foot {
  border-radius: 0 0 16px 16px;
}

#modalHsIlan .hs-katalog-picker__search-wrap,
#modalKatalogTalepAc .hs-katalog-picker__search-wrap,
#modalIlanAc .hs-katalog-picker__search-wrap,
.trade-feed .hs-katalog-picker__search-wrap {
  position: relative;
  flex: 1 1 280px;
  min-width: min(100%, 220px);
}

#modalHsIlan .hs-katalog-picker__search-icon,
#modalKatalogTalepAc .hs-katalog-picker__search-icon,
#modalIlanAc .hs-katalog-picker__search-icon,
.trade-feed .hs-katalog-picker__search-icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
  line-height: 0;
}

#modalHsIlan .hs-katalog-picker__search-icon .ui-icon,
#modalKatalogTalepAc .hs-katalog-picker__search-icon .ui-icon,
#modalIlanAc .hs-katalog-picker__search-icon .ui-icon,
.trade-feed .hs-katalog-picker__search-icon .ui-icon {
  width: 16px;
  height: 16px;
}

#modalHsIlan .hs-katalog-picker__q,
#modalKatalogTalepAc .hs-katalog-picker__q,
#modalIlanAc .hs-katalog-picker__q,
#modalHsIlan .hs-katalog-picker__search-wrap .hs-ilan-katalog-tab__q,
#modalKatalogTalepAc .hs-katalog-picker__search-wrap .hs-ilan-katalog-tab__q,
#modalIlanAc .hs-katalog-picker__search-wrap .hs-ilan-katalog-tab__q,
.trade-feed .hs-katalog-picker__search-wrap .hs-ilan-katalog-tab__q {
  width: 100%;
  min-height: 40px;
  padding: 10px 14px 10px 38px;
  border-radius: var(--radius-modal-field);
  border-color: #dbe3ee;
  background: #fff;
}

#modalHsIlan .hs-katalog-picker__filters,
#modalKatalogTalepAc .hs-katalog-picker__filters,
#modalIlanAc .hs-katalog-picker__filters,
.trade-feed .hs-katalog-picker__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding-top: 2px;
}

#modalHsIlan .hs-katalog-picker .katalog-picker__filter,
#modalKatalogTalepAc .hs-katalog-picker .katalog-picker__filter,
#modalIlanAc .hs-katalog-picker .katalog-picker__filter,
.trade-feed .hs-katalog-picker .katalog-picker__filter {
  position: relative;
  flex: 0 0 auto;
}

#modalHsIlan .hs-katalog-picker button.katalog-picker__filter-btn,
#modalKatalogTalepAc .hs-katalog-picker button.katalog-picker__filter-btn,
#modalIlanAc .hs-katalog-picker button.katalog-picker__filter-btn,
.trade-feed .hs-katalog-picker button.katalog-picker__filter-btn,
.trade-feed .hs-katalog-picker a.katalog-picker__filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  height: auto;
  min-height: 34px;
  padding: 0 12px;
  margin: 0;
  border: 1px solid #dbe3ee;
  border-radius: var(--radius-sm);
  background: #fff;
  color: #475569;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

#modalHsIlan .hs-katalog-picker button.katalog-picker__filter-btn.is-active,
#modalKatalogTalepAc .hs-katalog-picker button.katalog-picker__filter-btn.is-active,
#modalIlanAc .hs-katalog-picker button.katalog-picker__filter-btn.is-active,
#modalHsIlan .hs-katalog-picker button.katalog-picker__filter-btn[aria-expanded="true"],
#modalKatalogTalepAc .hs-katalog-picker button.katalog-picker__filter-btn[aria-expanded="true"],
#modalIlanAc .hs-katalog-picker button.katalog-picker__filter-btn[aria-expanded="true"],
.trade-feed .hs-katalog-picker button.katalog-picker__filter-btn.is-active,
.trade-feed .hs-katalog-picker button.katalog-picker__filter-btn[aria-expanded="true"],
.trade-feed .hs-katalog-picker a.katalog-picker__filter-btn.is-active {
  border-color: rgba(15, 118, 110, 0.42);
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
}

.trade-feed .hs-katalog-picker a.katalog-picker__filter-btn {
  text-decoration: none;
}

#modalHsIlan .hs-katalog-picker button.katalog-picker__filter-btn .ui-icon,
#modalKatalogTalepAc .hs-katalog-picker button.katalog-picker__filter-btn .ui-icon,
#modalIlanAc .hs-katalog-picker button.katalog-picker__filter-btn .ui-icon,
#modalHsIlan .hs-katalog-picker a.katalog-picker__filter-btn .ui-icon,
#modalKatalogTalepAc .hs-katalog-picker a.katalog-picker__filter-btn .ui-icon,
#modalIlanAc .hs-katalog-picker a.katalog-picker__filter-btn .ui-icon,
.trade-feed .hs-katalog-picker button.katalog-picker__filter-btn .ui-icon,
.trade-feed .hs-katalog-picker a.katalog-picker__filter-btn .ui-icon {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  opacity: 0.72;
}

#modalHsIlan .hs-katalog-picker .katalog-picker__filter-label,
#modalKatalogTalepAc .hs-katalog-picker .katalog-picker__filter-label,
#modalIlanAc .hs-katalog-picker .katalog-picker__filter-label,
.trade-feed .hs-katalog-picker .katalog-picker__filter-label {
  max-width: none;
}

body.mode-panel .mp-sidebar .katalog-picker__filter--askida-nav {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

body.mode-panel .mp-sidebar .katalog-picker__filter--askida-nav .mp-filter-section__body {
  padding: 0 0 14px;
}

body.mode-panel .mp-sidebar a.katalog-picker__filter-btn--askida {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #fff;
  color: #475569;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease;
}

body.mode-panel .mp-sidebar a.katalog-picker__filter-btn--askida:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
  text-decoration: none;
}

body.mode-panel .mp-sidebar a.katalog-picker__filter-btn--askida.is-active {
  border-color: rgba(15, 118, 110, 0.4);
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
}

body.mode-panel .mp-sidebar a.katalog-picker__filter-btn--askida .mp-filter-check__box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1.5px solid #cbd5e1;
  border-radius: 4px;
  background: #fff;
  color: #64748b;
}

body.mode-panel .mp-sidebar a.katalog-picker__filter-btn--askida .mp-filter-check__box .ui-icon {
  width: 12px;
  height: 12px;
}

body.mode-panel .mp-sidebar a.katalog-picker__filter-btn--askida.is-active .mp-filter-check__box {
  border-color: #0f766e;
  background: #0f766e;
  color: #fff;
}

body.mode-panel .mp-sidebar a.katalog-picker__filter-btn--askida .katalog-picker__filter-label,
body.mode-panel .mp-sidebar a.katalog-picker__filter-btn--askida .mp-filter-check__label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  line-height: 1.25;
  color: inherit;
  text-decoration: none;
}

body.mode-panel .mp-sidebar .katalog-picker__askida-count {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: #0f766e;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
}

/* ??? Katalog picker ? tek Filtre butonu + modal ??? */
.hs-katalog-picker__filters .katalog-picker__filter--askida-nav {
  margin-left: auto;
}

.hs-katalog-picker__command--filters-only {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.katalog-picker__filter-btn--main {
  position: relative;
}

.katalog-picker__filter-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #0f766e;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
}

#modalHsIlan .hs-katalog-picker .katalog-picker__filter .katalog-th-col-filter__panel,
#modalKatalogTalepAc .hs-katalog-picker .katalog-picker__filter .katalog-th-col-filter__panel,
#modalIlanAc .hs-katalog-picker .katalog-picker__filter .katalog-th-col-filter__panel,
.trade-feed .hs-katalog-picker .katalog-picker__filter .katalog-th-col-filter__panel {
  left: 0;
  right: auto;
  min-width: 15rem;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker,
.trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker {
  margin-bottom: 0;
  flex: 1 1 100%;
  min-width: 0;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker:not(.panel-urun-tipi-field--urun-form) .panel-urun-tipi-choice,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker:not(.panel-urun-tipi-field--urun-form) .panel-urun-tipi-choice,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker:not(.panel-urun-tipi-field--urun-form) .panel-urun-tipi-choice,
.trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker:not(.panel-urun-tipi-field--urun-form) .panel-urun-tipi-choice {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  gap: 8px;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker:not(.panel-urun-tipi-field--urun-form) .panel-urun-tipi-choice__card,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker:not(.panel-urun-tipi-field--urun-form) .panel-urun-tipi-choice__card,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker:not(.panel-urun-tipi-field--urun-form) .panel-urun-tipi-choice__card,
.trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker:not(.panel-urun-tipi-field--urun-form) .panel-urun-tipi-choice__card {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 68px;
  height: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  gap: 4px;
  border-radius: var(--radius-sm);
  border-color: #dbe3ee;
  background: #fff;
  color: #475569;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card.is-active,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card.is-active,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card.is-active,
.trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card.is-active {
  border-color: rgba(15, 118, 110, 0.45);
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__icon,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__icon,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__icon,
.trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__svg,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__svg,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__svg,
.trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__svg {
  width: 18px;
  height: 18px;
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__text,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__text,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__text,
.trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__text {
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
}

@media (max-width: 900px) {
  #modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice,
  #modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice,
  #modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice,
  .trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice {
    flex-wrap: wrap;
  }

  #modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card,
  #modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card,
  #modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card,
  .trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card {
    flex: 1 1 calc(25% - 6px);
    min-width: calc(25% - 6px);
  }
}

@media (max-width: 520px) {
  #modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card,
  #modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card,
  #modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card,
  .trade-feed .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card {
    flex: 1 1 calc(50% - 4px);
    min-width: calc(50% - 4px);
  }
}

#modalHsIlan .table-wrap--katalog-picker,
#modalKatalogTalepAc .table-wrap--katalog-picker,
#modalIlanAc .table-wrap--katalog-picker,
.trade-feed .table-wrap--katalog-picker {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  background: #fff;
  overflow: visible;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-table,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-table,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-table,
.trade-feed .table-wrap--katalog-picker .katalog-picker-table {
  table-layout: auto;
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-table__head--sr,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-table__head--sr,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-table__head--sr,
.trade-feed .table-wrap--katalog-picker .katalog-picker-table__head--sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row td,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row td,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row td,
.trade-feed .table-wrap--katalog-picker .katalog-picker-row td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(241, 245, 249, 0.95);
  vertical-align: middle;
  width: auto;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row:last-child td,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row:last-child td,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row:last-child td,
.trade-feed .table-wrap--katalog-picker .katalog-picker-row:last-child td {
  border-bottom: none;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row:hover td,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row:hover td,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row:hover td,
.trade-feed .table-wrap--katalog-picker .katalog-picker-row:hover td {
  background: inherit;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row:focus-visible td,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row:focus-visible td,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row:focus-visible td,
.trade-feed .table-wrap--katalog-picker .katalog-picker-row:focus-visible td {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: -2px;
}

#modalHsIlan .table-wrap--katalog-picker td.katalog-picker__cell--img,
#modalKatalogTalepAc .table-wrap--katalog-picker td.katalog-picker__cell--img,
#modalIlanAc .table-wrap--katalog-picker td.katalog-picker__cell--img,
.trade-feed .table-wrap--katalog-picker td.katalog-picker__cell--img {
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
}

#modalHsIlan .table-wrap--katalog-picker td.katalog-picker__cell--img,
#modalKatalogTalepAc .table-wrap--katalog-picker td.katalog-picker__cell--img,
#modalIlanAc .table-wrap--katalog-picker td.katalog-picker__cell--img {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}

#modalHsIlan .table-wrap--katalog-picker td.katalog-picker__cell--img .urun-gorsel-table-cell,
#modalKatalogTalepAc .table-wrap--katalog-picker td.katalog-picker__cell--img .urun-gorsel-table-cell,
#modalIlanAc .table-wrap--katalog-picker td.katalog-picker__cell--img .urun-gorsel-table-cell,
.trade-feed .table-wrap--katalog-picker td.katalog-picker__cell--img .urun-gorsel-table-cell {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}

#modalHsIlan .table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini-link,
#modalKatalogTalepAc .table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini-link,
#modalIlanAc .table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini-link,
.trade-feed .table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini-link {
  display: block;
  margin-inline: auto;
  line-height: 0;
}

#modalHsIlan .table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini-link,
#modalKatalogTalepAc .table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini-link,
#modalIlanAc .table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini-link {
  width: 56px;
  height: 42px;
  min-height: 42px;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__cell--product,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__cell--product,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__cell--product,
.trade-feed .table-wrap--katalog-picker .katalog-picker__cell--product {
  width: 100%;
  min-width: 12rem;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__cell--aside,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__cell--aside,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__cell--aside,
.trade-feed .table-wrap--katalog-picker .katalog-picker__cell--aside {
  width: 1%;
  min-width: 9.5rem;
  white-space: normal;
  padding-left: 8px;
  overflow: visible;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__aside,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__aside,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__aside,
.trade-feed .table-wrap--katalog-picker .katalog-picker__aside {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  overflow: visible;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row:has(.katalog-durum-chip:hover),
#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row:has(.katalog-durum-chip:focus-within),
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row:has(.katalog-durum-chip:hover),
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row:has(.katalog-durum-chip:focus-within),
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row:has(.katalog-durum-chip:hover),
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row:has(.katalog-durum-chip:focus-within),
.trade-feed .table-wrap--katalog-picker .katalog-picker-row:has(.katalog-durum-chip:hover),
.trade-feed .table-wrap--katalog-picker .katalog-picker-row:has(.katalog-durum-chip:focus-within) {
  position: relative;
  z-index: 25;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  overflow: visible;
  position: relative;
  z-index: 1;
}

/* Katalog yan panel durum chip ? aksiyon butonlar?yla ayn? y?kseklik / tam geni?lik */
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip {
  display: flex;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__face,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__face,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__face,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__face {
  width: 100%;
  min-height: 34px;
  height: 34px;
  justify-content: center;
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  font-size: 0.72rem;
  font-weight: 700;
  box-sizing: border-box;
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop {
  top: calc(100% + 8px);
  bottom: auto;
  z-index: 2147483600;
  transform: translateX(-50%) translateY(-4px);
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:hover .katalog-durum-chip__pop,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:focus-within .katalog-durum-chip__pop,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:hover .katalog-durum-chip__pop,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:focus-within .katalog-durum-chip__pop,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:hover .katalog-durum-chip__pop,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:focus-within .katalog-durum-chip__pop,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:hover .katalog-durum-chip__pop,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:focus-within .katalog-durum-chip__pop {
  transform: translateX(-50%) translateY(0);
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop::before,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop::before,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop::before,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop::before {
  top: auto;
  bottom: 100%;
  border-top-color: transparent;
  border-bottom-color: var(--line-strong);
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop::after,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop::after,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop::after,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip__pop::after {
  top: auto;
  bottom: calc(100% - 1px);
  border-top-color: transparent;
  border-bottom-color: var(--surface);
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:hover,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:focus-within,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:hover,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:focus-within,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:hover,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:focus-within,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:hover,
.trade-feed .table-wrap--katalog-picker .katalog-picker__badges .katalog-durum-chip:focus-within {
  z-index: 40;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions,
.trade-feed .table-wrap--katalog-picker .katalog-picker__actions {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  min-width: 0;
  gap: 6px;
  align-items: stretch;
}

#modalHsIlan .table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions,
#modalKatalogTalepAc .table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions,
#modalIlanAc .table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions {
  display: grid !important;
  flex-wrap: unset;
}

#modalHsIlan .table-wrap--katalog-picker .hs-katalog-actions__row,
#modalKatalogTalepAc .table-wrap--katalog-picker .hs-katalog-actions__row,
#modalIlanAc .table-wrap--katalog-picker .hs-katalog-actions__row,
#modalHsIlan .table-wrap--katalog-picker .hs-katalog-actions__secondary,
#modalKatalogTalepAc .table-wrap--katalog-picker .hs-katalog-actions__secondary,
#modalIlanAc .table-wrap--katalog-picker .hs-katalog-actions__secondary {
  display: contents;
}

#modalHsIlan .table-wrap--katalog-picker .hs-katalog-actions__row--secondary:empty,
#modalKatalogTalepAc .table-wrap--katalog-picker .hs-katalog-actions__row--secondary:empty,
#modalIlanAc .table-wrap--katalog-picker .hs-katalog-actions__row--secondary:empty {
  display: none;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn),
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn),
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn),
.trade-feed .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 48px;
  flex: none;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.15;
  gap: 4px;
  white-space: normal;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}

#modalHsIlan .table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions .btn.btn-with-icon,
#modalKatalogTalepAc .table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions .btn.btn-with-icon,
#modalIlanAc .table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions .btn.btn-with-icon,
#modalHsIlan .table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions a.btn.btn-with-icon,
#modalKatalogTalepAc .table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions a.btn.btn-with-icon,
#modalIlanAc .table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions a.btn.btn-with-icon {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: none !important;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions .btn-yetki-belgesi,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions .btn-yetki-belgesi,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions .btn-yetki-belgesi {
  min-height: 48px;
  padding: 6px 8px;
  border-width: 1px;
  box-shadow: none;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions .btn-ghost,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions .btn-ghost,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions .btn-ghost {
  border: 1px solid transparent;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions > :is(.badge, .katalog-durum-chip, .muted, .hs-ilan-bekleyen-badge),
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions > :is(.badge, .katalog-durum-chip, .muted, .hs-ilan-bekleyen-badge),
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions > :is(.badge, .katalog-durum-chip, .muted, .hs-ilan-bekleyen-badge) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  text-align: center;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .ui-icon,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .ui-icon,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .ui-icon,
.trade-feed .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .ui-icon {
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 auto;
  margin: 0;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > :is(span, .hs-katalog-actions__label),
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > :is(span, .hs-katalog-actions__label),
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > :is(span, .hs-katalog-actions__label),
.trade-feed .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > :is(span, .hs-katalog-actions__label) {
  flex: 0 0 auto;
  min-width: 0;
  text-align: center;
  line-height: 1.2;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .trade-feed-tabs__badge,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .trade-feed-tabs__badge,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .trade-feed-tabs__badge,
.trade-feed .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .trade-feed-tabs__badge {
  position: absolute;
  top: 4px;
  right: 4px;
  margin: 0;
  min-width: 1.1rem;
  padding: 0 5px;
  font-size: 0.62rem;
}

/* Benim Taleplerim: Teklifleri G?r + Adet D?zenle yan yana; ?lana Git alt sat?rda */
.trade-feed .table-wrap--katalog-picker .hs-katalog-actions--talep-benim .hs-katalog-actions__row--primary {
  flex-wrap: wrap;
}

.trade-feed .table-wrap--katalog-picker .hs-katalog-actions--talep-benim .hs-katalog-actions__row--primary > :is(.btn, a.btn) {
  flex: 1 1 calc(50% - 3px);
}

.trade-feed .table-wrap--katalog-picker .hs-katalog-actions--talep-benim .hs-katalog-actions__row--primary > :only-child,
.trade-feed .table-wrap--katalog-picker .hs-katalog-actions--talep-benim .hs-katalog-actions__row--secondary > :only-child {
  flex: 1 1 100%;
  width: 100%;
}

/* Teklif Verilenler: Fiyat G?ncelle + Detay yan yana; tek buton tam geni?lik */
.trade-feed .table-wrap--katalog-picker .hs-katalog-actions--teklif-verilen .hs-katalog-actions__row--primary > :only-child {
  flex: 1 1 100%;
  width: 100%;
}

/* Katalog listesi: 2x2 i?lem butonu */
.trade-feed .table-wrap--katalog-picker .katalog-picker__actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.trade-feed .table-wrap--katalog-picker .hs-katalog-actions__row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

/* Tek buton kalan sat?r tam geni?lik */
.trade-feed .table-wrap--katalog-picker .hs-katalog-actions__row > :only-child {
  flex: 1 1 100%;
  width: 100%;
}

.trade-feed .table-wrap--katalog-picker .hs-katalog-actions__row--secondary:empty {
  display: none;
}

.trade-feed .table-wrap--katalog-picker .hs-katalog-actions__row > :is(.badge, .katalog-durum-chip, .muted, .hs-ilan-bekleyen-badge) {
  flex: 1 1 100%;
  width: 100%;
}

.trade-feed .table-wrap--katalog-picker .hs-katalog-actions__row--primary > :is(.btn, a.btn),
.trade-feed .table-wrap--katalog-picker .hs-katalog-actions__row--secondary > :is(.btn, a.btn),
.trade-feed .table-wrap--katalog-picker .hs-katalog-actions__row--secondary > .inline-form {
  flex: 1 1 calc(50% - 3px);
  min-width: 0;
}

.trade-feed .table-wrap--katalog-picker .hs-katalog-actions__row--primary > :only-child,
.trade-feed .table-wrap--katalog-picker .hs-katalog-actions__row--secondary > :only-child {
  flex: 1 1 100%;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) {
  flex: none;
  width: 100%;
  min-width: 0;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__actions .catalog-card__favori-chip {
  flex: none;
  width: 100%;
  min-width: 0;
  min-height: 34px;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker td.katalog-picker__cell--img {
  width: 112px;
  max-width: 112px;
  min-width: 112px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.trade-feed .table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini-link {
  width: 88px;
  height: 66px;
  min-height: 66px;
}

.trade-feed .table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini,
.trade-feed .table-wrap--katalog-picker .katalog-picker__cell--img .img-mini--empty,
.trade-feed .table-wrap--katalog-picker .katalog-picker__cell--img .img-mini.catalog-card__media-avatar {
  box-sizing: border-box;
  width: 88px;
  height: 66px;
  min-width: 88px;
  min-height: 66px;
  max-width: 88px;
  max-height: 66px;
  padding: 4px;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: var(--radius-sm);
  border: 1px solid #e5e7eb;
  background: #fff;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__cell--img .img-mini--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker .katalog-picker__cell--img .urun-gorsel-table-cell,
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker .katalog-picker__cell--img .img-mini-link,
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker .katalog-picker__cell--img .img-mini,
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker .katalog-picker__cell--img .img-mini--empty,
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker .katalog-picker__cell--img .img-mini.catalog-card__media-avatar {
  width: 88px;
  height: 66px;
  min-width: 88px;
  min-height: 66px;
  max-width: 88px;
  max-height: 66px;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini-link {
  min-height: 66px;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker td.katalog-picker__cell--img .img-mini.catalog-card__media-avatar {
  padding: 4px;
  object-fit: contain;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker td.katalog-picker__cell--img:has(.img-mini-link),
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker td.katalog-picker__cell--img:has(.img-mini--empty) {
  width: 112px;
  max-width: 112px;
  min-width: 112px;
}

/* G?rsel + ?r?n bilgileri tek h?cre ? kutu sa? i?erik kadar y?ksek */
#modalHsIlan .table-wrap--katalog-picker .katalog-picker-product-cell,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-product-cell,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-product-cell,
.trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell {
  display: flex;
  align-items: stretch;
  gap: 14px;
  min-width: 0;
  width: 100%;
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker-product-cell__img,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-product-cell__img,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-product-cell__img,
.trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell__img {
  flex: 0 0 88px;
  width: 88px;
  min-width: 88px;
  max-width: 88px;
  align-self: stretch;
  display: flex;
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker-product-cell__body,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-product-cell__body,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-product-cell__body,
.trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell__body {
  flex: 1 1 auto;
  min-width: 0;
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker-product-cell__img .urun-gorsel-table-cell,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .urun-gorsel-table-cell,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .urun-gorsel-table-cell,
.trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell__img .urun-gorsel-table-cell,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini-link,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini-link,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini-link,
.trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini-link {
  display: flex !important;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 66px !important;
  max-width: none !important;
  max-height: none !important;
  line-height: 0;
  box-sizing: border-box;
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini,
.trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini--empty,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini--empty,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini--empty,
.trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini--empty,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini.catalog-card__media-avatar,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini.catalog-card__media-avatar,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini.catalog-card__media-avatar,
.trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini.catalog-card__media-avatar {
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 66px !important;
  max-width: none !important;
  max-height: none !important;
  padding: 6px;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: var(--radius-sm);
  border: 1px solid #e5e7eb;
  background: #fff;
}
.trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell__img .img-mini--empty {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
/* Birle?ik ?r?n h?cresi ? eski g?rsel s?tun daraltmas?n? iptal */
body.mode-panel .table-wrap--katalog-picker td.katalog-picker__cell--product:has(.katalog-picker-product-cell),
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker td.katalog-picker__cell--product:has(.katalog-picker-product-cell),
body.mode-panel .table-wrap--hs-ilanlarim td.katalog-picker__cell--product:has(.katalog-picker-product-cell),
body.mode-panel .table-wrap--hs-talep td.katalog-picker__cell--product:has(.katalog-picker-product-cell),
body.mode-panel .table-wrap--hs-browse td.katalog-picker__cell--product:has(.katalog-picker-product-cell),
#modalHsIlan .table-wrap--katalog-picker td.katalog-picker__cell--product:has(.katalog-picker-product-cell),
#modalKatalogTalepAc .table-wrap--katalog-picker td.katalog-picker__cell--product:has(.katalog-picker-product-cell),
#modalIlanAc .table-wrap--katalog-picker td.katalog-picker__cell--product:has(.katalog-picker-product-cell) {
  width: auto !important;
  max-width: none !important;
  min-width: 12rem;
  white-space: normal !important;
  text-align: left;
  vertical-align: middle;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__cell--aside {
  min-width: 13.5rem;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__product,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__product,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__product,
.trade-feed .table-wrap--katalog-picker .katalog-picker__product {
  min-width: 0;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__sr-only,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__sr-only,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__sr-only,
.trade-feed .table-wrap--katalog-picker .katalog-picker__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__title,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__title,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__title,
.trade-feed .table-wrap--katalog-picker .katalog-picker__title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.35;
  margin-bottom: 8px;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__product > .katalog-picker__meta-id-row,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__product > .katalog-picker__meta-id-row,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__product > .katalog-picker__meta-id-row,
.trade-feed .table-wrap--katalog-picker .katalog-picker__product > .katalog-picker__meta-id-row {
  margin-bottom: 10px;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__detail-grid,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__detail-grid,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__detail-grid,
.trade-feed .table-wrap--katalog-picker .katalog-picker__detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__detail-box,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__detail-box,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__detail-box,
.trade-feed .table-wrap--katalog-picker .katalog-picker__detail-box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  min-width: 0;
  min-height: 46px;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__detail-box-label,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__detail-box-label,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__detail-box-label,
.trade-feed .table-wrap--katalog-picker .katalog-picker__detail-box-label {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9aa5b1;
  line-height: 1.2;
  text-align: left;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__detail-box-value,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__detail-box-value,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__detail-box-value,
.trade-feed .table-wrap--katalog-picker .katalog-picker__detail-box-value {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #1e293b;
  line-height: 1.3;
  word-break: break-word;
  min-width: 0;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__detail-box--mono .katalog-picker__detail-box-value,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__detail-box--mono .katalog-picker__detail-box-value,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__detail-box--mono .katalog-picker__detail-box-value,
.trade-feed .table-wrap--katalog-picker .katalog-picker__detail-box--mono .katalog-picker__detail-box-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

@media (max-width: 720px) {
  #modalHsIlan .table-wrap--katalog-picker .katalog-picker__detail-grid,
  #modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__detail-grid,
  #modalIlanAc .table-wrap--katalog-picker .katalog-picker__detail-grid,
  .trade-feed .table-wrap--katalog-picker .katalog-picker__detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__cell--pazar,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__cell--pazar,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__cell--pazar,
.trade-feed .table-wrap--katalog-picker .katalog-picker__cell--pazar {
  width: 1%;
  min-width: 9.5rem;
  max-width: 12rem;
  vertical-align: middle;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar,
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
  text-align: center;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac,
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac {
  display: inline-flex;
  max-width: 100%;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac__btn,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac__btn,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac__btn,
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac__btn {
  width: auto;
  height: auto;
  min-height: 30px;
  padding: 0.3rem 0.75rem;
  border-radius: var(--radius-sm);
  font-size: 0.78rem;
  font-weight: 700;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar-count,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar-count,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar-count,
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar-count {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0.3rem 0.75rem;
  border-radius: var(--radius-sm);
  border: 1px dashed #cbd5e1;
  background: #f8fafc;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar-hint,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar-hint,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar-hint,
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar-hint {
  font-size: 0.74rem;
  color: #94a3b8;
  line-height: 1.35;
  text-align: center;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar--empty .katalog-picker__pazar-hint,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar--empty .katalog-picker__pazar-hint,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar--empty .katalog-picker__pazar-hint,
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--empty .katalog-picker__pazar-hint {
  color: #94a3b8;
}

/* ?r?n talep a? ? kenar k?vr?m? ?st men? kutular? ile uyumlu (hap de?il) */
#modalHsIlan .modal-card,
#modalAdminTopluUrun .modal-card,
#modalHsExcel .modal-card,
#modalHsFiyat .modal-card,
#modalIlanAc .modal-card,
#modalKatalogTalepAc .modal-card,
#modalUrunEkle .modal-card,
#modalKatalogGuncelleme .modal-card {
  border-radius: var(--radius-lg);
}

#modalHsIlan .hs-ilan-modal-tab,
#modalAdminTopluUrun .hs-ilan-modal-tab,
#modalHsExcel .hs-ilan-modal-tab,
#modalIlanAc .hs-ilan-modal-tab,
#modalKatalogTalepAc .hs-ilan-modal-tab,
#modalKatalogGuncelleme .hs-ilan-modal-tab {
  border-radius: var(--radius-sm);
}

#modalHsIlan .hs-katalog-picker__command,
#modalIlanAc .hs-katalog-picker__command,
#modalKatalogTalepAc .hs-katalog-picker__command {
  border-radius: 0;
}

#modalHsIlan .hs-katalog-picker__q,
#modalKatalogTalepAc .hs-katalog-picker__q,
#modalIlanAc .hs-katalog-picker__q,
#modalHsIlan .hs-katalog-picker__search-wrap .hs-ilan-katalog-tab__q,
#modalKatalogTalepAc .hs-katalog-picker__search-wrap .hs-ilan-katalog-tab__q,
#modalIlanAc .hs-katalog-picker__search-wrap .hs-ilan-katalog-tab__q,
#modalHsIlan .hs-ilan-katalog-tab__q,
#modalKatalogTalepAc .hs-ilan-katalog-tab__q,
#modalIlanAc .hs-ilan-katalog-tab__q,
#modalHsIlan .hs-ilan-katalog-tab__cat,
#modalKatalogTalepAc .hs-ilan-katalog-tab__cat,
#modalIlanAc .hs-ilan-katalog-tab__cat,
#modalHsIlan :is(.input, select.input, textarea.input),
#modalAdminTopluUrun :is(.input, select.input, textarea.input),
#modalHsExcel :is(.input, select.input, textarea.input),
#modalHsFiyat :is(.input, select.input, textarea.input),
#modalIlanAc :is(.input, select.input, textarea.input),
#modalKatalogTalepAc :is(.input, select.input, textarea.input),
#modalUrunEkle :is(.input, select.input, textarea.input),
#modalKatalogGuncelleme :is(.input, select.input, textarea.input) {
  border-radius: var(--radius-modal-field);
}

#modalHsIlan .hs-katalog-picker button.katalog-picker__filter-btn,
#modalIlanAc .hs-katalog-picker button.katalog-picker__filter-btn,
#modalKatalogTalepAc .hs-katalog-picker button.katalog-picker__filter-btn {
  border-radius: var(--radius-sm);
}

#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card,
#modalHsIlan .panel-urun-tipi-tabs__tab,
#modalIlanAc .panel-urun-tipi-tabs__tab,
#modalKatalogTalepAc .panel-urun-tipi-tabs__tab,
#modalHsIlan .panel-urun-tipi-field .panel-urun-tipi-choice__card,
#modalIlanAc .panel-urun-tipi-field .panel-urun-tipi-choice__card,
#modalKatalogTalepAc .panel-urun-tipi-field .panel-urun-tipi-choice__card,
#modalUrunEkle .panel-urun-tipi-field .panel-urun-tipi-choice__card,
#modalHsIlan .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalIlanAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card {
  border-radius: var(--radius-sm);
}

#modalHsIlan .hs-urun-form__section,
#modalIlanAc .hs-urun-form__section,
#modalKatalogTalepAc .hs-urun-form__section {
  border-radius: var(--radius-md);
}

#modalHsIlan .hs-urun-form__section .marka-combo__list,
#modalIlanAc .hs-urun-form__section .marka-combo__list,
#modalKatalogTalepAc .hs-urun-form__section .marka-combo__list {
  border-radius: var(--radius-md);
}

#modalHsIlan .hs-urun-form__callout,
#modalIlanAc .hs-urun-form__callout,
#modalKatalogTalepAc .hs-urun-form__callout,
#modalHsIlan .hs-urun-form__section--trade .modal-hs-fiyat__section,
#modalIlanAc .hs-urun-form__section--trade .modal-hs-fiyat__section,
#modalKatalogTalepAc .hs-urun-form__section--trade .modal-hs-fiyat__section {
  border-radius: var(--radius-md);
}

#modalHsIlan .table-wrap--katalog-picker,
#modalKatalogTalepAc .table-wrap--katalog-picker,
#modalIlanAc .table-wrap--katalog-picker,
#modalHsIlan .table-wrap--hs-modal-katalog,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog,
#modalIlanAc .table-wrap--hs-modal-katalog {
  border-radius: var(--radius-md);
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn),
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn),
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn),
#modalHsIlan .modal-footer .btn,
#modalAdminTopluUrun .modal-footer .btn,
#modalHsExcel .modal-footer .btn,
#modalHsFiyat .modal-footer .btn,
#modalIlanAc .modal-footer .btn,
#modalKatalogTalepAc .modal-footer .btn,
#modalUrunEkle .modal-footer .btn,
#modalKatalogGuncelleme .modal-footer .btn {
  border-radius: var(--radius-sm);
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac__btn,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac__btn,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac__btn,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar-count,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar-count,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar-count {
  border-radius: var(--radius-sm);
}

#modalHsIlan .table-wrap--katalog-picker .katalog-durum-chip__face,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-durum-chip__face,
#modalIlanAc .table-wrap--katalog-picker .katalog-durum-chip__face,
#modalHsIlan .table-wrap--hs-modal-katalog .katalog-durum-chip__face,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog .katalog-durum-chip__face,
#modalIlanAc .table-wrap--hs-modal-katalog .katalog-durum-chip__face {
  border-radius: var(--radius-sm);
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .trade-feed-tabs__badge,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .trade-feed-tabs__badge,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .trade-feed-tabs__badge {
  border-radius: var(--radius-sm);
}

#modalHsIlan button.katalog-th-filter-btn,
#modalIlanAc button.katalog-th-filter-btn,
#modalKatalogTalepAc button.katalog-th-filter-btn {
  border-radius: var(--radius-sm);
}

#modalHsIlan .katalog-th-col-filter__panel,
#modalKatalogTalepAc .katalog-th-col-filter__panel,
#modalIlanAc .katalog-th-col-filter__panel,
#modalHsIlan .katalog-durum-filter__panel,
#modalKatalogTalepAc .katalog-durum-filter__panel,
#modalIlanAc .katalog-durum-filter__panel {
  border-radius: var(--radius-md);
}

/* Modal katalog listesi ? kutulu sat?rlar (trade-feed ile ayn? aral?k) */
#modalHsIlan .hs-katalog-picker,
#modalKatalogTalepAc .hs-katalog-picker,
#modalIlanAc .hs-katalog-picker {
  gap: 14px;
}

#modalHsIlan .table-wrap.table-wrap--katalog-picker,
#modalKatalogTalepAc .table-wrap.table-wrap--katalog-picker,
#modalIlanAc .table-wrap.table-wrap--katalog-picker {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-table,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-table,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-table {
  border-collapse: separate;
  border-spacing: 0 14px;
  background: transparent;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row td,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row td,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row td {
  border-bottom: none !important;
  background: var(--surface);
  vertical-align: top;
  border-top: 1px solid rgba(226, 232, 240, 0.95);
  border-bottom: 1px solid rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row td:last-child,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row td:last-child,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row td:last-child {
  border-right: 1px solid rgba(226, 232, 240, 0.95);
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row:last-child td,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row:last-child td,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row:last-child td {
  border-bottom: 1px solid rgba(226, 232, 240, 0.95) !important;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row:hover td,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row:hover td,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row:hover td {
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__cell--product,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__cell--product,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__cell--product,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__cell--pazar,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__cell--pazar,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__cell--pazar,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__cell--aside,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__cell--aside,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__cell--aside {
  border-left: 1px solid rgba(226, 232, 240, 0.95) !important;
  padding-left: 14px;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row td:first-child,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row td:first-child,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row td:first-child {
  border-left: 1px solid rgba(226, 232, 240, 0.95);
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker-row .katalog-picker__cell--img,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker-row .katalog-picker__cell--img,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker-row .katalog-picker__cell--img {
  vertical-align: middle;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__cell--aside,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__cell--aside,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__cell--aside {
  padding-right: 12px;
}

/* Ma?aza paneli ? wrap--trade kenar k?vr?m? ?st men? ile uyumlu (hap de?il) */
body.mode-panel .wrap--trade .trade-feed-tabs__badge {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .hs-katalog-picker__command {
  border-radius: 0;
}

body.mode-panel .wrap--trade .hs-katalog-picker__search-wrap .hs-ilan-katalog-tab__q,
body.mode-panel .wrap--trade .hs-katalog-picker__q {
  border-radius: var(--radius-modal-field);
}

body.mode-panel .wrap--trade .hs-katalog-picker button.katalog-picker__filter-btn {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .hs-katalog-picker .panel-urun-tipi-field--katalog-picker .panel-urun-tipi-choice__card {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .hs-katalog-picker .katalog-picker__filter .katalog-th-col-filter__panel {
  border-radius: var(--radius-md);
}

body.mode-panel .wrap--trade .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker-row td:first-child,
body.mode-panel .wrap--trade .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker-row td:last-child {
  border-radius: 0;
}

body.mode-panel .wrap--trade .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .table-wrap--katalog-picker .katalog-picker__actions :is(.btn, a.btn) > .trade-feed-tabs__badge {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .table-wrap--katalog-picker .katalog-picker__pazar .pazar-sayac__btn,
body.mode-panel .wrap--trade .table-wrap--katalog-picker .katalog-picker__pazar-count {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .table-wrap--katalog-picker .katalog-durum-chip__face {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .table-wrap--panel-katalog table.simple .badge:not(.hs-ilan-bekleyen-badge),
body.mode-panel .wrap--trade .table-wrap--panel-katalog table.simple .katalog-durum-chip__face {
  border-radius: var(--radius-sm) !important;
}

body.mode-panel .wrap--trade .hs-katalog-picker .trade-pager--client.trade-pager--numbered {
  border-radius: var(--radius-md);
}

body.mode-panel .wrap--trade .trade-pager__per {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .trade-toolbar__q {
  border-radius: var(--radius-modal-field);
}

body.mode-panel .wrap--trade button.katalog-th-filter-btn {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .katalog-th-col-filter__panel,
body.mode-panel .wrap--trade .katalog-durum-filter__panel {
  border-radius: var(--radius-md);
}

/* Panel katalog ? sol-alt FAB + drawer filtre (pazaryeri mp-sidebar ile ayn?) */
body.mode-panel {
  --mp-text-xs: 0.6875rem;
  --mp-text-sm: 0.8125rem;
  --mp-text-md: 0.875rem;
  --mp-fw-nav: 500;
  --mp-fw-nav-active: 600;
  --mp-fw-body: 400;
  --mp-ls-catnav: 0.02em;
  --mp-radius: 4px;
  --mkt-line: #e8ecf2;
  --mkt-ink: #0c1222;
  --mkt-muted: #5b6478;
}

body.mode-panel .wrap--trade .trade-feed:has(.mp-filter-fab) {
  padding-bottom: 72px;
}

body.mode-panel.mp-sidebar-open {
  overflow: hidden;
}

body.mode-panel .mp-sidebar {
  position: fixed;
  inset: 0;
  z-index: 120;
  top: 0;
  min-width: 0;
  pointer-events: none;
  visibility: hidden;
}

body.mode-panel .mp-sidebar.is-open {
  z-index: 1400;
  pointer-events: auto;
  visibility: visible;
}

body.mode-panel .mp-sidebar__backdrop {
  display: block;
  position: absolute;
  inset: 0;
  background: rgba(12, 18, 34, 0.45);
  opacity: 0;
  transition: opacity 0.24s ease;
}

body.mode-panel .mp-sidebar.is-open .mp-sidebar__backdrop {
  opacity: 1;
}

body.mode-panel .mp-sidebar__panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(520px, 94vw);
  height: 100%;
  height: 100dvh;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
  padding: 0;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  border: none;
  border-right: 1px solid var(--mkt-line);
  border-radius: 0;
  overflow: hidden;
  transform: translateX(-100%);
  transition: transform 0.24s ease;
  box-shadow: 8px 0 32px rgba(12, 18, 34, 0.12);
  background: #fff;
}

body.mode-panel .mp-sidebar.is-open .mp-sidebar__panel {
  transform: translateX(0);
}

body.mode-panel .mp-sidebar__close {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: var(--mp-radius);
  background: transparent;
  color: var(--mkt-ink);
  cursor: pointer;
}

body.mode-panel .mp-sidebar__close:hover {
  background: #f1f5f9;
}

body.mode-panel .mp-sidebar__close .ui-icon {
  width: 18px;
  height: 18px;
}

body.mode-panel .mp-sidebar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  margin: 0;
  padding: 16px 16px 14px;
  border-bottom: 1px solid var(--mkt-line);
  background: #fff;
}

body.mode-panel .mp-sidebar__title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body.mode-panel .mp-sidebar__title-icon {
  flex-shrink: 0;
  color: var(--mkt-ink);
}

body.mode-panel .mp-sidebar__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

body.mode-panel .mp-sidebar__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--mkt-ink);
  line-height: 1.3;
}

body.mode-panel .mp-sidebar__clear {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  color: var(--accent, #0f766e);
  cursor: pointer;
  white-space: nowrap;
}

body.mode-panel .mp-sidebar__clear:hover {
  color: #334155;
}

body.mode-panel .mp-sidebar__form {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
  -webkit-overflow-scrolling: touch;
}

body.mode-panel .mp-sidebar__hint {
  margin: 4px 0 12px;
  padding: 0 2px;
  font-size: 0.875rem;
  line-height: 1.45;
}

body.mode-panel .mp-sidebar__foot {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-shrink: 0;
  padding: 12px 20px;
  border-top: 1px solid var(--mkt-line);
  background: #f8fafc;
}

body.mode-panel .mp-sidebar__foot-clear {
  flex: 0 0 auto;
  min-width: 108px;
  padding: 11px 14px;
  border: 1px solid var(--mkt-line);
  border-radius: var(--mp-radius);
  background: #fff;
  color: #64748b;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  cursor: pointer;
  white-space: nowrap;
}

body.mode-panel .mp-sidebar__foot-clear:hover {
  background: #f1f5f9;
  color: #334155;
}

body.mode-panel .mp-sidebar__foot-clear[hidden] {
  display: none;
}

body.mode-panel .mp-sidebar__foot-apply {
  flex: 1 1 auto;
  min-width: 0;
  padding: 11px 16px;
  border: none;
  border-radius: var(--mp-radius);
  background: var(--accent, #0f766e);
  color: #fff;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.mode-panel .mp-sidebar__foot-apply:hover {
  background: var(--accent-hover, #0d9488);
}

body.mode-panel .mp-filter-section {
  border-bottom: 1px solid var(--mkt-line);
}

body.mode-panel .mp-filter-section:last-child {
  border-bottom: none;
}

body.mode-panel .mp-filter-section__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 14px 0;
  border: none;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

body.mode-panel .mp-filter-section__toggle:focus-visible {
  outline: 2px solid rgba(15, 118, 110, 0.45);
  outline-offset: 2px;
  border-radius: var(--mp-radius);
}

body.mode-panel .mp-filter-section__head {
  padding: 10px 0 6px;
}

body.mode-panel .mp-filter-section__title {
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: none;
  color: var(--mkt-ink);
}

body.mode-panel .mp-filter-section__chevron {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: #64748b;
}

body.mode-panel .mp-filter-section__chevron .ui-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}

body.mode-panel .mp-filter-section.is-collapsed .mp-filter-section__chevron .ui-icon {
  transform: rotate(180deg);
}

body.mode-panel .mp-filter-section.is-collapsed .mp-filter-section__body {
  display: none;
}

body.mode-panel .mp-filter-section.is-active .mp-filter-section__title {
  color: var(--accent, #0f766e);
}

body.mode-panel .mp-filter-section__body {
  max-height: none;
  overflow: visible;
  padding: 0 0 14px;
}

body.mode-panel .mp-filter-section__body::-webkit-scrollbar {
  width: 5px;
}

body.mode-panel .mp-filter-section__body::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 999px;
}

body.mode-panel .mp-filter-checklist-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.mode-panel .mp-filter-checklist__search,
body.mode-panel .mp-sidebar__input {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 10px;
  border-radius: var(--mp-radius);
  border: 1px solid var(--mkt-line);
  background: #fff;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-body);
  color: var(--mkt-ink);
}

body.mode-panel .mp-filter-checklist__search:focus,
body.mode-panel .mp-sidebar__input:focus {
  outline: none;
  border-color: rgba(15, 118, 110, 0.45);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

body.mode-panel .mp-filter-checklist__search::placeholder,
body.mode-panel .mp-sidebar__input::placeholder {
  color: #94a3b8;
}

body.mode-panel .mp-filter-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.mode-panel .mp-sidebar .mp-filter-checklist.katalog-th-col-filter__list:not(.katalog-th-col-filter__list--menu) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}

/* ?l?? filtreleri (Ekartman / Burun / Sap) ? pazaryeri gibi yan yana ak?? */
body.mode-panel .mp-sidebar .mp-filter-checklist.katalog-th-col-filter__list.mp-filter-checklist--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  grid-template-columns: none;
}

body.mode-panel .mp-sidebar .mp-filter-checklist.katalog-th-col-filter__list--menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}

body.mode-panel .mp-sidebar .mp-filter-checklist.katalog-th-col-filter__list:not(.katalog-th-col-filter__list--menu) .mp-filter-checklist__item {
  width: 100%;
  max-width: none;
}

body.mode-panel .mp-sidebar .mp-filter-checklist.katalog-th-col-filter__list.mp-filter-checklist--inline .mp-filter-checklist__item {
  width: auto;
  max-width: none;
  flex: 0 0 auto;
}

body.mode-panel .mp-sidebar .mp-filter-checklist.katalog-th-col-filter__list:not(.katalog-th-col-filter__list--menu) .mp-filter-check {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 40px;
  box-sizing: border-box;
}

body.mode-panel .mp-sidebar .mp-filter-checklist.katalog-th-col-filter__list.mp-filter-checklist--inline .mp-filter-check {
  width: auto;
}

body.mode-panel .mp-sidebar .mp-filter-check__icon {
  flex-shrink: 0;
  width: 28px;
  height: 18px;
  object-fit: contain;
}

body.mode-panel .mp-sidebar .mp-filter-check__ui-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #64748b;
}

body.mode-panel .mp-sidebar .mp-filter-check__ui-icon .ui-icon,
body.mode-panel .mp-sidebar .mp-filter-check__ui-icon svg {
  width: 18px;
  height: 18px;
}

body.mode-panel .mp-sidebar .mp-filter-check:has(.katalog-th-col-filter__check:checked) .mp-filter-check__ui-icon {
  color: var(--accent, #0f766e);
}

body.mode-panel .mp-sidebar .mp-filter-check__swatch {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 0;
  border-radius: 999px;
  border: 1px solid rgba(12, 18, 34, 0.2);
  background-color: var(--mp-filter-swatch, #ccc);
  background-image: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.38) 0%,
    rgba(255, 255, 255, 0.06) 40%,
    transparent 55%,
    rgba(0, 0, 0, 0.14) 100%
  );
  box-shadow:
    0 1px 2px rgba(12, 18, 34, 0.14),
    inset 0 1px 1px rgba(255, 255, 255, 0.55),
    inset 0 -1.5px 2px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.22);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

body.mode-panel .mp-sidebar .mp-filter-check__swatch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  width: 42%;
  height: 34%;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.75) 0%,
    rgba(255, 255, 255, 0.15) 100%
  );
  pointer-events: none;
}

body.mode-panel .mp-sidebar .mp-filter-check:hover .mp-filter-check__swatch {
  transform: scale(1.08);
  box-shadow:
    0 2px 4px rgba(12, 18, 34, 0.16),
    inset 0 1px 1px rgba(255, 255, 255, 0.6),
    inset 0 -1.5px 2px rgba(0, 0, 0, 0.2),
    inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

body.mode-panel .mp-sidebar .mp-filter-check__swatch--mirror {
  background-color: #a8adb4;
  background-image:
    linear-gradient(
      135deg,
      #f8fafc 0%,
      #c5cad1 22%,
      #f1f5f9 42%,
      #7c8490 58%,
      #e5e7eb 78%,
      #9ca3af 100%
    ),
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.5) 0%,
      transparent 50%,
      rgba(0, 0, 0, 0.1) 100%
    );
  border-color: rgba(12, 18, 34, 0.28);
}

body.mode-panel .mp-sidebar .mp-filter-check__swatch--gradient {
  background-color: #64748b;
  background-image: linear-gradient(
    145deg,
    #0f172a 0%,
    #334155 28%,
    #94a3b8 55%,
    #e2e8f0 78%,
    #f8fafc 100%
  );
}

body.mode-panel .mp-sidebar .mp-filter-check__swatch--clear {
  background-color: #e8edf2;
  background-image:
    linear-gradient(
      135deg,
      transparent 43%,
      rgba(12, 18, 34, 0.32) 47%,
      rgba(12, 18, 34, 0.32) 53%,
      transparent 57%
    ),
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.65) 0%,
      rgba(255, 255, 255, 0.2) 40%,
      transparent 58%,
      rgba(0, 0, 0, 0.06) 100%
    ),
    linear-gradient(
      180deg,
      #f8fafc 0%,
      var(--mp-filter-swatch, #e8edf2) 100%
    );
  border-color: rgba(12, 18, 34, 0.24);
}

body.mode-panel .mp-sidebar .mp-filter-check__swatch--filter {
  background-color: #38bdf8;
  background-image:
    radial-gradient(
      circle at 30% 28%,
      rgba(255, 255, 255, 0.55) 0%,
      transparent 45%
    ),
    linear-gradient(145deg, #e0f2fe 0%, #38bdf8 45%, #0284c7 100%);
  border-color: rgba(2, 132, 199, 0.4);
}

body.mode-panel .mp-sidebar .mp-filter-check__swatch--multi {
  background-color: #a855f7;
  background-image: conic-gradient(
    from 20deg,
    #ef4444,
    #f97316,
    #eab308,
    #22c55e,
    #3b82f6,
    #a855f7,
    #ef4444
  );
  border-color: rgba(12, 18, 34, 0.22);
}

body.mode-panel .mp-sidebar .mp-filter-check__swatch--fallback {
  background-color: #9ca3af;
  background-image:
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.35) 0%,
      transparent 55%
    ),
    repeating-linear-gradient(
      -45deg,
      #e5e7eb 0 3px,
      #9ca3af 3px 6px
    );
  border-color: rgba(12, 18, 34, 0.24);
}

body.mode-panel .mp-sidebar .mp-filter-checklist__item {
  display: block;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

body.mode-panel .mp-filter-checklist--scroll {
  max-height: min(36vh, 260px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  -webkit-overflow-scrolling: touch;
}

body.mode-panel .mp-filter-checklist--scroll::-webkit-scrollbar {
  width: 5px;
}

body.mode-panel .mp-filter-checklist--scroll::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 999px;
}

body.mode-panel .mp-filter-checklist__item[hidden] {
  display: none;
}

body.mode-panel .mp-filter-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  cursor: pointer;
}

body.mode-panel .mp-filter-check__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.mode-panel .mp-filter-check__box {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  margin-top: 2px;
  border: 1px solid #d1d9e6;
  border-radius: var(--mp-radius);
  background: #fff;
  position: relative;
  transition: border-color 0.15s ease, background 0.15s ease;
}

body.mode-panel .mp-filter-check__input:checked + .mp-filter-check__box {
  border-color: var(--accent, #0f766e);
  background: var(--accent, #0f766e);
}

body.mode-panel .mp-filter-check__input:checked + .mp-filter-check__box::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

body.mode-panel .mp-filter-check__input:focus-visible + .mp-filter-check__box {
  outline: 2px solid rgba(15, 118, 110, 0.45);
  outline-offset: 2px;
}

body.mode-panel .mp-filter-check__label {
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-body);
  line-height: 1.4;
  color: var(--mkt-ink);
  word-break: break-word;
}

body.mode-panel .mp-filter-check:hover .mp-filter-check__label {
  color: #334155;
}

/* Drawer filtre ? ikonlu pill / chip stili */
body.mode-panel .mp-sidebar .mp-filter-check.katalog-th-col-filter__label {
  align-items: center;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  padding: 6px 10px;
  font-weight: var(--mp-fw-nav);
  color: #475569;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #fff;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease;
}

body.mode-panel .mp-sidebar .mp-filter-check.katalog-th-col-filter__label:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}

body.mode-panel .mp-sidebar .mp-filter-check.katalog-th-col-filter__label:has(.katalog-th-col-filter__check:checked) {
  border-color: rgba(15, 118, 110, 0.4);
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
}

body.mode-panel .mp-sidebar .mp-filter-check.katalog-th-col-filter__label .mp-filter-check__box {
  margin-top: 0;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__name {
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  line-height: 1.25;
  color: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.mode-panel .mp-sidebar .mp-filter-check .katalog-th-col-filter__check,
body.mode-panel .mp-sidebar .mp-filter-check .mp-filter-check__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  accent-color: transparent;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__panel--drawer {
  position: static;
  display: contents;
  min-width: 0;
  max-width: none;
  max-height: none;
  overflow: visible;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__actions--menu {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  padding: 0;
  border: none;
  background: transparent;
}

body.mode-panel .mp-sidebar .panel-filter-drawer-menu__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid var(--mkt-line);
  border-radius: var(--mp-radius);
  background: #fff;
  color: var(--mkt-ink);
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav);
  cursor: pointer;
}

body.mode-panel .mp-sidebar .panel-filter-drawer-menu__back:hover {
  background: #f8fafc;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__list--menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__list--menu > .katalog-th-col-filter__item {
  min-width: 0;
  width: 100%;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__list--menu .mp-filter-check,
body.mode-panel .mp-sidebar .katalog-th-col-filter__list--menu .katalog-th-col-filter__label {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 40px;
  box-sizing: border-box;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__row.panel-filter-drawer-menu__row {
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__row .mp-filter-check {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

body.mode-panel .mp-sidebar .panel-filter-drawer-menu__drill[hidden],
body.mode-panel .mp-sidebar .panel-filter-drawer-menu__drill {
  display: none !important;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__item--empty .katalog-th-col-filter__empty {
  display: block;
  padding: 8px 2px;
  font-size: var(--mp-text-sm);
  color: var(--mkt-muted);
}

body.mode-panel .mp-filter-fab {
  position: fixed;
  left: 20px;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  z-index: 1310;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 18px 0 14px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(145deg, #0f766e 0%, #14b8a6 100%);
  color: #fff;
  font: inherit;
  font-size: var(--mp-text-sm);
  font-weight: var(--mp-fw-nav-active);
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(15, 118, 110, 0.22);
  transition: box-shadow 0.15s ease, opacity 0.15s ease;
}

body.mode-panel .mp-filter-fab .ui-icon {
  width: 18px;
  height: 18px;
  --ui-icon-color: #fff;
}

body.mode-panel .mp-filter-fab:hover {
  box-shadow: 0 3px 12px rgba(15, 118, 110, 0.28);
}

body.mode-panel .mp-filter-fab:active {
  opacity: 0.92;
}

body.mode-panel .mp-filter-fab__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
}

body.mode-panel.mp-sidebar-open .mp-filter-fab {
  opacity: 0;
  pointer-events: none;
}

body.mode-panel [hidden] .mp-filter-fab {
  display: none !important;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__panel--menu .katalog-th-col-filter__q {
  margin-bottom: 8px;
}

body.mode-panel .mp-sidebar .katalog-th-col-filter__panel--menu .panel-filter-drawer-menu__nav {
  margin-bottom: 8px;
}

body.mode-panel .wrap--trade .panel-urun-tipi-field--katalog-nav .panel-urun-tipi-choice__card,
body.mode-panel .wrap--trade .panel-urun-tipi-pills .panel-urun-tipi-tabs__tab {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .panel-urun-tipi-pills__count {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .pazar-sayac__btn {
  border-radius: var(--radius-sm);
}

body.mode-panel .wrap--trade .trade-cat-multi__btn {
  border-radius: var(--radius-sm);
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--ilan {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 6.5rem;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar-price {
  color: #0f766e;
  font-weight: 700;
  text-decoration: none;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar-price:hover {
  color: #0f766e;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__detail-grid--tail {
  margin-top: 8px;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif),
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif),
.trade-feed .table-wrap--hs-talep .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif),
.trade-feed .table-wrap--hs-askida .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif) {
  /* DURUM: "ONAY BEKL?YOR" tek sat?rda kals?n */
  min-width: 14.5rem;
  max-width: 19rem;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif {
  align-items: stretch;
  width: 100%;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-trade-grid,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-trade-grid,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-trade-grid,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-trade-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* Sabit 2 sat?r zorlama: ADET/TUTAR gibi tek sat?rda 2 kutu varken bo? sat?r s?k??t?r?p ?st ?ste bindiriyordu */
  grid-template-rows: none;
  grid-auto-rows: minmax(4.5rem, auto);
  gap: 8px;
  width: 100%;
  min-width: 0;
  align-items: stretch;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  gap: 4px;
  min-width: 0;
  min-height: 4.5rem;
  height: 100%;
  padding: 6px 8px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md, 8px);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-label,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-label,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-label,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-label {
  display: block;
  margin-bottom: 0;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1.2;
  text-align: center;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  text-align: center;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 34px;
  max-width: 100%;
}
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-no-line,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-no-line,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-no-line,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-no-line {
  flex: 0 1 auto;
  min-width: 0;
  min-height: 34px;
  align-self: center;
  box-sizing: border-box;
}
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-profil-btn,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-profil-btn,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-profil-btn,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-profil-btn {
  flex: 0 0 auto;
  margin-left: auto;
  min-width: 0;
  min-height: 34px;
  align-self: center;
  box-sizing: border-box;
}
/* Dar ALICI kutusunda numara + Pazaryeri yan yana s??s?n */
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-profil-btn--static,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-profil-btn--static,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-profil-btn--static,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-profil-btn--static {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
}
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-no-line__no,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-no-line__no,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-no-line__no,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value .uye-no-row .uye-no-line__no {
  display: inline-flex;
  align-items: center;
  padding: 5px 7px;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar-party-block,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar-party-block,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar-party-block,
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar-party-value,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar-party-value,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value,
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__pazar-party-value .uye-no-line,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__pazar-party-value .uye-no-line,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__pazar-party-value .uye-no-line,
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar-party-value .uye-no-line,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar-party-value .uye-no-line,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar-party-value .uye-no-line,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar-party-value .uye-no-line {
  overflow: visible;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-status,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-status,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-status,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-status {
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  min-height: 34px;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__badges--pzb {
  width: 100%;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__badges--pzb .btn.btn-pzb-ilan {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  padding-inline: 10px;
  background: #fff;
  border-color: var(--line);
  color: #334155;
  font-weight: 600;
  box-shadow: none;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__badges--pzb .btn.btn-pzb-ilan:hover:not(:disabled) {
  background: #f8fafc;
  border-color: var(--line-strong);
  color: #1e293b;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__badges--pzb .btn.btn-pzb-ilan--on {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__badges--pzb .btn.btn-pzb-ilan--on:hover:not(:disabled) {
  background: #dcfce7;
  border-color: #86efac;
  color: #14532d;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__badges--pzb .btn.btn-pzb-ilan--idle {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__badges--pzb .btn.btn-pzb-ilan--idle:hover:not(:disabled) {
  background: #fef3c7;
  border-color: #fcd34d;
  color: #78350f;
}

.trade-feed .table-wrap--katalog-picker .hs-ilan-cell-edit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0 8px;
  min-height: 34px;
  box-sizing: border-box;
  font: inherit;
  font-weight: 600;
  font-size: 0.88rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: var(--radius-md, 8px);
  box-shadow: inset 0 1px 2px rgba(180, 83, 9, 0.06);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.trade-feed .table-wrap--katalog-picker .hs-ilan-cell-edit--stok {
  min-width: 4.25rem;
  justify-content: center;
}

.trade-feed .table-wrap--katalog-picker .hs-ilan-cell-edit--fiyat {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  justify-content: center;
}

.trade-feed .table-wrap--katalog-picker .hs-ilan-cell-edit__val {
  min-width: 0;
  white-space: nowrap;
}

.trade-feed .table-wrap--katalog-picker .hs-ilan-cell-edit:hover {
  background: #fef3c7;
  border-color: #f59e0b;
  color: #78350f;
}

.trade-feed .table-wrap--katalog-picker .hs-ilan-cell-edit:focus-visible {
  outline: none;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
}

.trade-feed .table-wrap--katalog-picker .hs-ilan-cell-edit:active:not(:disabled) {
  transform: translateY(1px);
}

#modalHsIlan .hs-katalog-picker .hs-ilan-katalog-tab__toolbar,
#modalKatalogTalepAc .hs-katalog-picker .hs-ilan-katalog-tab__toolbar,
#modalIlanAc .hs-katalog-picker .hs-ilan-katalog-tab__toolbar,
.trade-feed .hs-katalog-picker .hs-ilan-katalog-tab__toolbar {
  display: none;
}

#modalHsIlan.is-hs-katalog-tab .hs-katalog-picker__command,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-katalog-picker__command,
#modalKatalogTalepAc.is-kt-katalog-tab .hs-katalog-picker__command,
#modalKatalogTalepAc:has([data-kt-talep-panel="katalog"]:not([hidden])) .hs-katalog-picker__command,
#modalIlanAc.is-ilan-katalog-tab .hs-katalog-picker__command,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-katalog-picker__command {
  flex-shrink: 0;
}

body.mode-panel #modalHsIlan .table-wrap--katalog-picker table.simple > thead > tr > th,
body.mode-panel #modalKatalogTalepAc .table-wrap--katalog-picker table.simple > thead > tr > th,
body.mode-panel #modalIlanAc .table-wrap--katalog-picker table.simple > thead > tr > th,
body.mode-panel #modalHsIlan .table-wrap--katalog-picker table.simple > tbody > tr > td,
body.mode-panel #modalKatalogTalepAc .table-wrap--katalog-picker table.simple > tbody > tr > td,
body.mode-panel #modalIlanAc .table-wrap--katalog-picker table.simple > tbody > tr > td {
  width: auto;
  min-width: 0;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

/* ??? ?r?n Bilgileri sekmesi (modal) ? katalog picker ile ayn? dil ??? */
#modalHsIlan .hs-ilan-urun-tab,
#modalKatalogTalepAc .hs-ilan-urun-tab,
#modalIlanAc .hs-ilan-urun-tab {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#modalHsIlan .hs-ilan-urun-tab__lead,
#modalKatalogTalepAc .hs-ilan-urun-tab__lead,
#modalIlanAc .hs-ilan-urun-tab__lead {
  margin: 0 0 2px;
}

#modalHsIlan .hs-urun-form__section,
#modalKatalogTalepAc .hs-urun-form__section,
#modalIlanAc .hs-urun-form__section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 4px 0 14px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#modalHsIlan .hs-urun-form__section[hidden],
#modalKatalogTalepAc .hs-urun-form__section[hidden],
#modalIlanAc .hs-urun-form__section[hidden] {
  display: none !important;
}

#modalHsIlan .hs-urun-form__section--tip,
#modalKatalogTalepAc .hs-urun-form__section--tip,
#modalIlanAc .hs-urun-form__section--tip,
#modalUrunEkle .hs-urun-form__section--tip {
  gap: 8px;
  padding: 0 0 12px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#modalHsIlan .hs-urun-form__section--tip > .modal-hint,
#modalKatalogTalepAc .hs-urun-form__section--tip > .modal-hint,
#modalIlanAc .hs-urun-form__section--tip > .modal-hint,
#modalUrunEkle .hs-urun-form__section--tip > .modal-hint {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #64748b;
}

/* Modal kategoriler ? yatay ikonlu pill (referans chip stili) */
#modalHsIlan .panel-urun-tipi-field--urun-form,
#modalAdminTopluUrun .panel-urun-tipi-field--urun-form,
#modalHsExcel .panel-urun-tipi-field--urun-form,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form,
#modalIlanAc .panel-urun-tipi-field--urun-form,
#modalUrunEkle .panel-urun-tipi-field--urun-form {
  margin-bottom: 0;
  width: 100%;
  gap: 8px;
}

#modalHsIlan .panel-urun-tipi-field--urun-form .panel-urun-tipi-field__label,
#modalAdminTopluUrun .panel-urun-tipi-field--urun-form .panel-urun-tipi-field__label,
#modalHsExcel .panel-urun-tipi-field--urun-form .panel-urun-tipi-field__label,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-field__label,
#modalIlanAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-field__label,
#modalUrunEkle .panel-urun-tipi-field--urun-form .panel-urun-tipi-field__label {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #475569;
}

#modalHsIlan .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalAdminTopluUrun .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalHsExcel .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalIlanAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalUrunEkle .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
}

#modalHsIlan .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalAdminTopluUrun .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalHsExcel .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalIlanAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalUrunEkle .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card {
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 36px;
  height: auto;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 12px;
  gap: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #fff;
  color: #475569;
  box-shadow: none;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease;
}

#modalHsIlan .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalAdminTopluUrun .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalHsExcel .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalIlanAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalUrunEkle .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card:hover:not(.is-active),
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card:hover:not(.is-active) {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}

#modalHsIlan .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card.is-active,
#modalHsExcel .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card.is-active,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card.is-active,
#modalIlanAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card.is-active,
#modalUrunEkle .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card.is-active,
#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card.is-active,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card.is-active,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card.is-active {
  border-color: rgba(15, 118, 110, 0.4);
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
  box-shadow: none;
}

/* Admin Excel toplu: aktif kategori ? panel teal de?il, admin mavisi */
body.mode-admin #modalAdminTopluUrun .panel-urun-tipi-field .panel-urun-tipi-choice__card.is-active,
body.mode-admin #modalAdminTopluUrun .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__card.is-active {
  border-color: var(--accent-border);
  background: var(--accent-soft);
  color: var(--accent-hover);
  box-shadow: none;
}

body.mode-admin #modalAdminTopluUrun .hs-ilan-modal-tab:focus-visible,
body.mode-admin #modalAdminTopluUrun .panel-urun-tipi-choice__card:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--accent-ring);
}

#modalHsIlan .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalAdminTopluUrun .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalHsExcel .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalIlanAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalUrunEkle .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

#modalHsIlan .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalAdminTopluUrun .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalHsExcel .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalIlanAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalUrunEkle .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__svg {
  width: 18px;
  height: 18px;
}

#modalHsIlan .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalAdminTopluUrun .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalHsExcel .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalIlanAc .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalUrunEkle .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalHsIlan .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalKatalogTalepAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text,
#modalIlanAc .hs-katalog-picker .panel-urun-tipi-field--urun-form .panel-urun-tipi-choice__text {
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}

#modalHsIlan .panel-urun-tipi-field--urun-form > .modal-hint,
#modalKatalogTalepAc .panel-urun-tipi-field--urun-form > .modal-hint,
#modalIlanAc .panel-urun-tipi-field--urun-form > .modal-hint,
#modalUrunEkle .panel-urun-tipi-field--urun-form > .modal-hint {
  margin: 0;
  font-size: 0.78rem;
}
#modalHsIlan .hs-urun-form__section--trade,
#modalKatalogTalepAc .hs-urun-form__section--trade,
#modalIlanAc .hs-urun-form__section--trade {
  background: transparent;
  gap: 14px;
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

/* Sat?? ilan?: filtre / ?l?? blo?undan sonra talep miktar? ayrac? */
#modalIlanAc .modal-field-group:has(#ilan_talep_adet) {
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

#modalHsIlan .hs-urun-form__marka-kat,
#modalKatalogTalepAc .hs-urun-form__marka-kat,
#modalIlanAc .hs-urun-form__marka-kat {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  width: 100%;
}

#modalHsIlan .hs-urun-form__section .marka-combo,
#modalKatalogTalepAc .hs-urun-form__section .marka-combo,
#modalIlanAc .hs-urun-form__section .marka-combo {
  position: relative;
}

#modalHsIlan .hs-urun-form__section .marka-combo__list,
#modalKatalogTalepAc .hs-urun-form__section .marka-combo__list,
#modalIlanAc .hs-urun-form__section .marka-combo__list {
  max-height: min(28vh, 200px);
  border-radius: var(--radius-md);
  border-color: #dbe3ee;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}

#modalHsIlan .hs-urun-form__section .input,
#modalKatalogTalepAc .hs-urun-form__section .input,
#modalIlanAc .hs-urun-form__section .input,
#modalHsIlan .hs-urun-form__section .marka-combo__input,
#modalKatalogTalepAc .hs-urun-form__section .marka-combo__input,
#modalIlanAc .hs-urun-form__section .marka-combo__input {
  min-height: 40px;
  border-radius: var(--radius-modal-field);
  border-color: #dbe3ee;
}

#modalHsIlan .hs-urun-form__callout,
#modalKatalogTalepAc .hs-urun-form__callout,
#modalIlanAc .hs-urun-form__callout {
  margin: 0;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  line-height: 1.45;
}

#modalHsIlan .hs-urun-form__callout[hidden],
#modalKatalogTalepAc .hs-urun-form__callout[hidden],
#modalIlanAc .hs-urun-form__callout[hidden] {
  display: none !important;
}

#modalHsIlan .hs-urun-form__callout--info,
#modalKatalogTalepAc .hs-urun-form__callout--info,
#modalIlanAc .hs-urun-form__callout--info {
  border: 1px solid rgba(15, 118, 110, 0.28);
  background: rgba(15, 118, 110, 0.06);
  color: #0f5c55;
}

#modalHsIlan .hs-urun-form__callout--warn,
#modalKatalogTalepAc .hs-urun-form__callout--warn,
#modalIlanAc .hs-urun-form__callout--warn {
  border: 1px solid rgba(217, 119, 6, 0.28);
  background: rgba(255, 251, 235, 0.9);
  color: #92400e;
}

/* Cinsiyet ? ikon ?stte, etiket altta; d?rt se?enek yan yana */
.urun-cinsiyet-chips {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  align-items: stretch;
}

.urun-cinsiyet-chip {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 3.75rem;
  height: 100%;
  width: 100%;
  padding: 8px 6px;
  border: 1px solid #dbe3ee;
  border-radius: var(--radius-modal-field);
  background: #fff;
  color: #475569;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

#modalHsIlan .hs-urun-form__section .urun-cinsiyet-chips,
#modalKatalogTalepAc .hs-urun-form__section .urun-cinsiyet-chips,
#modalIlanAc .hs-urun-form__section .urun-cinsiyet-chips {
  min-height: 3.75rem;
}

#modalHsIlan .hs-urun-form__section .urun-cinsiyet-chip,
#modalKatalogTalepAc .hs-urun-form__section .urun-cinsiyet-chip,
#modalIlanAc .hs-urun-form__section .urun-cinsiyet-chip {
  min-height: 100%;
}

.urun-cinsiyet-chip__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.urun-cinsiyet-chip__ui-icon {
  --ui-icon-color: currentColor;
  width: 20px;
  height: 20px;
}

.urun-cinsiyet-chip__ui-icon .ui-icon,
.urun-cinsiyet-chip__ui-icon svg {
  width: 20px;
  height: 20px;
}

.urun-cinsiyet-chip__text {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.urun-cinsiyet-chip:hover:not(:has(input:disabled)) {
  border-color: #b8c5d6;
  background: #f8fafc;
}

.urun-cinsiyet-chip:has(input:checked) {
  border-color: rgba(15, 118, 110, 0.45);
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
}

.urun-cinsiyet-chip:has(input:focus-visible) {
  outline: 2px solid rgba(15, 118, 110, 0.45);
  outline-offset: 2px;
}

.urun-cinsiyet-chip input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.urun-cinsiyet-chip:has(input:disabled) {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

#modalHsIlan .hs-urun-form__section .modal-ilan-ac__spec-grid,
#modalKatalogTalepAc .hs-urun-form__section .modal-ilan-ac__spec-grid,
#modalIlanAc .hs-urun-form__section .modal-ilan-ac__spec-grid,
#modalHsIlan .hs-urun-form__section .modal-olcu-grid,
#modalKatalogTalepAc .hs-urun-form__section .modal-olcu-grid,
#modalIlanAc .hs-urun-form__section .modal-olcu-grid {
  margin-top: 0;
}

#modalHsIlan .hs-urun-form__section--trade .modal-hs-fiyat__section,
#modalKatalogTalepAc .hs-urun-form__section--trade .modal-hs-fiyat__section,
#modalIlanAc .hs-urun-form__section--trade .modal-hs-fiyat__section {
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#modalHsIlan .hs-urun-form__section--media .panel-gorsel-upload,
#modalKatalogTalepAc .hs-urun-form__section--media .panel-gorsel-upload,
#modalIlanAc .hs-urun-form__section--media .panel-gorsel-upload {
  margin-top: 0;
}

/* Yeni ?r?n media: d?? section kutusu yok ? g?rsel / ?l?? / a??klama / filtre kendi tek katman? */
#modalHsIlan .hs-urun-form__section--media.modal-hs-ilan__yeni-urun,
#modalKatalogTalepAc .hs-urun-form__section--media,
#modalIlanAc .hs-urun-form__section--media {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 12px;
}

#modalHsIlan .hs-ilan-media-olcu {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

#modalHsIlan .hs-ilan-media-olcu .panel-gorsel-upload {
  margin: 0;
  min-width: 0;
  width: 100%;
}

#modalHsIlan .hs-ilan-media-olcu .modal-olcu-grid {
  display: grid;
  margin: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 14px;
  min-width: 0;
  width: 100%;
  align-items: start;
}

#modalHsIlan .hs-ilan-media-olcu .modal-olcu-grid .modal-field-group {
  margin: 0;
  padding-top: 0;
  min-width: 0;
}

#modalHsIlan .hs-ilan-media-olcu .modal-olcu-grid .modal-field-group > label {
  min-width: 0;
}

#modalHsIlan .hs-ilan-media-olcu .modal-olcu-grid .input {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  box-sizing: border-box;
}

@media (max-width: 720px) {
  #modalHsIlan .hs-ilan-media-olcu .modal-olcu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  #modalHsIlan .hs-ilan-media-olcu .modal-olcu-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

#modalHsIlan .modal-form--hs-ilan .hs-ilan-urun-tab + .modal-footer,
#modalKatalogTalepAc .modal-form--kt-talep .hs-ilan-urun-tab + .modal-footer,
#modalIlanAc .modal-form--ilan-ac .hs-ilan-urun-tab + .modal-footer {
  margin-top: 4px;
}

@media (max-width: 640px) {
  #modalHsIlan .hs-urun-form__marka-kat,
  #modalKatalogTalepAc .hs-urun-form__marka-kat,
  #modalIlanAc .hs-urun-form__marka-kat {
    grid-template-columns: 1fr;
  }

  #modalHsIlan .hs-urun-form__section,
  #modalKatalogTalepAc .hs-urun-form__section,
  #modalIlanAc .hs-urun-form__section {
    padding: 4px 0 12px;
  }
}

/* Pazar s?tunu ? sat?c? sayac? butonu + t?klan?nca detay kart? */
.pazar-sayac {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.pazar-sayac__btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0.28rem 0.7rem;
  border: 1px solid rgba(13, 148, 136, 0.34);
  border-radius: var(--radius-sm);
  background: rgba(13, 148, 136, 0.08);
  color: #0f766e;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

.pazar-sayac__btn:hover {
  background: rgba(13, 148, 136, 0.14);
  border-color: rgba(13, 148, 136, 0.48);
}

.pazar-sayac__btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.35);
}

.pazar-sayac__btn[aria-expanded="true"] {
  background: rgba(13, 148, 136, 0.18);
  border-color: rgba(13, 148, 136, 0.55);
}

.pazar-sayac__pop {
  margin: 0;
  padding: 0;
  min-width: 13.5rem;
  max-width: 18rem;
  border: 1px solid var(--line-strong, var(--line));
  border-radius: var(--radius-md);
  background: var(--surface, #fff);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
  font-size: 0.8125rem;
  line-height: 1.45;
  overflow: hidden;
}

.pazar-sayac__pop[hidden] {
  display: none !important;
}

.pazar-sayac__pop-inner {
  display: block;
}

.pazar-sayac__pop-title {
  margin: 0;
  padding: 10px 14px 9px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: var(--surface-muted, rgba(241, 245, 249, 0.9));
  border-bottom: 1px solid var(--line);
}

.pazar-sayac__pop-meta {
  margin: 0;
  display: grid;
  gap: 7px;
  padding: 11px 14px 10px;
}

.pazar-sayac__pop-row {
  display: grid;
  grid-template-columns: minmax(5rem, 42%) 1fr;
  gap: 10px;
  align-items: baseline;
}

.pazar-sayac__pop-row dt {
  margin: 0;
  font-weight: 600;
  color: var(--ink-muted, #64748b);
  font-size: 0.75rem;
}

.pazar-sayac__pop-row dd {
  margin: 0;
  font-weight: 700;
  color: var(--ink, #0f172a);
  text-align: right;
  word-break: break-word;
}

.pazar-sayac__pop-actions {
  padding: 0 10px 10px;
}

.pazar-sayac__pop-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  min-height: 34px;
  padding: 0.45rem 0.75rem;
  border-radius: var(--radius-sm, 8px);
  background: rgba(13, 148, 136, 0.1);
  border: 1px solid rgba(13, 148, 136, 0.28);
  color: #0f766e;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.pazar-sayac__pop-link:hover {
  background: rgba(13, 148, 136, 0.16);
  border-color: rgba(13, 148, 136, 0.42);
  color: #115e59;
}

.pazar-sayac__pop-link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.35);
}

.pazar-sayac__pop-link svg {
  width: 0.95rem;
  height: 0.95rem;
  flex-shrink: 0;
}

/* Pazar s?tunu ? sat?c? sayac? ve bo? h?creler ortada */
.table-wrap--panel-katalog table.simple > tbody > tr > td:nth-last-child(2),
.table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-last-child(2),
.table-wrap--katalog-durum-pop table.simple > tbody > tr > td:nth-last-child(2) {
  text-align: center;
}

.table-wrap--panel-katalog table.simple thead th:nth-last-child(2) .th-col-filter__head,
.table-wrap--hs-modal-katalog table.simple thead th:nth-last-child(2) .th-col-filter__head,
.table-wrap--katalog-durum-pop table.simple thead th:nth-last-child(2) .th-col-filter__head {
  justify-content: center;
}

.table-wrap--panel-katalog table.simple thead th:nth-last-child(2) .th-col-filter__label,
.table-wrap--hs-modal-katalog table.simple thead th:nth-last-child(2) .th-col-filter__label,
.table-wrap--katalog-durum-pop table.simple thead th:nth-last-child(2) .th-col-filter__label {
  flex: 0 1 auto;
}

/* Panel tablolar?: g?zl?k g?rselleri yatay ?er?evede tam oturur */
body.mode-panel .table-wrap--panel-katalog table.simple,
body.mode-panel .table-wrap--alis-satis table.simple,
body.mode-panel .table-wrap--hs-browse table.simple,
body.mode-panel .table-wrap--hs-ilanlarim table.simple,
body.mode-panel .table-wrap--hs-askida table.simple,
body.mode-panel .table-wrap--hs-talep table.simple,
body.mode-panel .table-wrap--urun-gorsel table.simple {
  table-layout: fixed;
  width: 100%;
}
body.mode-panel .table-wrap--panel-katalog table.simple > thead > tr > th:first-child:not(.katalog-picker__head--product):not(.trade-th-check),
body.mode-panel .table-wrap--hs-browse table.simple > thead > tr > th:first-child:not(.katalog-picker__head--product),
body.mode-panel .table-wrap--hs-talep table.simple > thead > tr > th:first-child:not(.katalog-picker__head--product):not(.trade-th-check),
body.mode-panel .table-wrap--urun-gorsel table.simple > thead > tr > th:first-child,
body.mode-panel .table-wrap--hs-ilanlarim table.simple > thead > tr > th:nth-child(2):not(.katalog-picker__head--product),
body.mode-panel .table-wrap--alis-satis table.simple.simple--alis-satis-grup > thead > tr:last-child > th:nth-child(1),
body.mode-panel .table-wrap--alis-satis table.simple.simple--alis-satis-grup > thead > tr:last-child > th:nth-child(2) {
  width: 72px;
  max-width: 72px;
  padding: 8px 6px;
  box-sizing: border-box;
}
body.mode-panel .table-wrap--panel-katalog td:has(.img-mini-link),
body.mode-panel .table-wrap--panel-katalog td:has(.img-mini--empty),
body.mode-panel .table-wrap--alis-satis td:has(.img-mini-link),
body.mode-panel .table-wrap--alis-satis td:has(.img-mini--empty),
body.mode-panel .table-wrap--hs-browse td:has(.img-mini-link),
body.mode-panel .table-wrap--hs-browse td:has(.img-mini--empty),
body.mode-panel .table-wrap--hs-ilanlarim td:has(.img-mini-link),
body.mode-panel .table-wrap--hs-ilanlarim td:has(.img-mini--empty),
body.mode-panel .table-wrap--hs-talep td:has(.img-mini-link),
body.mode-panel .table-wrap--hs-talep td:has(.img-mini--empty),
body.mode-panel .table-wrap--urun-gorsel td:has(.img-mini-link),
body.mode-panel .table-wrap--urun-gorsel td:has(.img-mini--empty) {
  width: 1%;
  max-width: 72px;
  white-space: nowrap;
  padding: 8px 6px;
  vertical-align: middle;
  box-sizing: border-box;
}
/* Birle?ik ?r?n h?cresi: g?rsel i?eride ? h?creyi daraltma */
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--product:has(.siparis-product-cell),
body.mode-panel .table-wrap--siparis-grup-detay td.katalog-picker__cell--product:has(.siparis-product-cell) {
  width: auto;
  max-width: none;
  white-space: normal;
  padding: 12px 14px;
}

body.mode-panel .table-wrap--panel-katalog .img-mini-link,
body.mode-panel .table-wrap--alis-satis .img-mini-link,
body.mode-panel .table-wrap--hs-browse .img-mini-link,
body.mode-panel .table-wrap--hs-ilanlarim .img-mini-link,
body.mode-panel .table-wrap--hs-talep .img-mini-link,
body.mode-panel .table-wrap--urun-gorsel .img-mini-link {
  display: block;
  width: 56px;
  height: 42px;
  min-height: 42px;
  line-height: 0;
  flex-shrink: 0;
}

body.mode-panel .table-wrap--panel-katalog .img-mini,
body.mode-panel .table-wrap--panel-katalog .img-mini--empty,
body.mode-panel .table-wrap--alis-satis .img-mini,
body.mode-panel .table-wrap--alis-satis .img-mini--empty,
body.mode-panel .table-wrap--hs-browse .img-mini,
body.mode-panel .table-wrap--hs-browse .img-mini--empty,
body.mode-panel .table-wrap--hs-ilanlarim .img-mini,
body.mode-panel .table-wrap--hs-ilanlarim .img-mini--empty,
body.mode-panel .table-wrap--hs-talep .img-mini,
body.mode-panel .table-wrap--hs-talep .img-mini--empty,
body.mode-panel .table-wrap--urun-gorsel .img-mini,
body.mode-panel .table-wrap--urun-gorsel .img-mini--empty {
  box-sizing: border-box;
  width: 56px;
  height: 42px;
  min-width: 56px;
  min-height: 42px;
  max-width: 56px;
  max-height: 42px;
  display: block;
  object-fit: contain;
  object-position: center;
  background: #fff;
  border-radius: var(--radius-sm);
  border: 1px solid #e5e7eb;
}

body.mode-panel .table-wrap--panel-katalog .urun-gorsel-table-cell .img-mini--empty,
body.mode-panel .table-wrap--alis-satis .urun-gorsel-table-cell .img-mini--empty,
body.mode-panel .table-wrap--hs-browse .urun-gorsel-table-cell .img-mini--empty,
body.mode-panel .table-wrap--hs-ilanlarim .urun-gorsel-table-cell .img-mini--empty,
body.mode-panel .table-wrap--hs-talep .urun-gorsel-table-cell .img-mini--empty,
body.mode-panel .table-wrap--urun-gorsel .urun-gorsel-table-cell .img-mini--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.mode-panel .table-wrap--panel-katalog .img-mini.catalog-card__media-avatar,
body.mode-panel .table-wrap--alis-satis .img-mini.catalog-card__media-avatar,
body.mode-panel .table-wrap--hs-browse .img-mini.catalog-card__media-avatar,
body.mode-panel .table-wrap--hs-ilanlarim .img-mini.catalog-card__media-avatar,
body.mode-panel .table-wrap--hs-talep .img-mini.catalog-card__media-avatar,
body.mode-panel .table-wrap--urun-gorsel .img-mini.catalog-card__media-avatar {
  width: 56px;
  height: 42px;
  min-width: 56px;
  min-height: 42px;
  max-width: 56px;
  max-height: 42px;
  padding: 5px 4px;
  object-fit: contain;
}

/* Katalog tablosu: sat?r ?izgileri kenarlardan i?eride */
body.mode-panel .table-wrap--panel-katalog table.simple tbody tr {
  position: relative;
}
body.mode-panel .table-wrap--panel-katalog table.simple tbody tr:not(:last-child)::after {
  content: '';
  position: absolute;
  left: var(--trade-pad-x, 16px);
  right: var(--trade-pad-x, 16px);
  bottom: 0;
  height: 1px;
  background: var(--line);
  pointer-events: none;
}
body.mode-panel .table-wrap--panel-katalog table.simple tbody tr:not(:last-child) td {
  border-bottom-color: transparent;
}
body.mode-panel .table-wrap--panel-katalog table.simple thead tr {
  position: relative;
}
body.mode-panel .table-wrap--panel-katalog table.simple thead tr::after {
  content: '';
  position: absolute;
  left: var(--trade-pad-x, 16px);
  right: var(--trade-pad-x, 16px);
  bottom: 0;
  height: 1px;
  background: var(--line);
  pointer-events: none;
}
body.mode-panel .table-wrap--panel-katalog table.simple thead th {
  border-bottom-color: transparent;
}

/* Marka yetkileri: arama + tek s?tun marka listesi, sabit alt ?erit */
#modalMarkaYetki .modal-dialog {
  width: min(96vw, 560px);
  max-width: min(96vw, 560px);
}

body.mode-admin #modalMarkaYetki .modal-card--marka-yetki {
  max-height: min(88dvh, 820px);
}

body.mode-admin #modalMarkaYetki .modal-form--marka-yetki {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

body.mode-admin #modalMarkaYetki .modal-body--marka-yetki {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 12px;
  overflow: hidden;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 12px;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 2;
  margin: -4px 0 0;
  padding: 0 0 8px;
  background: linear-gradient(#fff 78%, rgba(255, 255, 255, 0));
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-toolbar__search {
  grid-column: 1 / -1;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-toolbar__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-toolbar__meta {
  font-size: 0.82rem;
  line-height: 1.35;
  text-align: right;
  white-space: nowrap;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-empty {
  padding: 8px 0 2px;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-table-wrap {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
}

body.mode-admin #modalMarkaYetki .simple--marka-yetki {
  display: block;
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

body.mode-admin #modalMarkaYetki .simple--marka-yetki thead {
  display: block;
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  box-shadow: 0 1px 0 var(--line);
}

body.mode-admin #modalMarkaYetki .simple--marka-yetki thead tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(96px, auto);
  align-items: center;
}

body.mode-admin #modalMarkaYetki .simple--marka-yetki thead th {
  padding: 10px 12px;
  background: transparent;
  box-shadow: none;
}

body.mode-admin #modalMarkaYetki .simple--marka-yetki tbody {
  display: block;
}

body.mode-admin #modalMarkaYetki .simple--marka-yetki tbody tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-width: 0;
  background: #fff;
  border-bottom: 1px solid var(--line);
}

body.mode-admin #modalMarkaYetki .simple--marka-yetki tbody td {
  border: 0;
  padding: 10px 12px;
  vertical-align: middle;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-marka {
  font-weight: 600;
  min-width: 0;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-marka__otomatik {
  display: block;
  margin-top: 2px;
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 1.3;
}

body.mode-admin #modalMarkaYetki .marka-switch--locked .marka-switch-track {
  cursor: not-allowed;
  opacity: 0.72;
}

body.mode-admin #modalMarkaYetki tr[data-otomatik-yetki="1"] {
  background: #f8fafc;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-th-toggle {
  min-width: 96px;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-th-toggle__label {
  display: block;
  margin-bottom: 4px;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-th-toggle__actions {
  display: inline-flex;
  gap: 4px;
  justify-content: center;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-mini {
  border: 0;
  background: transparent;
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 2px 4px;
  border-radius: 4px;
  cursor: pointer;
}

body.mode-admin #modalMarkaYetki .admin-yetki-modal-mini:hover {
  background: var(--accent-soft);
}

body.mode-admin #modalMarkaYetki .modal-footer--marka-yetki {
  justify-content: flex-start;
  gap: 10px;
}

@media (max-width: 560px) {
  body.mode-admin #modalMarkaYetki .admin-yetki-modal-toolbar {
    grid-template-columns: 1fr;
  }
  body.mode-admin #modalMarkaYetki .admin-yetki-modal-toolbar__meta {
    grid-column: 1 / -1;
    text-align: left;
    white-space: normal;
  }
}

/* ?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,
#modalKatalogTalepAc .modal-field-group > label,
#modalKatalogGuncelleme .modal-field-group > label,
#modalHsIlan .modal-field-group--cinsiyet > .modal-field-group__label,
#modalKatalogTalepAc .modal-field-group--cinsiyet > .modal-field-group__label,
#modalIlanAc .modal-field-group--cinsiyet > .modal-field-group__label,
#modalKatalogGuncelleme .modal-field-group--cinsiyet > .modal-field-group__label,
#modalIlanAc .panel-gorsel-upload__head label,
#modalUrunEkle .panel-gorsel-upload__head label,
#modalHsIlan .panel-gorsel-upload__head label,
#modalKatalogGuncelleme .panel-gorsel-upload__head label,
#modalKatalogGuncelleme .panel-gorsel-upload__section-label,
#modalCihazCreate .panel-gorsel-upload__head label,
#modalCihazEdit .panel-gorsel-upload__head label,
#modalDevirCreate .panel-gorsel-upload__head label,
#modalDevirEdit .panel-gorsel-upload__head 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;
}

/* Opsiyonel i?aretleri b?y?k harfe ?evrilmesin (SKU / Barkod vb.) */
#modalIlanAc .modal-field-group > label .field-optional,
#modalUrunEkle .modal-field-group > label .field-optional,
#modalHsIlan .modal-field-group > label .field-optional,
#modalKatalogTalepAc .modal-field-group > label .field-optional,
#modalKatalogGuncelleme .modal-field-group > label .field-optional {
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: 600;
}

#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: 16px;
  margin-top: 6px;
}

.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice__card,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice__card,
.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice__card,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice__card {
  pointer-events: none;
  opacity: 0.72;
  cursor: default;
}
.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice:focus,
.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice:focus-visible,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice:focus,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice:focus-visible,
.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice:focus,
.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice:focus-visible,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice:focus,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice:focus-visible {
  outline: none;
  box-shadow: none;
}
.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice__card:focus,
.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice__card:focus-visible,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice__card:focus,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-wrap.is-ku-locked .panel-urun-tipi-choice__card:focus-visible,
.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice__card:focus,
.modal-form--ilan-ac.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice__card:focus-visible,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice__card:focus,
.modal-form--hs-ilan.is-ku-secildi .panel-urun-tipi-field.is-ku-locked .panel-urun-tipi-choice__card:focus-visible {
  outline: none;
  box-shadow: none;
}

.modal-form--ilan-ac.is-ku-secildi .input[readonly],
.modal-form--hs-ilan.is-ku-secildi .input[readonly] {
  cursor: default;
  background: var(--surface-2, #f4f6f8);
}

.modal-form--ilan-ac.is-ku-secildi .hs-urun-form__section--spec > .modal-ilan-ac__spec-grid,
.modal-form--hs-ilan.is-ku-secildi .hs-urun-form__section--spec > .modal-ilan-ac__spec-grid {
  pointer-events: none;
}

/* SKU sat?c?ya ?zel; katalog ?r?n? se?ilse de d?zenlenebilir kal?r */
.modal-form--ilan-ac.is-ku-secildi .modal-ilan-ac__spec-grid > .modal-ilan-ac__sku,
.modal-form--hs-ilan.is-ku-secildi .modal-ilan-ac__spec-grid > .modal-ilan-ac__sku {
  pointer-events: auto;
}

.modal-form--ilan-ac.is-ku-secildi .marka-combo.is-locked,
.modal-form--hs-ilan.is-ku-secildi .marka-combo.is-locked {
  pointer-events: none;
}

.modal-form--ilan-ac.is-ku-secildi .marka-combo.is-locked .marka-combo__input,
.modal-form--hs-ilan.is-ku-secildi .marka-combo.is-locked .marka-combo__input {
  cursor: default;
  background: var(--surface-2, #f4f6f8);
}

#modalHsIlan .modal-field-group,
#modalKatalogTalepAc .modal-field-group,
#modalKatalogGuncelleme .modal-field-group,
#modalUrunEkle .modal-field-group,
#modalIlanAc .modal-field-group {
  gap: 8px;
}

#modalHsIlan .modal-ilan-ac__spec-grid .modal-field-group,
#modalKatalogTalepAc .modal-ilan-ac__spec-grid .modal-field-group,
#modalUrunEkle .modal-urun-ekle__spec-grid .modal-field-group,
#modalIlanAc .modal-ilan-ac__spec-grid .modal-field-group,
#modalHsIlan .modal-olcu-grid .modal-field-group,
#modalKatalogTalepAc .modal-olcu-grid .modal-field-group,
#modalKatalogGuncelleme .modal-olcu-grid .modal-field-group,
#modalUrunEkle .modal-olcu-grid .modal-field-group,
#modalIlanAc .modal-olcu-grid .modal-field-group {
  gap: 8px;
  min-width: 0;
}

.modal-olcu-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 14px;
  width: 100%;
  min-width: 0;
  align-items: start;
}

.modal-olcu-hint {
  margin: 6px 0 0;
}

#modalIlanAc .modal-olcu-grid,
#modalUrunEkle .modal-olcu-grid,
#modalHsIlan .modal-olcu-grid,
#modalKatalogTalepAc .modal-olcu-grid,
#modalKatalogGuncelleme .modal-olcu-grid,
.admin-ilan-edit-form .modal-olcu-grid {
  margin-top: 0;
  gap: 12px 14px;
  align-items: start;
}

@media (max-width: 640px) {
  .modal-olcu-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ?r?n formlar?: kategori ? marka ? model ? hacim ? sku ? 2 s?tun */
#modalIlanAc .modal-ilan-ac__spec-grid,
#modalUrunEkle .modal-urun-ekle__spec-grid,
#modalHsIlan .modal-ilan-ac__spec-grid,
#modalKatalogTalepAc .modal-ilan-ac__spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  width: 100%;
  align-items: start;
}

#modalHsIlan .modal-ilan-ac__spec-grid > .modal-ilan-ac__urun-adi,
#modalIlanAc .modal-ilan-ac__spec-grid > .modal-ilan-ac__urun-adi,
#modalKatalogTalepAc .modal-ilan-ac__spec-grid > .modal-ilan-ac__urun-adi {
  grid-column: 1 / -1;
}

/* Lens sol?syonunda kategori gizliyken marka + model yan yana kal?r */
#modalHsIlan .modal-ilan-ac__spec-grid > .modal-field-group[hidden],
#modalIlanAc .modal-ilan-ac__spec-grid > .modal-field-group[hidden],
#modalKatalogTalepAc .modal-ilan-ac__spec-grid > .modal-field-group[hidden] {
  display: none !important;
}

#modalHsIlan .modal-hs-ilan__stok-fiyat {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.panel-gorsel-upload {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.panel-gorsel-upload--split {
  gap: 16px;
}

.panel-gorsel-upload__section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.panel-gorsel-upload__section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.panel-gorsel-upload__section-label {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.panel-gorsel-gallery--readonly {
  background: #f8fafc;
  border-color: #e2e8f0;
}

#modalKatalogGuncelleme .panel-gorsel-upload--split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 20px;
  align-items: start;
}

#modalKatalogGuncelleme .panel-gorsel-upload--split .panel-gorsel-upload__section--existing {
  padding-bottom: 0;
  border-bottom: none;
}

#modalKatalogGuncelleme .panel-gorsel-upload--split .panel-gorsel-upload__section--new {
  padding-top: 0;
}

@media (max-width: 720px) {
  #modalKatalogGuncelleme .panel-gorsel-upload--split {
    grid-template-columns: 1fr;
  }
}

/* Modal g?rsel alan? ? mevcut + yeni tek blok */
.modal-gorsel-media .panel-gorsel-gallery {
  margin-top: 0;
}

.panel-gorsel-existing-slot {
  display: contents;
}

.panel-gorsel-upload__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.panel-gorsel-upload__head label {
  margin: 0;
}

.panel-gorsel-upload__count {
  font-size: 0.78rem;
  font-weight: 650;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  background: rgba(226, 232, 240, 0.55);
}

.panel-gorsel-upload--pro .panel-gorsel-upload__max {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ink-muted);
  letter-spacing: 0;
  text-transform: none;
}

.panel-gorsel-gallery {
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: #fff;
  padding: 12px;
}

.panel-gorsel-upload--pro .panel-gorsel-gallery {
  background: #fff;
  border-color: #e2e8f0;
}

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

.panel-gorsel-upload--pro .panel-gorsel-gallery__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.panel-gorsel-gallery--empty .panel-gorsel-gallery__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.panel-gorsel-drop {
  position: relative;
  border-radius: var(--radius-md);
  border: 2px dashed #cbd5e1;
  background: #f8fafc;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  aspect-ratio: 1;
  min-height: 0;
}

.panel-gorsel-gallery--empty .panel-gorsel-drop {
  aspect-ratio: auto;
  min-height: 0;
  overflow: visible;
}

.panel-gorsel-gallery--empty .panel-gorsel-drop__stage {
  height: auto;
  min-height: 0;
}

.panel-gorsel-gallery--empty .panel-gorsel-drop__placeholder {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 6.75rem;
  box-sizing: border-box;
}

.panel-gorsel-gallery--empty .panel-gorsel-drop__title {
  white-space: normal;
}

.panel-gorsel-upload--pro .panel-gorsel-gallery:not(.panel-gorsel-gallery--empty) .panel-gorsel-drop {
  aspect-ratio: 1;
  min-height: 0;
}

.panel-gorsel-drop:hover {
  border-color: color-mix(in srgb, var(--accent) 45%, #cbd5e1);
  background: #fff;
}

.panel-gorsel-drop.is-drag {
  border-color: var(--accent);
  border-style: dashed;
  background: color-mix(in srgb, var(--accent) 6%, #fff);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);
}

.panel-gorsel-drop__stage {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  cursor: pointer;
}

.panel-gorsel-upload--pro .panel-gorsel-drop__stage {
  min-height: 100%;
}

.panel-gorsel-drop__stage:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.panel-gorsel-drop input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3;
}

.panel-gorsel-drop__placeholder {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 8px 6px;
  text-align: center;
  pointer-events: none;
}

.panel-gorsel-upload--pro .panel-gorsel-drop__placeholder {
  gap: 4px;
  padding: 10px 8px;
}

.panel-gorsel-upload--pro .panel-gorsel-gallery:not(.panel-gorsel-gallery--empty) .panel-gorsel-drop__meta {
  display: none;
}

.panel-gorsel-upload--pro .panel-gorsel-gallery:not(.panel-gorsel-gallery--empty) .panel-gorsel-drop__title {
  font-size: 0.72rem;
  line-height: 1.2;
}

.panel-gorsel-drop__ico {
  display: flex;
  color: color-mix(in srgb, var(--accent) 70%, #94a3b8);
}

.panel-gorsel-drop__ico .ui-icon {
  width: 1.75rem;
  height: 1.75rem;
}

.panel-gorsel-upload--pro .panel-gorsel-drop__ico .ui-icon {
  width: 2rem;
  height: 2rem;
  color: var(--accent);
}

.panel-gorsel-drop__title {
  font-size: 0.78rem;
  font-weight: 650;
  color: var(--ink);
  line-height: 1.2;
  white-space: nowrap;
}

.panel-gorsel-upload--pro .panel-gorsel-drop__title {
  font-size: 0.76rem;
}

.panel-gorsel-drop__meta {
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--ink-muted);
  overflow-wrap: anywhere;
}

.panel-gorsel-gallery:not(.panel-gorsel-gallery--empty) .panel-gorsel-drop__meta {
  display: none;
}

.panel-gorsel-gallery:not(.panel-gorsel-gallery--empty) .panel-gorsel-drop__title {
  font-size: 0.75rem;
}

/* G?rsel kartlar? ? ?nizleme + ara? ?ubu?u */
.panel-gorsel-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: var(--radius-md);
  border: 1px solid #e2e8f0;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.panel-gorsel-card__media {
  position: relative;
  aspect-ratio: 1 / 1;
  background: #fff;
  overflow: hidden;
}

.panel-gorsel-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
}

.panel-gorsel-card__badge {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 4px 6px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: linear-gradient(180deg, rgba(15, 118, 110, 0.92), rgba(15, 118, 110, 0.78));
  pointer-events: none;
}

.panel-gorsel-card__badge--muted {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(15, 23, 42, 0.55));
}

.panel-gorsel-card__bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 5px 6px;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}

.panel-gorsel-card__btn {
  flex: 1 1 0;
  min-width: 0;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
  color: #475569;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.14s ease, color 0.14s ease, background 0.14s ease;
}

.panel-gorsel-card__btn:hover {
  border-color: #cbd5e1;
  color: #0f172a;
  background: #fff;
}

.panel-gorsel-card__btn--danger:hover {
  border-color: #fca5a5;
  color: #b91c1c;
  background: #fef2f2;
}

.panel-gorsel-card--existing,
.panel-gorsel-card--new {
  margin: 0;
}

.panel-gorsel-card__media img {
  -webkit-user-drag: none;
  user-select: none;
}

.panel-gorsel-card--readonly {
  cursor: default;
}

.panel-gorsel-card--sortable[draggable="true"] .panel-gorsel-card__media {
  cursor: grab;
}

.panel-gorsel-card--sortable.is-dragging {
  opacity: 0.55;
}

.panel-gorsel-card--sortable.is-dragging .panel-gorsel-card__media {
  cursor: grabbing;
}

@media (max-width: 900px) {
  .panel-gorsel-gallery__grid,
  .panel-gorsel-upload--pro .panel-gorsel-gallery__grid,
  .panel-gorsel-gallery--empty .panel-gorsel-gallery__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .panel-gorsel-gallery__grid,
  .panel-gorsel-upload--pro .panel-gorsel-gallery__grid,
  .panel-gorsel-gallery--empty .panel-gorsel-gallery__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .panel-gorsel-gallery__grid,
  .panel-gorsel-upload--pro .panel-gorsel-gallery__grid,
  .panel-gorsel-gallery--empty .panel-gorsel-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#modalHsIlan .modal-hs-ilan__stok-adet {
  margin: 0;
  width: 100%;
  max-width: none;
}

#modalHsIlan .modal-hs-ilan__stok-input {
  max-width: none;
}

#modalHsIlan .modal-hs-fiyat__section--stok,
#modalHsFiyat .modal-hs-fiyat__section--stok {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 0 0 8px;
  border: none;
  border-radius: 0;
  background: transparent;
}

#modalHsIlan .modal-hs-fiyat__section--stok .modal-hs-fiyat__section-head,
#modalHsFiyat .modal-hs-fiyat__section--stok .modal-hs-fiyat__section-head {
  flex: 0 0 auto;
  min-width: 0;
}

#modalHsIlan .modal-hs-stok__controls,
#modalHsFiyat .modal-hs-stok__controls {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  flex: 1 1 12rem;
  min-width: 0;
}

#modalHsIlan .modal-hs-fiyat__badge--stok,
#modalHsFiyat .modal-hs-fiyat__badge--stok {
  color: #b45309;
  background: #fff;
  border-color: #fcd34d;
}

#modalHsIlan .modal-hs-stok__stepper,
#modalHsFiyat .modal-hs-stok__stepper {
  display: inline-flex;
  align-items: stretch;
  width: 100%;
  max-width: 11.5rem;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: #fff;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#modalHsIlan .modal-hs-stok__stepper:focus-within,
#modalHsFiyat .modal-hs-stok__stepper:focus-within {
  border-color: #d97706;
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.14);
}

#modalHsIlan .modal-hs-stok__stepper-btn,
#modalHsFiyat .modal-hs-stok__stepper-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--line);
  background: #fff;
  font: inherit;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ink);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

#modalHsIlan .modal-hs-stok__stepper-btn:last-child,
#modalHsFiyat .modal-hs-stok__stepper-btn:last-child {
  border-right: 0;
  border-left: 1px solid var(--line);
}

#modalHsIlan .modal-hs-stok__stepper-btn:hover:not(:disabled),
#modalHsFiyat .modal-hs-stok__stepper-btn:hover:not(:disabled) {
  background: #fffbeb;
  color: #b45309;
}

#modalHsIlan .modal-hs-stok__stepper-btn:disabled,
#modalHsFiyat .modal-hs-stok__stepper-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

#modalHsIlan .modal-hs-stok__stepper-input,
#modalHsFiyat .modal-hs-stok__stepper-input {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
  height: 100%;
  min-height: 0 !important;
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-radius: 0;
  background: #fff;
  text-align: center;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  box-shadow: none;
  cursor: text;
  -webkit-appearance: none;
  appearance: none;
}

#modalHsIlan .modal-hs-stok__stepper-input:focus,
#modalHsFiyat .modal-hs-stok__stepper-input:focus {
  outline: none;
  box-shadow: none;
}

#modalHsIlan .modal-hs-stok__stepper-input::-webkit-outer-spin-button,
#modalHsIlan .modal-hs-stok__stepper-input::-webkit-inner-spin-button,
#modalHsFiyat .modal-hs-stok__stepper-input::-webkit-outer-spin-button,
#modalHsFiyat .modal-hs-stok__stepper-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#modalHsIlan .modal-hs-stok__stepper-input[type="number"],
#modalHsFiyat .modal-hs-stok__stepper-input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

#modalHsIlan .modal-hs-stok__hint,
#modalHsFiyat .modal-hs-stok__hint {
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.35;
  text-align: right;
  max-width: 11.5rem;
}

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

#modalHsIlan .modal-hs-fiyat__section--b2b {
  grid-column: 1;
  grid-row: 1;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

#modalHsIlan .modal-hs-fiyat__stok-slot {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-self: start;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  margin-top: 0;
}

#modalHsIlan .modal-hs-fiyat__section--b2c-top {
  grid-column: 1;
  grid-row: 2;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

#modalHsIlan .modal-hs-fiyat__sections:not(:has(.modal-hs-fiyat__b2c-kargo-slot:not([hidden]))) .modal-hs-fiyat__section--b2c-top {
  padding-bottom: 0;
}

#modalHsIlan .modal-hs-fiyat__b2c-kargo-slot {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-self: start;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  margin-top: 0;
}

#modalHsIlan .modal-hs-fiyat__b2c-kargo-slot[hidden] {
  display: none;
}

#modalHsIlan .modal-hs-fiyat__section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

#modalHsIlan .modal-hs-fiyat__section-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#modalHsIlan .modal-hs-fiyat__section-title {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #334155;
  line-height: 1.35;
  white-space: normal;
}

#modalHsIlan .modal-hs-fiyat__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid rgba(30, 64, 175, 0.18);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1e3a8a;
  background: #dbeafe;
  flex-shrink: 0;
  line-height: 1.2;
  box-sizing: border-box;
}

#modalHsIlan .modal-hs-fiyat__badge--b2c {
  color: #0f766e;
  border-color: rgba(15, 118, 110, 0.22);
  background: #ccfbf1;
}

#modalHsIlan .modal-hs-fiyat__section .modal-field-group {
  margin: 0;
}

#modalHsIlan .modal-hs-fiyat__section .input {
  background: #fff;
  box-sizing: border-box;
  min-height: 40px;
}

#modalHsIlan .modal-hs-ilan__kargo-badges {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  margin: 6px 0 0;
  width: 100%;
}

#modalHsIlan .modal-hs-ilan__kargo-badges .modal-hs-ilan__kargo-limit-status {
  margin: 0;
}

#modalHsIlan .modal-hs-ilan__kargo-limit-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 6px 10px;
  border-radius: var(--radius-modal-field);
  font-size: 0.76rem;
  line-height: 1.35;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 40px;
}

#modalHsIlan .modal-hs-ilan__kargo-limit-status.is-ok {
  color: var(--accent-hover);
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  font-weight: 600;
}

#modalHsIlan .modal-hs-ilan__kargo-limit-status.is-below {
  color: var(--muted, #64748b);
  background: #fff;
  border: 1px solid var(--line);
  font-weight: 500;
}

#modalHsIlan .modal-hs-ilan__kargo-limit-status.is-alici,
#modalHsIlan .modal-hs-ilan__kargo-limit-status.is-satici {
  color: var(--accent-hover);
  background: #fff;
  border: 1px solid var(--accent-border);
  font-weight: 600;
}

#modalHsIlan .modal-hs-ilan__kargo-limit-status__ico {
  display: inline-flex;
  flex-shrink: 0;
  color: inherit;
}

#modalHsIlan .modal-hs-ilan__kargo-wrap {
  margin-top: 0;
}

/* Kargo firmas? select: native kal?n ok yerine ince chevron */
.magaza-kargo-form select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
  cursor: pointer;
}
.magaza-kargo-form select::-ms-expand {
  display: none;
}

.magaza-kargo-form--compact {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.magaza-kargo-form--compact .magaza-kargo-form__toggles {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#modalHsIlan .magaza-kargo-form--compact .magaza-kargo-form__toggles {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#modalHsIlan .magaza-kargo-form--compact .magaza-kargo-form__toggle-row--save {
  grid-column: 1 / -1;
}

.magaza-kargo-form--compact .magaza-kargo-form__toggle-row {
  min-height: 34px;
  padding: 5px 8px 5px 10px;
  flex-wrap: nowrap;
}

.magaza-kargo-form--compact .magaza-kargo-form__toggle-label {
  font-size: 0.82rem;
}

.magaza-kargo-form--compact .magaza-kargo-form__toggle-row--save {
  margin-top: 2px;
}

.magaza-kargo-form--compact .magaza-kargo-form__toggle-row--save .magaza-kargo-form__toggle-label {
  font-size: 0.8rem;
}

.magaza-kargo-form--compact .modal-field-group__legend {
  margin-bottom: 6px;
  padding: 0;
}

#modalHsIlan .magaza-kargo-ozet {
  padding: 10px 12px;
  background: #fff;
}

#modalHsIlan .magaza-kargo-ozet--compact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
}

.magaza-kargo-ozet--compact .magaza-kargo-ozet__inline {
  font-size: 0.82rem;
  color: var(--ink);
  line-height: 1.4;
  min-width: 0;
}

.magaza-kargo-ozet--compact .magaza-kargo-ozet__inline-label {
  font-weight: 600;
  color: var(--muted, #64748b);
}

.magaza-kargo-ozet--compact .magaza-kargo-ozet__actions {
  flex-shrink: 0;
  margin: 0;
}

.magaza-kargo-form__musteri-fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.magaza-kargo-form__toggles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
  gap: 6px;
}

.magaza-kargo-form__toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 36px;
  padding: 6px 8px 6px 10px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #fff;
  cursor: pointer;
  user-select: none;
  flex-wrap: nowrap;
}

.magaza-kargo-form__toggle-row--save {
  margin-top: 6px;
}

.magaza-kargo-form__toggle-label {
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.25;
  min-width: 0;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.magaza-kargo-form__switch {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
}

.magaza-kargo-form__switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.magaza-kargo-form__switch-track {
  position: absolute;
  inset: 0;
  cursor: pointer;
  background: var(--surface-muted);
  border: 1px solid var(--line);
  border-radius: 999px;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.magaza-kargo-form__switch-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 50%;
  transition: transform 0.15s ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.magaza-kargo-form__switch input:checked + .magaza-kargo-form__switch-track {
  background: var(--accent);
  border-color: var(--accent-hover);
}

.magaza-kargo-form__switch input:checked + .magaza-kargo-form__switch-track .magaza-kargo-form__switch-thumb {
  transform: translateX(18px);
}

.magaza-kargo-form__switch input:focus-visible + .magaza-kargo-form__switch-track {
  outline: 2px solid var(--accent-border);
  outline-offset: 2px;
}

.magaza-kargo-form--readonly .magaza-kargo-form__toggle-row {
  cursor: default;
  pointer-events: none;
  opacity: 0.92;
}

.magaza-kargo-ozet {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 10px);
  background: var(--surface-2, #f8fafc);
}

.magaza-kargo-ozet__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.magaza-kargo-ozet__title {
  font-weight: 600;
  font-size: 0.92rem;
}

.magaza-kargo-ozet__dl {
  display: grid;
  gap: 6px;
  margin: 0 0 10px;
  font-size: 0.88rem;
}

.magaza-kargo-ozet__dl dt {
  font-weight: 600;
  color: var(--muted, #64748b);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.magaza-kargo-ozet__dl dd {
  margin: 0;
}

.magaza-kargo-ozet__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Haz?r stok: fiyat g?ncelle ? B2B / B2C b?l?mleri */
#modalHsFiyat .modal-form--hs-fiyat {
  gap: 16px;
}

#modalHsFiyat .modal-hs-ilan__stok-fiyat {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

#modalHsFiyat .modal-hs-ilan__stok-adet {
  margin: 0;
  width: 100%;
  max-width: none;
}

#modalHsFiyat .modal-hs-ilan__stok-input {
  max-width: none;
}

#modalHsFiyat .modal-hs-fiyat__sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  width: 100%;
  align-items: start;
}

#modalHsFiyat .modal-hs-fiyat__section--b2b {
  grid-column: 1;
  grid-row: 1;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

#modalHsFiyat .modal-hs-fiyat__stok-slot {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-self: start;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  margin-top: 0;
}

#modalHsFiyat .modal-hs-fiyat__section--b2c-top {
  grid-column: 1;
  grid-row: 2;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

#modalHsFiyat .modal-hs-fiyat__sections:not(:has(.modal-hs-fiyat__b2c-kargo-slot:not([hidden]))) .modal-hs-fiyat__section--b2c-top {
  padding-bottom: 0;
}

#modalHsFiyat .modal-hs-fiyat__b2c-kargo-slot {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-self: start;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  margin-top: 0;
}

#modalHsFiyat .modal-hs-fiyat__b2c-kargo-slot[hidden] {
  display: none;
}

#modalHsFiyat .modal-hs-fiyat__section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

#modalHsFiyat .modal-hs-fiyat__section-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#modalHsFiyat .modal-hs-fiyat__channel-switch {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
}

#modalHsFiyat .modal-hs-fiyat__channel-switch .magaza-kargo-form__switch {
  justify-self: auto;
}

#modalHsFiyat .modal-hs-fiyat__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid rgba(30, 64, 175, 0.18);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1e3a8a;
  background: #dbeafe;
  flex-shrink: 0;
  line-height: 1.2;
  box-sizing: border-box;
}

#modalHsFiyat .modal-hs-fiyat__badge--b2c {
  color: #0f766e;
  border-color: rgba(15, 118, 110, 0.22);
  background: #ccfbf1;
}

#modalHsFiyat .modal-hs-fiyat__section-title {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #334155;
  line-height: 1.35;
  white-space: normal;
}

#modalHsFiyat .modal-hs-fiyat__section .modal-field-group {
  margin: 0;
}

#modalHsFiyat .modal-hs-fiyat__section .input {
  background: #fff;
  box-sizing: border-box;
  min-height: 40px;
}

#modalHsIlan .modal-hs-fiyat__section-head--embed-spacer,
#modalHsFiyat .modal-hs-fiyat__section-head--embed-spacer {
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}

#modalHsIlan .modal-hs-fiyat__section--b2b .modal-hs-stok__controls--embed,
#modalHsFiyat .modal-hs-fiyat__section--b2b .modal-hs-stok__controls--embed,
#modalHsIlan .modal-hs-fiyat__stok-slot .modal-hs-stok__controls--embed,
#modalHsFiyat .modal-hs-fiyat__stok-slot .modal-hs-stok__controls--embed {
  align-items: stretch;
  flex: none;
  width: 100%;
  gap: 0;
}

#modalHsIlan .modal-hs-fiyat__section--b2b .modal-hs-stok__controls--embed .modal-hs-ilan__stok-adet,
#modalHsFiyat .modal-hs-fiyat__section--b2b .modal-hs-stok__controls--embed .modal-hs-ilan__stok-adet,
#modalHsIlan .modal-hs-fiyat__stok-slot .modal-hs-stok__controls--embed .modal-hs-ilan__stok-adet,
#modalHsFiyat .modal-hs-fiyat__stok-slot .modal-hs-stok__controls--embed .modal-hs-ilan__stok-adet {
  margin: 0;
  width: 100%;
  gap: 6px;
}

/* Fiyat input ile stok stepper ? ayn? y?kseklik */
#modalHsIlan .modal-hs-fiyat__section--b2b > .modal-field-group > .input,
#modalHsFiyat .modal-hs-fiyat__section--b2b > .modal-field-group > .input,
#modalHsIlan .modal-hs-fiyat__section--b2b .modal-hs-stok__stepper,
#modalHsFiyat .modal-hs-fiyat__section--b2b .modal-hs-stok__stepper,
#modalHsIlan .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper,
#modalHsFiyat .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper {
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

#modalHsIlan .modal-hs-fiyat__section--b2b .modal-hs-stok__stepper,
#modalHsFiyat .modal-hs-fiyat__section--b2b .modal-hs-stok__stepper,
#modalHsIlan .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper,
#modalHsFiyat .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper {
  max-width: none;
  width: 100%;
}

/* Fiyat / stok / kargo ? ortak alan etiketi + hizalama bo?lu?u */
#modalHsIlan .modal-hs-fiyat__sections .modal-field-group > label,
#modalHsFiyat .modal-hs-fiyat__sections .modal-field-group > label,
#modalHsIlan .modal-hs-fiyat__label-spacer,
#modalHsFiyat .modal-hs-fiyat__label-spacer {
  display: block;
  min-height: calc(0.72rem * 1.35);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.35;
}

#modalHsIlan .modal-hs-fiyat__label-spacer,
#modalHsFiyat .modal-hs-fiyat__label-spacer {
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}

#modalHsIlan .modal-hs-fiyat__sections .magaza-kargo-form--compact .modal-field-group__legend,
#modalHsFiyat .modal-hs-fiyat__sections .magaza-kargo-form--compact .modal-field-group__legend {
  margin: 0;
  padding: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
  line-height: 1.35;
}

/* Kargo formu: B2C ile ayn? ba?l?k ? etiket ? kontrol ritmi */
#modalHsIlan .modal-hs-fiyat__b2c-kargo-slot > #hsKargoFormPanel,
#modalHsFiyat .modal-hs-fiyat__b2c-kargo-slot > #hsFiyatKargoFormPanel,
#modalHsIlan .modal-hs-fiyat__b2c-kargo-slot .magaza-kargo-form--compact,
#modalHsFiyat .modal-hs-fiyat__b2c-kargo-slot .magaza-kargo-form--compact,
#modalHsIlan .modal-hs-fiyat__b2c-kargo-slot .magaza-kargo-form__musteri-fieldset,
#modalHsFiyat .modal-hs-fiyat__b2c-kargo-slot .magaza-kargo-form__musteri-fieldset {
  display: contents;
}

#modalHsIlan .modal-hs-fiyat__b2c-kargo-slot .magaza-kargo-form__toggles,
#modalHsFiyat .modal-hs-fiyat__b2c-kargo-slot .magaza-kargo-form__toggles {
  padding-top: calc(0.72rem * 1.35 + 6px);
}

/* G?m?l? stok stepper ? B2B s?tun temas? (turuncu yerine slate) */
#modalHsIlan .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper:focus-within,
#modalHsFiyat .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper:focus-within {
  border-color: #64748b;
  box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.14);
}

#modalHsIlan .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper-btn:hover:not(:disabled),
#modalHsFiyat .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper-btn:hover:not(:disabled) {
  background: #f1f5f9;
  color: #475569;
}

#modalHsIlan .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper-input,
#modalHsFiyat .modal-hs-fiyat__stok-slot .modal-hs-stok__stepper-input {
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
  height: 100%;
  min-height: 0 !important;
}

#modalHsFiyat .modal-hs-ilan__kargo-badges {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  margin: 6px 0 0;
  width: 100%;
}

#modalHsFiyat .modal-hs-ilan__kargo-badges .modal-hs-ilan__kargo-limit-status {
  margin: 0;
}

#modalHsFiyat .modal-hs-ilan__kargo-limit-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px;
  border-radius: var(--radius-modal-field);
  font-size: 0.76rem;
  line-height: 1.35;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 40px;
}

#modalHsFiyat .modal-hs-ilan__kargo-limit-status.is-ok {
  color: var(--accent-hover);
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  font-weight: 600;
}

#modalHsFiyat .modal-hs-ilan__kargo-limit-status.is-below {
  color: var(--muted, #64748b);
  background: #fff;
  border: 1px solid var(--line);
  font-weight: 500;
}

#modalHsFiyat .modal-hs-ilan__kargo-limit-status.is-alici,
#modalHsFiyat .modal-hs-ilan__kargo-limit-status.is-satici {
  color: var(--accent-hover);
  background: #fff;
  border: 1px solid var(--accent-border);
  font-weight: 600;
}

#modalHsFiyat .modal-hs-ilan__kargo-limit-status__ico {
  display: inline-flex;
  flex-shrink: 0;
  color: inherit;
}

#modalHsFiyat .modal-hs-fiyat__optik-note {
  margin: 0;
  padding: 10px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #991b1b;
}

/* 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-ilan-pick__search {
  display: block;
  width: calc(100% - 20px);
  margin: 10px 10px 6px;
}

#modalHsIlan .hs-ilan-pick__empty {
  padding: 10px 12px;
}

#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,
  #modalKatalogTalepAc .modal-ilan-ac__spec-grid,
  #modalKatalogGuncelleme .modal-ilan-ac__spec-grid,
  #modalKatalogGuncelleme .modal-urun-ekle__marka-kat,
  #modalHsIlan .modal-hs-fiyat__sections,
  #modalHsFiyat .modal-hs-fiyat__sections {
    grid-template-columns: 1fr;
  }

  #modalHsIlan .modal-hs-fiyat__section--b2b,
  #modalHsFiyat .modal-hs-fiyat__section--b2b {
    grid-column: auto;
    grid-row: auto;
    border: none;
    border-radius: 0;
    padding: 0;
  }

  #modalHsIlan .modal-hs-fiyat__section--b2c-top,
  #modalHsFiyat .modal-hs-fiyat__section--b2c-top {
    grid-column: auto;
    grid-row: auto;
    border: none;
    border-radius: 0;
    padding: 0;
  }

  #modalHsIlan .modal-hs-fiyat__section--b2c,
  #modalHsFiyat .modal-hs-fiyat__section--b2c {
    grid-column: auto;
    grid-row: auto;
  }

  #modalHsIlan .modal-hs-fiyat__stok-slot,
  #modalHsFiyat .modal-hs-fiyat__stok-slot {
    grid-column: auto;
    grid-row: auto;
    margin-top: 0;
    border: none;
    border-radius: 0;
    padding: 0;
  }

  #modalHsIlan .modal-hs-fiyat__b2c-kargo-slot,
  #modalHsFiyat .modal-hs-fiyat__b2c-kargo-slot {
    grid-column: auto;
    grid-row: auto;
    margin-top: 0;
    border: none;
    border-radius: 0;
    padding: 0;
  }

  #modalHsIlan .modal-hs-fiyat__section--stok,
  #modalHsFiyat .modal-hs-fiyat__section--stok {
    flex-direction: column;
    align-items: stretch;
  }

  #modalHsIlan .modal-hs-stok__controls,
  #modalHsFiyat .modal-hs-stok__controls {
    align-items: stretch;
  }

  #modalHsIlan .modal-hs-stok__stepper,
  #modalHsFiyat .modal-hs-stok__stepper,
  #modalHsIlan .modal-hs-stok__hint,
  #modalHsFiyat .modal-hs-stok__hint {
    max-width: none;
  }

  #modalHsIlan .modal-hs-stok__hint,
  #modalHsFiyat .modal-hs-stok__hint {
    text-align: left;
  }
}

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

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

.marka-combo {
  position: relative;
}

.marka-combo__control {
  position: relative;
}

.marka-combo__input {
  width: 100%;
}

.marka-combo__input--clearable {
  padding-right: 2.35rem;
}

/* Multi: selected values as compact chips under the search input */
.marka-combo--multi .marka-combo__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  min-width: 0;
}

.marka-combo--multi .marka-combo__chips[hidden] {
  display: none !important;
}

.marka-combo__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  padding: 3px 4px 3px 8px;
  border-radius: var(--radius-sm);
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #0f172a;
  font-size: 0.8125rem;
  line-height: 1.25;
}

.marka-combo__chip-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marka-combo__chip-swatch {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
  flex: 0 0 auto;
}

.marka-combo__chip-icon {
  width: 14px;
  height: 14px;
  object-fit: contain;
  flex: 0 0 auto;
}

.marka-combo__chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: #64748b;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}

.marka-combo__chip-remove:hover,
.marka-combo__chip-remove:focus {
  background: #e2e8f0;
  color: #0f172a;
  outline: none;
}

.marka-combo__stacked {
  position: absolute;
  left: 12px;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  min-width: 0;
  pointer-events: none;
}

.marka-combo__stacked[hidden] {
  display: none !important;
}

.marka-combo__stacked-parent {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--ink-muted);
}

.marka-combo__stacked-parent[hidden] {
  display: none !important;
}

.marka-combo__stacked-child {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* Leaf-only selected text: match Marka combo input (normal weight), not hierarchical bold */
  font-size: inherit;
  font-weight: 400;
  line-height: 1.25;
  color: var(--ink);
}

.marka-combo.has-stacked-value .marka-combo__input {
  min-height: 48px;
}

.marka-combo.has-stacked-value:not(.is-editing) .marka-combo__input {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  caret-color: transparent !important;
}

#modalHsIlan .marka-combo.has-stacked-value .marka-combo__input,
#modalKatalogTalepAc .marka-combo.has-stacked-value .marka-combo__input,
#modalIlanAc .marka-combo.has-stacked-value .marka-combo__input,
#modalUrunEkle .marka-combo.has-stacked-value .marka-combo__input,
#modalKatalogGuncelleme .marka-combo.has-stacked-value .marka-combo__input {
  min-height: 48px;
}

#modalHsIlan .marka-combo.has-stacked-value:not(.is-editing) .marka-combo__input,
#modalKatalogTalepAc .marka-combo.has-stacked-value:not(.is-editing) .marka-combo__input,
#modalIlanAc .marka-combo.has-stacked-value:not(.is-editing) .marka-combo__input,
#modalUrunEkle .marka-combo.has-stacked-value:not(.is-editing) .marka-combo__input,
#modalKatalogGuncelleme .marka-combo.has-stacked-value:not(.is-editing) .marka-combo__input {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  caret-color: transparent !important;
}

.marka-combo.has-stacked-value:not(.is-editing) .marka-combo__input::placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.marka-combo.has-stacked-value.is-editing .marka-combo__input {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  caret-color: auto !important;
}

.marka-combo.has-stacked-value.is-editing .marka-combo__stacked {
  display: none !important;
}

.marka-combo.has-stacked-value:not(.is-editing) .marka-combo__stacked {
  z-index: 2;
}

.marka-combo__dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 30;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
}

.marka-combo__dropdown[hidden] {
  display: none !important;
}

.marka-combo__dropdown--portal {
  position: fixed;
  left: 0;
  right: auto;
  top: auto;
  /* Modal (3000/3200) ?st?nde; #modalAlert/#modalConfirm (3400) alt?nda */
  z-index: 2147483300;
}

.marka-combo__dropdown--portal .marka-combo__list--in-panel {
  max-height: min(50vh, 320px);
}

.marka-combo__list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 8px 6px 12px;
  border-bottom: 1px solid var(--line);
  background: var(--surface-muted, #f8fafc);
  flex-shrink: 0;
}

.marka-combo__list-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.marka-combo__list-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--ink-muted);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}

.marka-combo__list-close:hover,
.marka-combo__list-close:focus {
  background: var(--surface);
  color: var(--ink);
  outline: none;
}

.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__list--in-panel {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  z-index: auto;
  max-height: min(36vh, 240px);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.marka-combo__option {
  display: flex;
  align-items: center;
  gap: 8px;
  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__swatch {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
  flex: 0 0 auto;
}

.marka-combo__opt-icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex: 0 0 auto;
}

.marka-combo__opt-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

/* Multi: bo? kutu; se?ilince soft vurgu + beyaz kutu i?inde accent tik */
.marka-combo--multi .marka-combo__option {
  position: relative;
  padding: 8px 10px 8px 2.15rem;
  font-weight: 400;
  color: var(--ink);
  background: transparent;
}

.marka-combo--multi .marka-combo__option::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  border-radius: 4px;
  border: 1.5px solid #cbd5e1;
  background: #fff;
  box-sizing: border-box;
}

.marka-combo--multi .marka-combo__option:hover,
.marka-combo--multi .marka-combo__option:focus {
  background: var(--surface-muted, #f8fafc);
  outline: none;
}

.marka-combo--multi .marka-combo__option:hover::before,
.marka-combo--multi .marka-combo__option:focus::before {
  border-color: #94a3b8;
}

.marka-combo__option--selected,
.marka-combo--multi .marka-combo__option--selected {
  font-weight: 600;
  background: var(--accent-soft);
  color: var(--accent);
}

.marka-combo--multi .marka-combo__option--selected::before {
  border-color: var(--accent);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%230f766e' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6.2 5 8.7 9.5 3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.72rem 0.72rem;
  box-shadow: none;
}

body.mode-admin .marka-combo--multi .marka-combo__option--selected::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%232563eb' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6.2 5 8.7 9.5 3.5'/%3E%3C/svg%3E");
}

.marka-combo--multi .marka-combo__option--selected:hover,
.marka-combo--multi .marka-combo__option--selected:focus {
  background: var(--accent-soft);
  color: var(--accent-hover);
}

.marka-combo--multi .marka-combo__option--selected:hover::before,
.marka-combo--multi .marka-combo__option--selected:focus::before {
  border-color: var(--accent-hover);
}

.marka-combo__group {
  padding: 8px 10px 4px;
  margin: 0;
  list-style: none;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.marka-combo__option--child {
  padding-left: 22px;
  font-size: 0.9rem;
  position: relative;
}

.marka-combo__option--child::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-radius: 50%;
  background: var(--accent, #2563eb);
  opacity: 0.45;
}

.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);
}

/* Sekmeli ilan modallar?: footer form i?inde i? i?e ? kart alt ?eridine hizala */
#modalHsIlan .hs-ilan-modal-panel > form.modal-form > .modal-footer,
#modalIlanAc .hs-ilan-modal-panel > form.modal-form > .modal-footer,
#modalKatalogTalepAc .hs-ilan-modal-panel > form.modal-form > .modal-footer {
  margin-top: 16px;
  margin-left: calc(-1 * var(--modal-inset-x, 22px));
  margin-right: calc(-1 * var(--modal-inset-x, 22px));
  margin-bottom: calc(-1 * var(--modal-inset-b, 22px));
  padding: 16px var(--modal-inset-x, 22px) 20px;
  border-top: 1px solid var(--line);
  background: #ffffff;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.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,
#modalKatalogTalepAc .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,
#modalKatalogTalepAc .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,
#modalHsIlan .ilan-ku-card__thumb.ku-thumb--ilan-preview,
#modalHsIlan .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,
#modalHsIlan .ilan-ku-card__thumb.ku-thumb--ilan-preview {
  cursor: zoom-in;
}

#modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-empty,
#modalHsIlan .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,
#modalHsIlan .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,
#modalHsIlan .ilan-ku-card__thumb.ku-thumb--ilan-avatar{
  background:#fff;
}
#modalIlanAc .ilan-ku-card__thumb.ku-thumb--ilan-avatar img,
#modalHsIlan .ilan-ku-card__thumb.ku-thumb--ilan-avatar img{
  object-fit:contain;
  padding:10px 8px;
  background:#fff;
}

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

#modalIlanAc .ilan-ku-card__grid,
#modalHsIlan .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,
#modalHsIlan .ilan-ku-card__grid--mid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 8px;
  padding: 8px 8px 10px;
}

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

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

#modalIlanAc .ilan-ku-card__row,
#modalHsIlan .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,
#modalHsIlan .ilan-ku-card__row:last-child {
  border-bottom: 0;
}

#modalIlanAc .ilan-ku-card__label,
#modalHsIlan .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,
#modalHsIlan .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,
#modalHsIlan .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,
  #modalHsIlan .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,
  #modalHsIlan .ilan-ku-card__thumb.ku-thumb--ilan-preview,
  #modalHsIlan .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,
  #modalHsIlan .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,
  #modalHsIlan .ilan-ku-card__grid--mid {
    padding: 8px;
    gap: 6px;
  }

  #modalIlanAc .ilan-ku-card__row,
  #modalHsIlan .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;
}

/* Adet d?zenle modal: Vazge? + Kaydet yan yana */
#modalSorguAdetDuzenle .modal-footer{
  flex-wrap: nowrap;
}
#modalSorguAdetDuzenle .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;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: min(96vw, 1200px);
  max-height: 90vh;
  background: #fff;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-float);
  overflow: hidden;
}

.img-lightbox--product {
  padding: 0;
}

.img-lightbox--product .img-lightbox-backdrop {
  background: #fff;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.img-lightbox--product .img-lightbox-figure {
  width: 100vw;
  max-width: none;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  border-radius: 0;
  box-shadow: none;
}

.img-lightbox--product .img-lightbox-stage {
  flex: 1 1 auto;
  min-height: 0;
}

.img-lightbox--product .img-lightbox-stage img {
  max-width: min(92vw, 1400px);
  max-height: calc(100dvh - 90px);
}

.img-lightbox--product .img-lightbox-slideshow-controls {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  width: auto;
}

.img-lightbox--product .img-lightbox-thumbs-track {
  justify-content: center;
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.img-lightbox-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 12px 0;
  min-height: 0;
}

.img-lightbox-thumbs {
  --lightbox-toolbar-size: 48px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid var(--line, #e8ecf2);
  background: #fff;
  flex-wrap: wrap;
}

.img-lightbox-slideshow-controls {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.slideshow-speed {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.slideshow-speed__label {
  flex: 0 0 auto;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  color: #64748b;
  white-space: nowrap;
}

.slideshow-speed__list {
  display: inline-flex;
  align-items: stretch;
  height: var(--lightbox-toolbar-size);
  overflow: hidden;
  border: 2px solid #e8ecf2;
  border-radius: var(--radius-sm);
  background: #fff;
}

.slideshow-speed__btn {
  min-width: 2.5rem;
  height: 100%;
  margin: 0;
  padding: 0 12px;
  border: 0;
  border-right: 1px solid #e8ecf2;
  background: transparent;
  color: #64748b;
  font-family: var(--font);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.slideshow-speed__btn:last-child {
  border-right: 0;
}

.slideshow-speed__btn:hover {
  background: #f8fafc;
  color: #0f172a;
}

.slideshow-speed__btn:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: -2px;
  z-index: 1;
}

.slideshow-speed__btn.is-active {
  background: #f0fdfa;
  color: var(--accent, #0f766e);
}

@media (max-width: 560px) {
  .img-lightbox-thumbs {
    align-items: stretch;
    padding: 10px 12px;
    gap: 12px;
  }

  .img-lightbox-slideshow-controls {
    width: 100%;
    justify-content: flex-start;
  }

  .img-lightbox-thumbs-track {
    width: 100%;
    flex: 1 1 100%;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    padding-top: 12px;
    border-top: 1px solid #e8ecf2;
  }
}

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

.img-lightbox-thumbs-track {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-left: 4px;
  padding-left: 16px;
  border-left: 1px solid #e8ecf2;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

.img-lightbox-thumbs-track::-webkit-scrollbar {
  height: 6px;
}

.img-lightbox-thumbs-track::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}

.img-lightbox-thumb {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--lightbox-toolbar-size, 48px);
  height: var(--lightbox-toolbar-size, 48px);
  margin: 0;
  padding: 6px;
  box-sizing: border-box;
  border: 2px solid #e8ecf2;
  border-radius: var(--radius-sm);
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.img-lightbox-thumb:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.img-lightbox-thumb.is-active {
  border-color: var(--accent, #0f766e);
  background: #f0fdfa;
}

.img-lightbox-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.img-lightbox-play {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--lightbox-toolbar-size, 48px);
  height: var(--lightbox-toolbar-size, 48px);
  margin: 0;
  padding: 0;
  border: 2px solid #e8ecf2;
  border-radius: var(--radius-sm);
  background: #fff;
  color: #0f172a;
  font-family: var(--font);
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.img-lightbox-play:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.img-lightbox-play:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 2px;
}

.img-lightbox-play.is-playing {
  background: var(--accent, #0f766e);
  border-color: var(--accent, #0f766e);
  color: #fff;
}

.img-lightbox-play-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  font-size: 0.8rem;
  line-height: 1;
}

.img-lightbox-play-icon--pause {
  display: none;
  font-size: 0.7rem;
  letter-spacing: -0.08em;
}

.img-lightbox-play.is-playing .img-lightbox-play-icon--play {
  display: none;
}

.img-lightbox-play.is-playing .img-lightbox-play-icon--pause {
  display: inline-flex;
}

.img-lightbox-stage img {
  display: block;
  max-width: 100%;
  max-height: min(calc(90vh - 120px), 820px);
  width: auto;
  height: auto;
  object-fit: contain;
}

.img-lightbox-nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #0f172a;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 28px rgba(2, 6, 23, 0.28);
  transform: translateY(-50%);
  transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.img-lightbox-nav:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.05);
  box-shadow: 0 10px 32px rgba(2, 6, 23, 0.32);
}

.img-lightbox-nav:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.img-lightbox-nav--prev {
  left: 12px;
}

.img-lightbox-nav--next {
  right: 12px;
}

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

@media (max-width: 768px) {
  .img-lightbox-stage {
    touch-action: pan-y pinch-zoom;
  }

  .img-lightbox-nav {
    display: none !important;
  }

  .img-lightbox--product .img-lightbox-stage img {
    max-width: 100%;
    max-height: calc(100dvh - 90px);
  }

  .img-lightbox--product .img-lightbox-slideshow-controls {
    width: auto;
  }

  .img-lightbox--product .img-lightbox-thumbs-track {
    flex: 1 1 auto;
    padding-top: 0;
    border-top: 0;
  }
}

.img-lightbox-x {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  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 .site-brand-logo--auth {
  margin-bottom: 4px;
}

.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: var(--radius-lg);
  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: var(--radius-lg);
  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: var(--radius-md);
  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: var(--radius-md);
  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(13, 148, 136, 0.42);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 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: var(--radius-sm);
  background: #0d9488;
  box-shadow: none;
}

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

.page-login .auth-login-card .btn-ghost {
  padding-top: 13px;
  padding-bottom: 13px;
  border-radius: var(--radius-sm);
  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__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 0;
}

.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 ayar formu: b?l?mleri ayr? kutulara ay?r */
.mode-admin .admin-eposta-form{
  gap: 14px;
}
.mode-admin .admin-settings-section{
  grid-column: 1 / -1;
  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);
}
.mode-admin .admin-settings-section__head{
  margin: 0 0 14px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}
.mode-admin .admin-settings-section__head .section-label{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0f172a;
  font-size: 0.85rem;
  font-weight: 650;
}
.mode-admin .admin-settings-section__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 18px;
}
.mode-admin .admin-settings-section__grid--verify{
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}
.mode-admin .admin-settings-section__stack{
  display: grid;
  gap: 12px;
}
@media (max-width: 900px){
  .mode-admin .admin-settings-section__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .mode-admin .admin-settings-section__grid,
  .mode-admin .admin-settings-section__grid--verify{
    grid-template-columns: 1fr;
  }
}

/* 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);
  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;
  text-transform: none;
  letter-spacing: 0.02em;
}
.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--import.is-current{
  border-color: rgba(3, 105, 161, 0.32);
  background: #f0f9ff;
}
.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,
.profil-statu-bilgi__rozet.has-tip::before,
.profil-statu-bilgi__rozet.has-tip:hover::before,
.profil-statu-bilgi__rozet.has-tip:focus-visible::before{
  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--import{
  background: #e0f2fe;
  color: #075985;
}
.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-card-head .hs-egitim-btn{
  align-self: center;
}
.profil-magaza-footer{
  justify-content: space-between !important;
  align-items: center;
  width: 100%;
}
.profil-basvuru-gonder-wrap{
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.profil-basvuru-gonder-wrap.is-blocked .btn:disabled{
  pointer-events: none;
}
.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(13, 148, 136, 0.45);
}
.firma-tipi-choice__card.is-selected,
.firma-tipi-choice__card:has(.firma-tipi-choice__input:checked){
  border-color: var(--accent, #0d9488);
  box-shadow: 0 0 0 1px rgba(13, 148, 136, 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;
}
/* Dosya input (inset:0) ?stte kalmas?n; Formu ?ndir / Metni oku t?klanabilsin */
.evrak-drop__legal{
  position: relative;
  z-index: 3;
  pointer-events: auto;
}
.evrak-drop__legal a,
.evrak-drop__legal button{
  position: relative;
  z-index: 3;
  pointer-events: auto;
}
.evrak-drop__box.is-passive .evrak-drop__btn{
  pointer-events: none;
}
.evrak-drop__box.is-passive .evrak-drop__legal{
  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: 560px){
  .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, #0d9488) 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__file-meta{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 8px;
  position: relative;
  z-index: 2;
}
.evrak-drop__file-meta .evrak-drop__fname{
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 0;
}
.evrak-drop__remove{
  flex: 0 0 auto;
  margin-left: auto;
  position: relative;
  z-index: 3;
  pointer-events: auto;
  white-space: nowrap;
}
.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;
  z-index: 1;
}
.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: 0;
  padding: 10px 12px 10px 40px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(22, 163, 74, 0.28);
  color: #14532d;
  font-weight: 600;
  font-size: 0.88rem;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background-color: rgba(255, 255, 255, 0.85);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' rx='4' fill='%2316a34a'/%3E%3Cpath d='M4.2 9.1L7.3 12.1L13.8 5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 12px 12px;
  background-size: 18px 18px;
}
.evrak-grid--flat .evrak-drop__box.has-file [data-file-name],
.card .evrak-drop__box.has-file [data-file-name]{
  margin-top: 0;
  padding: 0 0 0 28px;
  border: none;
  background-color: transparent;
  background-position: left 2px;
  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: 0 0 2px;
  line-height: 1.3;
}
.evrak-drop__box.has-file [data-file-name]::after{
  content: none;
  display: none;
}
.evrak-drop__preview{
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 140px;
  margin-top: 10px;
  margin-right: auto;
  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: #134e4a;
  background: rgba(255, 237, 213, 0.95);
  border: 1px solid rgba(13, 148, 136, 0.25);
}
.evrak-drop__pdf-tag::before{
  content: "PDF";
  margin-right: 6px;
  padding: 2px 5px;
  border-radius: var(--radius-sm);
  font-size: 0.65rem;
  font-weight: 800;
  background: #0d9488;
  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="url"],
input[type="password"],
input[type="file"],
input[type="number"],
input[type="search"],
input[type="datetime-local"],
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-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}
.jobs-form__section-header .jobs-form__section-title{
  margin-bottom: 0;
}
.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;
}
.panel-il-combo{
  position: relative;
  min-width: 0;
}
.panel-il-combo__trigger{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 12px 34px 12px 14px;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-modal-field, var(--radius-sm));
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-size: 0.95rem;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  appearance: none;
  box-shadow: none;
  transition: border-color 0.2s, box-shadow 0.2s, color 0.2s, background-color 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235b6478' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.panel-il-combo__trigger.is-placeholder{
  color: #94a3b8;
}
.panel-il-combo__trigger:disabled{
  opacity: 1;
  background: #fff;
  color: #94a3b8;
  border-color: #cbd5e1;
  cursor: not-allowed;
}
.panel-il-combo__trigger:focus,
.panel-il-combo__trigger:focus-visible{
  outline: none;
}
.panel-il-combo__trigger[aria-expanded="true"]{
  border-color: #94a3b8;
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.22);
}
.jobs-form--modal .panel-il-ilce-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: start;
}
.jobs-form--modal .panel-il-ilce-row > div{
  min-width: 0;
}
@media (max-width: 720px){
  .jobs-form--modal .panel-il-ilce-row{
    grid-template-columns: 1fr;
  }
}
.panel-il-combo__panel{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 120;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
}
.panel-il-combo__panel[hidden]{
  display: none !important;
}
.panel-il-combo__search{
  margin: 0;
  border: none;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
}
.panel-il-combo__search:focus{
  outline: none;
  box-shadow: inset 0 0 0 2px rgba(37, 99, 235, 0.2);
}
.panel-il-combo__list{
  max-height: min(38vh, 240px);
  overflow-y: auto;
  margin: 0;
  padding: 4px;
  list-style: none;
}
.panel-il-combo__option{
  display: block;
  width: 100%;
  margin: 0;
  padding: 9px 10px;
  border: 0;
  border-radius: calc(var(--radius-md) - 2px);
  background: transparent;
  font: inherit;
  text-align: left;
  color: inherit;
  cursor: pointer;
}
.panel-il-combo__option:hover,
.panel-il-combo__option:focus,
.panel-il-combo__option.is-active{
  background: var(--surface-muted, #f1f5f9);
  outline: none;
}
.panel-il-combo__option.is-selected{
  background: rgba(37, 99, 235, 0.1);
  font-weight: 600;
}
.panel-il-combo__option.is-selected.is-active{
  background: rgba(37, 99, 235, 0.18);
}
.panel-il-combo__option[hidden]{
  display: none;
}
.panel-il-combo__empty{
  margin: 0;
  padding: 10px 12px;
  color: var(--ink-muted);
  font-size: 0.88rem;
}
.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);
  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;
}
.hs-iptal-ceza-notice{
  font-size: 0.88rem;
  margin-top: 0;
}

/* ?? 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;
}

/* Devir ilan? a? / d?zenle: i? ilan? modal? ile ayn? d?zen */
#modalDevirCreate .modal-header h2,
#modalDevirEdit .modal-header h2{
  color: var(--ink);
  font-size: 1.1rem;
  font-weight: 650;
}
#modalDevirCreate .modal-store-line strong,
#modalDevirEdit .modal-store-line strong{
  color: var(--ink-muted);
  font-weight: 600;
}
#modalDevirCreate input:focus,
#modalDevirCreate select:focus,
#modalDevirCreate textarea:focus,
#modalDevirEdit input:focus,
#modalDevirEdit select:focus,
#modalDevirEdit textarea:focus,
#modalJobCreate .panel-il-combo__trigger:focus,
#modalJobEdit .panel-il-combo__trigger:focus,
#modalCihazCreate .panel-il-combo__trigger:focus,
#modalCihazEdit .panel-il-combo__trigger:focus,
#modalDevirCreate .panel-il-combo__trigger:focus,
#modalDevirEdit .panel-il-combo__trigger:focus{
  border-color: #94a3b8;
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.22);
}
#modalDevirCreate .modal-footer .btn-primary,
#modalDevirEdit .modal-footer .btn-primary{
  background: var(--panel-2, #1f2937);
  box-shadow: none;
}
#modalDevirCreate .modal-footer .btn-primary:hover:not(:disabled),
#modalDevirEdit .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(15, 118, 110, 0.1);
  color: #0f766e;
  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: center;
  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%);
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
body.mode-admin .jobs-filter--ilan-akislari .jobs-filter__search--destek-admin .admin-paket-search{
  flex: 1 1 auto;
  min-width: 0;
}
body.mode-admin .jobs-filter--ilan-akislari .jobs-filter__durum-list:has(.admin-filter-tabs--sub){
  flex: 1 1 auto;
  width: auto;
  display: flex;
  justify-content: flex-start;
}
body.mode-admin .jobs-filter--ilan-akislari .admin-filter-tabs--sub .detail-tab{
  white-space: nowrap;
}

/* Urun Akislari - iade alt sekmeler (filtre sat?r?n?n alt?) */
body.mode-admin .admin-ilan-akislari-page .card > .admin-filter-tabs--sub {
  margin-left: 0;
  margin-right: 0;
  justify-content: flex-start;
}
/* Urun Akislari: odemeler kart/satir stili */
body.mode-admin .simple--ilan-akislari{
  table-layout:fixed;
  width:100%;
  min-width:1080px;
  border-collapse:separate;
  border-spacing:0 10px;
}
body.mode-admin .table-wrap--ilan-akislari{
  overflow-x:auto;
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
}
body.mode-admin .table-wrap--ilan-akislari .simple--ilan-akislari{
  margin:0;
}
body.mode-admin .simple--ilan-akislari col.col-ia-akis,
body.mode-admin .simple--ilan-akislari .col-ia-akis{ width:10.5rem; }
body.mode-admin .simple--ilan-akislari col.col-ia-urun,
body.mode-admin .simple--ilan-akislari .col-ia-urun{ width:32%; }
body.mode-admin .simple--ilan-akislari col.col-ia-magaza,
body.mode-admin .simple--ilan-akislari .col-ia-magaza{ width:14%; }
body.mode-admin .simple--ilan-akislari col.col-ia-teklif,
body.mode-admin .simple--ilan-akislari .col-ia-teklif{ width:4.75rem; }
body.mode-admin .simple--ilan-akislari col.col-ia-yayin,
body.mode-admin .simple--ilan-akislari .col-ia-yayin{ width:6.5rem; }
body.mode-admin .simple--ilan-akislari col.col-ia-siparis,
body.mode-admin .simple--ilan-akislari .col-ia-siparis{ width:8.5rem; }
body.mode-admin .simple--ilan-akislari col.col-ia-islem,
body.mode-admin .simple--ilan-akislari .col-ia-islem{ width:11.5rem; }

body.mode-admin .simple--ilan-akislari thead th,
body.mode-admin .table-wrap--ilan-akislari table.simple.simple--ilan-akislari thead th{
  box-sizing:border-box;
  padding:8px 12px;
  font-size:0.68rem;
  font-weight:600;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--ink-muted, #64748b);
  background:#f8fafc;
  border-top:1px solid #e8edf3;
  border-bottom:1px solid #e8edf3;
  border-left:none;
  border-right:1px solid #eef2f6;
  white-space:nowrap;
  vertical-align:bottom;
  text-align:left;
}
body.mode-admin .simple--ilan-akislari thead th:first-child,
body.mode-admin .table-wrap--ilan-akislari table.simple.simple--ilan-akislari thead th:first-child{
  border-left:1px solid #e8edf3;
  border-radius:0;
}
body.mode-admin .simple--ilan-akislari thead th:last-child,
body.mode-admin .table-wrap--ilan-akislari table.simple.simple--ilan-akislari thead th:last-child{
  border-right:1px solid #e8edf3;
  border-radius:0;
}
body.mode-admin .simple--ilan-akislari thead th.col-num,
body.mode-admin .simple--ilan-akislari thead th.col-center,
body.mode-admin .simple--ilan-akislari thead th.col-actions,
body.mode-admin .table-wrap--ilan-akislari table.simple.simple--ilan-akislari thead th.col-num,
body.mode-admin .table-wrap--ilan-akislari table.simple.simple--ilan-akislari thead th.col-center,
body.mode-admin .table-wrap--ilan-akislari table.simple.simple--ilan-akislari thead th.col-actions{
  text-align:center;
}
body.mode-admin .simple--ilan-akislari tbody tr.odeme-row > td{
  box-sizing:border-box;
  vertical-align:top;
  padding:14px 12px;
  background:#fff;
  border-top:1px solid #e8edf3;
  border-bottom:1px solid #e8edf3;
  border-left:none;
  border-right:1px solid #eef2f6;
  overflow:hidden;
  white-space:normal;
}
body.mode-admin .simple--ilan-akislari tbody tr.odeme-row > td:first-child{
  border-left:1px solid #e8edf3;
  border-radius:10px 0 0 10px;
}
body.mode-admin .simple--ilan-akislari tbody tr.odeme-row > td:last-child{
  border-right:1px solid #e8edf3;
  border-radius:0 10px 10px 0;
}
body.mode-admin .table-wrap--ilan-akislari table.simple.simple--ilan-akislari tbody tr:hover td,
body.mode-admin .simple--ilan-akislari tbody tr.odeme-row:hover > td{
  background:#fff;
  border-color:#e8edf3;
  border-right-color:#eef2f6;
}
body.mode-admin .simple--ilan-akislari tbody tr.odeme-row:hover > td:first-child{
  border-left-color:#e8edf3;
}
body.mode-admin .simple--ilan-akislari tbody tr.odeme-row:hover > td:last-child{
  border-right-color:#e8edf3;
}
body.mode-admin .simple--ilan-akislari tbody tr.table-empty > td{
  border:none;
  background:transparent;
  padding:24px 12px;
}
body.mode-admin .simple--ilan-akislari th.col-num,
body.mode-admin .simple--ilan-akislari td.col-num{
  text-align:center;
  font-variant-numeric:tabular-nums;
}
body.mode-admin .simple--ilan-akislari th.col-actions,
body.mode-admin .simple--ilan-akislari td.col-actions{
  text-align:center;
  vertical-align:top;
}
body.mode-admin .simple--ilan-akislari .cell-odeme-stack{
  max-width:0;
}
body.mode-admin .simple--ilan-akislari .ilan-akislari-teklif-count{
  color:#a94442;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
/* ?r?n h?cresi: metin + g?rsel s??s?n (tek-s?tun grid override a?a??da, odeme-urun-line?dan sonra) */
body.mode-admin .simple--ilan-akislari td.col-ia-urun{
  max-width:none;
  white-space:normal;
  overflow:hidden;
  vertical-align:middle;
}
body.mode-admin .simple--ilan-akislari td.col-ia-islem .admin-odeme-islem-cell--stack{
  gap:6px;
}
body.mode-admin .admin-ilan-akislari-page .simple--ilan-akislari-iade thead th {
  padding: 10px 10px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-bottom: 1px solid var(--line, #e2e8f0);
  border-left: 1px solid rgba(226, 232, 240, 0.7);
  white-space: nowrap;
}
body.mode-admin .admin-ilan-akislari-page .simple--ilan-akislari-iade thead th:first-child {
  border-left: none;
}

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 .jobs-filter__durum-list{
  flex: 1 1 auto;
  width: auto;
  justify-content: flex-start;
}
body.mode-admin .jobs-filter--odemeler .jobs-filter__durum-list:has(.admin-filter-tabs--sub),
body.mode-admin .jobs-filter--odemeler .jobs-filter__durum-list:has(.admin-odemeler-tabs){
  flex: 1 1 auto;
  width: auto;
  display: flex;
  justify-content: flex-start;
}
body.mode-admin .jobs-filter--odemeler .admin-filter-tabs--sub .detail-tab,
body.mode-admin .jobs-filter--odemeler .admin-odemeler-tabs .detail-tab{
  white-space: nowrap;
}
/* ?demeler / Pazaryeri durum sekmeleri: kutu (chip) stili */
body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs{
  margin-top: 0;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs .detail-tab{
  flex: 0 0 auto;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 0.8125rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
}
body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs .detail-tab + .detail-tab{
  border-left: 1px solid var(--line);
}
body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs .detail-tab:hover{
  background: var(--accent-soft);
  border-color: var(--accent-border);
  color: var(--ink);
}
body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs .detail-tab.is-active,
body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs .detail-tab[aria-current="page"]{
  background: var(--surface);
  border-color: var(--accent-border);
  color: var(--accent);
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(2, 6, 23, 0.08), inset 0 -2px 0 var(--accent);
}
body.mode-admin .jobs-filter--odemeler .admin-odemeler-tabs .detail-tab .nav-pulse-dot,
body.mode-admin .jobs-filter--odemeler .admin-odemeler-tabs .detail-tab--bekleyen-pulse .odeme-aktarim-pulse-dot{
  right: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 2px var(--surface);
}
/* Mobil: arama ?stte, durum chip?leri 2 s?tun ?zgara (d?zensiz wrap / ta?ma yok) */
@media (max-width: 720px){
  body.mode-admin .jobs-filter--odemeler.jobs-filter--destek-admin .jobs-filter__row--destek-admin{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  body.mode-admin .jobs-filter--odemeler .jobs-filter__search--destek-admin{
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  body.mode-admin .jobs-filter--odemeler .jobs-filter__durum-list:has(.admin-odemeler-tabs),
  body.mode-admin .jobs-filter--odemeler.jobs-filter--destek-admin .jobs-filter__durum-list:has(.admin-odemeler-tabs){
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-content: stretch;
  }
  body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    max-width: 100%;
    flex-wrap: unset;
    align-items: stretch;
    justify-content: stretch;
  }
  body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs .detail-tab{
    flex: none;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 40px;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
  }
  body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs .detail-tab + .detail-tab{
    border-left: 1px solid var(--line);
  }
  /* Tek kalan son sekme t?m sat?r? kaplas?n */
  body.mode-admin .jobs-filter--odemeler .detail-tabs.detail-tabs--cats.admin-odemeler-tabs .detail-tab:last-child:nth-child(odd){
    grid-column: 1 / -1;
  }
}
body.mode-admin .odeme-tab-count{
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
  margin-left: 6px;
}
body.mode-admin .detail-tab.is-active .odeme-tab-count{
  opacity: 1;
}
body.mode-admin .odeme-tab-count--warn{
  color: var(--sip-warn, #b45309);
}
body.mode-admin .admin-filter-tabs--sub .detail-tab--aktarim-warn.is-active,
body.mode-admin .admin-odemeler-tabs .detail-tab--aktarim-warn.is-active{
  border-color: var(--accent-border);
}

/* Admin L1 ? durum filtreleri: kare segmented track (hub tile ile yar??maz) */
body.mode-admin .detail-tabs.detail-tabs--cats.destek-admin-durum-tabs{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 2px;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3px;
  background: var(--surface-muted);
  border: 1px solid var(--line);
  box-shadow: none;
  overflow: visible;
}
body.mode-admin .detail-tabs.detail-tabs--cats.destek-admin-durum-tabs .detail-tab{
  flex: 0 0 auto;
  height: var(--sip-l1-h, 34px);
  min-height: var(--sip-l1-h, 34px);
  padding: 0 14px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink-muted);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
}
body.mode-admin .detail-tabs.detail-tabs--cats.destek-admin-durum-tabs .detail-tab:hover{
  background: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  color: var(--ink);
}
body.mode-admin .detail-tabs.detail-tabs--cats.destek-admin-durum-tabs .detail-tab.is-active,
body.mode-admin .detail-tabs.detail-tabs--cats.destek-admin-durum-tabs .detail-tab[aria-current="page"]{
  background: var(--surface);
  border-color: transparent;
  color: var(--accent);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 var(--accent);
}
body.mode-admin .detail-tabs.detail-tabs--cats.destek-admin-durum-tabs .detail-tab:focus{
  outline: none;
}
body.mode-admin .detail-tabs.detail-tabs--cats.destek-admin-durum-tabs .detail-tab:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

/* Admin L2 ? alt g?r?n?m (?r?n ak??lar?, iade, vb.): kutu (chip) stili */
body.mode-admin .detail-tabs.admin-filter-tabs--sub{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
body.mode-admin .detail-tabs.admin-filter-tabs--sub .detail-tab{
  flex: 0 0 auto;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
  color: var(--ink-muted);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
body.mode-admin .detail-tabs.admin-filter-tabs--sub .detail-tab + .detail-tab{
  border-left: 1px solid var(--line);
}
body.mode-admin .detail-tabs.admin-filter-tabs--sub .detail-tab:hover{
  background: var(--accent-soft);
  border-color: var(--accent-border);
  color: var(--ink);
}
body.mode-admin .detail-tabs.admin-filter-tabs--sub .detail-tab.is-active,
body.mode-admin .detail-tabs.admin-filter-tabs--sub .detail-tab[aria-current="page"]{
  background: var(--surface);
  border-color: var(--accent-border);
  color: var(--accent);
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(2, 6, 23, 0.08), inset 0 -2px 0 var(--accent);
}

/* Admin - Urun Akislari: sabit sutun oranlari (detay page override ile) */
body.mode-admin .simple--ilan-akislari {
  table-layout: fixed;
  min-width: 1120px;
}
body.mode-admin .simple--ilan-akislari col.col-gorsel,
body.mode-admin .simple--ilan-akislari col.col-ut-gorsel { width: 76px; }
body.mode-admin .simple--ilan-akislari col.col-ut-urun { width: 18%; }
body.mode-admin .simple--ilan-akislari col.col-ut-marka { width: 11%; }
body.mode-admin .simple--ilan-akislari col.col-ut-magaza { width: 14%; }
body.mode-admin .simple--ilan-akislari col.col-ia-teklif { width: 58px; }
body.mode-admin .simple--ilan-akislari col.col-ia-fiyat { width: 5.75rem; }
body.mode-admin .simple--ilan-akislari col.col-ia-stok { width: 52px; }
body.mode-admin .simple--ilan-akislari col.col-ia-yayin { width: 5.25rem; }
body.mode-admin .simple--ilan-akislari col.col-ia-siparis { width: 6.5rem; }
body.mode-admin .simple--ilan-akislari col.col-ia-tarih { width: 7rem; }
body.mode-admin .simple--ilan-akislari col.col-ut-islem { width: 188px; }
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;
}

/* Admin ? Destek talepleri: ?demeler kart-sat?r stili */
body.mode-admin .simple--destek-admin{
  table-layout: fixed;
  width: 100%;
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .table-wrap--destek-admin{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .table-wrap--destek-admin .simple--destek-admin{
  margin: 0;
}
body.mode-admin .simple--destek-admin col.col-da-no{ width: 9%; }
body.mode-admin .simple--destek-admin col.col-da-magaza{ width: 24%; }
body.mode-admin .simple--destek-admin col.col-da-uye{ width: 10%; }
body.mode-admin .simple--destek-admin col.col-da-konu{ width: 18%; }
body.mode-admin .simple--destek-admin col.col-da-durum{ width: 10%; }
body.mode-admin .simple--destek-admin col.col-da-guncelleme{ width: 16%; }
body.mode-admin .simple--destek-admin col.col-da-islem{ width: 13%; }
body.mode-admin .simple--destek-admin thead th,
body.mode-admin .table-wrap--destek-admin table.simple.simple--destek-admin thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .simple--destek-admin thead th:first-child{
  border-left: 1px solid #e8edf3;
}
body.mode-admin .simple--destek-admin thead th:last-child{
  border-right: 1px solid #e8edf3;
}
body.mode-admin .simple--destek-admin thead th.col-num,
body.mode-admin .simple--destek-admin thead th.col-center,
body.mode-admin .simple--destek-admin thead th.col-actions,
body.mode-admin .simple--destek-admin thead th.col-da-durum,
body.mode-admin .simple--destek-admin thead th.col-da-islem{
  text-align: center;
}
body.mode-admin .simple--destek-admin tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .simple--destek-admin tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .simple--destek-admin tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
}
body.mode-admin .table-wrap--destek-admin table.simple.simple--destek-admin tbody tr:hover td,
body.mode-admin .simple--destek-admin tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .simple--destek-admin tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .simple--destek-admin tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .simple--destek-admin tbody tr.table-empty > td{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .simple--destek-admin td.col-num,
body.mode-admin .simple--destek-admin td.col-center,
body.mode-admin .simple--destek-admin td.col-actions,
body.mode-admin .simple--destek-admin td.col-da-durum,
body.mode-admin .simple--destek-admin td.col-da-islem{
  text-align: center;
}
body.mode-admin .simple--destek-admin .cell-ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0;
}
body.mode-admin .simple--destek-admin .odeme-stack{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.mode-admin .simple--destek-admin .odeme-stack__primary{
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
}
body.mode-admin .simple--destek-admin .odeme-field__value{
  display: block;
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
}
body.mode-admin .simple--destek-admin .odeme-field__value.muted{
  color: var(--ink-muted, #64748b);
}
body.mode-admin .simple--destek-admin td.col-da-islem .admin-odeme-islem-cell{
  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;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.job-card{
  border: 1px solid var(--line);
  background: #fff;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
  padding: 14px 16px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

/* 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;
  min-width: 0;
  width: 100%;
}

.devir-head__title{
  min-width: 0;
  flex: 1 1 auto;
}

.devir-head > .badge{
  flex: 0 0 auto;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.devir-head .job-card__title{
  margin: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.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;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.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: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px 14px;
  min-width: 0;
  width: 100%;
}

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

.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: minmax(0, 1fr); }
  .jobs-grid{ grid-template-columns: minmax(0, 1fr); }
  .job-card,
  .devir-card{
    width: 100%;
    max-width: 100%;
    padding: 12px 12px 12px;
  }
  .devir-head{
    gap: 8px;
  }
  .devir-head > .badge{
    max-width: 34%;
    font-size: 0.72rem;
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* ?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 .trade-top-tabs:has(.trade-feed-tabs) .trade-top-tabs__right{
    justify-content: flex-end;
  }
  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(15, 118, 110, 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;
}
/* Ana sayfa: E?itim Videosu | ba?l?k (tek sat?r) | tarih sekmeleri */
.jobs-create-card .card-head.card-head--dash-home{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px 12px;
  width: 100%;
}
.jobs-create-card .card-head.card-head--dash-home > .hs-egitim-btn,
.jobs-create-card .card-head.card-head--dash-home > .trade-toolbar-btn--video{
  flex: 0 0 auto;
  order: 1;
}
.jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h{
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  order: 2;
  white-space: nowrap;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  color: var(--ink);
  line-height: 1.2;
}
.jobs-create-card .card-head.card-head--dash-home .card-head__dash-tools{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
  justify-content: flex-end;
  margin-left: auto;
  order: 3;
}
.jobs-create-card .card-head.card-head--dash-home .card-head__lead{
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 1 auto;
  min-width: 0;
  order: 2;
}
.jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h{
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  color: var(--ink);
  line-height: 1.2;
}
.jobs-create-card .card-head.card-head--dash-home .card-head__lead .trade-toolbar-btn--video,
.jobs-create-card .card-head.card-head--dash-home .card-head__lead .hs-egitim-btn{
  flex-shrink: 0;
  align-self: center;
}
.jobs-create-card .card-head.card-head--dash-home .card-head__actions{
  flex: 1 1 100%;
  margin-left: 0;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
}
@media (min-width: 900px){
  .jobs-create-card .card-head.card-head--dash-home .card-head__actions{
    flex: 0 1 auto;
    margin-left: auto;
    justify-content: flex-end;
    width: auto;
  }
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h,
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h,
  body.mode-admin .jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h,
  body.mode-admin .jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h{
    letter-spacing: 0.015em;
  }
}
@media (min-width: 1400px){
  .jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h,
  .jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h{
    font-size: 0.92rem;
  }
}
/* Ana sayfa ?st kart ? mobil: ba?l?k ?stte; alt?nda E?itim | Tarih Se? (e?it boy) */
@media (max-width: 900px){
  .jobs-create-card.jobs-create-card--tight:has(.card-head--dash-home){
    min-height: 0;
    padding: 10px 12px;
    align-items: stretch;
    overflow: hidden;
  }
  .jobs-create-card .card-head.card-head--dash-home{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "title title"
      "video range";
    align-items: stretch;
    gap: 10px 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  /* head i?ine s?zm?? script/style d?zeni bozmas?n */
  .jobs-create-card .card-head.card-head--dash-home > script,
  .jobs-create-card .card-head.card-head--dash-home > style{
    display: none !important;
  }
  .jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h{
    grid-area: title;
    order: unset;
    flex: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-size: 0.88rem;
    font-weight: 750;
    letter-spacing: 0.01em;
    line-height: 1.3;
    text-align: center;
  }
  .jobs-create-card .card-head.card-head--dash-home > .hs-egitim-btn,
  .jobs-create-card .card-head.card-head--dash-home > .trade-toolbar-btn--video{
    grid-area: video;
    order: unset;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 44px;
    height: auto;
    justify-content: center;
    padding: 10px 8px;
    box-sizing: border-box;
  }
  .jobs-create-card .card-head.card-head--dash-home .card-head__dash-tools{
    grid-area: range;
    order: unset;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
    flex: none;
  }
  .jobs-create-card .card-head.card-head--dash-home .card-head__dash-tools > .range-tabs--home-extended,
  .jobs-create-card .card-head.card-head--dash-home .card-head__dash-tools > .range-tabs--sheet{
    display: flex;
    align-items: stretch;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
  }
  .jobs-create-card .card-head.card-head--dash-home .card-head__dash-tools .range-tab--sheet-open{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 44px;
    height: auto;
    justify-content: center;
    padding: 10px 8px;
    box-sizing: border-box;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid #cbd5e1;
    border-radius: var(--radius-sm);
    background: #fff;
    color: #64748b;
    white-space: nowrap;
  }
  .jobs-create-card .card-head.card-head--dash-home .card-head__lead{
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
  }
  .jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h{
    flex: none;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 0.88rem;
    font-weight: 750;
    letter-spacing: 0.01em;
    line-height: 1.3;
    text-align: center;
  }
  .jobs-create-card .card-head.card-head--dash-home .card-head__lead .hs-egitim-btn,
  .jobs-create-card .card-head.card-head--dash-home .card-head__lead .trade-toolbar-btn--video{
    width: 100%;
    align-self: stretch;
    justify-content: center;
    min-height: 42px;
    padding: 10px 8px;
  }
  .jobs-create-card .card-head.card-head--dash-home .card-head__actions{
    width: 100%;
  }
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h,
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h,
  body.mode-admin .jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h,
  body.mode-admin .jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h{
    letter-spacing: 0.01em;
  }
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home .range-tab--sheet-open{
    border-color: #cbd5e1;
    color: #64748b;
    background: #fff;
  }
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home .range-tab--sheet-open .ui-icon{
    color: var(--accent);
  }
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home .range-tab--sheet-open.is-active,
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home .range-tab--sheet-open[aria-pressed="true"]{
    background: var(--accent-soft);
    border-color: var(--accent-border);
    color: var(--accent-hover);
  }
}
@media (max-width: 420px){
  .jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h,
  .jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h{
    font-size: 0.8rem;
    letter-spacing: 0;
  }
  .jobs-create-card .card-head.card-head--dash-home > .hs-egitim-btn,
  .jobs-create-card .card-head.card-head--dash-home > .trade-toolbar-btn--video,
  .jobs-create-card .card-head.card-head--dash-home .card-head__dash-tools .range-tab--sheet-open{
    font-size: 0.74rem;
    padding: 10px 6px;
  }
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h,
  body.mode-panel .jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h,
  body.mode-admin .jobs-create-card .card-head.card-head--dash-home > .jobs-create-title__h,
  body.mode-admin .jobs-create-card .card-head.card-head--dash-home .card-head__lead .jobs-create-title__h{
    letter-spacing: 0;
  }
}
.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(15, 118, 110, 0.35);
}
.trade-toolbar-btn--video:not(:disabled):hover{
  border-color: var(--accent);
  background: rgba(15, 118, 110, 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(15, 118, 110, 0.45);
  background: rgba(15, 118, 110, 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 ile ayn? boyut */
.panel-geri-don-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: stretch;
  box-sizing: border-box;
  padding: 12px 14px;
  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;
}
.panel-geri-don-btn .ui-icon{
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  color: #475569;
}
.panel-geri-don-btn:hover{
  border-color: var(--line-strong);
  color: #334155;
  background: #fff;
}
.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 > .hs-egitim-btn,
.hs-search-toolbar__row > .panel-geri-don-btn{
  align-self: stretch;
  min-width: 10.5rem;
  box-sizing: border-box;
}
@media (max-width: 720px){
  /* E?itim + arama: sat?r ve alanlar ekran enine yay?l?r */
  body.mode-panel .hs-search-toolbar,
  body.mode-panel .trade-toolbar.hs-search-toolbar{
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  body.mode-panel .hs-search-toolbar__row{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    min-width: 0;
    gap: 8px;
  }
  body.mode-panel .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .hs-search-toolbar__row > .panel-geri-don-btn{
    width: 100%;
    min-width: 0;
    max-width: 100%;
    justify-content: center;
    min-height: 44px;
  }
  body.mode-panel .hs-search-toolbar__row .hs-search-toolbar__field,
  body.mode-panel .hs-search-toolbar__row .trade-toolbar__q-cat-row,
  body.mode-panel .hs-search-toolbar__row .panel-egitim-toolbar__fields{
    flex: 1 1 auto;
    width: 100%;
    max-width: 100% !important;
    min-width: 0;
  }
  body.mode-panel .hs-search-toolbar .trade-toolbar__q-cat-row > .trade-toolbar__q,
  body.mode-panel .hs-search-toolbar .trade-toolbar__q,
  body.mode-panel .hs-search-toolbar .hs-search-toolbar__input,
  body.mode-panel .hs-search-toolbar input.input{
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    box-sizing: border-box;
  }
  body.mode-panel .hs-search-toolbar > .trade-toolbar__right,
  body.mode-panel .trade-toolbar.hs-search-toolbar > .trade-toolbar__right{
    flex: 0 0 auto;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    justify-items: stretch;
    align-items: stretch;
    gap: 8px;
    box-sizing: border-box;
  }
  body.mode-panel .hs-search-toolbar > .trade-toolbar__right > .btn,
  body.mode-panel .hs-search-toolbar > .trade-toolbar__right > a.btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar > .trade-toolbar__right > .btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar > .trade-toolbar__right > a.btn{
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: none;
    justify-self: stretch;
    justify-content: center;
    min-height: 44px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    box-sizing: border-box;
  }
  body.mode-panel .hs-search-toolbar > .trade-toolbar__right > .btn > span:not(.ui-icon),
  body.mode-panel .hs-search-toolbar > .trade-toolbar__right > a.btn > span:not(.ui-icon),
  body.mode-panel .trade-toolbar.hs-search-toolbar > .trade-toolbar__right > .btn > span:not(.ui-icon),
  body.mode-panel .trade-toolbar.hs-search-toolbar > .trade-toolbar__right > a.btn > span:not(.ui-icon){
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ?r?n Talep A? | Favorilerim | E?itim Videosu yan yana; arama altta; di?er sa? aksiyonlar tam sat?r */
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn),
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn){
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar),
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc),
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc),
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar),
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc),
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc){
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row{
    display: contents;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .hs-egitim-btn{
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 44px;
    height: 44px;
    justify-content: center;
    align-self: start;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar) > .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc) > .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc) > .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar) > .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc) > .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc) > .hs-search-toolbar__row > .hs-egitim-btn{
    grid-column: 3;
    height: auto;
    min-height: 52px;
    padding: 6px 4px;
    gap: 3px;
    flex-direction: column;
    font-size: 0.65rem;
    line-height: 1.15;
    white-space: normal;
    text-align: center;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .hs-search-toolbar__field,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .trade-toolbar__q-cat-row,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .panel-egitim-toolbar__fields,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .hs-search-toolbar__field,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .trade-toolbar__q-cat-row,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .panel-egitim-toolbar__fields{
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    max-width: none !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right{
    display: contents;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .hs-favoriler-toolbar-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .hs-favoriler-toolbar-btn{
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 44px;
    height: 44px;
    justify-content: center;
    align-self: start;
    box-sizing: border-box;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar) > .trade-toolbar__right > .hs-favoriler-toolbar-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc) > .trade-toolbar__right > .hs-favoriler-toolbar-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc) > .trade-toolbar__right > .hs-favoriler-toolbar-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar) > .trade-toolbar__right > .hs-favoriler-toolbar-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc) > .trade-toolbar__right > .hs-favoriler-toolbar-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc) > .trade-toolbar__right > .hs-favoriler-toolbar-btn{
    height: auto;
    min-height: 52px;
    padding: 6px 4px;
    gap: 3px;
    flex-direction: column;
    font-size: 0.65rem;
    line-height: 1.15;
    white-space: normal;
    text-align: center;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnIlanAcToolbar,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnKatalogTalepAc,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnHsIlanAc,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnIlanAcToolbar,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnKatalogTalepAc,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnHsIlanAc{
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 52px;
    padding: 6px 4px;
    gap: 3px;
    flex-direction: column;
    font-size: 0.65rem;
    line-height: 1.15;
    white-space: normal;
    text-align: center;
    justify-content: center;
    align-self: start;
    box-sizing: border-box;
  }
  /* Kampanyalar | Sepetim: birlikte %50-%50 yan yana; yaln?zken tam sat?r */
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .panel-kampanyalar-toolbar-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .panel-kampanyalar-toolbar-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .hs-sepet-toolbar-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .hs-sepet-toolbar-btn{
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    justify-content: center;
    box-sizing: border-box;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(.hs-sepet-toolbar-btn) > .trade-toolbar__right > .panel-kampanyalar-toolbar-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(.hs-sepet-toolbar-btn) > .trade-toolbar__right > .panel-kampanyalar-toolbar-btn{
    width: calc((100% - 8px) / 2);
    max-width: calc((100% - 8px) / 2);
    justify-self: start;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(.panel-kampanyalar-toolbar-btn) > .trade-toolbar__right > .hs-sepet-toolbar-btn,
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(.panel-kampanyalar-toolbar-btn) > .trade-toolbar__right > .hs-sepet-toolbar-btn{
    width: calc((100% - 8px) / 2);
    max-width: calc((100% - 8px) / 2);
    justify-self: end;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .btn:not(.hs-favoriler-toolbar-btn):not(#btnIlanAcToolbar):not(#btnKatalogTalepAc):not(#btnHsIlanAc):not(.panel-kampanyalar-toolbar-btn):not(.hs-sepet-toolbar-btn),
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > a.btn:not(.hs-favoriler-toolbar-btn):not(#btnIlanAcToolbar):not(#btnKatalogTalepAc):not(#btnHsIlanAc):not(.panel-kampanyalar-toolbar-btn):not(.hs-sepet-toolbar-btn),
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .btn:not(.hs-favoriler-toolbar-btn):not(#btnIlanAcToolbar):not(#btnKatalogTalepAc):not(#btnHsIlanAc):not(.panel-kampanyalar-toolbar-btn):not(.hs-sepet-toolbar-btn),
  body.mode-panel .hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > a.btn:not(.hs-favoriler-toolbar-btn):not(#btnIlanAcToolbar):not(#btnKatalogTalepAc):not(#btnHsIlanAc):not(.panel-kampanyalar-toolbar-btn):not(.hs-sepet-toolbar-btn){
    grid-column: 1 / -1;
    grid-row: 4;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    justify-content: center;
    box-sizing: border-box;
  }
}

.profile-tab-bar{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  justify-content: center;
}
body.mode-panel .profile-profil-shell{
  margin-top: 14px;
}
body.mode-panel .profile-profil-body{
  margin-top: 14px;
}
body.mode-panel .profile-profil-body > .detail-panel{
  margin-top: 0;
}
body.mode-panel .profile-profil-body > .profile-layout,
body.mode-panel .profile-profil-body > .ent-page,
body.mode-panel .profile-profil-body > .card:first-child{
  margin-top: 0;
}
body.mode-panel .profile-profil-body > .detail-panel > .card.mt-md:first-child,
body.mode-panel .profile-profil-body > .detail-panel > .profile-layout.mt-md:first-child{
  margin-top: 0;
}
body.mode-panel .profile-profil-body > .ep-info-callout.mt-md:first-child{
  margin-top: 0;
}
body.mode-panel .panel-profil-head{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
}
body.mode-panel .panel-profil-head .hs-egitim-btn{
  align-self: center;
}
body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs{
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0;
  gap: 8px;
}
body.mode-panel .profile-tab-bar{
  min-height: 46px;
}
@media (min-width: 861px){
  body.mode-panel .profile-tab-bar{
    min-height: 90px;
  }
}
body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs .detail-tab{
  flex: 0 0 auto;
  min-height: 38px;
  height: auto;
  box-sizing: border-box;
  padding: 10px 16px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  color: var(--ink-muted);
  font-weight: 600;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
}
body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs .detail-tab .ui-icon{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: currentColor;
  opacity: 0.88;
}
body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs .detail-tab .nav-pulse-dot{
  right: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 2px var(--surface);
}
body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs .detail-tab:hover{
  background: var(--accent-soft);
  border-color: var(--accent-border);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  color: var(--ink);
}
body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs .detail-tab.is-active,
body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs .detail-tab[aria-current="page"]{
  background: var(--accent-soft);
  border-color: var(--accent-border);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  color: var(--accent);
}
body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs .detail-tab.is-active .ui-icon,
body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs .detail-tab[aria-current="page"] .ui-icon{
  opacity: 1;
}
@media (max-width: 860px){
  body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs{
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }
  body.mode-panel .profile-tab-bar .detail-tabs.profile-profil-tabs .detail-tab{
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
.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,
.range-tab--sheet-open{
  display:inline-flex;
  align-items:center;
  gap: 8px;
}
.range-tab--date .ui-icon,
.range-tab--sheet-open .ui-icon{
  width: 16px;
  height: 16px;
  color: var(--ink);
}
/* Tarih aral???: masa?st? sat?r; mobil alt sheet (ana sayfa + al??/sat??/?ok satanlar) */
.range-tabs--sheet{
  overflow: visible;
}
.range-tabs--home-extended .range-tab{
  padding: 8px 11px;
  font-size: 0.8rem;
}
.range-tabs--sheet .range-tabs__sheet{
  display: contents;
}
.range-tabs--sheet .range-tabs__sheet-panel{
  display: contents;
}
.range-tabs--sheet .range-tabs__sheet-head,
.range-tabs--sheet .range-tabs__group-label{
  display: none;
}
.range-tabs--sheet .range-tabs__presets,
.range-tabs--sheet .range-tabs__group,
.range-tabs--sheet .range-tabs__group-grid,
.range-tabs--sheet .range-tabs__sheet-foot{
  display: contents;
}
/* Masa?st?: sheet a??c? gizli; sekmeler sat?rda */
.range-tabs--sheet .range-tab--sheet-open{
  display: none !important;
}
.range-tabs--sheet .range-tab--date{
  border-right: none;
}
@media (max-width: 980px){
  .range-tabs{ width: 100%; }
  .range-tab{ padding: 10px 12px; flex: 1 0 auto; }
}
/* Mobil/tablet: sadece Tarih Se?; presetler + ?zel tarih sheet i?inde */
@media (max-width: 900px){
  .card-head--dash-home .card-head__actions{
    width: 100%;
  }
  .range-tabs--sheet{
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: stretch;
    gap: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }
  .range-tabs--sheet .range-tab--sheet-open{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid rgba(15, 118, 110, 0.28);
    border-radius: var(--radius-sm);
    background: rgba(15, 118, 110, 0.06);
    color: var(--ink);
    box-shadow: none;
    white-space: nowrap;
  }
  .range-tabs--sheet .range-tab--sheet-open .ui-icon{
    width: 16px;
    height: 16px;
    color: var(--accent);
    flex-shrink: 0;
  }
  .range-tabs--sheet .range-tab--sheet-open.is-active,
  .range-tabs--sheet .range-tab--sheet-open[aria-pressed="true"]{
    background: var(--accent-soft);
    border-color: var(--accent-border);
    color: var(--accent-hover);
  }
  .range-tabs--sheet .range-tab--sheet-open.is-active .ui-icon{
    color: var(--accent-hover);
  }
  /* Sheet / modal */
  .range-tabs--sheet .range-tabs__sheet{
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1200;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    background: rgba(15, 23, 42, 0.45);
  }
  .range-tabs--sheet .range-tabs__sheet.is-open,
  .range-tabs--sheet.is-sheet-open .range-tabs__sheet{
    display: flex;
  }
  .range-tabs--sheet .range-tabs__sheet-panel{
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 440px;
    max-height: min(82vh, 560px);
    margin: 0;
    padding: 0 0 env(safe-area-inset-bottom, 0px);
    border-radius: 16px 16px 0 0;
    background: var(--surface, #fff);
    box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.18);
    overflow: hidden;
  }
  .range-tabs--sheet .range-tabs__sheet-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-shrink: 0;
    padding: 14px 16px 12px;
    border-bottom: 1px solid var(--line);
  }
  .range-tabs--sheet .range-tabs__sheet-title{
    margin: 0;
    font-size: 0.92rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink);
  }
  .range-tabs--sheet .range-tabs__presets{
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 12px 14px 10px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
    flex: 1 1 auto;
  }
  .range-tabs--sheet .range-tabs__group{
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .range-tabs--sheet .range-tabs__group-label{
    display: block;
    margin: 0;
    padding: 0 2px;
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-muted);
  }
  .range-tabs--sheet .range-tabs__group-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
  /* Ana sayfa H?zl?: Bug?n ? D?n ? Ge?en Hafta ? tek sat?r */
  .range-tabs--home-extended .range-tabs__group:first-child .range-tabs__group-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .range-tabs--sheet .range-tabs__presets .range-tab{
    flex: none;
    min-width: 0;
    min-height: 40px;
    padding: 9px 8px;
    font-size: 0.8rem;
    font-weight: 650;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface, #fff);
    box-shadow: none;
    color: var(--ink);
  }
  .range-tabs--sheet .range-tabs__presets .range-tab:hover{
    background: rgba(15, 23, 42, 0.04);
    border-color: #cbd5e1;
  }
  .range-tabs--sheet .range-tabs__presets .range-tab.is-active,
  .range-tabs--sheet .range-tabs__presets .range-tab[aria-pressed="true"]{
    background: var(--accent-soft);
    border-color: var(--accent-border);
    color: var(--accent-hover);
    box-shadow: none;
    font-weight: 700;
  }
  /* "Daha uzun" grubunda 2 se?enek tam sat?ra oturur */
  .range-tabs--home-extended .range-tabs__group:last-child .range-tabs__group-grid .range-tab{
    min-height: 42px;
  }
  .range-tabs--sheet .range-tabs__sheet-foot{
    display: block;
    flex-shrink: 0;
    padding: 10px 14px 12px;
    border-top: 1px solid var(--line);
    background: var(--surface, #fff);
  }
  .range-tabs--sheet .range-tabs__sheet-foot .range-tab--date{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    border: 1px solid rgba(15, 118, 110, 0.32);
    border-radius: var(--radius-md);
    background: rgba(15, 118, 110, 0.07);
    color: var(--ink);
    box-shadow: none;
  }
  .range-tabs--sheet .range-tabs__sheet-foot .range-tab--date .ui-icon{
    width: 16px;
    height: 16px;
    color: var(--accent);
    flex-shrink: 0;
  }
  .range-tabs--sheet .range-tabs__sheet-foot .range-tab--date.is-active,
  .range-tabs--sheet .range-tabs__sheet-foot .range-tab--date[aria-pressed="true"]{
    background: var(--accent-soft);
    border-color: var(--accent-border);
    color: var(--accent-hover);
  }
  .range-tabs--sheet .range-tabs__sheet-foot .range-tab--date.is-active .ui-icon,
  .range-tabs--sheet .range-tabs__sheet-foot .range-tab--date[aria-pressed="true"] .ui-icon{
    color: var(--accent-hover);
  }
}
@media (max-width: 520px){
  .range-tabs--sheet .range-tabs__sheet-panel{
    max-width: 100%;
    max-height: min(86vh, 600px);
  }
  .range-tabs--sheet .range-tabs__presets{
    gap: 12px;
    padding: 10px 12px 8px;
  }
  .range-tabs--sheet .range-tabs__group-grid{
    gap: 5px;
  }
  .range-tabs--sheet .range-tabs__presets .range-tab{
    min-height: 40px;
    padding: 8px 6px;
    font-size: 0.78rem;
  }
  .range-tabs--sheet .range-tabs__sheet-foot{
    padding: 8px 12px 10px;
  }
}

/* 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 .modal-header h2,
body.mode-admin .modal-header h2,
body.mode-panel .page-title,
body.mode-admin .page-title,
body.mode-panel .jobs-create-title__h,
body.mode-admin .jobs-create-title__h,
body.mode-panel .hb-page__title,
body.mode-admin .hb-page__title,
body.mode-panel .wrap .card h2,
body.mode-admin .wrap .card h2,
body.mode-panel .trade-toolbar__title,
body.mode-admin .trade-toolbar__title{
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
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;
  }
}

/* Katalog ?r?n detay modal? ? katalog_urun.php ile ayn? d?zen */
#modalKatalogUrunDetay{
  z-index: 2147483100;
}
#modalKatalogUrunDetay .modal-dialog--katalog-urun-detay{
  width: min(96vw, 1080px);
  max-width: min(96vw, 1080px);
}
#modalKatalogUrunDetay .modal-body{
  overflow-x: hidden;
  overflow-y: auto;
  max-height: min(72vh, 760px);
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment.catalog-detail{
  padding: 0;
  min-width: 0;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .catalog-detail__grid{
  margin-top: 0;
  align-items: start;
  grid-template-columns: minmax(220px, 40%) minmax(0, 1fr);
  gap: 20px;
  min-width: 0;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .catalog-detail__media{
  min-width: 0;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .catalog-detail__info{
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .catalog-detail__info > .card{
  margin-top: 0;
  margin-bottom: 0;
  min-width: 0;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .catalog-detail__card > .section-label + .detail-kv{
  margin-top: 10px;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .hs-detail__title{
  display: none;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 12px;
  overflow: visible;
  position: relative;
  z-index: 2;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .detail-kv{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .detail-kv.detail-kv--3{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .detail-kv__item{
  min-width: 0;
}
#modalKatalogUrunDetay .katalog-urun-detay-fragment .detail-kv__item .v{
  overflow-wrap: anywhere;
  word-break: break-word;
}
#modalKatalogUrunDetay .table-wrap--hs-modal-katalog th:last-child,
#modalKatalogUrunDetay .table-wrap--hs-modal-katalog td:last-child,
#modalHsIlan .table-wrap--hs-modal-katalog th:last-child,
#modalHsIlan .table-wrap--hs-modal-katalog td:last-child,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog th:last-child,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog td:last-child,
#modalIlanAc .table-wrap--hs-modal-katalog th:last-child,
#modalIlanAc .table-wrap--hs-modal-katalog td:last-child{
  min-width: 15rem;
  white-space: nowrap;
  vertical-align: middle;
}
#modalKatalogTalepAc .table-wrap--hs-modal-katalog th:last-child,
#modalKatalogTalepAc .table-wrap--hs-modal-katalog td:last-child {
  min-width: 17.5rem;
}
@media (max-width: 980px){
  #modalKatalogUrunDetay .katalog-urun-detay-fragment .catalog-detail__grid{
    grid-template-columns: 1fr;
  }
}

/* Excel toplu ?r?n modal: kategori + log i?in daha geni? */
#modalAdminTopluUrun .modal-dialog,
#modalHsExcel .modal-dialog {
  max-width: min(96vw, 720px);
}
@media (min-width: 980px) {
  #modalAdminTopluUrun .modal-dialog,
  #modalHsExcel .modal-dialog {
    max-width: min(96vw, 760px);
  }
}

/* Excel toplu ?r?n modal: k?sa ad?m listesi */
#modalKatalogExcel .kt-excel-steps,
#modalHsExcel .kt-excel-steps,
#modalAdminTopluUrun .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,
#modalHsExcel .kt-excel-steps li,
#modalAdminTopluUrun .kt-excel-steps li {
  margin-bottom: 8px;
}
#modalKatalogExcel .kt-excel-steps li:last-child,
#modalHsExcel .kt-excel-steps li:last-child,
#modalAdminTopluUrun .kt-excel-steps li:last-child {
  margin-bottom: 0;
}
#modalHsExcel .hs-excel-dl-row,
#modalAdminTopluUrun .hs-excel-dl-row,
#modalMarkaBannerExcel .hs-excel-dl-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#modalHsExcel .hs-excel-dl-row .btn,
#modalAdminTopluUrun .hs-excel-dl-row .btn,
#modalMarkaBannerExcel .hs-excel-dl-row .btn {
  flex: 1 1 calc(50% - 5px);
  min-width: min(100%, 12rem);
  justify-content: center;
}
#modalAdminTopluUrun .hs-excel-upload-form label,
#modalHsExcel .hs-excel-upload-form label,
#modalMarkaBannerExcel .hs-excel-upload-form label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink-muted);
  text-transform: none;
  letter-spacing: normal;
}
#modalAdminTopluUrun .hs-excel-upload-form input[type="file"],
#modalHsExcel .hs-excel-upload-form input[type="file"],
#modalMarkaBannerExcel .hs-excel-upload-form input[type="file"] {
  width: 100%;
  max-width: 100%;
  padding: 10px 12px;
  font-size: 0.875rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-modal-field);
  background: #fff;
  color: var(--ink);
}
#modalAdminTopluUrun .hs-excel-upload-form .modal-footer,
#modalHsExcel .hs-excel-upload-form .modal-footer,
#modalMarkaBannerExcel .hs-excel-upload-form .modal-footer {
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
#modalAdminTopluUrun .hs-excel-progress,
#modalHsExcel .hs-excel-progress,
#modalMarkaBannerExcel .hs-excel-progress {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-modal-field, 10px);
  background: color-mix(in srgb, var(--surface, #fff) 92%, var(--brand, #1a5cff) 8%);
}
#modalAdminTopluUrun .hs-excel-progress__head,
#modalHsExcel .hs-excel-progress__head,
#modalMarkaBannerExcel .hs-excel-progress__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
#modalAdminTopluUrun .hs-excel-progress__label,
#modalHsExcel .hs-excel-progress__label,
#modalMarkaBannerExcel .hs-excel-progress__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 0;
  min-width: 0;
}
#modalAdminTopluUrun .hs-excel-progress__pct,
#modalHsExcel .hs-excel-progress__pct,
#modalMarkaBannerExcel .hs-excel-progress__pct {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--brand, #1a5cff);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
#modalAdminTopluUrun .hs-excel-progress__track,
#modalHsExcel .hs-excel-progress__track,
#modalMarkaBannerExcel .hs-excel-progress__track {
  position: relative;
  height: 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line-strong, #c9d0da) 55%, #fff);
  overflow: hidden;
}
#modalAdminTopluUrun .hs-excel-progress__fill,
#modalHsExcel .hs-excel-progress__fill,
#modalMarkaBannerExcel .hs-excel-progress__fill {
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: var(--brand, #1a5cff);
  transition: width 0.18s ease;
}
#modalAdminTopluUrun .hs-excel-progress__fill.is-indeterminate,
#modalHsExcel .hs-excel-progress__fill.is-indeterminate,
#modalMarkaBannerExcel .hs-excel-progress__fill.is-indeterminate {
  animation: hs-excel-progress-pulse 1.1s ease-in-out infinite;
}
@keyframes hs-excel-progress-pulse {
  0%, 100% { opacity: 0.55; }
  50% { opacity: 1; }
}
#modalAdminTopluUrun .hs-excel-progress__hint,
#modalHsExcel .hs-excel-progress__hint,
#modalMarkaBannerExcel .hs-excel-progress__hint {
  margin: 8px 0 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
  line-height: 1.4;
  white-space: pre-wrap;
}
#modalAdminTopluUrun .hs-excel-progress__errors,
#modalHsExcel .hs-excel-progress__errors,
#modalMarkaBannerExcel .hs-excel-progress__errors {
  margin: 10px 0 0;
  padding-left: 1.1rem;
  max-height: 11rem;
  overflow: auto;
  font-size: 0.8125rem;
  color: var(--ink);
  line-height: 1.45;
}
#modalAdminTopluUrun .hs-excel-progress__report,
#modalHsExcel .hs-excel-progress__report,
#modalMarkaBannerExcel .hs-excel-progress__report {
  margin: 10px 0 0;
}
#modalAdminTopluUrun .hs-excel-progress__report .btn,
#modalHsExcel .hs-excel-progress__report .btn,
#modalMarkaBannerExcel .hs-excel-progress__report .btn {
  width: 100%;
  justify-content: center;
}
#modalAdminTopluUrun .hs-excel-upload-form.is-busy .modal-footer .btn-primary,
#modalHsExcel .hs-excel-upload-form.is-busy .modal-footer .btn-primary,
#modalMarkaBannerExcel .hs-excel-upload-form.is-busy .modal-footer .btn-primary {
  opacity: 0.7;
  cursor: wait;
}
.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: 96px;
  max-height: 52px;
  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{
  border-color: #6ee7b7;
  background: #d1fae5;
}
.brand-card--stack .brand-card__yetki--auth .v--yetki,
.brand-card--stack .brand-card__yetki--ok .v--yetki{
  color: #047857;
}
.brand-card--stack .brand-card__yetki--auth .v--yetki .ui-icon,
.brand-card--stack .brand-card__yetki--ok .v--yetki .ui-icon{
  color: #059669;
}
.brand-card--stack .brand-card__yetki--wait{
  border-color: #fcd34d;
  background: #fef3c7;
}
.brand-card--stack .brand-card__yetki--wait .v--yetki{
  color: #92400e;
}
.brand-card--stack .brand-card__yetki--wait .v--yetki .ui-icon{
  color: #d97706;
}
.brand-card--stack .brand-card__yetki--none{
  border-color: #818cf8;
  background: #eef2ff;
}
.brand-card--stack .brand-card__yetki--none .v--yetki{
  color: #4338ca;
}
.brand-card--stack .brand-card__yetki--none .v--yetki .ui-icon{
  color: #4f46e5;
}
.brand-card--stack .brand-card__yetki--off{
  border-color: #fca5a5;
  background: #fee2e2;
}
.brand-card--stack .brand-card__yetki--off .v--yetki{
  color: #991b1b;
}
.brand-card--stack .brand-card__yetki--off .v--yetki .ui-icon{
  color: #dc2626;
}
.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: #0f766e;
}
.brand-card--slim.brand-card--has-queue{
  border-color: color-mix(in srgb, var(--panel-accent, #0f766e) 22%, var(--line));
}
body.mode-panel .trade-feed--markalar{
  padding: 12px var(--trade-pad-x) 18px;
}
/* Logo varsa ismi gizle; logo yoksa marka ad? g?r?ns?n (bo? kart olmas?n). */
body.mode-panel .trade-feed--markalar .brand-card__marka:has(.brand-card__logo) .brand-card__name{
  display: none;
}
body.mode-panel .trade-feed--markalar .brand-card--stack .brand-card__logo{
  max-width: 112px;
  max-height: 60px;
}
.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: #d1fae5;
  color: #047857;
  border-color: #6ee7b7;
}
.brand-grid--auth .brand-auth-pill--auth .ui-icon,
.brand-grid--auth .brand-auth-pill--ok .ui-icon{
  color: #059669;
}
.brand-grid--auth .brand-auth-pill--off{
  background: #fee2e2;
  color: #991b1b;
  border-color: #fca5a5;
}
.brand-grid--auth .brand-auth-pill--off .ui-icon{
  color: #dc2626;
}
.brand-grid--auth .brand-auth-pill--wait{
  background: #fef3c7;
  color: #92400e;
  border-color: #fcd34d;
}
.brand-grid--auth .brand-auth-pill--wait .ui-icon{
  color: #d97706;
}
.brand-grid--auth .brand-auth-pill--none{
  background: #eef2ff;
  color: #4338ca;
  border-color: #818cf8;
}
.brand-grid--auth .brand-auth-pill--none .ui-icon{
  color: #4f46e5;
}
.brand-grid--auth .brand-auth-sub{
  font-size: 0.86rem;
  text-align:center;
  max-width: 28ch;
}
.brand-grid--auth .brand-auth-pill--action{
  background: #4f46e5;
  color: #fff;
  border-color: #4338ca;
  cursor: pointer;
}
.brand-grid--auth .brand-auth-pill--action:hover{
  background: #4338ca;
  border-color: #3730a3;
}
.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: minmax(0, 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-lg {
  margin-bottom: 20px;
}

.mb-md {
  margin-bottom: 14px;
}

.mb-sm {
  margin-bottom: 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 / ?st men? tarz?: t?m admin d??meleri hap (999px) */
.mode-admin .btn,
.mode-admin a.btn,
.mode-admin button.btn {
  border-radius: 999px;
}
.mode-admin .btn:not(.btn-sm) {
  padding-left: 1.15rem;
  padding-right: 1.15rem;
}
.mode-admin .btn.btn-sm {
  padding-left: 16px;
  padding-right: 16px;
}

/* Admin: ikon ?stte, metin altta (nav / hub sekmeleriyle ayn? dil) */
body.mode-admin .btn.btn-with-icon:not(.admin-top-super-pill) {
  flex-direction: column;
  gap: 0.2rem;
  line-height: 1.1;
  text-align: center;
}
body.mode-admin .btn.btn-with-icon:not(.admin-top-super-pill) > .ui-icon {
  flex-shrink: 0;
}
body.mode-admin .btn.btn-sm.btn-with-icon:not(.admin-top-super-pill) {
  padding-top: 0.45rem;
  padding-bottom: 0.4rem;
  min-height: 2.5rem;
}
body.mode-admin .btn:not(.btn-sm).btn-with-icon:not(.admin-top-super-pill) {
  padding-top: 0.65rem;
  padding-bottom: 0.55rem;
  gap: 0.28rem;
}

/* Admin form: men? butonlar? gibi k?vr?ml? kutu + a?/kapa switch */
.mode-admin .admin-toggle-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 8px;
}
.mode-admin .admin-toggle-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  user-select: none;
}
.mode-admin .admin-toggle-row:hover{
  border-color: var(--accent-border);
  background: var(--accent-soft);
}
.mode-admin .admin-toggle-row__label{
  font-size: 0.88rem;
  font-weight: 650;
  color: var(--ink);
  line-height: 1.25;
  min-width: 0;
}
.mode-admin .admin-toggle-row .marka-switch{
  width: 42px;
  height: 24px;
  justify-self: auto;
}
.mode-admin .admin-toggle-row .marka-switch-track,
.mode-admin .admin-toggle-row .marka-switch-thumb{
  border-radius: 0;
}
.mode-admin .admin-toggle-row .marka-switch-thumb{
  width: 16px;
  height: 16px;
  left: 3px;
  top: 3px;
}
.mode-admin .admin-toggle-row .marka-switch input:checked + .marka-switch-track .marka-switch-thumb{
  transform: translateX(18px);
}
.mode-admin .check-row{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  font-weight: 600;
  color: var(--ink);
  user-select: none;
}
.mode-admin .check-row input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin: 0;
  flex: 0 0 auto;
  border: 1.5px solid var(--line-strong, #cbd5e1);
  border-radius: 0;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.mode-admin .check-row input[type="checkbox"]:hover{
  border-color: var(--accent);
}
.mode-admin .check-row input[type="checkbox"]:checked{
  border-color: var(--accent);
  background: var(--accent);
  box-shadow: inset 0 0 0 2px #fff;
}
.mode-admin .check-row input[type="checkbox"]:focus-visible{
  outline: 2px solid var(--accent-ring);
  outline-offset: 2px;
}

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

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

.btn-accent-soft {
  background: var(--accent-soft);
  color: var(--accent);
  border: 1px solid var(--accent-border);
  box-shadow: none;
}

.btn-accent-soft:hover:not(:disabled) {
  background: var(--accent-soft);
  border-color: var(--accent);
  color: var(--accent-hover);
  box-shadow: none;
  filter: none;
}

/* Tedarik Bekleyen ? Yetki Belgesi Y?kle rozeti ile ayn? indigo ton */
.btn-yetki-belgesi {
  background: #eef2ff;
  color: #4338ca;
  border: 1px solid #818cf8;
  box-shadow: none;
}
.btn-yetki-belgesi .ui-icon {
  color: #4f46e5;
}
.btn-yetki-belgesi:hover:not(:disabled) {
  background: #e0e7ff;
  color: #3730a3;
  border-color: #6366f1;
  box-shadow: none;
  filter: none;
}
.btn-yetki-belgesi:hover:not(:disabled) .ui-icon {
  color: #4338ca;
}

.btn-hs-fiyat-guncelle {
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fcd34d;
  box-shadow: none;
}

.btn-hs-fiyat-guncelle:hover:not(:disabled) {
  background: #fef3c7;
  border-color: #f59e0b;
  color: #92400e;
  box-shadow: none;
  filter: none;
}

.btn-hs-fiyat-guncelle .ui-icon {
  color: currentColor;
}

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

.panel-geri-don-btn.btn.btn-sm{
  padding: 12px 14px;
  font-size: 0.84rem;
  border: 1px solid #cbd5e1;
  box-shadow: none;
}

.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;
}

/* Panel katalog listesi ? kutulu sat?rlar (arkaplan yok, kartlar ayr?) */
.trade-feed .hs-katalog-picker {
  gap: 14px;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker-table__head--sr {
  display: none;
}

/* Panel ?r?n listeleri ? Al??/Sat?? ile ayn? s?rekli ?er?eve (abart?s?z) */
.trade-feed .table-wrap.table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: none;
  /* overflow-x:auto + overflow-y:visible ? taray?c? y'yi auto yapar, kart i?i scrollbar */
  overflow: visible;
  max-height: none;
  padding: 0;
}

.trade-feed .hs-katalog-picker .trade-pager--client.trade-pager--numbered {
  margin-top: 0;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  background: #fff;
}

.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker-table {
  border-collapse: collapse;
  border-spacing: 0;
  background: transparent;
}

.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker-row td {
  border-top: none;
  border-right: none !important;
  border-bottom: 1px solid rgba(241, 245, 249, 0.95) !important;
  border-left: none;
  background: var(--surface, #fff);
  vertical-align: middle;
  box-shadow: none;
}

.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker-row:last-child td {
  border-bottom: none !important;
}

/* ?lanlar?m ? ?r?nler aras? bo?luk (kal?n ?izgi yerine) */
.trade-feed .table-wrap--katalog-picker.table-wrap--hs-ilanlarim {
  background: var(--surface-muted, #f8fafc);
}
.trade-feed .table-wrap--katalog-picker.table-wrap--hs-ilanlarim .katalog-picker-table {
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
}
.trade-feed .table-wrap--katalog-picker.table-wrap--hs-ilanlarim .katalog-picker-row td {
  border-top: none !important;
  border-bottom: none !important;
}
.trade-feed .table-wrap--katalog-picker.table-wrap--hs-ilanlarim .katalog-picker-row:not(:first-child) > td {
  border-top: 12px solid var(--surface-muted, #f8fafc) !important;
}
.trade-feed .table-wrap--katalog-picker.table-wrap--hs-ilanlarim thead th {
  /* Gri ?erit olmas?n ? sat?rlarla ayn? y?zey */
  background: var(--surface, #fff);
}

.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker-row:hover td {
  background: inherit;
  box-shadow: none;
}

.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker__cell--product,
.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker__cell--pazar,
.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker__cell--party,
.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker__cell--durum,
.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker__cell--aside,
.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker__cell--rank {
  border-left: 1px solid rgba(226, 232, 240, 0.55) !important;
  padding-left: 14px;
}

.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker-row td:first-child,
.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker-row td.katalog-picker__cell--img {
  border-left: none !important;
  border-radius: 0 !important;
}

.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker-row td:last-child {
  border-right: none !important;
  border-radius: 0 !important;
}

.trade-feed .table-wrap--katalog-picker:not(.table-wrap--alis-satis-picker) .katalog-picker__cell--aside {
  padding-right: 12px;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple tbody tr:not(:last-child)::after,
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple thead tr::after {
  display: none;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple tbody tr:not(:last-child) td,
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple thead th {
  border-bottom-color: inherit;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple {
  table-layout: auto;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > thead > tr > th:last-child,
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > tbody > tr > td:last-child {
  width: auto;
  min-width: 9.5rem;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > thead > tr > th:first-child:not(.katalog-picker__head--product):not(.trade-th-check),
body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > tbody > tr > td:first-child:not(.katalog-picker__cell--product):not(.trade-td-check):not(.katalog-picker__cell--check):not(.katalog-picker__cell--rank) {
  width: 112px;
  max-width: 112px;
  min-width: 112px;
}

body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > tbody > tr > td.katalog-picker__cell--img {
  padding: 14px 12px;
}

/* ?ok Satanlar ? Haz?r Stok browse kart ?zgaras? */
.hs-card--cok-satan .cok-satan-card__rank {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.82);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.22);
  pointer-events: none;
}

.hs-card--cok-satan.hs-card--compact .catalog-card__media .catalog-card__link > span {
  position: relative;
}

/* ?ok Satanlar ? s?ra kolonu; g?rsel ?lanlar?m/katalog-picker ile ayn? 88?66 / 112px */
body.mode-panel .trade-feed .table-wrap--cok-satan-picker.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > thead > tr > th:first-child,
body.mode-panel .trade-feed .table-wrap--cok-satan-picker.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > tbody > tr > td.katalog-picker__cell--rank {
  width: 52px;
  max-width: 52px;
  min-width: 52px;
  padding: 14px 8px;
  box-sizing: border-box;
}

/* first-child 112px kural?n? s?ra kolonundan d?? */
body.mode-panel .trade-feed .table-wrap--cok-satan-picker.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > tbody > tr > td:first-child.katalog-picker__cell--rank {
  width: 52px;
  max-width: 52px;
  min-width: 52px;
}

.trade-feed .table-wrap--cok-satan-picker.table-wrap--katalog-picker .katalog-picker-row td.katalog-picker__cell--rank,
.trade-feed .table-wrap--cok-satan-picker .katalog-picker__cell--rank {
  text-align: center;
  vertical-align: middle;
  border-left: none !important;
  padding: 14px 8px !important;
}

.trade-feed .table-wrap--cok-satan-picker .cok-satan-picker__rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  font-size: 0.875rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
  line-height: 1.2;
}

/* ?ok Satanlar ? g?rsel ?r?n h?cresine al?nd?; s?ra kolonu dar kal?r */
body.mode-panel .trade-feed .table-wrap--cok-satan-picker.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > thead > tr > th:nth-child(2).katalog-picker__head--product,
body.mode-panel .trade-feed .table-wrap--cok-satan-picker.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > tbody > tr > td.katalog-picker__cell--product:has(.katalog-picker-product-cell) {
  width: auto;
  max-width: none;
  min-width: 12rem;
  padding: 14px 12px !important;
  white-space: normal;
  vertical-align: middle;
  box-sizing: border-box;
  overflow: visible;
}

.trade-feed .table-wrap--cok-satan-picker .katalog-picker__cell--product {
  width: auto;
  min-width: 12rem;
  max-width: none;
  overflow: visible;
}

/* ?ok Satanlar ? pazar + durum rozetleri ayn? kutu ?l??/dili */
.trade-feed .table-wrap--cok-satan-picker.table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__pzb .badge,
.trade-feed .table-wrap--cok-satan-picker.table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-width: var(--tablo-durum-rozet-w, 7.15rem);
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: var(--radius-md, 8px);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}
.trade-feed .table-wrap--cok-satan-picker.table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__pzb .badge.badge-ok,
.trade-feed .table-wrap--cok-satan-picker.table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-ok {
  border-color: #86efac;
}
.trade-feed .table-wrap--cok-satan-picker.table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__pzb .badge.badge-off,
.trade-feed .table-wrap--cok-satan-picker.table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-off {
  border-color: #fecaca;
}

/* ?ok Satanlar ? en uygun pazar fiyat? (adet / sat?? adedi yok) */
.trade-feed .table-wrap--cok-satan-picker .katalog-picker__cell--cok-satan-price {
  width: 7.5rem;
  min-width: 7.5rem;
  max-width: 9rem;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
}
.trade-feed .table-wrap--cok-satan-picker .cok-satan-picker__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  line-height: 1.25;
}
.trade-feed .table-wrap--cok-satan-picker .cok-satan-picker__price .hs-ilan-item-pazar__metric {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-size: 0.95rem;
  color: #0f172a;
}
.trade-feed .table-wrap--cok-satan-picker .cok-satan-picker__price-hint {
  font-size: 0.72rem;
  line-height: 1.2;
}

/* Mobil: ?r?n sat?r? hover/dokunmada d??ar? ta?mas?n ? kart + ta?ma kesme */
@media (max-width: 720px) {
  body.mode-panel .trade-feed .table-wrap.table-wrap--katalog-picker {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.mode-panel .trade-feed .table-wrap--katalog-picker:not(.table-wrap--cok-satan-picker):not(.table-wrap--hs-ilanlarim) {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
  body.mode-panel .trade-feed .table-wrap--katalog-picker table.simple,
  body.mode-panel .trade-feed .table-wrap--katalog-picker .katalog-picker-table {
    box-sizing: border-box;
  }
  body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > tbody > tr > td:last-child,
  body.mode-panel .trade-feed .table-wrap--panel-katalog.table-wrap--katalog-picker table.simple > thead > tr > th:last-child {
    width: auto !important;
    min-width: 0 !important;
  }
  body.mode-panel .trade-feed .table-wrap--katalog-picker td.katalog-picker__cell--product:has(.katalog-picker-product-cell),
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker .katalog-picker__cell--product {
    min-width: 0 !important;
  }
  body.mode-panel .trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell {
    max-width: 100%;
  }
  body.mode-panel .trade-feed .table-wrap--katalog-picker .katalog-picker-product-cell__img {
    flex: 0 0 64px;
    width: 64px;
    min-width: 64px;
    max-width: 64px;
  }
  body.mode-panel .trade-feed .table-wrap--katalog-picker .katalog-picker__meta-id-chip,
  body.mode-panel .trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
  }

  /* ?ok satanlar: her sat?r kendi kart?, s?tunlar alt alta, overflow-hidden */
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker.table-wrap--katalog-picker {
    background: transparent;
    border: none;
    box-shadow: none;
    overflow: visible;
    padding: 0;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker .katalog-picker-table,
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker table.simple {
    display: block;
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker thead {
    display: none;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: var(--radius-md);
    background: #fff;
    overflow: hidden;
    transform: none;
    box-shadow: none;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row:hover,
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row:focus-within {
    transform: none !important;
    box-shadow: none !important;
    border-color: rgba(226, 232, 240, 0.95);
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row > td {
    display: block;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    overflow: hidden;
    padding: 10px 12px !important;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row > td.katalog-picker__cell--rank {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 4px !important;
    border-right: 1px solid rgba(226, 232, 240, 0.88) !important;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row > td.katalog-picker__cell--product {
    grid-column: 2;
    grid-row: 1;
    padding: 12px 12px 12px 10px !important;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row > td.katalog-picker__cell--cok-satan-price,
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row > td.katalog-picker__cell--pazar,
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row > td.katalog-picker__cell--aside {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(241, 245, 249, 0.98) !important;
    text-align: left;
    white-space: normal;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker .cok-satan-picker__price {
    align-items: flex-start;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row > td.katalog-picker__cell--aside .katalog-picker__actions,
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row > td.katalog-picker__cell--aside .hs-katalog-actions__row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row > td.katalog-picker__cell--aside .btn {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
  }
  /* sat?rlar aras? gri ?erit + hover par?a ta?mas? kapal? */
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker.table-wrap--hs-ilanlarim .katalog-picker-row:not(:first-child) > td {
    border-top-color: inherit !important;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker.table-wrap--hs-ilanlarim .katalog-picker-row:not(:first-child) {
    margin-top: 0;
  }
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row:hover > td,
  body.mode-panel .trade-feed .table-wrap--cok-satan-picker tr.katalog-picker-row:focus-within > td {
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

/* 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: ?demeler kart / filtre stili */
body.mode-admin .admin-markalar-page .admin-markalar-page__head-actions{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
body.mode-admin .admin-markalar-page .admin-toolbar-search--paketler{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
body.mode-admin .admin-markalar-page .admin-toolbar-search--paketler .admin-paket-search{
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}
body.mode-admin .admin-markalar-page .admin-marka-logosuz-toggle .odeme-tab-count{
  margin-left: 4px;
}
body.mode-admin .admin-markalar-page .admin-marka-logosuz-toggle.is-active{
  color: var(--brand, #2563eb);
  border-color: var(--brand, #2563eb);
  background: rgba(37, 99, 235, 0.06);
}
@media (max-width: 560px){
  body.mode-admin .admin-markalar-page .admin-toolbar-search--paketler{
    flex-wrap: wrap;
  }
  body.mode-admin .admin-markalar-page .card-head--ops{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  body.mode-admin .admin-markalar-page .admin-markalar-page__head-actions{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  body.mode-admin .admin-markalar-page .admin-markalar-page__head-actions > .btn{
    width: 100%;
    min-width: 0;
    justify-content: center;
  }
  body.mode-admin .admin-markalar-page .admin-markalar-page__head-actions > .btn:only-child{
    grid-column: 1 / -1;
  }
}

/* Admin ? ?r?n talepleri: ?demeler kart / filtre stili */
body.mode-admin .admin-urunler-talepler-page .admin-urunler-talepler-page__head-actions{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
body.mode-admin .admin-urunler-talepler-page .admin-toolbar-search--paketler{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
body.mode-admin .admin-urunler-talepler-page .admin-toolbar-search--paketler .admin-paket-search{
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}
body.mode-admin .admin-urunler-talepler-page .jobs-filter--odemeler .admin-urun-talep-durum-tabs{
  margin-left: 0;
  margin-right: 0;
}
body.mode-admin .admin-urunler-talepler-page__cats{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
}
body.mode-admin .admin-urunler-talepler-page__cats .panel-urun-tipi-pills{
  width: 100%;
}
body.mode-admin .admin-urunler-talepler-page__cats .panel-urun-tipi-tabs__tab{
  min-height: 5.25rem;
  min-width: 7.5rem;
}
@media (max-width: 560px){
  body.mode-admin .admin-urunler-talepler-page .admin-toolbar-search--paketler{
    flex-wrap: wrap;
  }
  body.mode-admin .admin-urunler-talepler-page .admin-urunler-talepler-page__head-actions{
    width: 100%;
  }
}
body.mode-admin .admin-markalar-page .table-wrap--markalar{
  border-radius: 0;
}
body.mode-admin .admin-markalar-page__actions{
  flex-wrap: nowrap;
  gap: 6px;
  align-items: center;
  justify-content: 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-markalar-page .simple th.col-banner-tools{
  text-align: center;
}

/* Admin ? Markalar: 3 b?lmeli kart (marka ? meta ? i?lem) + 2 s?tun grid */
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .table-wrap--markalar{
  overflow:visible;
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar{
  display:block;
  width:100%;
  min-width:0;
  table-layout:auto;
  border-collapse:separate;
  border-spacing:0;
  margin:0;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar colgroup{
  display:none;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar thead{
  display:none;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  width:100%;
  align-items:stretch;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody tr.table-empty{
  grid-column:1 / -1;
  display:block;
  background:transparent;
  border:none;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody tr.table-empty > td{
  display:block;
  border:none !important;
  background:transparent;
  padding:24px 12px;
  border-radius:0 !important;
}
/* Kart: marka | meta | i?lem ? tek sat?r, sabit meta/i?lem */
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody tr.odeme-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 7.25rem auto;
  grid-template-areas:"marka meta islem";
  align-items:center;
  column-gap:0;
  row-gap:0;
  min-width:0;
  min-height:80px;
  background:#fff;
  border:1px solid #dbe3ee;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(15, 23, 42, 0.05);
  overflow:hidden;
  transition:border-color .15s ease, box-shadow .15s ease;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar-talep tbody tr.odeme-row,
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar-red tbody tr.odeme-row{
  grid-template-columns:minmax(0, 1fr) minmax(9rem, 12rem) auto;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody tr.odeme-row:hover{
  border-color:#c5d0de;
  box-shadow:0 4px 14px rgba(15, 23, 42, 0.07);
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar td.col-mk-marka{ grid-area:marka; }
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar td.col-mk-meta{ grid-area:meta; }
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar td.col-mk-islem{ grid-area:islem; }
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody tr.odeme-row > td,
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .table-wrap--markalar table.simple.simple--markalar tbody tr.odeme-row > td{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  vertical-align:middle;
  padding:12px 14px;
  background:#fff;
  border:none;
  border-radius:0;
  overflow:hidden;
  white-space:normal;
  min-width:0;
  max-width:none;
  align-self:stretch;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .table-wrap--markalar table.simple.simple--markalar tbody tr:hover td,
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody tr.odeme-row:hover > td{
  background:#fff;
}
/* Kimlik: logo + ad + rozetler */
body.mode-admin .simple--markalar td.col-mk-marka{
  max-width:none;
  overflow:hidden;
  padding-right:10px;
}
body.mode-admin .simple--markalar .admin-mk-id,
body.mode-admin .simple--markalar .admin-marka-logo-cell{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  width:100%;
  max-width:100%;
}
body.mode-admin .simple--markalar .admin-mk-id__body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  min-width:0;
  flex:1 1 auto;
}
body.mode-admin .simple--markalar .admin-marka-logo-cell__name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
  font-weight:700;
  font-size:0.95rem;
  line-height:1.2;
  letter-spacing:-0.01em;
  color:var(--ink, #0f172a);
}
body.mode-admin .simple--markalar .admin-mk-chips{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  min-width:0;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-chips .badge{
  width:auto;
  max-width:100%;
  padding:3px 8px;
  font-size:0.65rem;
  font-weight:700;
  letter-spacing:0.04em;
  line-height:1.2;
  border-radius:999px;
  white-space:nowrap;
  text-align:center;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-marka-logo-thumb{
  width:40px;
  height:40px;
  border-radius:10px;
  flex-shrink:0;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  object-fit:contain;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-marka-logo-thumb--empty{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#94a3b8;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-marka-logo-thumb--empty .ui-icon{
  width:18px;
  height:18px;
}
/* Meta: tarih + toggle / talep bilgisi ? sabit genislik, ortali yigin */
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar td.col-mk-meta{
  justify-content:center;
  padding-left:8px;
  padding-right:8px;
  border-left:1px solid #eef2f6;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-width:0;
  text-align:center;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta__date,
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta .odeme-field__value{
  font-size:0.75rem;
  line-height:1.2;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  color:#64748b;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta__label{
  font-size:0.65rem;
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:#94a3b8;
  line-height:1;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta .odeme-party,
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta .odeme-stack{
  width:100%;
  min-width:0;
  text-align:center;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta .odeme-party__name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
  font-size:0.8rem;
  font-weight:600;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta .odeme-party__no{
  justify-content:center;
  font-size:0.72rem;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta .admin-marka-otomatik-yetki-form{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0;
}
/* ??lemler */
body.mode-admin .simple--markalar th.col-actions,
body.mode-admin .simple--markalar td.col-actions,
body.mode-admin .simple--markalar td.col-mk-islem{
  text-align:center;
  vertical-align:middle;
  overflow:visible;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar td.col-mk-islem{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-left:1px solid #eef2f6;
  border-right:none;
  background:#f8fafc;
}
body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody tr.odeme-row:hover > td.col-mk-islem{
  background:#f1f5f9;
  border-left-color:#e2e8f0;
}
body.mode-admin .simple--markalar td.col-mk-islem .admin-odeme-islem-cell:not(.admin-odeme-islem-cell--stack) .btn-with-icon{
  white-space:nowrap;
  flex-shrink:0;
}
body.mode-admin .simple--markalar td.col-mk-islem .admin-odeme-islem-cell{
  gap:6px;
}
body.mode-admin .simple--markalar td.col-mk-islem .admin-odeme-islem-cell .inline-form{
  margin:0;
  display:inline-flex;
}
body.mode-admin .simple--markalar td.col-mk-islem .admin-odeme-islem-cell--stack{
  gap:6px;
  align-items:stretch;
  justify-content:center;
}
body.mode-admin .simple--markalar td.col-mk-islem .admin-odeme-islem-cell--stack .inline-form{
  display:flex;
  justify-content:center;
  flex:0 0 auto;
}
body.mode-admin .simple--markalar td.col-mk-islem .admin-odeme-islem-cell--stack :is(button.btn, a.btn){
  width:3.35rem;
  min-width:3.35rem;
  max-width:3.35rem;
  min-height:2.85rem;
  padding:6px 2px;
  border-radius:8px;
  background:#fff;
  border:1px solid #e2e8f0;
  box-shadow:0 1px 1px rgba(15, 23, 42, 0.03);
}
body.mode-admin .simple--markalar td.col-mk-islem .admin-odeme-islem-cell--stack :is(button.btn, a.btn):hover{
  border-color:#cbd5e1;
  background:#fff;
  color:var(--ink, #0f172a);
}
body.mode-admin .simple--markalar .cell-odeme-stack{
  max-width:none;
}
body.mode-admin .simple--markalar .odeme-party{
  min-width:0;
  width:100%;
}
@media (max-width:1100px){
  body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar tbody tr.odeme-row{
    grid-template-columns:minmax(0, 1fr) auto;
    grid-template-areas:
      "marka islem"
      "meta islem";
    min-height:0;
  }
  body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar td.col-mk-meta{
    justify-content:flex-start;
    border-left:none;
    padding-top:0;
    padding-bottom:12px;
  }
  body.mode-admin .admin-markalar-page:not(.admin-marka-yetkileri-page) .simple--markalar .admin-mk-meta{
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:10px;
    text-align:left;
  }
}
body.mode-admin .admin-marka-th--banner{
  width: 100%;
  justify-content: center;
}
body.mode-admin .admin-marka-th-btn{
  gap: 6px;
  min-height: 34px;
  min-width: 96px;
  padding: 8px 16px;
  background: #fff;
  color: var(--ink, #0f172a);
  border: 1px solid #94a3b8;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  vertical-align: middle;
}
body.mode-admin .admin-marka-th--banner .admin-marka-th-btn{
  min-width: 168px;
}
body.mode-admin .admin-marka-th-btn:hover:not(:disabled){
  background: #fff;
  color: var(--ink, #0f172a);
  border-color: #94a3b8;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.1);
  filter: none;
  transform: none;
}
body.mode-admin .admin-marka-th-btn:active:not(:disabled){
  transform: translateY(1px);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
body.mode-admin .admin-marka-th-btn.is-open{
  color: var(--brand, #2563eb);
  background: #fff;
  border-color: var(--brand, #2563eb);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}
body.mode-admin .admin-marka-th-btn.is-active{
  color: var(--warn, #b45309);
  background: #fffbeb;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.14);
}
body.mode-admin .admin-marka-th-btn.is-active:hover:not(:disabled){
  background: #fef3c7;
  border-color: #d97706;
  box-shadow: 0 2px 5px rgba(180, 83, 9, 0.12);
}
body.mode-admin .admin-marka-th-btn.is-active.is-open{
  color: var(--warn, #b45309);
  background: #fffbeb;
  border-color: #d97706;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.18);
}
body.mode-admin .admin-marka-th-btn__count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #f59e0b;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
}
body.mode-admin .admin-marka-th-btn.is-active .admin-marka-th-btn__count{
  background: #d97706;
}
body.mode-admin .modal-dialog--marka-filtre{
  width: min(420px, calc(100vw - 32px));
}
body.mode-admin .modal-dialog--marka-sil-engeli{
  width: min(720px, calc(100vw - 32px));
}
body.mode-admin .admin-marka-sil-engeli-ozet{
  margin: 0 0 12px;
  font-weight: 600;
}
body.mode-admin .admin-marka-sil-engeli-sections{
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: min(55vh, 420px);
  overflow: auto;
}
body.mode-admin .admin-marka-sil-engeli-section__title{
  margin: 0 0 8px;
  font-size: 0.92rem;
  font-weight: 700;
}
body.mode-admin .admin-marka-sil-engeli-section .table-wrap{
  margin: 0;
}
body.mode-admin .admin-marka-sil-engeli-section table.simple{
  font-size: 0.88rem;
}
body.mode-admin .admin-marka-sil-engeli-more{
  margin: 8px 0 0;
  font-size: 0.85rem;
}
body.mode-admin .modal-dialog--marka-banner-araclari{
  width: min(640px, calc(100vw - 32px));
}
body.mode-admin .admin-marka-filtre-options{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
body.mode-admin .admin-marka-filtre-option{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-sm);
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-marka-filtre-option:hover{
  border-color: #cbd5e1;
  background: #f8fafc;
}
body.mode-admin .admin-marka-filtre-option.is-active{
  border-color: rgba(245, 158, 11, 0.42);
  background: rgba(245, 158, 11, 0.08);
  box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.1);
}
body.mode-admin .admin-marka-filtre-option__label{
  font-weight: 600;
}
body.mode-admin .admin-marka-filtre-option__count{
  min-width: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(245, 158, 11, 0.16);
  color: var(--warn, #b45309);
  font-size: 0.78rem;
  font-weight: 700;
  text-align: center;
}
body.mode-admin .modal-dialog--marka-kategori{
  width: min(520px, calc(100vw - 32px));
}
body.mode-admin .admin-marka-kat-ac-form .modal-footer{
  margin-top: 16px;
  padding: 14px var(--modal-inset-x, 22px) 20px;
}
body.mode-admin .admin-marka-kat-ac-options{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.mode-admin .admin-marka-kat-ac-option{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-sm);
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
body.mode-admin .admin-marka-kat-ac-option:hover{
  border-color: #cbd5e1;
  background: #f8fafc;
}
body.mode-admin .admin-marka-kat-ac-option:has(.admin-marka-kat-ac-option__input:checked){
  border-color: rgba(245, 158, 11, 0.42);
  background: rgba(245, 158, 11, 0.08);
}
body.mode-admin .admin-marka-kat-ac-option.is-open{
  border-color: rgba(34, 197, 94, 0.35);
  background: rgba(34, 197, 94, 0.06);
  cursor: default;
}
body.mode-admin .admin-marka-kat-ac-option__input{
  margin-top: 3px;
  flex-shrink: 0;
}
body.mode-admin .admin-marka-kat-ac-option__body{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.mode-admin .admin-marka-kat-ac-option__label{
  font-weight: 600;
}
body.mode-admin .admin-marka-kat-ac-option__hint{
  font-size: 0.82rem;
  color: var(--muted, #64748b);
}
body.mode-admin .admin-marka-kat-ac-option__status{
  font-size: 0.8rem;
  font-weight: 600;
  color: #15803d;
}
body.mode-admin .js-marka-kategori-ac.is-kat-partial{
  color: var(--warn, #b45309);
}
body.mode-admin .js-marka-kategori-ac.is-kat-open{
  color: #15803d;
}
body.mode-admin .admin-marka-banner-arac-list{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 520px){
  body.mode-admin .admin-marka-banner-arac-list{
    grid-template-columns: 1fr;
  }
}
body.mode-admin .admin-marka-banner-arac-item{
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  width: auto;
  min-height: 104px;
  padding: 18px 12px;
  text-align: center;
  line-height: 1.35;
  border-radius: var(--radius-sm);
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-marka-banner-arac-item .ui-icon{
  width: 1.65rem;
  height: 1.65rem;
  vertical-align: 0;
}
body.mode-admin .admin-marka-banner-arac-item span{
  font-weight: 600;
  font-size: 0.875rem;
}
body.mode-admin .admin-marka-banner-arac-item:hover:not(:disabled){
  background: #f8fafc;
}
body.mode-admin .admin-marka-seo-sayfa-btn{
  gap: 0;
  font-variant-numeric: tabular-nums;
}
body.mode-admin .admin-marka-seo-sayfa-btn__sep{
  width: 1px;
  align-self: stretch;
  margin: 1px 6px;
  background: var(--line-strong);
  flex-shrink: 0;
}
body.mode-admin .admin-marka-seo-sayfa-btn__num{
  min-width: 0.6rem;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
body.mode-admin .admin-marka-seo-sayfa-btn__num--empty,
body.mode-admin .admin-marka-seo-sayfa-btn[data-empty="1"] .admin-marka-seo-sayfa-btn__num{
  opacity: 0.72;
  font-weight: 600;
}
body.mode-admin .admin-marka-banner-btn{
  gap: 0;
  font-variant-numeric: tabular-nums;
}
body.mode-admin .admin-marka-logo-cell{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
body.mode-admin .admin-marka-logo-cell__name{
  min-width: 0;
  flex: 1 1 auto;
}
body.mode-admin .admin-marka-th{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  vertical-align: middle;
}
body.mode-admin .admin-marka-th__label{
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
}
body.mode-admin th.admin-marka-th-col{
  min-width: 0;
}
body.mode-admin .admin-marka-th__search-form{
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 140px;
  min-width: 120px;
  margin: 0;
}
body.mode-admin .admin-marka-th__search{
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 4px 8px 4px 10px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-sm);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
body.mode-admin .admin-marka-th__search:focus-within{
  border-color: var(--brand, #2563eb);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
body.mode-admin .admin-marka-th__search-icon{
  display: inline-flex;
  flex-shrink: 0;
  color: var(--muted, #64748b);
}
body.mode-admin .admin-marka-th__search-icon .ui-icon{
  width: 14px;
  height: 14px;
}
body.mode-admin .admin-marka-th__search-input{
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 2px 0;
  font-size: 0.82rem;
  line-height: 1.35;
  color: var(--ink, #0f172a);
}
body.mode-admin .admin-marka-th__search-input:focus{
  outline: none;
}
body.mode-admin .admin-marka-th__search-input::placeholder{
  color: #94a3b8;
}
body.mode-admin .admin-marka-th__search-clear{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--muted, #64748b);
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
body.mode-admin .admin-marka-th__search-clear:hover{
  color: var(--ink, #0f172a);
  background: #f8fafc;
  border-color: #cbd5e1;
}
body.mode-admin .admin-marka-th__search-clear .ui-icon{
  width: 14px;
  height: 14px;
}
body.mode-admin .admin-marka-active-filter{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: var(--radius-md);
  background: rgba(245, 158, 11, 0.1);
}
body.mode-admin .admin-marka-active-filter__label{
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--warn, #b45309);
}
body.mode-admin .admin-marka-th-filter{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 28px;
  min-height: 28px;
  padding: 4px 8px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--muted, #64748b);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
body.mode-admin button.admin-marka-th-filter{
  font: inherit;
  cursor: pointer;
}
body.mode-admin .admin-marka-th-filter:hover{
  color: var(--text, #0f172a);
  background: #f8fafc;
  border-color: #cbd5e1;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
body.mode-admin .admin-marka-th-filter.is-active{
  color: var(--warn, #b45309);
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.42);
  box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.1);
}
body.mode-admin .admin-marka-th-filter--excel{
  color: #0f766e;
  border-color: rgba(15, 118, 110, 0.22);
  background: rgba(15, 118, 110, 0.04);
}
body.mode-admin .admin-marka-th-filter--excel:hover{
  color: #0d5f58;
  background: rgba(15, 118, 110, 0.1);
  border-color: rgba(15, 118, 110, 0.34);
}
body.mode-admin .admin-marka-th-filter--placeholder{
  color: #475569;
  border-color: rgba(100, 116, 139, 0.28);
  background: #f8fafc;
}
body.mode-admin .admin-marka-th-filter--placeholder:hover{
  color: #0f172a;
  background: #f1f5f9;
  border-color: rgba(100, 116, 139, 0.42);
}
body.mode-admin .admin-marka-th-filter .ui-icon{
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
body.mode-admin .admin-marka-th-filter__count{
  font-size: 0.72rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  color: inherit;
  opacity: 0.8;
}
body.mode-admin .admin-marka-th-filter:hover .admin-marka-th-filter__count,
body.mode-admin .admin-marka-th-filter.is-active .admin-marka-th-filter__count{
  opacity: 1;
}
body.mode-admin .admin-marka-logo-thumb{
  width: 32px;
  height: 32px;
  object-fit: contain;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: #fff;
  flex-shrink: 0;
  overflow: hidden;
}
body.mode-admin .admin-marka-logo-thumb--empty{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
}
body.mode-admin .admin-marka-logo-thumb--empty .ui-icon{
  width: 16px;
  height: 16px;
}
body.mode-admin .admin-marka-logo-remove{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 0.86rem;
  font-weight: 500;
  color: var(--muted);
  cursor: pointer;
}
body.mode-admin #modalMarkaDuzenle .modal-dialog--marka-edit{
  width: min(96vw, 1140px);
  max-width: min(96vw, 1140px);
  max-height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.mode-admin #modalMarkaDuzenle.is-open{
  align-items: flex-start;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding:
    max(20px, env(safe-area-inset-top, 0px))
    16px
    max(20px, env(safe-area-inset-bottom, 0px));
}
body.mode-admin #modalMarkaSeoSayfalari .modal-dialog--marka-seo-sayfalari{
  width: min(96vw, 1140px);
  max-width: min(96vw, 1140px);
  max-height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.mode-admin #modalMarkaSeoSayfalari.is-open{
  align-items: flex-start;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding:
    max(20px, env(safe-area-inset-top, 0px))
    16px
    max(20px, env(safe-area-inset-bottom, 0px));
}
body.mode-admin #modalMarkaSeoSayfalari .modal-card--marka-seo-sayfalari{
  width: 100%;
  max-height: min(92dvh, 900px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-radius: var(--radius-lg);
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.06),
    0 24px 48px -12px rgba(15, 23, 42, 0.28);
}
body.mode-admin #modalMarkaSeoSayfalari .modal-header{
  flex-shrink: 0;
  padding: 22px 26px 18px;
}
body.mode-admin #modalMarkaSeoSayfalari .modal-body--marka-seo-sayfalari{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 22px 26px 24px;
  -webkit-overflow-scrolling: touch;
}
body.mode-admin #modalMarkaSeoSayfalari .modal-footer--marka-seo-sayfalari{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 26px 22px;
  border-top: 1px solid #e4eaf2;
}
body.mode-admin #modalMarkaSeoSayfalari .modal-footer--marka-seo-sayfalari .modal-footer__cluster{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
body.mode-admin .admin-marka-edit-seo{
  margin-top: 0;
}
body.mode-admin #modalMarkaDuzenle .admin-modal-tab-panel{
  min-height: 0;
}
body.mode-admin .admin-marka-edit-seo .admin-seo-form__grid{
  grid-template-columns: 1fr;
}
body.mode-admin .admin-marka-seo-sayfalari{
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
}
body.mode-admin .admin-marka-seo-subnav{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.mode-admin #modalMarkaSeoSayfalari .admin-marka-seo-pages.hs-ilan-modal-tabs,
body.mode-admin #modalMarkaBannerlari .admin-marka-seo-pages.hs-ilan-modal-tabs{
  margin: 0;
}
body.mode-admin .admin-marka-seo-subtabs {
  gap: 8px;
  padding-top: 4px;
  border-top: 1px solid #e8edf3;
}
body.mode-admin .admin-marka-seo-subtabs .hs-ilan-modal-tab {
  padding: 6px 12px;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
  border-radius: 8px;
  background: #f8fafc;
  border-color: #e8ecf2;
  color: #475569;
}
body.mode-admin .admin-marka-seo-subtabs .hs-ilan-modal-tab:hover:not(.is-active):not(:disabled) {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #334155;
}
body.mode-admin .admin-marka-seo-subtabs .hs-ilan-modal-tab.is-active {
  background: #fff;
  border-color: var(--accent-border);
  color: var(--accent-hover);
  box-shadow: inset 0 -2px 0 var(--accent-hover);
}
body.mode-admin .admin-marka-seo-subtabs .admin-marka-seo-page-tab--add {
  min-width: 32px;
  padding-inline: 10px;
  font-size: 0.95rem;
}
body.mode-admin #modalMarkaHubCinsiyetGorsel .modal-card{
  display: flex;
  flex-direction: column;
  max-height: min(92dvh, 880px);
  overflow: hidden;
}
body.mode-admin .admin-hub-kart-form{
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  flex: 1 1 auto;
}
body.mode-admin .modal-dialog--hub-kart{
  max-width: 640px;
}
body.mode-admin #modalMarkaHubCinsiyetGorsel .modal-header{
  position: relative;
  justify-content: center;
}
body.mode-admin #modalMarkaHubCinsiyetGorsel .modal-header h2{
  text-align: center;
  flex: 1 1 auto;
  padding-inline: calc(var(--modal-header-btn-size, 44px) + 14px);
}
body.mode-admin #modalMarkaHubCinsiyetGorsel .modal-close{
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 520px){
  body.mode-admin #modalMarkaHubCinsiyetGorsel .modal-close{
    right: 16px;
  }
}
body.mode-admin #modalMarkaHubCinsiyetGorsel .modal-dialog{
  overflow: visible;
}
body.mode-admin .admin-hub-kart-form__filters{
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
body.mode-admin #modalMarkaHubCinsiyetGorsel .modal-card > form > .modal-footer{
  flex-shrink: 0;
  position: static;
}
body.mode-admin #modalMarkaHubCinsiyetGorsel .modal-body{
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 28px;
  -webkit-overflow-scrolling: touch;
}
body.mode-admin .admin-kat-edit-preview.is-hub-kart-locked .admin-kat-edit-preview__remove,
body.mode-admin .admin-kat-edit-preview.is-hub-kart-locked > .input{
  display: none !important;
}
body.mode-admin .admin-hub-kart-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
body.mode-admin .admin-hub-kart-slot{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-lg);
  background: #f8fafc;
}
body.mode-admin .admin-hub-kart-slot__label{
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.3;
  text-align: center;
}
body.mode-admin .admin-hub-kart-slot__preview{
  position: relative;
  width: min(100%, 156px);
  margin-inline: auto;
  aspect-ratio: 5 / 6;
  border: 1px dashed #cbd5e1;
  border-radius: var(--radius-md);
  background: #fff;
  overflow: hidden;
}
body.mode-admin .admin-hub-kart-slot__link{
  position: absolute;
  inset: 0;
  display: block;
}
body.mode-admin .admin-hub-kart-slot__img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top center;
  color: transparent;
}
body.mode-admin .admin-hub-kart-slot__empty{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  font-size: 0.78rem;
  color: #94a3b8;
  text-align: center;
}
body.mode-admin .admin-hub-kart-slot__file{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.mode-admin .admin-hub-kart-slot__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
body.mode-admin .admin-hub-kart-slot__delete{
  color: #b91c1c;
}
body.mode-admin .admin-hub-kart-slot__delete:hover{
  color: #991b1b;
  background: #fef2f2;
}
@media (max-width: 560px){
  body.mode-admin .admin-hub-kart-grid{
    grid-template-columns: 1fr;
  }
}

/* ?r?n detay ikonlar? */
body.mode-admin .admin-gdi-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 900px){
  body.mode-admin .admin-gdi-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px){
  body.mode-admin .admin-gdi-grid{
    grid-template-columns: 1fr;
  }
}
body.mode-admin .admin-gdi-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.15s ease;
}
body.mode-admin .admin-gdi-card:hover{
  border-color: #cbd5e1;
}
body.mode-admin .admin-gdi-card__preview{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 96px;
  padding: 10px;
  border-radius: 8px;
  background: #f8fafc;
}
body.mode-admin .admin-gdi-card__preview img{
  display: block;
  max-width: 100%;
  max-height: 72px;
  object-fit: contain;
}
body.mode-admin .admin-gdi-card__title{
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.3;
  color: #334155;
}
body.mode-admin .admin-gdi-card__file{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.mode-admin .admin-gdi-form__actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

body.mode-admin .admin-foi-lead{
  margin: 0 0 16px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #64748b;
}
body.mode-admin .admin-foi-card .admin-gdi-card__preview{
  min-height: 84px;
  padding: 12px 14px;
}
body.mode-admin .admin-foi-card .admin-gdi-card__preview img{
  max-height: 56px;
  max-width: 92%;
  width: auto;
}
body.mode-admin .admin-foi-card__preview--square{
  min-height: 112px;
  aspect-ratio: 1 / 1;
  max-width: 112px;
  margin-inline: auto;
}
body.mode-admin .admin-foi-card .admin-foi-card__preview--square img{
  width: 96px;
  height: 96px;
  max-width: 96px;
  max-height: 96px;
  object-fit: contain;
}
body.mode-admin .admin-foi-card__preview.is-empty{
  border: 1px dashed #cbd5e1;
  background: #f8fafc;
}
body.mode-admin .admin-foi-card__placeholder{
  font-size: 0.75rem;
  color: #94a3b8;
}
body.mode-admin .admin-foi-card__remove{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: #64748b;
  cursor: pointer;
}
body.mode-admin .admin-foi-card__remove input{
  margin: 0;
}

body.mode-admin .admin-mts-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px){
  body.mode-admin .admin-mts-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  body.mode-admin .admin-mts-grid{
    grid-template-columns: 1fr;
  }
}
body.mode-admin .admin-mts-card{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
body.mode-admin .admin-mts-card__head{
  padding-bottom: 4px;
  border-bottom: 1px solid #f1f5f9;
}
body.mode-admin .admin-mts-card__title{
  font-size: 0.92rem;
  font-weight: 600;
  color: #0f172a;
}
body.mode-admin .admin-mts-card__ikon{
  width: 100%;
}
body.mode-admin .admin-mts-card__fields{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.mode-admin .admin-mts-field{
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}
body.mode-admin .admin-mts-field__label{
  font-size: 0.78rem;
  font-weight: 500;
  color: #64748b;
}
body.mode-admin .admin-mts-field .input{
  width: 100%;
}

body.mode-admin .admin-mmm-tabs{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 20px;
  padding: 5px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #f1f5f9;
  box-sizing: border-box;
}
body.mode-admin .modal-dialog--mmm{
  max-width: min(980px, calc(100vw - 24px));
}
body.mode-admin .admin-mmm-modal-body{
  max-height: min(78vh, 820px);
  overflow: auto;
}
body.mode-admin .admin-mmm-tabs__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 18px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #475569;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-mmm-tabs__btn:hover{
  color: #0f172a;
  background: rgba(255, 255, 255, 0.65);
}
body.mode-admin .admin-mmm-tabs__btn.is-active,
body.mode-admin .admin-mmm-tabs__btn[aria-current="page"]{
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
body.mode-admin .admin-mmm-preview{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px dashed #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  font-size: 0.8125rem;
}
body.mode-admin .admin-mmm-preview__chip{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: #0f766e;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
}
body.mode-admin .admin-mmm-preview__chip--ghost{
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-weight: 500;
}
body.mode-admin .admin-mmm-preview__arrow,
body.mode-admin .admin-mmm-preview__sep{
  color: #cbd5e1;
}
body.mode-admin .admin-mmm-inline-form{
  margin: 0;
}
body.mode-admin .admin-mmm-kat-group__head{
  display:flex;
  align-items:baseline;
  gap:.75rem;
  flex-wrap:wrap;
}
body.mode-admin .admin-mmm-kat-group__title{
  margin:0;
  font-size:1rem;
  font-weight:650;
}
body.mode-admin .admin-mmm-kat-group__count{
  font-size:.875rem;
}
body.mode-admin .admin-mmm-kat-group__hint{
  font-size:.8125rem;
  margin-top:.35rem;
}
body.mode-admin .table-wrap table.simple.simple--mmm-sortable tbody tr.admin-mmm-row--sortable.is-dragging{
  opacity:.55;
  background:color-mix(in srgb, var(--accent, #0d9488) 8%, transparent);
}
body.mode-admin .table-wrap table.simple.simple--mmm-sortable.is-saving-order{
  opacity:.88;
  pointer-events:none;
}
body.mode-admin .col-mmm-sira--sortable{
  white-space:nowrap;
  vertical-align:middle;
}
body.mode-admin .admin-mmm-drag-handle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.5rem;
  height:1.5rem;
  margin-right:.35rem;
  padding:0;
  border:0;
  border-radius:.25rem;
  background:transparent;
  color:var(--muted, #94a3b8);
  cursor:grab;
  vertical-align:middle;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
body.mode-admin.admin-mmm-sort-dragging{
  user-select:none;
  cursor:grabbing;
}
body.mode-admin.admin-mmm-sort-dragging .admin-mmm-drag-handle{
  cursor:grabbing;
}
body.mode-admin .admin-mmm-drag-handle:hover{
  color:var(--text, #0f172a);
  background:color-mix(in srgb, var(--text, #0f172a) 6%, transparent);
}
body.mode-admin .admin-mmm-drag-handle .ui-icon{
  width:1rem;
  height:1rem;
}
body.mode-admin .admin-mmm-sira-val{
  display:inline-block;
  vertical-align:middle;
  min-width:1.25rem;
  text-align:right;
}
body.mode-admin .admin-mmm-inline-form__select{
  min-width: 148px;
  max-width: 100%;
}
body.mode-admin .admin-mmm-inline-form__num{
  width: 72px;
}
body.mode-admin .admin-mmm-inline-form--toggle .marka-switch{
  margin: 0;
}
body.mode-admin .marka-switch--sm span{
  font-size: 0.78rem;
}
body.mode-admin .admin-mmm-banner-groups{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
body.mode-admin .admin-mmm-banner-group{
  margin: 0;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f8fafc;
  box-sizing: border-box;
}
body.mode-admin .admin-mmm-banner-group__title{
  margin: 0 0 12px;
  font-size: 0.92rem;
  font-weight: 600;
  color: #0f172a;
}
@media (max-width: 900px){
  body.mode-admin .admin-mmm-banner-groups{
    grid-template-columns: 1fr;
  }
}
body.mode-admin .admin-mts-grid--mmm{
  grid-template-columns: repeat(2, minmax(0, max-content));
  justify-content: start;
  gap: 14px;
}
body.mode-admin .admin-mts-grid--mmm .admin-mts-card{
  width: 248px;
  max-width: 100%;
}
body.mode-admin .admin-mts-grid--mmm .admin-mts-card__head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
body.mode-admin .admin-mts-grid--mmm .admin-mts-card__size{
  flex: 0 0 auto;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
body.mode-admin .admin-mmm-banner-size{
  display: block;
  margin: 4px 0 0;
  font-size: 0.72rem;
  line-height: 1.35;
  text-align: center;
}
body.mode-admin .admin-mmm-banner-upload{
  align-items: center;
  width: 100%;
}
body.mode-admin .admin-mmm-banner-preview{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 200px;
  min-height: 0;
  margin-inline: auto;
  padding: 0;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 8px;
  background: #f8fafc;
}
body.mode-admin .admin-mmm-banner-preview.is-empty{
  border: 1px dashed #cbd5e1;
}
body.mode-admin .admin-mmm-banner-preview img{
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
}
body.mode-admin .admin-mmm-banner-preview__placeholder{
  font-size: 0.8rem;
  color: #94a3b8;
  padding: 12px;
  text-align: center;
}

body.mode-admin .admin-marka-seo-othertabs{
  padding-top: 4px;
  border-top: 1px solid #e8edf3;
}
body.mode-admin .admin-marka-seo-subnav__label{
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}
body.mode-admin .admin-marka-seo-page-tab.is-off{
  opacity: 0.68;
}
body.mode-admin .admin-marka-seo-page-tab.is-draft:not(.is-active){
  border-style: dashed;
  border-color: #cbd5e1;
}
body.mode-admin .admin-marka-seo-page-tab__off{
  font-size: 0.68rem;
  font-weight: 500;
  color: #94a3b8;
  text-transform: lowercase;
  letter-spacing: 0;
}
body.mode-admin .admin-marka-seo-page-tab--add{
  min-width: 38px;
  justify-content: center;
  padding-inline: 12px;
  font-size: 1.05rem;
  line-height: 1;
  border-style: dashed;
}
body.mode-admin .admin-marka-seo-empty{
  padding: 28px 20px;
  border: 1px dashed #d8dee8;
  border-radius: var(--radius-md);
  text-align: center;
  background: #fafbfd;
}
body.mode-admin .admin-marka-seo-empty__text{
  margin: 0 0 14px;
  font-size: 0.9rem;
  color: #64748b;
}
body.mode-admin .admin-marka-seo-empty__actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
body.mode-admin .admin-marka-seo-sayfa-edit{
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #fff;
  padding: 16px 18px 18px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}
body.mode-admin .admin-marka-seo-varsayilan-preview{
  margin: 12px 0 0;
  font-size: 0.84rem;
  line-height: 1.5;
}
body.mode-admin .admin-marka-seo-varsayilan-preview strong{
  color: #0f172a;
  font-weight: 600;
}
body.mode-admin #modalMarkaSeoKatVarsayilan.is-open,
body.mode-admin #modalKatMarkaSeoSablon.is-open{
  z-index: 2147483100;
}
body.mode-admin .admin-kat-seo-sablon-bar{
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e8ecf2;
}
body.mode-admin .admin-marka-seo-kat-sablon-grup__switch{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0f172a;
  cursor: pointer;
}
body.mode-admin .admin-marka-seo-kat-sablon-grup__switch input{
  margin-top: 3px;
}
body.mode-admin #modalMarkaBannerlari .modal-dialog--marka-bannerlari,
body.mode-admin #modalKatBanner .modal-dialog--marka-bannerlari{
  width: min(96vw, 900px);
  max-width: min(96vw, 900px);
  max-height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.mode-admin #modalMarkaBannerlari.is-open,
body.mode-admin #modalKatBanner.is-open{
  align-items: flex-start;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding:
    max(20px, env(safe-area-inset-top, 0px))
    16px
    max(20px, env(safe-area-inset-bottom, 0px));
}
body.mode-admin #modalMarkaBannerlari .modal-card--marka-bannerlari,
body.mode-admin #modalKatBanner .modal-card--marka-bannerlari{
  width: 100%;
  max-height: min(92dvh, 820px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-radius: var(--radius-lg);
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.06),
    0 24px 48px -12px rgba(15, 23, 42, 0.28);
}
body.mode-admin #modalMarkaBannerlari .modal-header,
body.mode-admin #modalKatBanner .modal-header{
  flex-shrink: 0;
  padding: 22px 26px 18px;
}
body.mode-admin #modalKatBanner .modal-header__main{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
body.mode-admin #modalKatBanner .admin-kat-breadcrumb--modal{
  margin: 0;
  font-size: 0.84rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  color: #64748b;
}
body.mode-admin #modalMarkaBannerlari .modal-body--marka-bannerlari,
body.mode-admin #modalKatBanner .modal-body--marka-bannerlari{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 22px 26px 24px;
  -webkit-overflow-scrolling: touch;
}
body.mode-admin #modalMarkaBannerlari .modal-footer--marka-bannerlari,
body.mode-admin #modalKatBanner .modal-footer--marka-bannerlari{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 26px 22px;
  border-top: 1px solid #e4eaf2;
}
body.mode-admin #modalMarkaBannerlari .modal-footer--marka-bannerlari .modal-footer__cluster,
body.mode-admin #modalKatBanner .modal-footer--marka-bannerlari .modal-footer__cluster{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
body.mode-admin .admin-marka-bannerlari{
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
}
body.mode-admin .admin-marka-banner-edit{
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #fff;
  padding: 16px 18px 18px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}
body.mode-admin .admin-marka-banner-shortcuts{
  margin-top: 16px;
  margin-bottom: 0;
}
body.mode-admin .admin-marka-banner-shortcuts .admin-marka-edit-shortcuts__grid{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 720px){
  body.mode-admin .admin-marka-banner-shortcuts .admin-marka-edit-shortcuts__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  body.mode-admin .admin-marka-banner-shortcuts .admin-marka-edit-shortcuts__grid{
    grid-template-columns: 1fr;
  }
}
body.mode-admin .admin-marka-banner-form__bar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 8px;
}
body.mode-admin .admin-marka-banner-form__bar-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body.mode-admin #kat_banner_buton_hazir_metin{
  background: #f8fafc;
  color: #334155;
  cursor: default;
}
body.mode-admin #kat_banner_buton_hazir_hint{
  margin-top: 6px;
}
body.mode-admin .modal-dialog--marka-banner-buton-sablon{
  max-width: min(96vw, 520px);
}
body.mode-admin .admin-marka-banner-buton-sablon-form label:not(.marka-switch){
  display: block;
  margin: 12px 0 6px;
  font-size: 0.84rem;
  font-weight: 600;
  color: #334155;
}
body.mode-admin .admin-marka-banner-buton-sablon-otomatik > label{
  margin-top: 0;
}
body.mode-admin .admin-marka-banner-buton-sablon-otomatik__switch{
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
body.mode-admin .admin-marka-banner-buton-sablon-otomatik__switch .marka-switch{
  justify-self: auto;
}
body.mode-admin #modalMarkaBannerButonSablon.is-open{
  z-index: 2147483100;
}
body.mode-admin .admin-marka-seo-page-tab.has-banner .admin-marka-seo-page-tab__banner{
  color: #16a34a;
  font-size: 0.55rem;
  vertical-align: middle;
  margin-left: 2px;
}
body.mode-admin .modal-dialog--marka-seo-varsayilan{
  max-width: min(96vw, 480px);
}
body.mode-admin .modal-dialog--marka-seo-kat-sablon{
  max-width: min(96vw, 640px);
}
body.mode-admin .admin-marka-seo-kat-sablon-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
body.mode-admin .admin-marka-seo-kat-sablon-tab{
  appearance: none;
  border: 1px solid #dbe3ee;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font-size: 0.84rem;
  font-weight: 600;
  padding: 8px 14px;
  cursor: pointer;
}
body.mode-admin .admin-marka-seo-kat-sablon-tab.is-active{
  border-color: #0f172a;
  background: #0f172a;
  color: #fff;
}
body.mode-admin .admin-marka-seo-kat-sablon-panel textarea.input{
  min-height: 88px;
  resize: vertical;
}
body.mode-admin .admin-marka-seo-varsayilan-form label{
  display: block;
  margin: 12px 0 6px;
  font-size: 0.84rem;
  font-weight: 600;
  color: #334155;
}
body.mode-admin .admin-marka-seo-varsayilan-form label:first-of-type{
  margin-top: 0;
}
body.mode-admin .admin-marka-seo-varsayilan-form code{
  font-size: 0.82rem;
  padding: 1px 4px;
  border-radius: 4px;
  background: #f1f5f9;
}
body.mode-admin .admin-marka-seo-kat-badge{
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: #eef2f7;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0f172a;
}
body.mode-admin .admin-marka-seo-sayfa-form__bar{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e8ecf2;
}
body.mode-admin .admin-marka-seo-sayfa-form__bar-main{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 20px;
  flex: 1 1 280px;
  min-width: 0;
}
body.mode-admin .admin-marka-seo-sayfa-form__bar-main .admin-marka-seo-sayfa-form__row{
  flex: 1 1 200px;
  margin-bottom: 0;
  min-width: 160px;
}
body.mode-admin .admin-marka-seo-sayfa-form__bar-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body.mode-admin .admin-marka-seo-sayfa-form__bar-actions .btn.btn-sm,
body.mode-admin .admin-marka-seo-sayfa-form__bar-actions .admin-marka-seo-sayfa-form__yayin{
  min-height: 40px;
  height: 40px;
  box-sizing: border-box;
}
body.mode-admin .admin-marka-seo-sayfa-form__row-label{
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 0.88rem;
}
body.mode-admin .admin-marka-seo-sayfa-form__fields .admin-seo-form__grid{
  grid-template-columns: 1fr;
}
body.mode-admin .admin-marka-seo-sayfa-form__row{
  margin-bottom: 12px;
}
body.mode-admin .admin-marka-seo-sayfa-form__row label{
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 0.88rem;
}
body.mode-admin .admin-marka-seo-banner-hint{
  margin: 0 0 14px;
  font-size: 0.84rem;
}
body.mode-admin .admin-seo-banner-filter{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 14px;
  margin-bottom: 18px;
}
body.mode-admin .admin-seo-banner-filter label{
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 0.88rem;
}
body.mode-admin .admin-seo-banner-filter select{
  min-width: 220px;
}
body.mode-admin .admin-seo-banner-empty{
  padding: 28px 20px;
  border: 1px dashed #e2e8f0;
  border-radius: var(--radius-md);
  text-align: center;
}
body.mode-admin .simple--seo-banner .col-marka{ width: 22%; }
body.mode-admin .simple--seo-banner .col-kategori{ width: 18%; }
body.mode-admin .simple--seo-banner .col-slug{ width: 28%; }
body.mode-admin .simple--seo-banner .col-banner-durum{ width: 12%; }
body.mode-admin .simple--seo-banner .col-actions{ width: 120px; }
body.mode-admin .modal-dialog--seo-banner{
  width: min(920px, calc(100vw - 32px));
}
body.mode-admin .admin-seo-banner-form__meta{
  margin: 0 0 8px;
  font-size: 0.9rem;
}
body.mode-admin .admin-seo-banner-form__hint{
  margin: 0 0 16px;
  font-size: 0.82rem;
}
body.mode-admin .admin-seo-banner-form__layout{
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}
@media (min-width: 720px){
  body.mode-admin .admin-seo-banner-form__layout{
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
    gap: 24px;
  }
}
body.mode-admin .admin-seo-banner-form__media{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.mode-admin #katBannerMediaWrap .ae-gorsel-drop__title,
body.mode-admin #katBannerMediaWrap .ae-gorsel-drop__hint{
  display: none;
}
body.mode-admin #katBannerMediaWrap .admin-ilan-edit-block__title .field-optional{
  display: none;
}
body.mode-admin .admin-seo-banner-form__media.is-readonly .devir-foto-remove,
body.mode-admin .admin-seo-banner-form__media.is-readonly .ae-gorsel-drop__stage{
  pointer-events: none;
}
body.mode-admin .admin-seo-banner-form__media.is-readonly .ae-gorsel-drop__stage{
  cursor: default;
  opacity: .72;
}
body.mode-admin .admin-seo-banner-form__media.is-readonly .ae-gorsel-drop__title{
  color: #6b7280;
}
body.mode-admin .admin-seo-banner-form__media.is-readonly .devir-foto-remove{
  display: none;
}
body.mode-admin .admin-seo-banner-form__fields{
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid #e8ecf2;
  border-radius: var(--radius-md);
  background: #fff;
}
body.mode-admin .admin-seo-banner-form__fields .admin-marka-seo-sayfa-form__row{
  margin: 0;
}
body.mode-admin .admin-seo-banner-form__fields .admin-marka-seo-banner-block__grid{
  margin-top: 2px;
}
body.mode-admin .admin-seo-banner-form .admin-modal-kapak-gorsel{
  margin-bottom: 0;
}
body.mode-admin .admin-seo-banner-form .admin-modal-kapak-gorsel .ae-gorsel-gallery:not(.ae-gorsel-gallery--empty) .ae-gorsel-gallery__grid{
  grid-template-columns: minmax(0, 1fr);
}
body.mode-admin .admin-seo-banner-form .admin-modal-kapak-gorsel .admin-ilan-edit-block--media{
  gap: 10px;
}
body.mode-admin .admin-seo-banner-form .admin-modal-kapak-gorsel__hint{
  margin-top: 6px;
}
body.mode-admin .admin-seo-banner-form__preview-wrap{
  margin: 8px 0 0;
}
body.mode-admin .admin-kat-banner-live{
  width: 100%;
}
body.mode-admin .admin-kat-banner-live__card{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding: 18px;
  border: 1px solid #e8ecf2;
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: 0 2px 12px rgba(12, 18, 34, 0.04);
}
body.mode-admin .admin-kat-banner-live__media{
  position: relative;
  flex: 0 0 auto;
  width: min(100%, 220px);
  margin: 0 auto;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
}
body.mode-admin .admin-kat-banner-live__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body.mode-admin .admin-kat-banner-live__empty{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.82rem;
  color: #94a3b8;
  text-align: center;
  padding: 12px;
}
body.mode-admin .admin-kat-banner-live__body{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 0;
  text-align: center;
}
body.mode-admin .admin-kat-banner-live__title{
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #0c1222;
  line-height: 1.25;
}
body.mode-admin .admin-kat-banner-live__lead{
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #5b6478;
  max-width: 42ch;
}
body.mode-admin .admin-kat-banner-live__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  padding: 10px 18px;
  border-radius: var(--radius-md);
  background: var(--primary, #0d9488);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
body.mode-admin .admin-kat-banner-gorsel-link{
  margin-top: 10px;
}
body.mode-admin .admin-kat-edit-banner-open-wrap{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: 4px;
}
@media (min-width: 720px){
  body.mode-admin .admin-kat-banner-live__card{
    flex-direction: row;
    align-items: center;
    gap: 24px;
    padding: 22px 24px;
  }
  body.mode-admin .admin-kat-banner-live__media{
    width: min(42%, 220px);
    margin: 0;
  }
  body.mode-admin .admin-kat-banner-live__body{
    align-items: flex-start;
    flex: 1;
    text-align: left;
  }
}
body.mode-admin .admin-marka-seo-banner-block{
  margin: 4px 0 16px;
  padding: 16px 18px;
  border: 1px solid #e8ecf2;
  border-radius: var(--radius-md);
  background: #f8fafc;
}
body.mode-admin .admin-marka-seo-banner-block__title{
  padding: 0 4px;
  font-size: 0.92rem;
  font-weight: 700;
  color: #0f172a;
}
body.mode-admin .admin-marka-seo-banner-block__hint{
  margin: 6px 0 14px;
  font-size: 0.82rem;
}
body.mode-admin .admin-marka-seo-banner-block__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 16px;
}
body.mode-admin .admin-marka-seo-banner-block__field--wide{
  grid-column: 1 / -1;
}
@media (min-width: 720px){
  body.mode-admin .admin-marka-seo-banner-block__grid{
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 900px){
  body.mode-admin .admin-marka-seo-sayfa-form .admin-seo-form__grid{
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  }
}
@media (min-width: 900px){
  body.mode-admin .admin-marka-edit-seo .admin-seo-form__grid{
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  }
}
body.mode-admin #modalMarkaDuzenle .modal-card--marka-edit{
  width: 100%;
  max-height: min(92dvh, 900px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-radius: var(--radius-lg);
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.06),
    0 24px 48px -12px rgba(15, 23, 42, 0.28);
}
body.mode-admin #modalMarkaDuzenle .modal-header{
  flex-shrink: 0;
  padding: 22px 26px 18px;
  border-bottom-color: #e8ecf2;
}
body.mode-admin #modalMarkaDuzenle .modal-footer--marka-edit{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 0;
  padding: 16px 26px 22px;
  border-top: 1px solid #e8ecf2;
  background: #fff;
}
body.mode-admin #modalMarkaDuzenle .modal-footer--marka-edit .modal-footer__cluster{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-left: auto;
}
/* D?zenleme modallar? ? ba?l?k ger?ek ortada: sol ok | ba?l?k | sa? ok + ekler */
body.mode-admin .modal-header:has(.admin-modal-edit-head),
body.mode-admin .modal-header:has(.admin-marka-edit-head){
  display: grid;
  grid-template-columns: minmax(var(--modal-header-btn-size), 1fr) minmax(0, auto) minmax(var(--modal-header-btn-size), 1fr);
  align-items: center;
  column-gap: 12px;
  row-gap: 4px;
}
body.mode-admin .modal-header:has(.admin-modal-edit-head) .admin-modal-edit-head,
body.mode-admin .modal-header:has(.admin-marka-edit-head) .admin-marka-edit-head{
  display: contents;
}
body.mode-admin .modal-header:has(.admin-modal-edit-head) .modal-header__main:has(.admin-modal-edit-head),
body.mode-admin .modal-header:has(.admin-marka-edit-head) .modal-header__main:has(.admin-marka-edit-head){
  display: contents;
}
body.mode-admin .admin-modal-edit-head__side{
  display: flex;
  align-items: center;
  min-height: var(--modal-header-btn-size);
}
body.mode-admin .admin-modal-edit-head__side--start{
  grid-column: 1;
  justify-self: start;
}
body.mode-admin .admin-modal-edit-head__center{
  grid-column: 2;
  justify-self: center;
  text-align: center;
  min-width: 0;
  max-width: 100%;
}
body.mode-admin .admin-modal-edit-head__center h2,
body.mode-admin .admin-marka-edit-nav h2{
  flex: none;
  min-width: 0;
  margin: 0;
  text-align: center;
  line-height: 1.25;
}
body.mode-admin .admin-modal-edit-head__side--end{
  grid-column: 3;
  justify-self: end;
  gap: 8px;
  flex-wrap: nowrap;
}
body.mode-admin .modal-header:has(.admin-modal-edit-head) .modal-header__main > .muted,
body.mode-admin .modal-header:has(.admin-marka-edit-head) .modal-header__main > .muted{
  grid-column: 1 / -1;
  justify-self: center;
  text-align: center;
  margin: 0;
}
body.mode-admin .modal-header:has(.admin-modal-edit-head) > .modal-close,
body.mode-admin .modal-header:has(.admin-marka-edit-head) > .modal-close{
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  align-self: center;
}
body.mode-admin .admin-marka-edit-nav__btn{
  flex-shrink: 0;
  width: var(--modal-header-btn-size);
  height: var(--modal-header-btn-size);
  min-width: var(--modal-header-btn-size);
  min-height: var(--modal-header-btn-size);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--surface-muted);
  color: var(--ink-muted);
  box-shadow: none;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
body.mode-admin .admin-marka-edit-nav__btn:hover:not(:disabled){
  background: #f1f5f9;
  color: #334155;
  border-color: #cbd5e1;
}
body.mode-admin .admin-marka-edit-nav__btn:disabled{
  opacity: 0.35;
  cursor: not-allowed;
}
body.mode-admin .admin-marka-edit-nav__btn .ui-icon{
  width: 20px;
  height: 20px;
}
body.mode-admin .admin-marka-edit-nav__btn--next .ui-icon{
  transform: rotate(180deg);
}
body.mode-admin .admin-marka-edit-nav__pos{
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: center;
}
body.mode-admin .admin-marka-edit-shortcuts{
  margin-top: 20px;
  padding: 14px 16px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid #e8ecf2;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}
body.mode-admin .admin-marka-edit-shortcuts__head{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 12px;
}
body.mode-admin .admin-marka-edit-shortcuts__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-sm);
  background: #e0e7ff;
  color: #4f46e5;
}
body.mode-admin .admin-marka-edit-shortcuts__icon .ui-icon{
  width: 14px;
  height: 14px;
}
body.mode-admin .admin-marka-edit-shortcuts__title{
  font-size: 0.8125rem;
  font-weight: 600;
  color: #334155;
  letter-spacing: -0.01em;
}
body.mode-admin .admin-marka-edit-shortcuts__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
body.mode-admin #modalMarkaDuzenle .admin-marka-edit-shortcuts__grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 720px){
  body.mode-admin #modalMarkaDuzenle .admin-marka-edit-shortcuts__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body.mode-admin .admin-marka-edit-shortcut{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px 10px;
  border-radius: var(--radius-md);
  border: 1px solid #e2e8f0;
  background: #fff;
  text-align: center;
}
body.mode-admin .admin-marka-edit-shortcut__keys{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}
body.mode-admin .admin-marka-kbd{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 28px;
  padding: 0 8px;
  border-radius: var(--radius-sm);
  border: 1px solid #cbd5e1;
  border-bottom-width: 2px;
  background: #f8fafc;
  color: #334155;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.7);
}
body.mode-admin .admin-marka-edit-shortcut__label{
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.35;
  color: #64748b;
}
body.mode-admin .admin-marka-edit-shortcuts__note{
  margin: 10px 0 0;
  font-size: 0.6875rem;
  line-height: 1.4;
  text-align: center;
  color: #94a3b8;
}
body.mode-admin #modalMarkaDuzenle .modal-header h2{
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: -0.01em;
}
body.mode-admin #modalMarkaDuzenle .modal-close{
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #64748b;
}
body.mode-admin #modalMarkaDuzenle .modal-close:hover{
  background: #f1f5f9;
  color: #334155;
  border-color: #cbd5e1;
}
body.mode-admin #modalMarkaDuzenle .modal-body--marka-edit{
  padding: 22px 26px 24px;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}
body.mode-admin .admin-marka-logo-file-input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.mode-admin .admin-marka-edit-alert{
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 0.84rem;
  line-height: 1.45;
}
body.mode-admin .admin-marka-edit-form{
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.mode-admin .admin-marka-edit-grid{
  display: grid;
  grid-template-columns: minmax(0, 248px) minmax(0, 1fr);
  gap: 12px 28px;
  align-items: start;
}
body.mode-admin .admin-marka-edit-logo{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
body.mode-admin .admin-marka-edit-logo__label{
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.3;
}
body.mode-admin .admin-marka-logo-drop{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mode-admin .admin-marka-logo-drop__zone{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 148px;
  padding: 18px 16px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-lg);
  background: #fff;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-marka-logo-drop:not(.has-logo) .admin-marka-logo-drop__zone{
  border-style: dashed;
  border-color: #cbd5e1;
  background: #f8fafc;
  cursor: pointer;
}
body.mode-admin .admin-marka-logo-drop:not(.has-logo):hover .admin-marka-logo-drop__zone,
body.mode-admin .admin-marka-logo-drop:not(.has-logo):focus-visible .admin-marka-logo-drop__zone{
  border-color: color-mix(in srgb, var(--accent) 40%, #cbd5e1);
  background: #fff;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);
  outline: none;
}
body.mode-admin .admin-marka-logo-drop.is-drag .admin-marka-logo-drop__zone{
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 5%, #fff);
}
body.mode-admin .admin-marka-logo-drop.has-logo .admin-marka-logo-drop__zone{
  min-height: 140px;
  cursor: pointer;
}
body.mode-admin .admin-marka-logo-drop.is-new .admin-marka-logo-drop__zone{
  border-color: color-mix(in srgb, var(--accent) 35%, #e2e8f0);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent);
}
body.mode-admin .admin-marka-logo-drop.is-removed .admin-marka-logo-drop__zone{
  border-color: #fecaca;
  background: #fff7f7;
}
body.mode-admin .admin-marka-logo-drop.has-logo:hover .admin-marka-logo-drop__zone,
body.mode-admin .admin-marka-logo-drop.has-logo:focus-visible .admin-marka-logo-drop__zone{
  border-color: #cbd5e1;
  background: #fff;
  box-shadow: none;
}
body.mode-admin .admin-marka-logo-drop__empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  padding: 4px;
}
body.mode-admin .admin-marka-logo-drop__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #94a3b8;
}
body.mode-admin .admin-marka-logo-drop__icon .ui-icon{
  width: 20px;
  height: 20px;
}
body.mode-admin .admin-marka-logo-drop__title{
  font-size: 0.82rem;
  font-weight: 600;
  color: #334155;
}
body.mode-admin .admin-marka-logo-drop__hint{
  font-size: 0.74rem;
  color: #94a3b8;
  line-height: 1.35;
}
body.mode-admin .admin-marka-logo-drop__img{
  display: block;
  max-width: 100%;
  max-height: 88px;
  object-fit: contain;
  mix-blend-mode: normal;
}
body.mode-admin .admin-marka-logo-drop__footer{
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-top: 2px;
}
body.mode-admin .admin-marka-logo-drop__fname{
  font-size: 0.8125rem;
  font-weight: 500;
  color: #64748b;
  line-height: 1.35;
  word-break: break-all;
}
body.mode-admin .admin-marka-logo-drop__fname.is-set{
  color: #334155;
  font-weight: 600;
}
body.mode-admin .admin-marka-logo-drop__fname.is-new{
  color: #1d4ed8;
  font-weight: 600;
}
body.mode-admin .admin-marka-logo-drop__fname.is-remove{
  color: #b45309;
  font-weight: 600;
}
body.mode-admin .admin-marka-logo-drop__footer .modal-hint{
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #94a3b8;
}
body.mode-admin .admin-marka-logo-drop__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}
body.mode-admin .admin-marka-logo-drop__actions .btn-secondary{
  background: #fff;
}
body.mode-admin .admin-marka-logo-drop__actions label.btn{
  margin: 0;
  cursor: pointer;
}

/* Site > Marka & Logo */
body.mode-admin .admin-site-marka-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
@media (max-width: 1400px){
  body.mode-admin .admin-site-marka-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px){
  body.mode-admin .admin-site-marka-grid{
    grid-template-columns: 1fr;
  }
}
body.mode-admin .admin-site-marka-card .admin-site-marka-form__actions,
body.mode-admin .admin-site-marka-card .admin-marka-logo-drop__actions{
  flex-wrap: wrap;
  gap: 6px;
}
body.mode-admin .admin-site-marka-card .admin-marka-logo-drop__actions .btn{
  flex: 1 1 auto;
  min-width: 0;
  justify-content: center;
}
body.mode-admin .admin-site-marka-card__head{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.mode-admin .admin-site-marka-card__title{
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.25;
}
body.mode-admin .admin-site-marka-card__hint{
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.35;
  color: #64748b;
}
body.mode-admin .admin-site-marka-meta{
  display: block;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #64748b;
  text-align: center;
}
body.mode-admin .admin-site-marka-preview--panel .admin-site-marka-meta{
  color: rgba(255, 255, 255, 0.72);
}
body.mode-admin .admin-site-marka-card__body{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.mode-admin .admin-site-marka-preview{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: calc(var(--site-brand-logo-height-panel) + 72px);
  padding: 16px 18px;
  border-radius: var(--radius-lg);
  border: 1px solid #e2e8f0;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-site-marka-preview--site{
  min-height: calc(var(--site-brand-logo-height-header) + 72px);
  background: #fff;
}
body.mode-admin .admin-site-marka-preview:not(.has-logo):hover,
body.mode-admin .admin-site-marka-preview:not(.has-logo):focus-visible{
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}
body.mode-admin .admin-site-marka-preview.is-drag{
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}
body.mode-admin .admin-site-marka-preview--panel{
  background: linear-gradient(135deg, #1e40af 0%, #2563eb 48%, #3b82f6 100%);
  border-color: rgba(255, 255, 255, 0.12);
}
body.mode-admin .admin-site-marka-preview--panel:not(.has-logo):hover,
body.mode-admin .admin-site-marka-preview--panel:not(.has-logo):focus-visible{
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}
body.mode-admin .admin-site-marka-preview--favicon{
  background: #f8fafc;
}
body.mode-admin .admin-site-marka-preview--favicon:not(.has-logo):hover,
body.mode-admin .admin-site-marka-preview--favicon:not(.has-logo):focus-visible{
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}
body.mode-admin .admin-site-marka-preview--favicon .admin-site-marka-preview__empty{
  align-items: center;
  text-align: center;
}
body.mode-admin .admin-site-marka-preview--favicon .admin-site-marka-preview__empty-icon{
  background: #e2e8f0;
  color: #64748b;
}
body.mode-admin .admin-site-marka-preview--favicon .admin-site-marka-preview__empty-title{
  color: #0f172a;
}
body.mode-admin .admin-site-marka-preview--favicon .admin-site-marka-preview__empty-hint{
  color: #94a3b8;
}
body.mode-admin .admin-site-marka-preview__favicon{
  height: 48px;
  max-height: 48px;
  max-width: 48px;
  object-position: center center;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
body.mode-admin .admin-site-marka-preview__logo{
  display: block;
  width: auto;
  height: var(--site-brand-logo-height-panel);
  max-height: var(--site-brand-logo-height-panel);
  max-width: min(100%, var(--site-brand-logo-max-width-panel));
  object-fit: contain;
  object-position: center center;
  flex-shrink: 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
  filter: none;
  mix-blend-mode: normal;
}
body.mode-admin .admin-site-marka-preview--site .admin-site-marka-preview__logo{
  height: var(--site-brand-logo-height-header);
  max-height: var(--site-brand-logo-height-header);
  max-width: min(100%, var(--site-brand-logo-max-width));
}
body.mode-admin .admin-site-marka-preview__empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  max-width: 100%;
}
body.mode-admin .admin-site-marka-preview__empty-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
}
body.mode-admin .admin-site-marka-preview--site .admin-site-marka-preview__empty-icon{
  background: #f1f5f9;
  color: #64748b;
}
body.mode-admin .admin-site-marka-preview__empty-icon .ui-icon{
  width: 20px;
  height: 20px;
}
body.mode-admin .admin-site-marka-preview__empty-title{
  font-size: 0.9375rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.35;
}
body.mode-admin .admin-site-marka-preview--site .admin-site-marka-preview__empty-title{
  color: #0f172a;
}
body.mode-admin .admin-site-marka-preview__empty-hint{
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.4;
}
body.mode-admin .admin-site-marka-preview--site .admin-site-marka-preview__empty-hint{
  color: #94a3b8;
}
body.mode-admin .admin-site-marka-preview__footer{
  width: 100%;
  text-align: center;
}
body.mode-admin .admin-site-marka-preview.has-logo{
  cursor: default;
}
body.mode-admin .admin-site-marka-form__actions{
  margin-top: 4px;
}
body.mode-admin .admin-marka-edit-name{
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
body.mode-admin .admin-marka-edit-name label{
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
}
body.mode-admin .admin-marka-edit-name input[type="text"]{
  width: 100%;
  padding: 11px 14px;
  font-size: 0.9375rem;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-md);
  background: #fff;
  color: #0f172a;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-marka-edit-name input[type="text"]:focus{
  border-color: color-mix(in srgb, var(--accent) 55%, #cbd5e1);
  box-shadow: 0 0 0 3px var(--accent-ring);
  outline: none;
}
body.mode-admin .admin-marka-edit-name .modal-hint{
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #94a3b8;
}
@media (max-width: 620px){
  body.mode-admin .admin-marka-edit-grid{
    grid-template-columns: 1fr;
  }
  body.mode-admin .admin-marka-edit-shortcuts__grid{
    grid-template-columns: 1fr;
  }
  body.mode-admin #modalMarkaDuzenle .modal-header,
  body.mode-admin #modalMarkaDuzenle .modal-body--marka-edit,
  body.mode-admin #modalMarkaDuzenle .modal-footer--marka-edit{
    padding-left: 18px;
    padding-right: 18px;
  }
}
body.mode-admin .admin-marka-otomatik-yetki-form{
  display: flex;
  justify-content: center;
  width: 100%;
  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%;
  }
}

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-off--iptal {
  background: #fecaca;
  color: #7f1d1d;
  border: 1px solid #f87171;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.badge-warn--kismi-iptal {
  background: #ffedd5;
  color: #9a3412;
  border: 1px solid #fdba74;
  font-weight: 700;
}

.badge-warn{
  background: #ccfbf1; /* orange-100 */
  color: #134e4a;      /* 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;
  border-right: none;
}
body.mode-admin .table-wrap table.simple th {
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 0.75rem;
  font-weight: 600;
  background: transparent;
  color: var(--ink-muted);
  border-bottom: 1px solid var(--line);
  padding-top: 10px;
  padding-bottom: 10px;
}
body.mode-admin .table-wrap table.simple tbody tr:hover td {
  background: color-mix(in srgb, var(--accent, #2563eb) 3%, transparent);
}
body.mode-admin .table-wrap table.simple td.cell-wrap,
body.mode-admin .table-wrap table.simple td.admin-mesaj-clamp,
body.mode-admin .table-wrap table.simple .admin-table-empty {
  white-space: normal;
}
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;
}
/* Beat page-table thead th{text-align:left} so ??LEM / action headers stay centered */
body.mode-admin .table-wrap table.simple thead th.col-num,
body.mode-admin .table-wrap table.simple thead th.col-center,
body.mode-admin .table-wrap table.simple thead th.col-actions {
  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) {
  overflow: visible;
  text-overflow: clip;
  max-width: none;
}
body.mode-admin .table-wrap table.simple:has(> colgroup > col.col-gorsel),
body.mode-admin .table-wrap table.simple:has(> colgroup > col.col-odeme-gorsel) {
  table-layout: fixed;
}
/* Admin tablolar?: ?r?n g?rselleri yatay ?er?evede tam oturur */
body.mode-admin .table-wrap table.simple col.col-gorsel,
body.mode-admin .table-wrap table.simple col.col-odeme-gorsel {
  width: 72px;
}
body.mode-admin .table-wrap table.simple th.col-gorsel,
body.mode-admin .table-wrap table.simple td.col-gorsel,
body.mode-admin .table-wrap table.simple td.col-odeme-gorsel-cell {
  width: 1%;
  max-width: 72px;
  white-space: nowrap;
  padding: 8px 6px;
  vertical-align: middle;
  overflow: hidden;
  box-sizing: border-box;
}
body.mode-admin .table-wrap table.simple .urun-gorsel-table-cell {
  display: block;
  line-height: 0;
  max-width: 56px;
}
body.mode-admin .table-wrap table.simple .urun-gorsel-table-cell .img-mini-link {
  display: block;
  width: 56px;
  height: 42px;
  line-height: 0;
}
body.mode-admin .table-wrap table.simple .urun-gorsel-table-cell .img-mini,
body.mode-admin .table-wrap table.simple .urun-gorsel-table-cell .img-mini--empty {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  background: #fff;
  border-radius: var(--radius-sm);
  border: 1px solid #e5e7eb;
}
body.mode-admin .table-wrap table.simple .urun-gorsel-table-cell .img-mini--empty {
  width: 56px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.mode-admin .table-wrap table.simple .urun-gorsel-table-cell .img-mini.catalog-card__media-avatar {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  padding: 5px 4px;
  object-fit: contain;
}
body.mode-admin .table-wrap table.simple td.col-kat-banner .btn-with-icon:not(:has(> span)),
body.mode-admin .table-wrap table.simple td.col-actions .btn-with-icon:not(:has(> span)),
body.mode-admin .table-wrap table.simple td.col-siparis-islem .btn-with-icon:not(:has(> span)),
body.mode-admin .table-wrap table.simple td.col-akis-islem .btn-with-icon:not(:has(> span)),
body.mode-admin .table-wrap table.simple .kimlik-admin-cell--act .btn-with-icon:not(:has(> span)),
body.mode-admin .table-wrap table.simple td:has(.admin-reklam-row-actions) .btn-with-icon:not(:has(> span)),
body.mode-admin .table-wrap table.simple td:has(.admin-sss-row-actions) .btn-with-icon:not(:has(> span)),
body.mode-admin .table-wrap table.simple td:has(.admin-markalar-page__actions) .btn-with-icon:not(:has(> span)),
body.mode-admin .table-wrap table.simple td:has(.td-actions__inner) .btn-with-icon:not(:has(> span)),
body.mode-admin .table-wrap table.simple td:has(.stack-row) .btn-with-icon:not(:has(> span)),
body.mode-admin .admin-yetki-magaza-stack__cell--actions .btn-with-icon:not(:has(> span)),
body.mode-admin .admin-kat-tree__actions .btn-with-icon:not(:has(> span)),
body.mode-admin .hesap-bilgi-islem-form .btn-with-icon:not(:has(> span)),
body.mode-admin .admin-odeme-islem-cell .btn-with-icon:not(:has(> span)) {
  padding-inline: 8px;
}
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 .simple--tum-kullanici td.col-tk-islem .admin-odeme-islem-cell--stack :is(button.btn, a.btn){
  position: relative;
}
body.mode-admin .table-wrap .btn.btn-with-icon .ua-list-alert{
  display: none;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ef4444;
  pointer-events: none;
  animation: ua-alert-pulse 1.25s ease-in-out infinite;
  /* stack layout'ta span etiket gibi g?r?nmesin */
  max-width: none;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  letter-spacing: 0;
}
body.mode-admin .table-wrap .btn.btn-with-icon.ua-needs-action .ua-list-alert{
  display: block;
}
body.mode-admin .admin-odeme-islem-cell--stack :is(button.btn, a.btn) > span.ua-list-alert{
  position: absolute;
  top: 3px;
  right: 3px;
  width: 9px;
  height: 9px;
  min-width: 9px;
  max-width: 9px;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}
/* 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 alan ?zgaras? ? Evraklar kartlar? gibi ayr? kutular */
body.mode-admin #modalUserActions .ua-field-grid{
  display: grid;
  gap: 12px;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
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 14px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: #fff;
  min-width: 0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
/* ?? i?e ?zgara sarmalay?c?s? kart olmas?n; alt kutular ayr? kals?n */
body.mode-admin #modalUserActions .ua-field-grid > .ua-field-grid__span-full:has(.ua-field-grid--nested){
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
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{
  border-color: rgba(22, 163, 74, 0.38);
  background: rgba(240, 253, 244, 0.95);
  box-shadow: 0 1px 2px rgba(22, 163, 74, 0.06);
}
body.mode-admin #modalUserActions .ua-field-grid .info-grid__durum--warn{
  border-color: rgba(234, 179, 8, 0.42);
  background: rgba(254, 252, 232, 0.96);
  box-shadow: 0 1px 2px rgba(234, 179, 8, 0.08);
}
body.mode-admin #modalUserActions .ua-field-grid .info-grid__durum--err{
  border-color: rgba(239, 68, 68, 0.38);
  background: rgba(254, 242, 242, 0.96);
  box-shadow: 0 1px 2px rgba(239, 68, 68, 0.06);
}
body.mode-admin #modalUserActions .ua-field-grid .info-grid__durum--info{
  border-color: rgba(59, 130, 246, 0.32);
  background: rgba(239, 246, 255, 0.96);
  box-shadow: 0 1px 2px rgba(59, 130, 246, 0.06);
}
body.mode-admin #modalUserActions .ua-field-grid .info-grid__durum .badge,
body.mode-admin #modalUserActions .ua-field-grid .ua-readonly-val--badge .badge{
  font-size: 0.72rem;
  text-transform: none;
  letter-spacing: 0.02em;
}
body.mode-admin #modalUserActions .ua-field-grid .ua-readonly-val--badge{
  display: flex;
  align-items: center;
  min-height: 1.35em;
}
body.mode-admin #modalUserActions .ua-field-grid .profil-durum-val{
  min-height: 0;
}
body.mode-admin #modalUserActions .ua-field-grid input[type="text"],
body.mode-admin #modalUserActions .ua-field-grid input[type="email"],
body.mode-admin #modalUserActions .ua-field-grid input[type="tel"],
body.mode-admin #modalUserActions .ua-field-grid textarea{
  display: block;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: #fff;
  font: inherit;
  font-size: 0.9rem;
  line-height: 1.35;
  color: var(--ink);
  pointer-events: auto;
  -webkit-user-select: text;
  user-select: text;
}
body.mode-admin #modalUserActions .ua-field-grid textarea{
  min-height: 72px;
  resize: vertical;
}
body.mode-admin #modalUserActions .ua-field-grid input:focus,
body.mode-admin #modalUserActions .ua-field-grid textarea:focus{
  outline: none;
  border-color: var(--brand, #2563eb);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}
body.mode-admin #modalUserActions .ua-field-grid .ua-readonly-val{
  font-size: 0.92rem;
  line-height: 1.4;
  color: var(--ink);
  word-break: break-word;
}
body.mode-admin #modalUserActions .ua-field-grid .ua-readonly-val--multiline{
  white-space: pre-wrap;
  min-height: 3.2em;
}
body.mode-admin #modalUserActions .ua-basvuru-view-actions{
  display: none;
}
body.mode-admin #modalUserActions .ua-field-grid--nested{
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  gap: 12px;
}
/* Eski in-place edit stilleri kald?r?ld?; form #modalBasvuruEdit i?inde */
body.mode-admin #modalBasvuruEdit.modal-basvuru-edit{
  z-index: 1260;
}
body.mode-admin #modalBasvuruEdit .modal-dialog--basvuru-edit{
  width: min(560px, calc(100vw - 28px));
  max-width: 560px;
  margin: 4vh auto;
}
body.mode-admin #modalBasvuruEdit .modal-card--basvuru-edit{
  display: flex;
  flex-direction: column;
  max-height: min(90vh, 820px);
  border: 1px solid var(--line);
  border-radius: var(--radius-modal-shell);
  overflow: hidden;
  box-shadow: var(--shadow-float);
  background: var(--surface);
}
body.mode-admin #modalBasvuruEdit .modal-header--basvuru-edit{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
}
body.mode-admin #modalBasvuruEdit .modal-basvuru-edit__head{
  min-width: 0;
}
body.mode-admin #modalBasvuruEdit .modal-basvuru-edit__eyebrow{
  margin: 0 0 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
body.mode-admin #modalBasvuruEdit .modal-header--basvuru-edit h2{
  margin: 0;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--accent);
}
body.mode-admin #modalBasvuruEdit .modal-header--basvuru-edit .modal-close{
  color: var(--ink-muted);
  opacity: 1;
}
body.mode-admin #modalBasvuruEdit .modal-header--basvuru-edit .modal-close:hover{
  color: var(--ink);
  background: var(--surface-muted);
}
body.mode-admin #modalBasvuruEdit .ua-basvuru-edit-form{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
}
body.mode-admin #modalBasvuruEdit .modal-body--basvuru-edit{
  flex: 1 1 auto;
  overflow: auto;
  padding: 16px 18px 8px;
  max-height: none;
  background: var(--surface);
}
body.mode-admin #modalBasvuruEdit .modal-basvuru-edit__hint{
  font-size: 0.84rem;
  line-height: 1.4;
  color: var(--ink-muted);
}
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px 14px;
  margin: 0;
}
@media (min-width: 520px){
  body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit .ua-field-grid__span-full{
  grid-column: 1 / -1;
}
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit .section-label{
  display: block;
  margin-bottom: 5px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit .ua-readonly-val{
  padding: 8px 0 2px;
  font-size: 0.92rem;
  color: var(--ink);
}
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit input[type="text"],
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit input[type="email"],
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit input[type="tel"],
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit textarea{
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 9px 11px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-modal-field);
  background: var(--surface);
  font: inherit;
  font-size: 0.92rem;
  line-height: 1.35;
  color: var(--ink);
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit textarea{
  min-height: 84px;
  resize: vertical;
}
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit input:focus,
body.mode-admin #modalBasvuruEdit .ua-field-grid--basvuru-edit textarea:focus{
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}
body.mode-admin #modalBasvuruEdit .ua-field-grid--nested{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px 14px;
}
@media (min-width: 520px){
  body.mode-admin #modalBasvuruEdit .ua-field-grid--nested{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body.mode-admin #modalBasvuruEdit .modal-footer--basvuru-edit{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 18px 16px;
  border-top: 1px solid var(--line);
  background: var(--surface-muted);
}
/* Evrak ?zgaras? */
body.mode-admin #modalUserActions .ua-evrak-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  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 > .ua-evrak-actions,
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 .ua-evrak-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly .ua-evrak-actions form{
  margin: 0;
}
body.mode-admin #modalUserActions .evrak-admin.evrak-admin--readonly .badge.has-tip{
  cursor: help;
}
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: 12px 14px;
  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;
}
body.mode-admin #modalUserActions .ua-quick-card__actions--stack{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
}
body.mode-admin #modalUserActions .ua-quick-card__actions--stack > form{
  display: flex;
  margin: 0;
}
body.mode-admin #modalUserActions .ua-quick-card__actions--stack > form[hidden],
body.mode-admin #modalUserActions .ua-quick-card__actions--stack > button[hidden]{
  display: none !important;
}
body.mode-admin #modalUserActions .ua-quick-card__actions--stack :is(button.btn, a.btn){
  box-sizing: border-box;
  min-width: 4.6rem;
  max-width: 6.4rem;
  width: auto;
  height: auto;
  min-height: 3.15rem;
  padding: 8px 8px 7px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 8px;
  font-weight: 700;
  line-height: 1.1;
  white-space: normal;
  text-align: center;
}
body.mode-admin #modalUserActions .ua-quick-card__actions--stack :is(button.btn, a.btn) .ui-icon{
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin: 0;
}
body.mode-admin #modalUserActions .ua-quick-card__actions--stack :is(button.btn, a.btn) > span{
  display: block;
  max-width: 100%;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
}
.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 0;
  min-width: 0;
}

/* ?r?n talep paneli: i? feed sekmeleri ? beyaz zemin, teal vurgu (?lanlar?m ile ayn?) */
.trade-feed-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  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:6px;
  padding:7px 10px;
  white-space:nowrap;
  border:1px solid #e2e8f0;
  border-radius:var(--radius-md);
  background:#fff;
  color:#64748b;
  font-weight:500;
  font-size:0.82rem;
  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:#f8fafc;
  border-color:#cbd5e1;
  color:#475569;
  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;
  background-color: #e84848;
}
.trade-feed-tab--askida-alert .trade-feed-tabs__badge.badge-off{
  color:var(--accent);
  border-color:var(--accent-border);
  background:var(--accent-soft);
}
/* Panel liste tablolar?: overflow-x:auto y?auto hatas? gereksiz dikey scrollbar ?retir */
body.mode-panel .trade-feed .table-wrap{
  overflow: visible;
  max-height: none;
}

body.mode-panel .trade-feed .catalog-grid{
  overflow: visible;
  max-height: none;
}

.trade-pager--client{
  width: 100%;
  gap: 10px 16px;
}
.trade-pager--client.trade-pager--numbered{
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding: 10px 14px;
  border-top: 1px solid var(--line, #e2e8f0);
  background: var(--surface-muted, #f8fafc);
  border-radius: 0 0 var(--radius-sm, 6px) var(--radius-sm, 6px);
}
.trade-pager__per{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  min-height: 2.25rem;
  padding: 5px 12px 5px 14px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-sm);
  background: #fff;
}
.trade-pager__per-label{
  display: inline-flex;
  align-items: center;
  align-self: center;
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  color: #475569;
  white-space: nowrap;
}
.trade-pager__per-select{
  width: auto;
  min-width: 3rem;
  height: 1.75rem;
  padding: 0 1.5rem 0 0.5rem;
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--accent, #14b8a6) 30%, var(--line, #e2e8f0));
  border-radius: 6px;
  background-color: var(--accent-soft, #f0fdfa);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%230f766e' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.35rem center;
  background-size: 0.85rem;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.75rem;
  color: var(--accent-hover, #0f766e);
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.trade-pager__per-select:focus{
  outline: none;
  border-color: var(--accent-hover, #0f766e);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent, #14b8a6) 22%, transparent);
}
.trade-pager__per-suffix{
  display: inline-flex;
  align-items: center;
  align-self: center;
  font-size: 0.8125rem;
  line-height: 1;
  color: #64748b;
  white-space: nowrap;
}
.trade-pager__goto{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  min-height: 2.25rem;
  padding: 5px 10px 5px 14px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-sm);
  background: #fff;
}
.trade-pager__goto-label{
  display: inline-flex;
  align-items: center;
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  color: #475569;
  white-space: nowrap;
}
.trade-pager__goto-input{
  width: 4.25rem;
  min-width: 3.5rem;
  height: 1.75rem;
  padding: 0 0.4rem;
  margin: 0;
  text-align: center;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 6px;
  background: #fff;
  color: #334155;
}
.trade-pager__goto-input:focus{
  outline: none;
  border-color: color-mix(in srgb, var(--accent, #14b8a6) 45%, var(--line, #e2e8f0));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #14b8a6) 16%, transparent);
}
.trade-pager__goto-btn{
  flex-shrink: 0;
}
.trade-pager--controls{
  justify-content: space-between;
  align-items: center;
  gap: 10px 14px;
}
.trade-pager--controls .trade-pager__nav{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
}
.trade-pager--client .trade-pager__nav{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto;
}
.trade-pager--client .trade-pager__nav-btn{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 2.25rem;
  padding: 0 10px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm, 6px);
  background: #fff;
  color: #334155;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  cursor: pointer;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}
.trade-pager--client .trade-pager__nav-btn:hover:not(:disabled){
  border-color: var(--accent-border, #99f6e4);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent-hover, #0f766e);
}
.trade-pager--client .trade-pager__nav-btn:disabled,
.trade-pager--client .trade-pager__nav-btn.is-disabled{
  opacity: 1;
  color: #94a3b8;
  background: #f1f5f9;
  border-color: #e2e8f0;
  box-shadow: none;
  cursor: not-allowed;
}
.trade-pager--client .trade-pager__nav-icon{
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 700;
}
.trade-pager--client .trade-pager__page{
  cursor: pointer;
  font-family: inherit;
}
.trade-pager--client .trade-pager__page:disabled.is-active{
  cursor: default;
}
.trade-pager--client .trade-pager__meta{
  color: #64748b;
  font-weight: 500;
}

body.mode-panel .table-wrap--hs-askida .hs-askida-row-pulse-dot,
body.mode-panel .trade-feed .table-wrap--hs-askida .hs-askida-row-pulse-dot{
  position:static;
  flex-shrink:0;
  width:7px;
  height:7px;
  animation:navPulseSoft 2.4s ease-in-out infinite;
}
body.mode-panel .table-wrap--hs-askida tr.hs-askida-row--unseen,
body.mode-panel .trade-feed .table-wrap--hs-askida tr.hs-askida-row--unseen > td{
  background:rgba(254, 242, 242, 0.45);
}
body.mode-panel .table-wrap--hs-askida tr.hs-askida-row--unseen:hover,
body.mode-panel .trade-feed .table-wrap--hs-askida tr.hs-askida-row--unseen:hover > td{
  background:rgba(254, 226, 226, 0.55);
}
/* Benim Taleplerim ? yeni teklif uyar?s? */
body.mode-panel .trade-feed tr.benim-talep-row--yeni-teklif > td{
  background:rgba(239, 246, 255, 0.55);
}
body.mode-panel .trade-feed tr.benim-talep-row--yeni-teklif:hover > td{
  background:rgba(219, 234, 254, 0.65);
}
.benim-teklif-pulse-dot,
.catalog-card__stock-btn--teklif .benim-teklif-pulse-dot{
  background-color:#2563eb;
  box-shadow:0 0 0 1px rgba(30, 64, 175, 0.35);
  animation:navPulseSoft 2.4s ease-in-out infinite;
}
.catalog-card__stock-btn--teklif.benim-teklif-btn--pulse,
.catalog-card__stock-btn.catalog-card__stock-btn--teklif{
  position:relative;
}
.catalog-card__stock-btn--teklif .benim-teklif-pulse-dot{
  position:absolute;
  right:4px;
  top:4px;
  width:6px;
  height:6px;
  pointer-events:none;
}
.katalog-picker__pazar-count.benim-teklif-pulse-slot{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.katalog-picker__pazar--yeni-teklif .katalog-picker__pazar-count{
  color:#1d4ed8;
  font-weight:600;
}
.katalog-picker__pazar-count .benim-teklif-pulse-dot{
  position:static;
  flex-shrink:0;
  width:7px;
  height:7px;
}
.btn-katalog-guncelleme-icon,
.btn-katalog-guncelleme-ac{
  position:relative;
}
.btn-katalog-guncelleme-icon .kg-pulse-dot,
.btn-katalog-guncelleme-ac .kg-pulse-dot{
  position:absolute;
  right:1px;
  top:1px;
  width:6px;
  height:6px;
  pointer-events:none;
}
.btn-katalog-guncelleme-icon .trade-feed-tabs__badge,
.btn-katalog-guncelleme-ac .trade-feed-tabs__badge{
  margin-left:4px;
}
.btn-katalog-guncelleme--pending .kg-pulse-dot--pending{
  background-color:#f59e0b;
  box-shadow:0 0 0 1px rgba(146, 64, 14, 0.35);
  animation:navPulseSoft 2.4s ease-in-out infinite;
}
body.mode-panel .hs-tablo td .btn-katalog-guncelleme-icon .kg-pulse-dot,
body.mode-panel .table-wrap--hs-ilanlarim .btn-katalog-guncelleme-icon .kg-pulse-dot,
body.mode-panel .table-wrap--panel-katalog .btn-katalog-guncelleme-icon .kg-pulse-dot{
  right:0;
  top:0;
}
body.mode-panel .hs-askida-tab-hint{
  font-size:13px;
}
.trade-feed-tabs__badge{
  flex-shrink:0;
  margin-left:0;
  min-width:1.2rem;
  padding:0 5px;
  font-size:0.7rem;
  font-weight:700;
  line-height:1.35;
  text-align:center;
  color:#64748b;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:var(--radius-sm);
}
.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-top-tabs i?i grid kural? ?stte; genel wrap yaln?zca ba?ka kullan?mlar i?in */
  body.mode-panel .trade-top-tabs .trade-feed-tabs:not(.trade-feed-tabs--sub){
    flex-wrap: unset;
  }
}

/* Alt durum filtreleri ? ?st feed sekmelerinden g?rsel olarak ayr? (segmented bar) */
body.mode-panel .trade-feed-tabs--sub{
  flex-wrap:nowrap;
  gap:4px;
  padding:4px;
  border-radius:var(--radius-lg);
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
body.mode-panel .trade-feed-tabs--sub .trade-feed-tab{
  flex:0 0 auto;
  padding:8px 12px;
  font-size:0.84rem;
  font-weight:600;
  border:none;
  border-radius:var(--radius-md);
  background:transparent;
  color:#64748b;
  box-shadow:none;
}
body.mode-panel .trade-feed-tabs--sub .trade-feed-tab:hover{
  background:rgba(255, 255, 255, 0.65);
  border-color:transparent;
  color:#475569;
  box-shadow:none;
}
body.mode-panel .trade-feed-tabs--sub .trade-feed-tab.is-active,
body.mode-panel .trade-feed-tabs--sub .trade-feed-tab.is-active:hover{
  background:#fff;
  border-color:transparent;
  color:var(--accent);
  font-weight:600;
  box-shadow:0 1px 3px rgba(15, 23, 42, 0.08);
}
body.mode-panel .trade-feed-tabs--sub .trade-feed-tab .ui-icon{
  width:15px;
  height:15px;
  opacity:0.75;
}
body.mode-panel .trade-feed-tabs--sub .trade-feed-tab.is-active .ui-icon{
  opacity:1;
}
body.mode-panel .trade-feed-tabs--sub .trade-feed-tabs__badge{
  min-width:1.1rem;
  padding:0 5px;
  font-size:11px;
  font-weight:700;
  background:rgba(15, 23, 42, 0.06);
  border:none;
  color:#64748b;
}
body.mode-panel .trade-feed-tabs--sub .trade-feed-tab.is-active .trade-feed-tabs__badge{
  background:var(--accent-soft);
  border:none;
  color:var(--accent);
}
@media (max-width:720px){
  body.mode-panel .trade-feed-tabs--sub{
    flex-wrap:nowrap;
  }
  body.mode-panel .trade-feed-tabs--sub .trade-feed-tab{
    justify-content:center;
  }
}

.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? ? sabit kolon + dikey ?zgara */
#modalTeklifler .modal-header {
  align-items: flex-start;
  gap: 12px;
}
#modalTeklifler .modal-header__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 4px;
}
#modalTeklifler .modal-header h2 {
  color: var(--ink);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-transform: none;
  line-height: 1.3;
}
#modalTeklifler .modal-header .modal-lead {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--ink-muted);
  line-height: 1.35;
}
#modalTeklifler .modal-body {
  --modal-inset-x: 16px;
  --modal-inset-b: 12px;
  padding: 12px var(--modal-inset-x) var(--modal-inset-b);
}
#modalTeklifler .teklifler-modal__list {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
/* Teklif tablosu ? modal + ilan Teklif Y?netimi ortak */
.teklifler-table {
  --teklifler-cols: minmax(0, 1.15fr) minmax(0, 0.95fr) 3.5rem minmax(0, 0.9fr) minmax(7rem, 1fr);
  --teklifler-cell-pad-x: 12px;
  --teklifler-cell-pad-y: 11px;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
  overflow: hidden;
}
#modalTeklifler .teklifler-table {
  --teklifler-cols: 10.75rem 9.5rem 4rem 7.5rem minmax(7.75rem, 1fr);
}
#teklif-yonetimi {
  container-type: inline-size;
  container-name: teklif-yonetimi;
}
#teklif-yonetimi .teklifler-table {
  --teklifler-cols: minmax(0, 1.2fr) minmax(0, 0.95fr) 3.25rem minmax(0, 0.85fr) minmax(6.75rem, 1fr);
  --teklifler-cell-pad-x: 10px;
  --teklifler-cell-pad-y: 10px;
}
.teklifler-table__head,
.teklifler-table__row {
  display: grid;
  grid-template-columns: var(--teklifler-cols);
  gap: 0;
  align-items: stretch;
  padding: 0;
  min-width: 0;
}
.teklifler-table__head {
  border-bottom: 1px solid var(--line);
  background: var(--surface-muted);
}
.teklifler-table__row + .teklifler-table__row {
  border-top: 1px solid var(--line);
}
.teklifler-table__th,
.teklifler-table__td {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: var(--teklifler-cell-pad-y) var(--teklifler-cell-pad-x);
  border-inline-end: 1px solid var(--line);
  box-sizing: border-box;
}
.teklifler-table__th:last-child,
.teklifler-table__td:last-child {
  border-inline-end: none;
}
.teklifler-table__th {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--ink-muted);
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.teklifler-table__td {
  font-size: 0.86rem;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.35;
}
.teklifler-table__th--qty,
.teklifler-table__td--qty {
  justify-content: center;
  text-align: center;
}
.teklifler-table__th--price,
.teklifler-table__td--price {
  justify-content: flex-end;
  text-align: end;
}
.teklifler-table__th--action,
.teklifler-table__td--action {
  justify-content: center;
  justify-items: center;
  text-align: center;
}
.teklifler-table__td--date {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  color: var(--ink-muted);
  white-space: nowrap;
}
.teklifler-table__td--qty {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.teklifler-table__td--price {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}
.teklifler-table__td--action .btn {
  box-shadow: none;
  white-space: nowrap;
  margin-inline: auto;
  flex-shrink: 0;
}
.teklifler-table__seller {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  max-width: 100%;
  min-width: 0;
}
.teklifler-table__seller .uye-no-line,
.teklifler-table__seller .uye-no-row {
  min-width: 0;
  flex-wrap: nowrap;
}
.teklifler-table__seller .uye-no-line {
  font-size: 0.78rem;
}
.teklifler-table__seller .trade-takip-btn--icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  gap: 0;
  background: transparent;
}
.teklifler-table__seller .trade-takip-btn--icon .ui-icon {
  width: 14px;
  height: 14px;
  margin: 0;
}
#modalTeklifler .modal-footer {
  justify-content: flex-end;
  padding-top: 12px;
  padding-bottom: 14px;
}
/* Dar alan: mobil + ilan sa? kolon (container) */
@media (max-width: 640px) {
  .teklifler-table {
    --teklifler-cols: unset;
  }
  .teklifler-table__head {
    display: none;
  }
  .teklifler-table__row {
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
  .teklifler-table__th,
  .teklifler-table__td {
    border-inline-end: none;
    display: block;
    padding: 10px 12px;
  }
  .teklifler-table__td--seller {
    grid-column: 1 / -1;
    border-bottom: 1px solid var(--line);
  }
  .teklifler-table__td--date {
    border-inline-end: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  .teklifler-table__td--qty {
    border-bottom: 1px solid var(--line);
    text-align: left;
  }
  .teklifler-table__td--price {
    border-inline-end: 1px solid var(--line);
    text-align: left;
  }
  .teklifler-table__td--seller::before,
  .teklifler-table__td--date::before,
  .teklifler-table__td--qty::before,
  .teklifler-table__td--price::before {
    display: block;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--ink-muted);
    margin-bottom: 4px;
  }
  .teklifler-table__td--seller::before { content: "Sat?c?"; }
  .teklifler-table__td--date::before { content: "Tarih"; }
  .teklifler-table__td--qty::before { content: "Adet"; }
  .teklifler-table__td--price::before { content: "Fiyat"; }
  .teklifler-table__td--qty,
  .teklifler-table__td--price,
  .teklifler-table__td--action {
    justify-content: flex-start;
    text-align: left;
  }
  .teklifler-table__td--action {
    grid-column: 1 / -1;
  }
  .teklifler-table__td--action .btn {
    width: 100%;
    justify-content: center;
  }
}
@container teklif-yonetimi (max-width: 560px) {
  #teklif-yonetimi .teklifler-table {
    --teklifler-cols: unset;
  }
  #teklif-yonetimi .teklifler-table__head {
    display: none;
  }
  #teklif-yonetimi .teklifler-table__row {
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
  #teklif-yonetimi .teklifler-table__th,
  #teklif-yonetimi .teklifler-table__td {
    border-inline-end: none;
    display: block;
    padding: 10px 12px;
  }
  #teklif-yonetimi .teklifler-table__td--seller {
    grid-column: 1 / -1;
    border-bottom: 1px solid var(--line);
  }
  #teklif-yonetimi .teklifler-table__td--date {
    border-inline-end: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  #teklif-yonetimi .teklifler-table__td--qty {
    border-bottom: 1px solid var(--line);
    text-align: left;
  }
  #teklif-yonetimi .teklifler-table__td--price {
    border-inline-end: 1px solid var(--line);
    text-align: left;
  }
  #teklif-yonetimi .teklifler-table__td--seller::before,
  #teklif-yonetimi .teklifler-table__td--date::before,
  #teklif-yonetimi .teklifler-table__td--qty::before,
  #teklif-yonetimi .teklifler-table__td--price::before {
    display: block;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--ink-muted);
    margin-bottom: 4px;
  }
  #teklif-yonetimi .teklifler-table__td--seller::before { content: "Sat?c?"; }
  #teklif-yonetimi .teklifler-table__td--date::before { content: "Tarih"; }
  #teklif-yonetimi .teklifler-table__td--qty::before { content: "Adet"; }
  #teklif-yonetimi .teklifler-table__td--price::before { content: "Fiyat"; }
  #teklif-yonetimi .teklifler-table__td--qty,
  #teklif-yonetimi .teklifler-table__td--price,
  #teklif-yonetimi .teklifler-table__td--action {
    justify-content: flex-start;
    text-align: left;
  }
  #teklif-yonetimi .teklifler-table__td--action {
    grid-column: 1 / -1;
  }
  #teklif-yonetimi .teklifler-table__td--action .btn {
    width: 100%;
    justify-content: center;
  }
}

/* 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);
  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: stretch;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 8px;
}
.satici-performans__meta[hidden] {
  display: none !important;
}
.satici-performans__meta > .btn-with-icon {
  flex-direction: column;
  gap: 5px;
  min-height: 68px;
  padding: 10px 14px 8px;
  align-self: stretch;
}
.satici-performans__meta > .btn-with-icon > span {
  text-align: center;
  line-height: 1.15;
  white-space: nowrap;
}
.satici-performans__meta > .btn-with-icon .ui-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  opacity: 0.88;
}
.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: 0;
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 4px;
}
.satici-performans__sub .uye-no-line {
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 68px;
  padding: 10px 14px 8px;
  align-self: stretch;
}
.satici-performans__sub .uye-no-line__no {
  padding: 0;
  text-align: center;
  line-height: 1.15;
  white-space: nowrap;
}
.satici-performans__sub .uye-no-line .vchip-inline--ok,
.satici-performans__sub .uye-no-line .vchip-inline--sun,
.satici-performans__sub .uye-no-line .vchip-inline--import,
.satici-performans__sub .uye-no-line .vchip-inline--optisyen,
.satici-performans__sub .uye-no-line .vchip-inline--pazaryeri {
  margin: 0;
  width: 20px;
  height: 20px;
}
.satici-performans__sub .uye-no-line .vchip-inline--ok .ui-icon,
.satici-performans__sub .uye-no-line .vchip-inline--sun .ui-icon,
.satici-performans__sub .uye-no-line .vchip-inline--import .ui-icon,
.satici-performans__sub .uye-no-line .vchip-inline--optisyen .ui-icon,
.satici-performans__sub .uye-no-line .vchip-inline--pazaryeri .ui-icon {
  width: 12px;
  height: 12px;
}
.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;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  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;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 8px;
  text-align: center;
}
.satici-performans #msBrandList .satici-brand-chip__name{
  flex: 0 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__cat-wrap--yetki{
  flex: 0 0 auto;
  min-width: 148px;
  max-width: 188px;
  width: auto;
  position: relative;
  display: flex;
  align-items: stretch;
}
.trade-toolbar--tedarik-markalar .trade-toolbar__cat-wrap--yetki > .trade-toolbar__cat--yetki{
  width: 100%;
  max-width: none;
  min-width: 0;
  flex: 1 1 auto;
  padding-left: 2.35rem;
}
.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;
  }
}
/* Mobil: E?itim | Marka ?ner; Marka Ara | yetki; T?m Harfler | Temizle */
@media (max-width: 720px){
  body.mode-panel .trade-toolbar--tedarik-markalar.hs-search-toolbar,
  body.mode-panel .trade-toolbar.hs-search-toolbar.trade-toolbar--tedarik-markalar{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    width: 100%;
    max-width: 100%;
    align-items: stretch;
    flex-direction: unset;
  }
  body.mode-panel .trade-toolbar--tedarik-markalar > .hs-search-toolbar__row,
  body.mode-panel .trade-toolbar--tedarik-markalar > .trade-toolbar__right{
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex: none !important;
  }
  body.mode-panel .trade-toolbar--tedarik-markalar > .hs-search-toolbar__row > .hs-egitim-btn{
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px;
    min-height: 44px;
    justify-content: center;
    box-sizing: border-box !important;
    flex: none !important;
  }
  /* Marka ?ner yoksa e?itim tam sat?r */
  body.mode-panel .trade-toolbar--tedarik-markalar:not(:has(#btnMarkaOner)) > .hs-search-toolbar__row > .hs-egitim-btn{
    grid-column: 1 / -1;
  }
  body.mode-panel .trade-toolbar--tedarik-markalar #btnMarkaOner{
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px;
    min-height: 44px;
    justify-content: center;
    box-sizing: border-box !important;
    white-space: nowrap;
    flex: none !important;
  }
  body.mode-panel .trade-toolbar--tedarik-markalar .trade-toolbar__q-cat-row,
  body.mode-panel .trade-toolbar--tedarik-markalar .hs-search-toolbar__field{
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 8px;
    flex: none !important;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar--tedarik-markalar .trade-toolbar__q{
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  /* Yetki filtresi: yaln?zca filtre ikonu (isim yok) */
  body.mode-panel .trade-toolbar--tedarik-markalar .trade-toolbar__cat-wrap--yetki{
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px;
    min-height: 44px;
    display: flex;
    align-items: stretch;
    position: relative;
  }
  body.mode-panel .trade-toolbar--tedarik-markalar .trade-toolbar__cat-wrap--yetki > .trade-toolbar__cat-icon{
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--ink, #0f172a);
  }
  body.mode-panel .trade-toolbar--tedarik-markalar .trade-toolbar__cat-wrap--yetki > .trade-toolbar__cat--yetki{
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: transparent !important;
    text-shadow: none !important;
    -webkit-text-fill-color: transparent;
    appearance: none;
    -webkit-appearance: none;
    background-image: none !important;
    cursor: pointer;
  }
  body.mode-panel .trade-toolbar--tedarik-markalar .trade-toolbar__cat-wrap--yetki > .trade-toolbar__cat--yetki option{
    color: var(--ink, #0f172a);
    -webkit-text-fill-color: var(--ink, #0f172a);
  }
  body.mode-panel .trade-toolbar--tedarik-markalar #brandAll{
    grid-column: 1;
    grid-row: 3;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
    justify-content: center;
    box-sizing: border-box !important;
    white-space: nowrap;
  }
  body.mode-panel .trade-toolbar--tedarik-markalar #brandClear{
    grid-column: 2;
    grid-row: 3;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
    justify-content: center;
    box-sizing: border-box !important;
    white-space: nowrap;
  }
  body.mode-panel .trade-toolbar--tedarik-markalar > .trade-toolbar__right > .btn{
    white-space: nowrap;
  }
}

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

.trade-toolbar--katalog .hs-katalog-filter-toolbar-btn{
  flex: 0 0 auto;
  align-self: stretch;
}

/* Haz?r stok katalo?u: i?lem butonlar? tek sat?rda yan yana */
.hs-katalog-actions{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
}
.hs-katalog-actions .btn.btn-with-icon{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  max-width:none;
  white-space:nowrap;
}
.btn.btn-katalog-guncelleme-icon{
  flex:0 0 auto;
  width:auto;
  min-width:unset;
  max-width:none;
  padding-inline:8px;
  gap:0;
  justify-content:center;
}
.hs-katalog-actions .btn.btn-katalog-guncelleme-icon{
  flex:0 0 auto;
  width:auto;
  min-width:unset;
  max-width:none;
  padding-inline:8px;
}
.hs-katalog-actions .btn.btn-katalog-guncelleme-icon:disabled{
  opacity:0.4;
}

/* Modal katalog tablosu: i?lem butonlar? dikey grid (katalog-picker ile) */
.table-wrap--hs-modal-katalog.table-wrap--katalog-picker .hs-katalog-actions.katalog-picker__actions {
  display: grid !important;
  flex-wrap: unset;
  min-width: 0;
}

.table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) .hs-katalog-actions {
  flex-wrap: nowrap;
  min-width: 0;
}

/* Panel katalog tablolar?: i?lem s?tunu butonlara yeterli alan */
body.mode-panel .table-wrap--panel-katalog table.simple > thead > tr > th:last-child,
body.mode-panel .table-wrap--panel-katalog table.simple > tbody > tr > td:last-child {
  width: 14rem;
  min-width: 14rem;
}
body.mode-panel .table-wrap--hs-modal-katalog table.simple > thead > tr > th:last-child,
body.mode-panel .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:last-child {
  width: 15rem;
  min-width: 15rem;
}
body.mode-panel #modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > thead > tr > th:last-child,
body.mode-panel #modalKatalogTalepAc .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:last-child {
  width: 17.5rem;
  min-width: 17.5rem;
}
body.mode-panel .table-wrap--hs-modal-katalog table.simple > thead > tr > th.th-col-filter,
body.mode-panel .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-child(n+2):nth-child(-n+6) {
  min-width: 0;
}
body.mode-panel .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) table.simple > thead > tr > th:first-child,
body.mode-panel .table-wrap--hs-modal-katalog:not(.table-wrap--katalog-picker) table.simple > tbody > tr > td:first-child {
  width: 72px;
  max-width: 72px;
}
body.mode-panel .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(2) { width: 9.5rem; }
body.mode-panel .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(3) { width: 6rem; }
body.mode-panel .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(4) { width: 10rem; }
body.mode-panel .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(5) { width: 8rem; }
body.mode-panel .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-child(6),
body.mode-panel .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-child(6) {
  width: 5.75rem;
}
body.mode-panel .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-last-child(2),
body.mode-panel .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-last-child(2) {
  width: 6.5rem;
  min-width: 6.5rem;
}
body.mode-panel .table-wrap--hs-modal-katalog table.simple > thead > tr > th:nth-last-child(3),
body.mode-panel .table-wrap--hs-modal-katalog table.simple > tbody > tr > td:nth-last-child(3) {
  width: 9.5rem;
  min-width: 9.5rem;
}

/* ?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%);
}

/* Katalog / ?r?n talebi ? durum chip + bilgi balonu */
.katalog-durum-chip{
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  max-width: 100%;
  overflow: visible;
  outline: none;
}
.katalog-durum-chip__face{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0.28em 0.62em 0.28em 0.58em;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.25;
  white-space: nowrap;
  border: 1px solid transparent;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.katalog-durum-chip:hover .katalog-durum-chip__face,
.katalog-durum-chip:focus-within .katalog-durum-chip__face{
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}
.katalog-durum-chip--off .katalog-durum-chip__face{
  background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%);
  color: #991b1b;
  border-color: rgba(153, 27, 27, 0.18);
}
.katalog-durum-chip--ok .katalog-durum-chip__face{
  background: linear-gradient(180deg, #ecfdf5 0%, #dcfce7 100%);
  color: #166534;
  border-color: rgba(22, 101, 52, 0.18);
}
.katalog-durum-chip--warn .katalog-durum-chip__face{
  background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
  color: #92400e;
  border-color: rgba(146, 64, 14, 0.18);
}
.katalog-durum-chip--info .katalog-durum-chip__face{
  background: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);
  color: #3730a3;
  border-color: rgba(55, 48, 163, 0.18);
}
.katalog-durum-chip__ico{
  display: inline-flex;
  line-height: 0;
  opacity: 0.82;
}
.katalog-durum-chip__ico .ui-icon{
  --ui-icon-color: currentColor;
  width: 0.95rem;
  height: 0.95rem;
}
.katalog-durum-chip__pop{
  display: block;
  position: absolute;
  z-index: 120;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%) translateY(4px);
  box-sizing: border-box;
  min-width: 13.5rem;
  max-width: min(22rem, 86vw);
  padding: 11px 13px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  border-radius: var(--radius-modal-shell);
  background: var(--surface);
  color: var(--ink);
  border: 1px solid var(--line-strong);
  box-shadow:
    0 4px 6px rgba(15, 23, 42, 0.04),
    0 12px 28px rgba(15, 23, 42, 0.12),
    0 0 0 1px rgba(255, 255, 255, 0.6) inset;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 0.18s ease,
    visibility 0.18s ease,
    transform 0.18s ease;
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
}
.katalog-durum-chip__pop::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 7px solid transparent;
  border-top-color: var(--line-strong);
}
.katalog-durum-chip__pop::after{
  content: "";
  position: absolute;
  left: 50%;
  top: calc(100% - 1px);
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--surface);
}
.katalog-durum-chip__pop:has(.katalog-durum-chip__pop-inner){
  padding: 0;
  overflow: hidden;
}
.katalog-durum-chip__pop-inner{
  display: block;
}
.katalog-durum-chip__pop-title{
  display: block;
  margin: 0;
  padding: 10px 14px 9px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-muted);
  background: var(--surface-muted);
  border-bottom: 1px solid var(--line);
}
.katalog-durum-chip__pop-meta{
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 11px 14px 10px;
}
.katalog-durum-chip__pop-meta > div{
  display: grid;
  grid-template-columns: minmax(5rem, 36%) 1fr;
  gap: 10px;
  align-items: start;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.katalog-durum-chip__pop-meta dt{
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-muted);
}
.katalog-durum-chip__pop-meta dd{
  margin: 0;
  font-weight: 500;
  color: var(--ink);
  word-break: break-word;
}
.katalog-durum-chip__pop-note{
  margin: 0;
  padding: 10px 14px 12px;
  border-top: 1px solid var(--line);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.45;
  color: var(--ink);
}
.katalog-durum-chip__pop-title + .katalog-durum-chip__pop-note{
  border-top: none;
}
.katalog-durum-chip--off .katalog-durum-chip__pop-note{
  color: #991b1b;
  background: rgba(254, 226, 226, 0.35);
}
.katalog-durum-chip--ok .katalog-durum-chip__pop-note{
  color: #166534;
  background: rgba(220, 252, 231, 0.45);
}
.katalog-durum-chip--warn .katalog-durum-chip__pop-note{
  color: #92400e;
  background: rgba(254, 243, 199, 0.42);
}
.katalog-durum-chip--info .katalog-durum-chip__pop-note{
  color: #3730a3;
  background: rgba(224, 231, 255, 0.45);
}
.katalog-durum-chip:hover .katalog-durum-chip__pop,
.katalog-durum-chip:focus-within .katalog-durum-chip__pop{
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.katalog-durum-chip:focus-visible .katalog-durum-chip__face{
  box-shadow: 0 0 0 2px var(--focus-ring, rgba(59, 130, 246, 0.45));
}

/* Tablo durum rozeti ? badge ve chip ayn? boyut / pill k?vr?m? */
.table-wrap--panel-katalog,
.table-wrap--hs-modal-katalog,
.table-wrap--katalog-durum-pop:has(.katalog-durum-chip) {
  --tablo-durum-rozet-w: 10.25rem;
}
.table-wrap--hs-ilanlarim {
  --tablo-durum-rozet-w: 7.15rem;
}
.table-wrap--hs-talep {
  --tablo-durum-rozet-w: 7.15rem;
}

.table-wrap--panel-katalog table.simple td:has(.katalog-durum-chip),
.table-wrap--panel-katalog table.simple td:has(.badge),
.table-wrap--hs-modal-katalog table.simple td:has(.katalog-durum-chip),
.table-wrap--hs-modal-katalog table.simple td:has(.badge),
.table-wrap--katalog-durum-pop table.simple td:has(.katalog-durum-chip),
.table-wrap--katalog-durum-pop table.simple td:has(.badge),
.table-wrap--hs-ilanlarim .td-hs-ilan-durum,
.table-wrap--hs-talep table.simple td:has(.badge),
.table-wrap--katalog-durum-pop table.simple thead th:nth-last-child(2):not(.col-actions):not(.trade-th-check):not(.th-siparis-fatura) {
  text-align: center;
}

.table-wrap--panel-katalog table.simple .katalog-durum-chip,
.table-wrap--panel-katalog table.simple .badge,
.table-wrap--hs-modal-katalog table.simple .katalog-durum-chip,
.table-wrap--hs-modal-katalog table.simple .badge,
.table-wrap--katalog-durum-pop table.simple .katalog-durum-chip,
.table-wrap--katalog-durum-pop table.simple .badge,
.table-wrap--hs-ilanlarim .td-hs-ilan-durum .katalog-durum-chip,
.table-wrap--hs-ilanlarim .td-hs-ilan-durum .badge,
.table-wrap--hs-talep:not(.table-wrap--hs-talep-party-split) table.simple .badge {
  display: inline-flex;
  margin-inline: auto;
}

.table-wrap--panel-katalog table.simple .badge:not(.hs-ilan-bekleyen-badge),
.table-wrap--panel-katalog table.simple .katalog-durum-chip__face,
.table-wrap--hs-modal-katalog table.simple .badge:not(.hs-ilan-bekleyen-badge),
.table-wrap--hs-modal-katalog table.simple .katalog-durum-chip__face,
.table-wrap--katalog-durum-pop table.simple .badge:not(.hs-ilan-bekleyen-badge),
.table-wrap--katalog-durum-pop table.simple .katalog-durum-chip__face,
.table-wrap--hs-ilanlarim .td-hs-ilan-durum .badge:not(.hs-ilan-bekleyen-badge),
.table-wrap--hs-ilanlarim .td-hs-ilan-durum .katalog-durum-chip__face,
.table-wrap--hs-talep:not(.table-wrap--hs-talep-party-split) table.simple .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--tablo-durum-rozet-w, 7.15rem);
  min-height: 1.45rem;
  padding: 4px 8px;
  border-radius: 999px !important;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.25;
  text-transform: none;
}

.table-wrap--panel-katalog table.simple .katalog-durum-chip,
.table-wrap--hs-modal-katalog table.simple .katalog-durum-chip,
.table-wrap--katalog-durum-pop table.simple .katalog-durum-chip,
.table-wrap--hs-ilanlarim .td-hs-ilan-durum .katalog-durum-chip {
  width: var(--tablo-durum-rozet-w, 7.15rem);
  max-width: 100%;
}

.table-wrap--panel-katalog table.simple .katalog-durum-chip__face,
.table-wrap--hs-modal-katalog table.simple .katalog-durum-chip__face,
.table-wrap--katalog-durum-pop table.simple .katalog-durum-chip__face,
.table-wrap--hs-ilanlarim .td-hs-ilan-durum .katalog-durum-chip__face {
  width: 100%;
  gap: 5px;
  border-width: 0;
}

.table-wrap--panel-katalog table.simple .katalog-durum-chip__label,
.table-wrap--hs-modal-katalog table.simple .katalog-durum-chip__label,
.table-wrap--katalog-durum-pop table.simple .katalog-durum-chip__label,
.table-wrap--hs-ilanlarim .td-hs-ilan-durum .katalog-durum-chip__label {
  flex: 0 0 auto;
  min-width: 0;
}

.table-wrap--panel-katalog table.simple .katalog-durum-chip__ico,
.table-wrap--hs-modal-katalog table.simple .katalog-durum-chip__ico,
.table-wrap--katalog-durum-pop table.simple .katalog-durum-chip__ico,
.table-wrap--hs-ilanlarim .td-hs-ilan-durum .katalog-durum-chip__ico {
  flex: 0 0 auto;
  margin-inline-start: 1px;
}

.table-wrap--panel-katalog table.simple .katalog-durum-chip__ico .ui-icon,
.table-wrap--hs-modal-katalog table.simple .katalog-durum-chip__ico .ui-icon,
.table-wrap--katalog-durum-pop table.simple .katalog-durum-chip__ico .ui-icon,
.table-wrap--hs-ilanlarim .td-hs-ilan-durum .katalog-durum-chip__ico .ui-icon {
  width: 0.8rem;
  height: 0.8rem;
}

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

/* Tablolarda durum chip balonu: a?a?? a??ls?n (thead / ?st kenar k?rpmas?n) */
table.simple .katalog-durum-chip__pop{
  top: calc(100% + 10px);
  bottom: auto;
  z-index: 2147483600;
  transform: translateX(-50%) translateY(-4px);
}
table.simple .katalog-durum-chip:hover .katalog-durum-chip__pop,
table.simple .katalog-durum-chip:focus-within .katalog-durum-chip__pop{
  transform: translateX(-50%) translateY(0);
}
table.simple .katalog-durum-chip__pop::before{
  top: auto;
  bottom: 100%;
  border-top-color: transparent;
  border-bottom-color: var(--line-strong);
}
table.simple .katalog-durum-chip__pop::after{
  top: auto;
  bottom: calc(100% - 1px);
  border-top-color: transparent;
  border-bottom-color: var(--surface);
}
table.simple tr:has(.katalog-durum-chip:hover),
table.simple tr:has(.katalog-durum-chip:focus-within){
  position: relative;
  z-index: 12;
}
table.simple td:has(.katalog-durum-chip:hover),
table.simple td:has(.katalog-durum-chip:focus-within){
  position: relative;
  z-index: 13;
  overflow: visible;
}
.table-wrap--katalog-durum-pop table.simple tr:has(.katalog-durum-chip:hover),
.table-wrap--katalog-durum-pop table.simple tr:has(.katalog-durum-chip:focus-within){
  z-index: 20;
}
.table-wrap--katalog-durum-pop table.simple td:has(.katalog-durum-chip:hover),
.table-wrap--katalog-durum-pop table.simple td:has(.katalog-durum-chip:focus-within){
  z-index: 21;
  overflow: visible;
}

/* Katalog tablosu ? s?tun ba?l?k filtresi */
.th-col-durum,
.th-col-filter{
  white-space: nowrap;
  overflow: visible;
}
.th-col-durum__head,
.th-col-filter__head{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.th-col-durum__label,
.th-col-filter__label{
  font-weight: inherit;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-panel .table-wrap--panel-katalog table.simple thead th.th-col-filter,
body.mode-panel .table-wrap--hs-modal-katalog table.simple thead th.th-col-filter{
  font-size: 0.8125rem;
  font-weight: 600;
}
.katalog-durum-filter,
.katalog-th-col-filter{
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  flex-shrink: 0;
}
button.katalog-th-filter-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 7px;
  background: #fff;
  color: #64748b;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}
button.katalog-th-filter-btn:hover{
  color: #0f172a;
  background: #f8fafc;
  border-color: #cbd5e1;
}
button.katalog-th-filter-btn.is-active{
  color: #0f766e;
  background: rgba(15, 118, 110, 0.08);
  border-color: rgba(15, 118, 110, 0.32);
  box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.08);
}
button.katalog-th-filter-btn[aria-expanded="true"]{
  color: #0f766e;
  border-color: rgba(15, 118, 110, 0.35);
  background: rgba(15, 118, 110, 0.06);
}
button.katalog-th-filter-btn .ui-icon{
  width: 14px;
  height: 14px;
}
.katalog-durum-filter__panel,
.katalog-th-col-filter__panel{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  max-width: min(260px, calc(100vw - 24px));
  max-height: 320px;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(226, 232, 240, 0.98);
  border-radius: 10px;
  background: #fff;
  box-shadow:
    0 4px 6px rgba(15, 23, 42, 0.04),
    0 12px 28px rgba(15, 23, 42, 0.12);
  text-transform: none;
  letter-spacing: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.35;
}
.katalog-th-col-filter__panel.is-flip-up{
  top: auto;
  bottom: calc(100% + 6px);
}
.katalog-th-col-filter__search-wrap{
  position: relative;
  padding: 8px 8px 0;
  flex-shrink: 0;
}
.katalog-th-col-filter__search-wrap--footer{
  padding: 8px;
  margin-top: auto;
  border-top: 1px solid rgba(226, 232, 240, 0.88);
}
.katalog-th-col-filter__search-icon{
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  color: #94a3b8;
  pointer-events: none;
  z-index: 1;
}
.katalog-th-col-filter__search-wrap--footer .katalog-th-col-filter__search-icon{
  top: 50%;
  transform: translateY(-50%);
}
.katalog-th-col-filter__search-icon .ui-icon{
  width: 14px;
  height: 14px;
}
.katalog-th-col-filter__search-wrap input[type="search"].katalog-th-col-filter__q,
.katalog-th-col-filter__search-wrap .input.katalog-th-col-filter__q{
  width: 100%;
  min-height: 34px;
  padding: 7px 10px 7px 34px;
  font-size: 0.8125rem;
  line-height: 1.3;
  border-radius: 8px;
  border-color: #e2e8f0;
  background: #f8fafc;
  font-weight: 500;
  box-sizing: border-box;
}
.katalog-th-col-filter__q::placeholder{
  color: #94a3b8;
  font-weight: 500;
}
.katalog-th-col-filter__q:focus{
  background: #fff;
  border-color: rgba(15, 118, 110, 0.45);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}
.katalog-durum-filter__actions,
.katalog-th-col-filter__actions{
  display: flex;
  justify-content: flex-end;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.88);
  flex-shrink: 0;
  background: rgba(248, 250, 252, 0.72);
}
.katalog-durum-filter__clear,
.katalog-th-col-filter__clear{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 4px;
  border: 0;
  background: none;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  border-radius: 4px;
  transition: color 0.15s ease, background 0.15s ease;
}
.katalog-th-col-filter__clear-icon,
.katalog-durum-filter__clear .ui-icon{
  width: 13px;
  height: 13px;
  opacity: 0.85;
}
.katalog-durum-filter__clear:hover,
.katalog-th-col-filter__clear:hover{
  color: #0f766e;
  background: rgba(15, 118, 110, 0.06);
}
.katalog-durum-filter__list,
.katalog-th-col-filter__list{
  list-style: none;
  margin: 0;
  padding: 6px;
  overflow: auto;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 220px;
}
.katalog-durum-filter__item[hidden],
.katalog-th-col-filter__item[hidden]{
  display: none;
}
.katalog-durum-filter__item,
.katalog-th-col-filter__item{
  margin: 0;
}
.katalog-durum-filter__label,
.katalog-th-col-filter__label{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #334155;
  cursor: pointer;
  border-radius: 7px;
  text-transform: none;
  letter-spacing: normal;
  transition: background 0.12s ease, color 0.12s ease;
}
.katalog-durum-filter__label:hover,
.katalog-th-col-filter__label:hover{
  background: #f1f5f9;
}
.katalog-th-col-filter__label:has(.katalog-th-col-filter__check:checked),
.katalog-th-col-filter__label:has(.katalog-th-col-sort__radio:checked),
.katalog-durum-filter__label:has(.katalog-durum-filter__check:checked){
  background: rgba(15, 118, 110, 0.08);
  color: #0f172a;
}
.katalog-durum-filter__check,
.katalog-th-col-filter__check,
.katalog-th-col-sort__radio{
  width: 15px;
  height: 15px;
  margin: 0;
  flex-shrink: 0;
  accent-color: #0f766e;
  cursor: pointer;
}
.katalog-th-col-sort__panel{
  min-width: 176px;
}
.katalog-th-col-sort__panel .katalog-th-col-filter__actions{
  border-bottom: 0;
  border-top: 1px solid rgba(226, 232, 240, 0.88);
  background: transparent;
  justify-content: center;
}
.katalog-th-col-sort__panel .katalog-th-col-filter__list{
  padding: 6px;
  max-height: none;
}
.katalog-th-col-sort__panel .katalog-th-col-filter__label{
  display: grid;
  grid-template-columns: 15px 18px minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  width: min(100%, 9.5rem);
  margin-inline: auto;
}
.katalog-th-col-sort__panel .katalog-th-col-sort__radio,
.katalog-th-col-sort__panel .katalog-th-col-filter__option-icon{
  justify-self: center;
}
.katalog-th-col-filter__option-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: rgba(15, 118, 110, 0.1);
  color: #0f766e;
  flex-shrink: 0;
}
.katalog-th-col-filter__option-icon .ui-icon{
  width: 12px;
  height: 12px;
}
.katalog-th-col-filter__label:has(.katalog-th-col-sort__radio:checked) .katalog-th-col-filter__option-icon{
  background: #0f766e;
  color: #fff;
}
.katalog-durum-filter__name,
.katalog-th-col-filter__name{
  line-height: 1.35;
  text-transform: none;
  letter-spacing: normal;
  font-weight: 500;
}

/* Kategori filtresi ? a?amal? (drill-down) men? */
.katalog-th-col-filter__panel--menu{
  min-width: 220px;
  max-width: min(300px, calc(100vw - 24px));
}
.katalog-th-col-filter__actions--menu{
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.katalog-th-col-filter__back{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 2px 4px;
  border: 0;
  background: none;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  color: #0f766e;
  cursor: pointer;
  border-radius: 4px;
  transition: color 0.15s ease, background 0.15s ease;
}
.katalog-th-col-filter__back[hidden]{
  display: none;
}
.katalog-th-col-filter__back:hover{
  color: #0f172a;
  background: rgba(15, 118, 110, 0.08);
}
.katalog-th-col-filter__back-icon{
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}
.katalog-th-col-filter__back-label{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 9.5rem;
}
.katalog-th-col-filter__actions--menu .katalog-th-col-filter__clear{
  margin-left: auto;
  flex-shrink: 0;
}
.katalog-th-col-filter__row{
  display: flex;
  align-items: stretch;
  gap: 2px;
  border-radius: 7px;
}
.katalog-th-col-filter__row:hover{
  background: #f1f5f9;
}
.katalog-th-col-filter__row .katalog-th-col-filter__label,
.katalog-th-col-filter__row .katalog-th-col-filter__label--folder{
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.katalog-th-col-filter__row .katalog-th-col-filter__label:hover,
.katalog-th-col-filter__row .katalog-th-col-filter__label--folder:hover{
  background: transparent;
}
.katalog-th-col-filter__label--folder{
  cursor: pointer;
}
.katalog-th-col-filter__drill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  margin: 2px 2px 2px 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: color 0.12s ease, background 0.12s ease;
}
.katalog-th-col-filter__drill:hover{
  color: #0f766e;
  background: rgba(15, 118, 110, 0.1);
}
.katalog-th-col-filter__drill-icon{
  display: inline-flex;
  width: 14px;
  height: 14px;
}
.katalog-th-col-filter__drill-icon svg{
  width: 14px;
  height: 14px;
}
.katalog-th-col-filter__item--empty{
  padding: 10px 12px;
}
.katalog-th-col-filter__empty{
  display: block;
  color: #94a3b8;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: center;
}

/* Admin ? ?r?nler talep listesi (?demeler kart/sat?r stili) */
body.mode-admin .simple--urun-talep{
  table-layout:fixed;
  width:100%;
  min-width:1080px;
  border-collapse:separate;
  border-spacing:0 10px;
}
body.mode-admin .table-wrap--urun-talep{
  overflow-x:auto;
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
  max-height:none;
  box-shadow:none !important;
}
body.mode-admin .table-wrap--urun-talep .simple--urun-talep{
  margin:0;
}
body.mode-admin .simple--urun-talep col.col-ut-gorsel,
body.mode-admin .simple--urun-talep .col-ut-gorsel{ width:108px; }
body.mode-admin .simple--urun-talep col.col-ut-urun,
body.mode-admin .simple--urun-talep .col-ut-urun{ width:22%; }
body.mode-admin .simple--urun-talep col.col-ut-marka,
body.mode-admin .simple--urun-talep .col-ut-marka{ width:9%; }
body.mode-admin .simple--urun-talep col.col-ut-kat,
body.mode-admin .simple--urun-talep .col-ut-kat{ width:12%; }
body.mode-admin .simple--urun-talep col.col-ut-magaza,
body.mode-admin .simple--urun-talep .col-ut-magaza{ width:9%; }
body.mode-admin .simple--urun-talep col.col-ut-durum,
body.mode-admin .simple--urun-talep .col-ut-durum{ width:7.5rem; }
body.mode-admin .simple--urun-talep col.col-ut-islem,
body.mode-admin .simple--urun-talep .col-ut-islem{ width:348px; }

body.mode-admin .simple--urun-talep thead th,
body.mode-admin .table-wrap--urun-talep table.simple.simple--urun-talep thead th{
  box-sizing:border-box;
  padding:8px 12px;
  font-size:0.68rem;
  font-weight:600;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--ink-muted, #64748b);
  background:#f8fafc;
  border-top:1px solid #e8edf3;
  border-bottom:1px solid #e8edf3;
  border-left:none;
  border-right:1px solid #eef2f6;
  white-space:nowrap;
  vertical-align:bottom;
  text-align:left;
}
body.mode-admin .simple--urun-talep thead th:first-child,
body.mode-admin .table-wrap--urun-talep table.simple.simple--urun-talep thead th:first-child{
  border-left:1px solid #e8edf3;
  border-radius:0;
}
body.mode-admin .simple--urun-talep thead th:last-child,
body.mode-admin .table-wrap--urun-talep table.simple.simple--urun-talep thead th:last-child{
  border-right:1px solid #e8edf3;
  border-radius:0;
}
body.mode-admin .simple--urun-talep thead th.col-center,
body.mode-admin .simple--urun-talep thead th.col-actions,
body.mode-admin .table-wrap--urun-talep table.simple.simple--urun-talep thead th.col-center,
body.mode-admin .table-wrap--urun-talep table.simple.simple--urun-talep thead th.col-actions{
  text-align:center;
}
body.mode-admin .simple--urun-talep tbody tr.odeme-row > td,
body.mode-admin .simple--urun-talep tbody tr.admin-urun-talep-row > td{
  box-sizing:border-box;
  vertical-align:middle;
  padding:14px 12px;
  background:#fff;
  border-top:1px solid #e8edf3;
  border-bottom:1px solid #e8edf3;
  border-left:none;
  border-right:1px solid #eef2f6;
  overflow:hidden;
  white-space:normal;
}
body.mode-admin .simple--urun-talep tbody tr.odeme-row > td:first-child,
body.mode-admin .simple--urun-talep tbody tr.admin-urun-talep-row > td:first-child{
  border-left:1px solid #e8edf3;
  border-radius:10px 0 0 10px;
}
body.mode-admin .simple--urun-talep tbody tr.odeme-row > td:last-child,
body.mode-admin .simple--urun-talep tbody tr.admin-urun-talep-row > td:last-child{
  border-right:1px solid #e8edf3;
  border-radius:0 10px 10px 0;
}
body.mode-admin .table-wrap--urun-talep table.simple.simple--urun-talep tbody tr:hover td,
body.mode-admin .simple--urun-talep tbody tr.odeme-row:hover > td,
body.mode-admin .simple--urun-talep tbody tr.admin-urun-talep-row:hover > td{
  background:#fff;
  border-color:#e8edf3;
  border-right-color:#eef2f6;
}
body.mode-admin .simple--urun-talep tbody tr.odeme-row:hover > td:first-child,
body.mode-admin .simple--urun-talep tbody tr.admin-urun-talep-row:hover > td:first-child{
  border-left-color:#e8edf3;
}
body.mode-admin .simple--urun-talep tbody tr.odeme-row:hover > td:last-child,
body.mode-admin .simple--urun-talep tbody tr.admin-urun-talep-row:hover > td:last-child{
  border-right-color:#e8edf3;
}
body.mode-admin .simple--urun-talep th.col-actions,
body.mode-admin .simple--urun-talep td.col-actions{
  text-align:center;
}
body.mode-admin .admin-urunler-page .simple--urun-talep td.admin-urun-talep-cell-marka,
body.mode-admin .admin-urunler-page .simple--urun-talep td.admin-urun-talep-cell-kat,
body.mode-admin .admin-urunler-page .simple--urun-talep td.admin-urun-talep-cell-meta {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84rem;
  color: #334155;
  line-height: 1.35;
}

/* G?rsel kutu ? ?zgaradan ayr?ls?n; tek ?er?eve (d??), img?de border yok */
body.mode-admin .admin-urunler-page .table-wrap table.simple.simple--urun-talep td.col-gorsel.admin-urun-talep-cell-gorsel,
body.mode-admin .admin-urunler-page .simple--urun-talep td.admin-urun-talep-cell-gorsel {
  width: 108px;
  max-width: 108px;
  min-width: 108px;
  padding: 12px 14px;
  overflow: visible;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .admin-urun-talep-cell-gorsel .urun-gorsel-table-cell {
  display: inline-block;
  max-width: 80px;
  line-height: 0;
  vertical-align: middle;
}
body.mode-admin .admin-urunler-page .table-wrap table.simple.simple--urun-talep .admin-urun-talep-cell-gorsel .img-mini-link,
body.mode-admin .admin-urunler-page .table-wrap table.simple.simple--urun-talep .admin-urun-talep-cell-gorsel .img-mini--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 76px;
  height: 56px;
  min-width: 76px;
  min-height: 56px;
  padding: 8px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm, 6px);
  box-shadow: none;
  line-height: 0;
}
body.mode-admin .admin-urunler-page .table-wrap table.simple.simple--urun-talep .admin-urun-talep-cell-gorsel .img-mini,
body.mode-admin .admin-urunler-page .table-wrap table.simple.simple--urun-talep .admin-urun-talep-cell-gorsel .img-mini.catalog-card__media-avatar {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: none !important;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  padding: 0 !important;
}
body.mode-admin .admin-urunler-page .table-wrap table.simple.simple--urun-talep .admin-urun-talep-cell-gorsel .img-mini--empty {
  color: #94a3b8;
  font-size: 0.85rem;
  line-height: 1;
}

/* ?r?n bilgisi */
body.mode-admin .admin-urunler-page .simple--urun-talep td.admin-urun-talep-cell-urun {
  max-width: 0;
  overflow: hidden;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__product--compact {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  max-width: 100%;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__title {
  font-size: 0.9rem;
  font-weight: 650;
  color: #0f172a;
  line-height: 1.3;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
  /* K?sa adlarda sat?r al?almas?n: her zaman 2 sat?r y?ksekli?i */
  min-height: calc(1.3em * 2);
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta {
  margin: 0;
  font-size: 0.76rem;
  color: #64748b;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  min-width: 0;
  min-height: 28px;
  padding: 4px 6px;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-md, 8px);
  background: #fff;
  font-size: 0.7rem;
  line-height: 1.2;
  color: #64748b;
  cursor: default;
  transition: background 0.12s ease, border-color 0.12s ease;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip-copy.is-copied,
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip.is-copied {
  border-color: rgba(13, 148, 136, 0.42);
  background: rgba(13, 148, 136, 0.08);
  box-shadow: 0 0 0 1px rgba(13, 148, 136, 0.12);
  color: #0f766e;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip.is-copied .katalog-picker__meta-id-chip-value {
  color: #0f766e;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip.is-empty {
  display: none;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip-label {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  flex-shrink: 0;
  line-height: 1;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip--barkod .katalog-picker__meta-id-chip-label {
  border: 0;
  background: transparent;
  color: #64748b;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-weight: 700;
  font-size: 0.7rem;
  color: #334155;
  background: transparent;
  border: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip-icon {
  display: inline-flex;
  color: #94a3b8;
  flex-shrink: 0;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .katalog-picker__meta-id-chip-icon .ui-icon {
  width: 12px;
  height: 12px;
}

/* Ma?aza */
body.mode-admin .admin-urunler-page .simple--urun-talep .admin-urun-talep-magaza {
  display: block;
  font-size: 0.84rem;
  color: #334155;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .admin-urunler-page .simple--urun-talep .admin-urun-talep-guncelleme-ozet,
body.mode-admin .admin-urunler-page .simple--urun-talep .admin-urun-talep-red-sebep {
  margin-top: 4px;
  font-size: 0.72rem;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

/* Durum */
body.mode-admin .admin-urunler-page .table-wrap--katalog-durum-pop .simple--urun-talep td.admin-urun-talep-cell-durum,
body.mode-admin .admin-urunler-page .table-wrap--katalog-durum-pop .simple--urun-talep td:has(.katalog-durum-chip) {
  text-align: center;
}
body.mode-admin .admin-urunler-page .table-wrap--katalog-durum-pop .simple--urun-talep .katalog-durum-chip {
  display: inline-flex;
  margin-inline: auto;
  vertical-align: middle;
}
body.mode-admin .admin-urunler-page .simple--urun-talep td.cell-ellipsis {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ??lem aksiyonlar? ? 6 buton kart geni?li?ine s??mal? (ta?ma yok) */
body.mode-admin .admin-urunler-page .admin-urun-talep-actions.stack-row,
.admin-urun-talep-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
body.mode-admin .admin-urunler-page .simple--urun-talep td.admin-urun-talep-cell-islem,
body.mode-admin .admin-urunler-page .simple--urun-talep td.col-actions {
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
  white-space: nowrap;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions :is(a.btn, button.btn, button.admin-kat-toggle) {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  width: auto;
  height: 54px;
  min-height: 54px;
  padding: 4px 2px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  line-height: 1;
  border-radius: var(--radius-sm, 6px);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions:not(:has(> *:nth-child(2))) :is(a.btn, button.btn, button.admin-kat-toggle) {
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 2.5rem;
  padding: 6px 10px;
  flex-direction: column;
  gap: 0.2rem;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .btn {
  min-height: 32px;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .btn.btn-sm {
  min-width: 0;
  padding-inline: 4px;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .btn-with-icon .ui-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions :is(a.btn-primary, button.btn-primary).btn-with-icon .ui-icon {
  color: rgba(255, 255, 255, 0.95);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions:has(> *:nth-child(2)) :is(a.btn.btn-sm.btn-with-icon, button.btn.btn-sm.btn-with-icon) > span:not(.trade-feed-tabs__badge) {
  display: block;
  max-width: 100%;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions:has(> *:nth-child(2)) :is(a.btn.btn-sm.btn-with-icon, button.btn.btn-sm.btn-with-icon):not(.btn-primary):not(.admin-btn-satici-rapor):not(.admin-btn-gecmis) > span:not(.trade-feed-tabs__badge) {
  color: #64748b;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions :is(a.btn, button.btn) > .trade-feed-tabs__badge {
  margin-top: 0;
  flex-shrink: 0;
  min-width: 1.1rem;
  padding: 0 4px;
  font-size: 0.62rem;
  line-height: 1.25;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions:not(:has(> *:nth-child(2))) :is(a.btn.btn-sm.btn-with-icon, button.btn.btn-sm.btn-with-icon) > span {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions :is(a.btn-primary, button.btn-primary).btn-with-icon > span {
  color: rgba(255, 255, 255, 0.96);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-kat-toggle {
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  padding: 4px 2px;
  min-height: 54px;
  max-width: none;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-kat-toggle > span:not(.admin-kat-toggle__track) {
  font-size: 0.62rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .btn:focus-visible {
  outline: 2px solid var(--accent-ring);
  outline-offset: 2px;
}
body.mode-admin .admin-urun-talep-actions .td-action-menu__summary.btn {
  padding-inline: 8px;
}
body.mode-admin .admin-urun-talep-actions .td-action-menu__panel .inline-form {
  display: flex;
  width: 100%;
  margin: 0;
}
body.mode-admin .admin-urunler-page .admin-btn-delete {
  color: inherit;
  border-color: rgba(15, 23, 42, 0.18);
}
body.mode-admin .admin-urunler-page .admin-btn-delete:hover:not(:disabled) {
  color: inherit;
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.24);
}
/* Satıcılar / Geçmiş — panel teal-indigo değil, admin mavi paleti */
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-btn-satici-rapor {
  color: #fff;
  --ui-icon-color: #fff;
  border-color: var(--accent);
  background: var(--accent);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-btn-satici-rapor .ui-icon {
  color: #fff;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions .admin-btn-satici-rapor > span:not(.trade-feed-tabs__badge) {
  color: #fff;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-btn-satici-rapor > .trade-feed-tabs__badge {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.18);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-btn-satici-rapor:hover:not(:disabled) {
  color: #fff;
  --ui-icon-color: #fff;
  border-color: var(--accent-hover);
  background: var(--accent-hover);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-btn-gecmis {
  color: #fff;
  --ui-icon-color: #fff;
  border-color: var(--panel-1);
  background: var(--panel-1);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-btn-gecmis .ui-icon {
  color: #fff;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-cell-islem .admin-urun-talep-actions .admin-btn-gecmis > span:not(.trade-feed-tabs__badge) {
  color: #fff;
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-btn-gecmis > .trade-feed-tabs__badge {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.18);
}
body.mode-admin .admin-urunler-page .admin-urun-talep-actions .admin-btn-gecmis:hover:not(:disabled) {
  color: #fff;
  --ui-icon-color: #fff;
  border-color: #1e3a8a;
  background: #1e3a8a;
}

body.mode-admin .admin-urun-talep-actions .td-action-menu[open] {
  z-index: 5;
}

body.mode-admin .admin-urun-talep-actions .btn-sm {
  padding-inline: 4px;
}

body.mode-admin .admin-urun-talep-actions > .btn-with-icon:not(:has(> span)) {
  padding-inline: 4px;
}

.admin-urun-talep-actions .inline-form {
  display: inline-flex;
  margin: 0;
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
}
.admin-urun-talep-actions .inline-form :is(a.btn, button.btn) {
  width: 100%;
  max-width: none;
}

body.mode-admin .admin-urun-talep-actions .btn-with-icon > span {
  white-space: nowrap;
}

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;
}

/* Mobil: Favorilerim + ?r?n Talep A? ? ?st arama/e?itim ile ayn? tam geni?lik */
@media (max-width: 720px){
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar){
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar) > .hs-search-toolbar__row,
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar) > .trade-toolbar__right{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar):not(:has(.hs-favoriler-toolbar-btn)):not(:has(.range-tabs)):not(.trade-toolbar--devir) > .trade-toolbar__right{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    justify-items: stretch;
    align-items: stretch;
    gap: 8px;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar):not(:has(.hs-favoriler-toolbar-btn)):not(:has(.range-tabs)):not(.trade-toolbar--devir) > .trade-toolbar__right > .btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar):not(:has(.hs-favoriler-toolbar-btn)):not(:has(.range-tabs)):not(.trade-toolbar--devir) > .trade-toolbar__right > a.btn{
    width: 100%;
    min-width: 0;
    max-width: none;
    justify-self: stretch;
    justify-content: center;
    box-sizing: border-box;
  }
  /* Favorili toolbar: display:contents zinciri (talep|favori|e?itim, arama, di?er) bozulmas?n */
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn){
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar),
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc),
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc){
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right{
    display: contents;
    width: auto;
    max-width: none;
  }
}

.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;
}
/* Okunmam?? bildirim sekmesi ? teal palet */
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okunmamis{
  border-color: rgba(15, 118, 110, 0.35);
  background: #f0fdfa;
  color: #0f766e;
}
body.mode-panel .trade-toolbar--notifs .notif-durum-tabs .trade-feed-tab--okunmamis:hover{
  background: #ccfbf1;
  border-color: rgba(15, 118, 110, 0.45);
  color: #134e4a;
}
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: #0f766e;
  color: #0d9488;
  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: #0f766e;
  background: #ccfbf1;
  border-color: rgba(15, 118, 110, 0.35);
}
@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;
}
/* Mobil: E?itim Videosu + arama ayn? tam geni?lik (max-width 520/860 ezmesin)
   Favorili toolbar: display:contents ?zgaras? (talep|favori|e?itim ? arama ? di?er)
   Tedarik markalar: kendi ?zgaras? (e?itim|?ner ? arama|yetki ? harf|temizle) */
@media (max-width: 720px){
  body.mode-panel .trade-toolbar.hs-search-toolbar{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(:has(.hs-favoriler-toolbar-btn)):not(:has(.range-tabs)):not(.trade-toolbar--tedarik-markalar):not(.trade-toolbar--devir) .hs-search-toolbar__row{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    gap: 8px;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(:has(.hs-favoriler-toolbar-btn)):not(:has(.range-tabs)):not(.trade-toolbar--tedarik-markalar):not(.trade-toolbar--devir) .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(:has(.hs-favoriler-toolbar-btn)):not(:has(.range-tabs)):not(.trade-toolbar--tedarik-markalar):not(.trade-toolbar--devir) .hs-search-toolbar__row > .panel-geri-don-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(:has(.hs-favoriler-toolbar-btn)):not(:has(.range-tabs)):not(.trade-toolbar--tedarik-markalar):not(.trade-toolbar--devir) .hs-search-toolbar__row > .trade-toolbar__q-cat-row,
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(:has(.hs-favoriler-toolbar-btn)):not(:has(.range-tabs)):not(.trade-toolbar--tedarik-markalar):not(.trade-toolbar--devir) .hs-search-toolbar__row > .hs-search-toolbar__field{
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar) .trade-toolbar__q-cat-row{
    flex-wrap: nowrap !important;
    max-width: 100% !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar) .trade-toolbar__q-cat-row > .trade-toolbar__q,
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar) .trade-toolbar__q,
  body.mode-panel .trade-toolbar.hs-search-toolbar:not(.trade-toolbar--tedarik-markalar) input.input.trade-toolbar__q{
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar .hs-search-toolbar__row > .panel-geri-don-btn{
    justify-content: center;
    min-height: 44px;
  }
  /* ?r?n Talep A? | Favorilerim | E?itim Videosu yan yana; ara altta; di?er sa? aksiyonlar tam sat?r */
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn){
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar),
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc),
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc){
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right{
    display: contents !important;
    width: auto !important;
    max-width: none !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .hs-egitim-btn{
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 44px;
    height: 44px;
    justify-content: center;
    align-self: stretch;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar) > .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc) > .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc) > .hs-search-toolbar__row > .hs-egitim-btn{
    grid-column: 3;
    height: auto;
    min-height: 52px;
    padding: 6px 4px;
    gap: 3px;
    flex-direction: column;
    font-size: 0.65rem;
    line-height: 1.15;
    white-space: normal;
    text-align: center;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .hs-favoriler-toolbar-btn{
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 44px;
    height: 44px;
    justify-content: center;
    align-self: stretch;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar) > .trade-toolbar__right > .hs-favoriler-toolbar-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc) > .trade-toolbar__right > .hs-favoriler-toolbar-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc) > .trade-toolbar__right > .hs-favoriler-toolbar-btn{
    height: auto;
    min-height: 52px;
    padding: 6px 4px;
    gap: 3px;
    flex-direction: column;
    font-size: 0.65rem;
    line-height: 1.15;
    white-space: normal;
    text-align: center;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnIlanAcToolbar,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnKatalogTalepAc,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnHsIlanAc{
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto;
    min-height: 52px;
    padding: 6px 4px;
    gap: 3px;
    flex-direction: column;
    font-size: 0.65rem;
    line-height: 1.15;
    white-space: normal;
    text-align: center;
    justify-content: center;
    align-self: stretch;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .trade-toolbar__q-cat-row,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .hs-search-toolbar__field,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .hs-search-toolbar__row > .panel-egitim-toolbar__fields{
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  /* Kampanyalar | Sepetim: birlikte %50-%50 yan yana; yaln?zken tam sat?r */
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .panel-kampanyalar-toolbar-btn,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .hs-sepet-toolbar-btn{
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 44px;
    justify-content: center;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(.hs-sepet-toolbar-btn) > .trade-toolbar__right > .panel-kampanyalar-toolbar-btn{
    width: calc((100% - 8px) / 2) !important;
    max-width: calc((100% - 8px) / 2) !important;
    justify-self: start;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(.panel-kampanyalar-toolbar-btn) > .trade-toolbar__right > .hs-sepet-toolbar-btn{
    width: calc((100% - 8px) / 2) !important;
    max-width: calc((100% - 8px) / 2) !important;
    justify-self: end;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > .btn:not(.hs-favoriler-toolbar-btn):not(#btnIlanAcToolbar):not(#btnKatalogTalepAc):not(#btnHsIlanAc):not(.panel-kampanyalar-toolbar-btn):not(.hs-sepet-toolbar-btn),
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > a.btn:not(.hs-favoriler-toolbar-btn):not(#btnIlanAcToolbar):not(#btnKatalogTalepAc):not(#btnHsIlanAc):not(.panel-kampanyalar-toolbar-btn):not(.hs-sepet-toolbar-btn){
    grid-column: 1 / -1;
    grid-row: 4;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 44px;
    justify-content: center;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar) > .hs-search-toolbar__row > .hs-egitim-btn .ui-icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc) > .hs-search-toolbar__row > .hs-egitim-btn .ui-icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc) > .hs-search-toolbar__row > .hs-egitim-btn .ui-icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar) > .hs-search-toolbar__row > .hs-egitim-btn .hs-egitim-btn__icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc) > .hs-search-toolbar__row > .hs-egitim-btn .hs-egitim-btn__icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc) > .hs-search-toolbar__row > .hs-egitim-btn .hs-egitim-btn__icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnIlanAcToolbar) > .trade-toolbar__right > .hs-favoriler-toolbar-btn .ui-icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnKatalogTalepAc) > .trade-toolbar__right > .hs-favoriler-toolbar-btn .ui-icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn):has(#btnHsIlanAc) > .trade-toolbar__right > .hs-favoriler-toolbar-btn .ui-icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnIlanAcToolbar .ui-icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnKatalogTalepAc .ui-icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(.hs-favoriler-toolbar-btn) > .trade-toolbar__right > #btnHsIlanAc .ui-icon{
    width: 1rem;
    height: 1rem;
  }

  /* Al??/Sat?? vb.: E?itim Videosu | Tarih Se? yan yana; arama; presetler sheet?te */
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar){
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) > .hs-search-toolbar__row,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) > .trade-toolbar__right{
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) > .trade-toolbar__right > .range-tabs{
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) > .hs-search-toolbar__row > .hs-egitim-btn{
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 44px;
    height: 44px;
    justify-content: center;
    align-self: stretch;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) > .hs-search-toolbar__row > .trade-toolbar__q-cat-row,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) > .hs-search-toolbar__row > .hs-search-toolbar__field{
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) .range-tab.range-tab--sheet-open{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 44px;
    height: 44px;
    margin: 0;
    padding: 10px 8px;
    border: 1px solid #cbd5e1;
    border-right: 1px solid #cbd5e1;
    border-radius: var(--radius-sm);
    background: #fff;
    box-shadow: none;
    font-size: 0.84rem;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
    box-sizing: border-box;
    align-self: stretch;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) .range-tab.range-tab--sheet-open .ui-icon{
    width: 1rem;
    height: 1rem;
    color: #94a3b8;
    flex-shrink: 0;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) .range-tab.range-tab--sheet-open.is-active,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) .range-tab.range-tab--sheet-open[aria-pressed="true"]{
    background: var(--accent-soft);
    border-color: var(--accent-border);
    color: var(--accent-hover);
    box-shadow: none;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) .range-tab.range-tab--sheet-open.is-active .ui-icon,
  body.mode-panel .trade-toolbar.hs-search-toolbar:has(> .trade-toolbar__right > .range-tabs:not(.range-tabs--home-extended)):not(:has(.hs-favoriler-toolbar-btn)):not(.trade-toolbar--tedarik-markalar) .range-tab.range-tab--sheet-open[aria-pressed="true"] .ui-icon{
    color: var(--accent);
  }
}
.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__cat-wrap > .trade-cat-multi{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  display:flex;
  align-items:stretch;
}
.trade-toolbar__cat-wrap > .trade-cat-multi .trade-cat-multi__btn.trade-toolbar__cat{
  width:100%;
  max-width:none;
  min-width:0;
  flex:1 1 auto;
  box-sizing:border-box;
  min-height:100%;
  padding:12px 36px 12px 12px;
  font-size:0.95rem;
}
.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;
}

/* Ara? ?ubu?u ? ?oklu kategori filtresi */
.trade-toolbar__cat-wrap--multi{
  position:relative;
}
.trade-cat-multi{
  position:relative;
  width:100%;
}
.trade-cat-multi__btn{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  text-align:left;
  cursor:pointer;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  font-size:0.875rem;
  font-weight:500;
  color:#334155;
  line-height:1.35;
  border:1px solid #e2e8f0;
  border-radius:var(--radius-sm);
  background-color:#fff;
  padding:10px 36px 10px 12px;
  background-image:none;
  position:relative;
  transition:border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.trade-cat-multi__btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:6px;
  background:rgba(15,118,110,0.08);
  color:#0f766e;
  flex-shrink:0;
}
.trade-cat-multi__btn-icon .ui-icon{
  width:13px;
  height:13px;
}
.trade-cat-multi__chevron{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  color:#94a3b8;
  pointer-events:none;
}
.trade-cat-multi__chevron .ui-icon{
  width:14px;
  height:14px;
}
.trade-cat-multi__btn:focus{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-ring);
}
.trade-cat-multi__btn[aria-expanded="true"]{
  border-color:rgba(15,118,110,0.45);
  box-shadow:0 0 0 3px rgba(15,118,110,0.1);
  background:#f8fafc;
}
.trade-cat-multi__text{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  flex:1 1 auto;
  min-width:0;
  text-transform:none;
  letter-spacing:normal;
}
.trade-cat-multi__panel{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  right:0;
  z-index:120;
  min-width:220px;
  max-height:min(360px, 60vh);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:10px;
  box-shadow:
    0 4px 6px rgba(15,23,42,0.04),
    0 12px 28px rgba(15,23,42,0.12);
  padding:0;
  text-transform:none;
  letter-spacing:normal;
  font-weight:400;
}
.trade-cat-multi__actions{
  display:flex;
  justify-content:flex-end;
  padding:8px 10px;
  border-bottom:1px solid #f1f5f9;
  background:rgba(248,250,252,0.72);
  flex-shrink:0;
}
.trade-cat-multi__action{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:0;
  background:transparent;
  color:#64748b;
  font-size:.75rem;
  font-weight:600;
  cursor:pointer;
  padding:2px 4px;
  border-radius:4px;
  transition:color 0.15s ease, background 0.15s ease;
}
.trade-cat-multi__action-icon{
  width:13px;
  height:13px;
  opacity:0.85;
}
.trade-cat-multi__action:hover{
  color:#0f766e;
  background:rgba(15,118,110,0.06);
  text-decoration:none;
}
.trade-cat-multi__list{
  list-style:none;
  margin:0;
  padding:6px;
  overflow:auto;
  flex:1 1 auto;
  min-height:0;
}
.trade-cat-multi__item{
  margin:0;
}
.trade-cat-multi__item--child .trade-cat-multi__label{
  padding-left:calc(10px + (var(--cat-depth, 1) * 14px));
  font-weight:500;
  color:#475569;
}
.trade-cat-multi__item--group > .trade-cat-multi__label{
  font-weight:700;
  color:#0f172a;
}
.trade-cat-multi__item--group + .trade-cat-multi__item--group{
  margin-top:4px;
  padding-top:4px;
  border-top:1px solid #f1f5f9;
}
.trade-cat-multi__label{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:7px 10px;
  cursor:pointer;
  font-weight:500;
  font-size:.8125rem;
  line-height:1.35;
  color:#334155;
  border-radius:7px;
  text-transform:none;
  letter-spacing:normal;
  transition:background 0.12s ease, color 0.12s ease;
}
.trade-cat-multi__label:hover{
  background:#f1f5f9;
}
.trade-cat-multi__label:has(.trade-cat-multi__check:checked){
  background:rgba(15,118,110,0.08);
  color:#0f172a;
}
.trade-cat-multi__check{
  margin-top:2px;
  flex-shrink:0;
  width:15px;
  height:15px;
  accent-color:#0f766e;
  cursor:pointer;
}
.trade-cat-multi__name{
  flex:1 1 auto;
  min-width:0;
  text-transform:none;
  letter-spacing:normal;
}

/* Modal katalog sekmesi ? ?oklu kategori filtresi */
.hs-ilan-katalog-tab__toolbar .trade-cat-multi{
  flex:0 1 220px;
  min-width:160px;
  max-width:280px;
}
.hs-ilan-katalog-tab__toolbar .trade-cat-multi__btn.hs-ilan-katalog-tab__cat{
  width:100%;
  min-width:0;
  font-weight:600;
}
.hs-ilan-katalog-tab__toolbar .trade-cat-multi__panel{
  min-width:200px;
  z-index:200;
}

/* 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-filter-chips{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
.mp-filter-chip{
  position: relative;
  cursor: pointer;
  user-select: none;
}
.mp-filter-chip input{
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.mp-filter-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;
  white-space: nowrap;
  transition: border-color .15s, background .15s, color .15s;
}
.mp-filter-chip:hover span{
  border-color: var(--line-strong);
  background: var(--surface-muted);
}
.mp-filter-chip input:checked + span,
.mp-filter-chip:has(input:checked) span{
  border-color: #334155;
  background: #f1f5f9;
  color: #0f172a;
}
.mp-filter-chip input:focus-visible + span{
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.trade-filter-chips .mp-filter-chip span{
  min-height: 36px;
  padding: 6px 14px;
  font-size: .86rem;
}
.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;
  }
}
/* Mobil: devir/i?/cihaz ilan? filtre + kart ? okunakl?, dokunma dostu */
@media (max-width: 720px){
  /* ?st: E?itim Videosu | ?lan A?; alt: arama + filtreler + Uygula */
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .hs-search-toolbar__row,
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right{
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .hs-search-toolbar__row > .hs-egitim-btn{
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 48px;
    height: auto;
    padding: 10px 12px;
    gap: 6px;
    flex-direction: row;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .hs-search-toolbar__row > .hs-egitim-btn .ui-icon,
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .hs-search-toolbar__row > .hs-egitim-btn .hs-egitim-btn__icon{
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
  }
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right > .btn,
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right > a.btn,
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right > #btnDevirCreate,
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right > #btnJobCreate,
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right > #btnCihazCreate{
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 48px;
    height: auto;
    padding: 10px 12px;
    gap: 6px;
    flex-direction: row;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right > .btn .ui-icon,
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right > a.btn .ui-icon{
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
  }
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .hs-search-toolbar__row > .panel-egitim-toolbar__fields{
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  body.mode-panel .trade-toolbar--devir .panel-egitim-toolbar__fields > .trade-toolbar__q,
  body.mode-panel .trade-toolbar--devir .panel-egitim-toolbar__fields > input.input{
    grid-column: 1 / -1;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 44px;
    font-size: 0.875rem;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar--devir .panel-egitim-toolbar__fields > select.input{
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 44px;
    font-size: 0.875rem;
    flex: none !important;
    align-self: stretch;
    box-sizing: border-box !important;
  }
  /* Tek kalan son select (?r. 3 filtrede ?l?e) tam sat?r */
  body.mode-panel .trade-toolbar--devir .panel-egitim-toolbar__fields > select.input:last-of-type:nth-of-type(odd){
    grid-column: 1 / -1;
  }
  /* Uygula tam geni?lik ? daha rahat dokunma alan? */
  body.mode-panel .trade-toolbar--devir .panel-egitim-toolbar__fields > .btn{
    grid-column: 1 / -1;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 46px;
    height: auto;
    padding: 10px 14px;
    font-size: 0.9rem;
    font-weight: 600;
    align-self: stretch;
    justify-content: center;
    box-sizing: border-box !important;
  }
  body.mode-panel .trade-toolbar--devir .panel-egitim-toolbar__fields > .btn > span:not(.ui-icon){
    white-space: nowrap;
  }
  body.mode-panel .trade-layout{
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  body.mode-panel .trade-main,
  body.mode-panel .trade-panels,
  body.mode-panel .trade-panel,
  body.mode-panel .trade-feed{
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.mode-panel .trade-feed .jobs-grid{
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  body.mode-panel .trade-feed .job-card,
  body.mode-panel .trade-feed .devir-card{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }
  body.mode-panel .trade-feed .job-card__store,
  body.mode-panel .trade-feed .job-card__seller,
  body.mode-panel .trade-feed .job-card__title{
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}
/* ?ok dar ekran: ?st CTA metinleri net kals?n */
@media (max-width: 380px){
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .hs-search-toolbar__row > .hs-egitim-btn,
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right > .btn,
  body.mode-panel .trade-toolbar.trade-toolbar--devir.hs-search-toolbar > .trade-toolbar__right > a.btn{
    flex-direction: column;
    padding: 8px 6px;
    gap: 4px;
    font-size: 0.72rem;
    min-height: 52px;
  }
}

.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);
}
body.mode-admin .trade-toolbar-btn.btn-with-icon.trade-toolbar-btn--gorselsiz-alert{
  position: relative;
}
body.mode-admin .trade-toolbar-btn.btn-with-icon.trade-toolbar-btn--guncelleme-alert{
  position: relative;
}
body.mode-admin .admin-urun-guncelleme-toolbar{
  padding-left: 12px;
  margin-left: 4px;
  border-left: 1px solid rgba(15, 23, 42, 0.12);
}
body.mode-admin .trade-toolbar-btn .nav-pulse-dot.gorselsiz-uyari-pulse-dot{
  right: 6px;
  top: 5px;
  width: 8px;
  height: 8px;
  background-color: #ef4444;
  animation: odemeAktarimPulse 1s ease-in-out infinite !important;
}
body.mode-admin .detail-tabs .detail-tab.detail-tab--gorselsiz{
  margin-left: 4px;
  padding-left: 12px;
  border-left: 1px solid rgba(15, 23, 42, 0.12);
}
body.mode-admin .detail-tabs .detail-tab.detail-tab--gorselsiz-alert{
  position: relative;
}
body.mode-admin .detail-tabs .detail-tab .nav-pulse-dot.gorselsiz-uyari-pulse-dot{
  right: 6px;
  top: 5px;
  width: 8px;
  height: 8px;
  background-color: #ef4444;
  animation: odemeAktarimPulse 1s ease-in-out infinite !important;
}
body.mode-admin .trade-toolbar-btn .nav-pulse-dot.guncelleme-uyari-pulse-dot{
  right: 6px;
  top: 5px;
  width: 8px;
  height: 8px;
  background-color: #f59e0b;
  animation: odemeAktarimPulse 1s ease-in-out infinite !important;
}
@media (prefers-reduced-motion: reduce){
  body.mode-admin .trade-toolbar-btn .nav-pulse-dot.gorselsiz-uyari-pulse-dot,
  body.mode-admin .detail-tabs .detail-tab .nav-pulse-dot.gorselsiz-uyari-pulse-dot,
  body.mode-admin .trade-toolbar-btn .nav-pulse-dot.guncelleme-uyari-pulse-dot{
    animation: none !important;
    opacity: 1;
  }
}

.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 ? taray?c? y'yi auto yapar, gereksiz scrollbar */
  overflow: visible;
  padding: 14px var(--trade-pad-x) 20px;
  background: transparent;
  background-image: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Haz?r Stok ? sonsuz kayd?rma, sayfa scrollbar gizli */
body.mode-panel.hs-infinite-feed {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body.mode-panel.hs-infinite-feed::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* ?r?n kart? / tablo sarmalay?c? ? i? scrollbar olmas?n */
body.mode-panel.hs-infinite-feed .trade-feed .table-wrap,
body.mode-panel.hs-infinite-feed .trade-feed .table-wrap.table-wrap--katalog-picker {
  overflow: visible;
  max-height: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body.mode-panel.hs-infinite-feed .trade-feed .table-wrap::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.trade-infinite-sentinel {
  height: 1px;
  width: 100%;
  pointer-events: none;
  visibility: hidden;
}

/* 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(5, minmax(0, 1fr));
  }
}

/* Haz?r Stoktakiler ? pazaryeri kart ?zgaras? */
.hs-katalog-picker--browse-grid .hs-browse-grid.catalog-grid {
  margin-top: 0;
}

.hs-katalog-picker--browse-grid .catalog-card.hs-card--browse {
  content-visibility: auto;
  contain-intrinsic-size: auto 320px;
}

/* Sat?? ?lan? A? / ?r?n Talep A? modal? ? katalog kart ?zgaras? (?r?n katalo?u ile ayn? stil) */
#modalHsIlan .hs-ilan-katalog-tab.hs-katalog-picker--browse-grid .hs-modal-katalog-grid,
#modalKatalogTalepAc .hs-ilan-katalog-tab.hs-katalog-picker--browse-grid .hs-modal-katalog-grid,
#modalIlanAc .hs-ilan-katalog-tab.hs-katalog-picker--browse-grid .hs-modal-katalog-grid {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 720px) {
  #modalHsIlan .hs-ilan-katalog-tab.hs-katalog-picker--browse-grid .hs-modal-katalog-grid,
  #modalKatalogTalepAc .hs-ilan-katalog-tab.hs-katalog-picker--browse-grid .hs-modal-katalog-grid,
  #modalIlanAc .hs-ilan-katalog-tab.hs-katalog-picker--browse-grid .hs-modal-katalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
}

@media (max-width: 520px) {
  #modalHsIlan .hs-ilan-katalog-tab.hs-katalog-picker--browse-grid .hs-modal-katalog-grid,
  #modalKatalogTalepAc .hs-ilan-katalog-tab.hs-katalog-picker--browse-grid .hs-modal-katalog-grid,
  #modalIlanAc .hs-ilan-katalog-tab.hs-katalog-picker--browse-grid .hs-modal-katalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

#modalHsIlan.is-hs-katalog-tab .hs-modal-katalog-grid,
#modalHsIlan:has([data-hs-ilan-panel="katalog"]:not([hidden])) .hs-modal-katalog-grid,
#modalIlanAc.is-ilan-katalog-tab .hs-modal-katalog-grid,
#modalIlanAc:has([data-ilan-modal-panel="katalog"]:not([hidden])) .hs-modal-katalog-grid {
  flex: 0 0 auto;
  min-height: unset;
  overflow: visible;
  max-height: none;
}

/* Modal katalog kartlar? ? i?lem butonlar? yaln?zca ikon */
#modalHsIlan .hs-modal-katalog-grid .hs-card__actions--top .btn-with-icon > span:not(.ui-icon):not(.kg-pulse-dot):not(.nav-pulse-dot):not(.trade-feed-tabs__badge),
#modalHsIlan .hs-modal-katalog-grid .hs-card__actions--top .catalog-card__favori-chip .hs-katalog-actions__label,
#modalIlanAc .hs-modal-katalog-grid .hs-card__actions--top .btn-with-icon > span:not(.ui-icon):not(.kg-pulse-dot):not(.nav-pulse-dot):not(.trade-feed-tabs__badge),
#modalIlanAc .hs-modal-katalog-grid .hs-card__actions--top .catalog-card__favori-chip .hs-katalog-actions__label {
  display: none !important;
}

#modalHsIlan .hs-modal-katalog-grid .hs-card__actions--top,
#modalIlanAc .hs-modal-katalog-grid .hs-card__actions--top {
  align-items: center;
}

#modalHsIlan .hs-modal-katalog-grid .hs-card__actions--top :is(.btn.btn-with-icon, .catalog-card__favori-chip, .btn.btn-katalog-guncelleme-icon),
#modalIlanAc .hs-modal-katalog-grid .hs-card__actions--top :is(.btn.btn-with-icon, .catalog-card__favori-chip, .btn.btn-katalog-guncelleme-icon) {
  min-height: 0;
  height: 30px;
  max-height: 30px;
  aspect-ratio: unset;
  padding: 5px !important;
  gap: 0 !important;
  flex-direction: row;
}

#modalHsIlan .hs-modal-katalog-grid .hs-card__actions--top :is(.btn.btn-with-icon, .catalog-card__favori-chip) .ui-icon,
#modalIlanAc .hs-modal-katalog-grid .hs-card__actions--top :is(.btn.btn-with-icon, .catalog-card__favori-chip) .ui-icon {
  width: 1rem;
  height: 1rem;
}

.hs-browse-grid .hs-card--compact .catalog-card__body {
  padding-left: 8px;
  padding-right: 8px;
}

.hs-browse-grid .hs-card--compact .hs-card__title {
  margin-bottom: 6px;
  font-size: 0.82rem;
}

.hs-browse-grid .hs-card--compact .hs-card__bar--top {
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
  gap: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.hs-browse-grid .hs-card--compact .hs-card__actions--top {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 6px;
  width: 100%;
}

/* Browse kartlar?: i?lem butonlar? ikon + ba?l?k */
.hs-browse-grid .hs-card--compact .hs-card__actions--top > :is(.btn, .catalog-card__favori-chip),
.hs-browse-grid .hs-card--compact .hs-card__actions--top > .inline-form {
  flex: 1 1 0;
  min-width: 0;
}

.hs-browse-grid .hs-card--compact .hs-card__actions--top > .inline-form {
  display: flex;
}

.hs-browse-grid .hs-card--compact .hs-card__actions--top :is(.btn.btn-with-icon, .catalog-card__favori-chip) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 4rem;
  padding: 7px 5px 6px !important;
  gap: 5px !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hs-browse-grid .hs-card--compact .hs-card__actions--top :is(.btn.btn-with-icon, .catalog-card__favori-chip) .ui-icon {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0 !important;
  flex-shrink: 0;
}

.hs-browse-grid .hs-card--compact .hs-card__actions--top .btn-with-icon > span:not(.trade-feed-tabs__badge):not(.ui-icon):not(.kg-pulse-dot):not(.nav-pulse-dot),
.hs-browse-grid .hs-card--compact .hs-card__actions--top .catalog-card__favori-chip .hs-katalog-actions__label,
.hs-browse-grid .hs-card--compact .hs-card__actions--top .catalog-card__stock-btn__lbl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.64rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
}

.hs-browse-grid .hs-card--compact .hs-card__actions--top .btn.btn-katalog-guncelleme-icon {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  padding-inline: 4px !important;
}

.hs-browse-grid .hs-card--compact .hs-card__bar--price {
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.hs-browse-grid .hs-card--compact .hs-card__adet-kpi .v {
  font-size: 1.05rem;
}

.hs-browse-grid .hs-card--compact .hs-card__price {
  font-size: 1.05rem;
}

/* B2B Sepetim ? kart buton (toolbar + y?zen) */
.hs-sepet-card-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 14px 11px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 4px 12px rgba(15, 23, 42, 0.06);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease,
    background 0.2s ease;
  isolation: isolate;
}

.hs-sepet-card-btn:hover {
  border-color: #cbd5e1;
  background: #fafbfc;
  color: #0f172a;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.05),
    0 8px 18px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.hs-sepet-card-btn:active {
  transform: translateY(0);
}

.hs-sepet-card-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #334155;
  --ui-icon-color: #334155;
}

.hs-sepet-card-btn__icon .ui-icon {
  width: 18px;
  height: 18px;
}

.hs-sepet-card-btn__label {
  white-space: nowrap;
}

.hs-sepet-card-btn__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.35rem;
  margin-left: 2px;
  border-radius: 999px;
  background: var(--accent, #0f766e);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
}

.hs-sepet-card-btn__accent {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--accent, #0f766e);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.hs-sepet-card-btn--live {
  border-color: color-mix(in srgb, var(--accent, #0f766e) 32%, #e2e8f0);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 4px 12px rgba(15, 23, 42, 0.05),
    0 0 0 3px color-mix(in srgb, var(--accent, #0f766e) 12%, transparent);
}

.hs-sepet-card-btn--live:hover {
  border-color: color-mix(in srgb, var(--accent, #0f766e) 45%, #cbd5e1);
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.05),
    0 8px 18px rgba(15, 23, 42, 0.07),
    0 0 0 3px color-mix(in srgb, var(--accent, #0f766e) 16%, transparent);
}

.hs-sepet-card-btn--live .hs-sepet-card-btn__accent {
  opacity: 1;
}

.hs-sepet-card-btn--live .hs-sepet-card-btn__badge {
  animation: hs-sepet-badge-breathe 2.8s ease-in-out infinite;
}

.hs-sepet-card-btn--live .hs-sepet-card-btn__badge.is-bump {
  animation: hs-sepet-card-badge-bump 0.4s ease-out 1;
}

@keyframes hs-sepet-badge-breathe {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #0f766e) 40%, transparent);
  }
  50% {
    transform: scale(1.06);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent, #0f766e) 0%, transparent);
  }
}

@keyframes hs-sepet-card-badge-bump {
  0% { transform: scale(1); }
  40% { transform: scale(1.18); }
  70% { transform: scale(0.96); }
  100% { transform: scale(1); }
}

/* Y?zen sepet butonu ? mp-filter-fab ile ayn? pill stil */
.hs-sepet-fab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 18px 0 14px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(145deg, #0f766e 0%, #14b8a6 100%);
  color: #fff;
  font: inherit;
  font-size: var(--mp-text-sm, 0.875rem);
  font-weight: var(--mp-fw-nav-active, 600);
  --ui-icon-color: #fff;
  box-shadow: 0 2px 10px rgba(15, 118, 110, 0.22);
  text-decoration: none;
  pointer-events: auto;
  cursor: pointer;
  transition: box-shadow 0.15s ease, opacity 0.15s ease, transform 0.2s ease;
}

.hs-sepet-fab,
.hs-sepet-fab .ui-icon {
  color: #fff;
}

.hs-sepet-fab:hover {
  color: #fff;
  --ui-icon-color: #fff;
  box-shadow: 0 3px 12px rgba(15, 118, 110, 0.28);
}

.hs-sepet-fab:active {
  opacity: 0.92;
}

.hs-sepet-fab.is-burst {
  animation: hs-sepet-fab-burst 0.7s ease-out 2;
}

@keyframes hs-sepet-fab-burst {
  0% { transform: scale(1); }
  30% { transform: scale(1.04); }
  60% { transform: scale(0.98); }
  100% { transform: scale(1); }
}

.hs-sepet-fab__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hs-sepet-fab__icon .ui-icon {
  width: 18px;
  height: 18px;
}

.hs-sepet-fab__label {
  white-space: nowrap;
}

.hs-sepet-fab__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
}

.hs-sepet-fab__badge.is-bump {
  animation: hs-sepet-fab-badge-bump 0.55s ease-out 2;
}

.hs-sepet-fab--inline {
  min-height: 36px;
  padding: 0 12px 0 10px;
  gap: 6px;
  font-size: 0.8125rem;
  box-shadow: 0 1px 6px rgba(15, 118, 110, 0.18);
}

.hs-sepet-fab--inline .hs-sepet-fab__icon .ui-icon {
  width: 16px;
  height: 16px;
}

.hs-sepet-fab--inline .hs-sepet-fab__badge {
  min-width: 18px;
  height: 18px;
  font-size: 0.68rem;
}

.hs-card__actions--top .hs-sepet-fab--inline {
  width: 100%;
  justify-content: center;
}

@keyframes hs-sepet-fab-badge-bump {
  0% { transform: scale(1); }
  40% { transform: scale(1.2); }
  70% { transform: scale(0.95); }
  100% { transform: scale(1); }
}

.trade-top-tabs__sepet.is-cart-live {
  border-color: color-mix(in srgb, var(--accent, #0f766e) 32%, #e2e8f0);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #0f766e) 12%, transparent);
}

.trade-top-tabs__sepet.is-cart-live.is-active {
  color: var(--accent, #0f766e);
  font-weight: 600;
  border-color: color-mix(in srgb, var(--accent, #0f766e) 45%, #e2e8f0);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #0f766e) 16%, transparent);
}

/* Eski toolbar s?n?f? ? favoriler rozeti uyumlulu?u */
.hs-sepet-toolbar-btn__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.15rem;
  height: 1.15rem;
  padding: 0 0.3rem;
  margin-left: 0.2rem;
  border-radius: 999px;
  background: var(--brand, #1f8f4e);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
}

.hs-sepet-toolbar-btn--live {
  border-color: color-mix(in srgb, var(--accent, #0f766e) 32%, #e2e8f0);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #0f766e) 12%, transparent);
}

.hs-sepet-toolbar-btn--live .hs-sepet-toolbar-btn__badge {
  animation: hs-sepet-badge-breathe 2.8s ease-in-out infinite;
}

/* Haz?r Stok ? y?zen B2B sepet butonu */
.hs-sepet-fab-wrap {
  position: fixed;
  right: 20px;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  z-index: 1320;
  display: flex;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.hs-sepet-fab-wrap.is-entered {
  opacity: 1;
  transform: translateY(0);
}

/* B2B Sepetim ? sa?dan a??lan drawer (filtre paneli mant???) */
.hs-sepet-drawer {
  position: fixed;
  inset: 0;
  z-index: 1400;
  pointer-events: none;
  visibility: hidden;
}

.hs-sepet-drawer.is-open {
  pointer-events: auto;
  visibility: visible;
}

body.hs-sepet-drawer-open {
  overflow: hidden;
}

.hs-sepet-drawer__backdrop {
  display: block;
  position: absolute;
  inset: 0;
  background: rgba(12, 18, 34, 0.45);
  opacity: 0;
  transition: opacity 0.24s ease;
}

.hs-sepet-drawer.is-open .hs-sepet-drawer__backdrop {
  opacity: 1;
}

.hs-sepet-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(420px, 92vw);
  height: 100%;
  height: 100dvh;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
  padding: 0 14px 16px;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  border: none;
  border-left: 1px solid var(--line, #e2e8f0);
  border-radius: 0;
  overflow: hidden;
  transform: translateX(100%);
  transition: transform 0.24s ease;
  box-shadow: -8px 0 32px rgba(12, 18, 34, 0.12);
  background: #fff;
}

.hs-sepet-drawer.is-open .hs-sepet-drawer__panel {
  transform: translateX(0);
}

.hs-sepet-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  margin: 0 -14px 2px;
  padding: 14px 14px 12px;
  border-bottom: 1px solid var(--line, #e2e8f0);
  background: #fff;
}

.hs-sepet-drawer__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.hs-sepet-drawer__close {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-md, 10px);
  background: #fff;
  color: var(--ink, #0f172a);
  cursor: pointer;
}

.hs-sepet-drawer__close .ui-icon {
  width: 16px;
  height: 16px;
}

.hs-sepet-drawer__body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.hs-sepet-modal-layout {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  gap: 0;
}

.hs-sepet-modal-grup {
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md, 10px);
  overflow: hidden;
}

.hs-sepet-modal-grup .hs-sepet-satici-grup__head {
  padding: 12px 14px;
  background: #f8fafc;
}

.hs-sepet-modal-list .hs-sepet-item {
  padding: 12px 14px;
}

.hs-sepet-modal-item .hs-sepet-item__media {
  width: 56px;
  height: 56px;
}

.hs-sepet-modal-main {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 12px;
}

.hs-sepet-modal-summary {
  flex-shrink: 0;
  margin-top: auto;
  padding: 14px 0 0;
  border: none;
  border-top: 1px solid #e2e8f0;
  border-radius: 0;
  background: #fff;
}

.hs-sepet-modal-empty {
  padding: 24px 8px;
  text-align: center;
}

.hs-sepet-nudge {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  max-width: min(272px, calc(100vw - 100px));
  padding: 12px 36px 12px 14px;
  border: 1px solid rgba(15, 118, 110, 0.22);
  border-radius: var(--radius-md, 10px);
  background: #fff;
  color: #0f172a;
  box-shadow: 0 12px 32px rgba(15, 118, 110, 0.14), 0 2px 8px rgba(15, 23, 42, 0.06);
  pointer-events: auto;
  transform: translateX(calc(100% + 20px));
  opacity: 0;
  transition: transform 0.38s cubic-bezier(0.34, 1.4, 0.64, 1), opacity 0.3s ease;
}

.hs-sepet-nudge.is-visible {
  transform: translateX(0);
  opacity: 1;
}

.hs-sepet-nudge.is-peek {
  transform: translateX(calc(100% - 28px));
  opacity: 0.92;
}

.hs-sepet-nudge.is-hiding {
  transform: translateX(calc(100% + 20px));
  opacity: 0;
}

.hs-sepet-nudge__tail {
  position: absolute;
  right: -7px;
  top: 50%;
  width: 14px;
  height: 14px;
  background: #fff;
  border-top: 1px solid rgba(15, 118, 110, 0.22);
  border-right: 1px solid rgba(15, 118, 110, 0.22);
  transform: translateY(-50%) rotate(45deg);
  border-radius: 0 3px 0 0;
}

.hs-sepet-nudge__head {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}

.hs-sepet-nudge__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5);
  animation: hs-sepet-nudge-live-dot 2s ease-in-out infinite;
}

@keyframes hs-sepet-nudge-live-dot {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0);
  }
}

.hs-sepet-nudge__label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0f766e;
}

.hs-sepet-nudge__title {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.35;
  color: #0f172a;
}

.hs-sepet-nudge__subtitle {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.4;
  color: #64748b;
}

.hs-sepet-nudge__cta {
  margin-top: 4px;
  min-height: 32px;
  padding: 0 14px;
  font-size: 0.8rem;
  text-decoration: none;
}

.hs-sepet-nudge__close {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.hs-sepet-nudge__close:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.hs-sepet-nudge__close .ui-icon {
  width: 16px;
  height: 16px;
}

@media (max-width: 640px) {
  .hs-sepet-fab-wrap {
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }

  .hs-sepet-fab {
    min-height: 44px;
    padding: 0 16px 0 12px;
    gap: 6px;
    font-size: 0.8125rem;
  }

  .hs-sepet-fab__icon .ui-icon {
    width: 16px;
    height: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hs-sepet-card-btn--live,
  .hs-sepet-toolbar-btn--live,
  .trade-top-tabs__sepet.is-cart-live {
    border-color: color-mix(in srgb, var(--accent, #0f766e) 40%, #e2e8f0);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #0f766e) 14%, transparent);
  }

  .hs-sepet-card-btn--live .hs-sepet-card-btn__accent {
    opacity: 1;
  }

  .hs-sepet-fab-wrap {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .hs-sepet-fab,
  .hs-sepet-fab.is-burst,
  .hs-sepet-fab__badge,
  .hs-sepet-fab__badge.is-bump,
  .hs-sepet-card-btn--live .hs-sepet-card-btn__badge,
  .hs-sepet-card-btn--live .hs-sepet-card-btn__badge.is-bump,
  .hs-sepet-toolbar-btn--live .hs-sepet-toolbar-btn__badge {
    animation: none !important;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
}

/* Feed sekmeleri: masa?st?nde tek sat?r; mobilde kayd?rma yok ? ?zgara */
body.mode-panel .trade-top-tabs:has(.trade-feed-tabs) {
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 8px;
}
body.mode-panel .trade-top-tabs:has(.trade-feed-tabs) .trade-top-tabs__right {
  flex: 0 0 auto;
  margin-left: auto;
}
body.mode-panel .trade-top-tabs .trade-top-tabs__sepet {
  flex: 0 0 auto;
}
body.mode-panel .trade-top-tabs .trade-feed-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  padding-bottom: 2px;
}
body.mode-panel .trade-top-tabs .trade-feed-tab {
  flex: 0 0 auto;
}
/* Feed sekmeleri: mobilde 3 yan yana, ikon ?st / ba?l?k alt (tek s?tun y???n yok) */
@media (max-width: 900px){
  body.mode-panel .trade-top-tabs:has(.trade-feed-tabs){
    flex-wrap: wrap;
    align-items: stretch;
  }
  body.mode-panel .trade-top-tabs__left:has(.trade-feed-tabs){
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tabs{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    overflow-x: visible;
    -webkit-overflow-scrolling: auto;
    scrollbar-width: none;
    padding-bottom: 0;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tabs::-webkit-scrollbar{
    display: none;
    width: 0;
    height: 0;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tab{
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    min-height: 72px;
    padding: 12px 6px 10px;
    text-align: center;
    white-space: normal;
    line-height: 1.2;
    font-size: 0.72rem;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tabs > .trade-feed-tab:last-child{
    grid-column: auto;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tab .ui-icon{
    width: 22px;
    height: 22px;
    flex-shrink: 0;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tab > span:not(.trade-feed-tabs__badge){
    flex: none;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    max-width: 100%;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tab .trade-feed-tabs__badge{
    position: absolute;
    top: 6px;
    right: 6px;
    margin-left: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 480px){
  body.mode-panel .trade-top-tabs .trade-feed-tabs{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tabs > .trade-feed-tab:last-child{
    grid-column: auto;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tab{
    min-height: 68px;
    padding: 10px 4px 8px;
    font-size: 0.68rem;
    gap: 5px;
  }
  body.mode-panel .trade-top-tabs .trade-feed-tab .ui-icon{
    width: 20px;
    height: 20px;
  }
}

/* Al??/Sat??: Genel Bak?? ? Al?nanlar ? Sat?lanlar ? mobilde 3 yan yana, ikon ?st / ba?l?k alt */
@media (max-width: 900px){
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs.trade-feed-tabs{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs > .trade-feed-tab{
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    min-height: 72px;
    padding: 12px 6px 10px;
    text-align: center;
    white-space: normal;
    line-height: 1.2;
    font-size: 0.72rem;
  }
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs > .trade-feed-tab:last-child{
    grid-column: auto;
  }
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs .trade-feed-tab .ui-icon{
    width: 22px;
    height: 22px;
    flex-shrink: 0;
  }
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs .trade-feed-tab > span:not(.trade-feed-tabs__badge){
    flex: none;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    max-width: 100%;
  }
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs .trade-feed-tab .trade-feed-tabs__badge{
    position: absolute;
    top: 6px;
    right: 6px;
    margin-left: 0;
  }
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs .trade-feed-tab .nav-pulse-dot{
    top: 4px;
    right: 4px;
  }
}
@media (max-width: 480px){
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs.trade-feed-tabs{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs > .trade-feed-tab{
    min-height: 68px;
    padding: 10px 4px 8px;
    font-size: 0.68rem;
    gap: 5px;
  }
  body.mode-panel .trade-top-tabs #alisSatisStatusTabs .trade-feed-tab .ui-icon{
    width: 20px;
    height: 20px;
  }
}

.hs-sepet-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 220px;
  padding: 2rem 1.25rem;
  text-align: center;
}
.hs-sepet-empty__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.25rem;
  border-radius: 999px;
  background: var(--accent-soft, #f0fdf4);
  color: var(--accent, #0f766e);
}
.hs-sepet-empty__icon .ui-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.hs-sepet-empty__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
}
.hs-sepet-empty__desc {
  margin: 0 0 0.5rem;
  max-width: 28rem;
  line-height: 1.5;
}

.hs-sepet-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hs-sepet-satici-grup {
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}
.hs-sepet-item {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 1rem 1.25rem;
  padding: 1.125rem 1.25rem;
  border-top: 1px solid var(--border, #e8ecf2);
  align-items: start;
}
.hs-sepet-item:first-child {
  border-top: 0;
}
.hs-sepet-item__media {
  display: block;
  width: 96px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
  background: #f8fafc;
}
.hs-sepet-item__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.hs-sepet-item__title {
  display: block;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.35;
  margin-bottom: 0;
  color: inherit;
  text-decoration: none;
}
.hs-sepet-item__title:hover {
  color: var(--accent, #0f766e);
}
.hs-sepet-item__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin-top: 0.15rem;
}
.hs-sepet-item__unit {
  font-size: 0.84rem;
}
.hs-sepet-item__qty-form {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0;
}
.hs-sepet-item__qty-label {
  font-size: 0.82rem;
  font-weight: 600;
  white-space: nowrap;
}
.hs-sepet-item__qty-stepper {
  display: inline-flex;
  align-items: stretch;
  flex-shrink: 0;
  height: 36px;
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.hs-sepet-item__qty-stepper:focus-within {
  border-color: var(--accent, #0f766e);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}
.hs-sepet-item__qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 100%;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--border, #e2e8f0);
  background: #fff;
  font: inherit;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
  color: var(--ink, #0f172a);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.hs-sepet-item__qty-btn:last-child {
  border-right: 0;
  border-left: 1px solid var(--border, #e2e8f0);
}
.hs-sepet-item__qty-btn:hover:not(:disabled) {
  background: #f8fafc;
  color: var(--accent, #0f766e);
}
.hs-sepet-item__qty-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.hs-sepet-item__qty-input {
  width: 3rem;
  height: 100%;
  padding: 0 0.25rem;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}
.hs-sepet-item__qty-input:focus {
  outline: none;
}
.hs-sepet-item__qty-input::-webkit-outer-spin-button,
.hs-sepet-item__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hs-sepet-item__side {
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
}
.hs-sepet-item__price {
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
}
.hs-sepet-item--uygunsuz {
  opacity: 0.72;
}
.hs-sepet-item__warn {
  font-size: 0.85rem;
  margin-top: 0.2rem;
}
.hs-sepet-satici-grup__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border, #e8ecf2);
  flex-wrap: wrap;
}
.hs-sepet-satici-grup__seller {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
}
.hs-sepet-satici-grup__seller-k {
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.hs-sepet-satici-grup__meta {
  font-size: 0.84rem;
}
.hs-sepet-satici-grup__foot {
  margin: 0;
  padding: 0.875rem 1.25rem;
  border-top: 1px solid var(--border, #e8ecf2);
  font-size: 0.88rem;
  background: #f8fafc;
}
.hs-sepet-summary {
  position: sticky;
  top: 88px;
  padding: 1.25rem;
}
.hs-sepet-summary__row {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.35rem 0;
  font-size: 0.88rem;
  color: var(--muted, #64748b);
}
.hs-sepet-summary__row strong {
  color: var(--ink, #0f172a);
  font-weight: 600;
}
.hs-sepet-summary__row--total {
  border-top: 1px solid var(--border, #e8ecf2);
  margin-top: 0.5rem;
  padding-top: 0.875rem;
  font-size: 0.95rem;
  color: var(--ink, #0f172a);
}
.hs-sepet-summary__row--total strong {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--accent, #0f766e);
}
.hs-sepet-summary__note {
  font-size: 0.78rem;
  line-height: 1.45;
}
.hs-sepet-summary__checkout {
  margin: 0;
}
.hs-sepet-summary__continue {
  display: inline-flex;
  align-items: center;
  margin-top: 1rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--muted, #64748b);
  text-decoration: none;
  transition: color 0.15s ease;
}
.hs-sepet-summary__continue:hover {
  color: var(--ink, #0f172a);
}

.hs-sepet-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: 1.5rem;
  align-items: start;
}

@media (max-width: 900px) {
  .hs-sepet-layout {
    grid-template-columns: 1fr;
  }
  .hs-sepet-summary {
    position: static;
  }
  .hs-sepet-item {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 0.875rem;
    padding: 1rem;
  }
  .hs-sepet-item__media {
    width: 80px;
    height: 80px;
  }
  .hs-sepet-item__side {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 0.5rem;
    border-top: 1px dashed var(--border, #e8ecf2);
  }
}

.hs-sepet-item__media.catalog-card__media {
  aspect-ratio: auto;
  background: #fff;
  border: 1px solid var(--border, #e8e8e8);
}

.hs-sepet-item__media.catalog-card__media:not(.catalog-card__media--avatar):not(.catalog-card__media--placeholder) .catalog-card__media-stage {
  padding: 6px;
  background: #fff;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.hs-sepet-item__media.catalog-card__media--avatar .catalog-card__media-stage,
.hs-sepet-item__media.catalog-card__media--placeholder .catalog-card__media-stage {
  padding: 6px;
  background: #fff;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.hs-sepet-item__media img,
.hs-sepet-item__media .mp-card__media-swap-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.hs-browse-grid .hs-card--compact .hs-card__teklif-kpi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}

.hs-browse-grid .hs-card--compact .hs-card__teklif-kpi-num {
  display: block;
  line-height: 1.15;
}

.hs-browse-grid .hs-card--compact .hs-card__actions--top .catalog-card__status-badge {
  flex: 1 1 auto;
  justify-content: center;
  text-align: center;
}

@media (max-width: 720px) {
  .hs-browse-grid.catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 520px) {
  .hs-browse-grid.catalog-grid {
    grid-template-columns: repeat(2, 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;
}

/* Haz?r stok ilanlar?m ? i?lem butonlar? tek sat?r */
body.mode-panel .table-wrap--hs-ilanlarim table.simple > thead > tr > th:last-child,
body.mode-panel .table-wrap--hs-ilanlarim table.simple > tbody > tr > td.td-actions--hs-ilanlarim {
  width: 13rem;
  min-width: 13rem;
}

.table-wrap--hs-ilanlarim .td-actions--hs-ilanlarim .td-actions__inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.table-wrap--hs-ilanlarim .td-actions--hs-ilanlarim .td-actions__inner > .btn,
.table-wrap--hs-ilanlarim .td-actions--hs-ilanlarim .td-actions__inner > a.btn,
.table-wrap--hs-ilanlarim .td-actions--hs-ilanlarim .td-actions__inner .inline-form {
  flex-shrink: 0;
}

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

.table-wrap--hs-ilanlarim .hs-ilan-kaldir-btn:hover {
  border-color: #fca5a5;
  color: #b91c1c;
  background: #fef2f2;
}

.table-wrap--hs-ilanlarim .hs-ilan-durum-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.table-wrap--hs-ilanlarim tr.hs-ilan-row--marka-onay > td {
  background: #fffbeb;
}

.table-wrap--hs-ilanlarim .hs-ilan-bekleyen-badge {
  font-size: 0.72rem;
}

.table-wrap--hs-ilanlarim .trade-td-hs-editable {
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 8px;
}

body.mode-panel .table-wrap--hs-ilanlarim table.simple > thead > tr > th:nth-last-child(4),
body.mode-panel .table-wrap--hs-ilanlarim table.simple > tbody > tr > td.trade-td-hs-editable--fiyat {
  width: 7.75rem;
  min-width: 7.75rem;
  box-sizing: border-box;
}

.table-wrap--hs-ilanlarim .trade-td-hs-editable--fiyat {
  text-align: center;
  overflow: hidden;
}

.table-wrap--hs-ilanlarim .hs-ilan-cell-edit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0 8px;
  min-height: 34px;
  box-sizing: border-box;
  font: inherit;
  font-weight: 600;
  font-size: 0.88rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: var(--radius-md, 8px);
  box-shadow: inset 0 1px 2px rgba(180, 83, 9, 0.06);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.table-wrap--hs-ilanlarim .hs-ilan-cell-edit--stok {
  min-width: 4.25rem;
  justify-content: center;
}

.table-wrap--hs-ilanlarim .hs-ilan-cell-edit--fiyat {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  justify-content: center;
}

.table-wrap--hs-ilanlarim .hs-ilan-cell-edit__val {
  min-width: 0;
  white-space: nowrap;
}

.table-wrap--hs-ilanlarim .hs-ilan-cell-edit:hover {
  background: #fef3c7;
  border-color: #f59e0b;
  color: #78350f;
}

.table-wrap--hs-ilanlarim .hs-ilan-cell-edit:focus-visible {
  outline: none;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
}

.table-wrap--hs-ilanlarim .hs-ilan-cell-edit:active:not(:disabled) {
  transform: translateY(1px);
}
.table-wrap--hs-ilanlarim .td-pzb-ilan .btn.btn-pzb-ilan {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding-inline: 10px;
  background: #fff;
  border-color: var(--line);
  color: #334155;
  font-weight: 600;
  box-shadow: none;
}
.table-wrap--hs-ilanlarim .td-pzb-ilan .btn.btn-pzb-ilan:hover:not(:disabled) {
  background: #f8fafc;
  border-color: var(--line-strong);
  color: #1e293b;
}
.table-wrap--hs-ilanlarim .td-pzb-ilan .btn.btn-pzb-ilan--on {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}
.table-wrap--hs-ilanlarim .td-pzb-ilan .btn.btn-pzb-ilan--on:hover:not(:disabled) {
  background: #dcfce7;
  border-color: #86efac;
  color: #14532d;
}
.table-wrap--hs-ilanlarim .td-pzb-ilan .btn.btn-pzb-ilan--idle {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}
.table-wrap--hs-ilanlarim .td-pzb-ilan .btn.btn-pzb-ilan--idle:hover:not(:disabled) {
  background: #fef3c7;
  border-color: #fcd34d;
  color: #78350f;
}
.table-wrap--hs-ilanlarim .td-pzb-ilan .btn.btn-pzb-ilan--off {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}
.table-wrap--hs-ilanlarim .td-pzb-ilan .btn.btn-pzb-ilan--off:hover:not(:disabled) {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #7f1d1d;
}

/* ??? Ticaret ?zeti: F?YAT / STOK ? Haz?r Stok ilanlar?m sar? kutu ??? */
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 4px;
  min-height: 0;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce .katalog-picker__pazar-party-value {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 0 8px;
  box-sizing: border-box;
  border: 1px solid #fcd34d;
  border-radius: var(--radius-md, 8px);
  background: #fffbeb;
  color: #92400e;
  font-weight: 600;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  text-align: center;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--fiyat .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--fiyat .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--fiyat .katalog-picker__pazar-party-value,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--fiyat .katalog-picker__pazar-party-value {
  font-weight: 700;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--commerce .hs-ilan-item-pazar__metric {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-align: center;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding-inline: 10px;
  font-weight: 600;
  background: #fff;
  border-color: var(--line);
  color: #334155;
  box-shadow: none;
}
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan:hover:not(:disabled),
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan:hover:not(:disabled) {
  background: #f8fafc;
  border-color: var(--line-strong);
  color: #1e293b;
}

/* Ba?lant?s? yok: k?rm?z?ms? i? kutu (td-pzb-ilan paleti) */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan--off,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan--off {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan--off:hover:not(:disabled),
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan--off:hover:not(:disabled) {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #7f1d1d;
}

/* Ma?aza ba?l?, ilan e?le?memi?: amber i? kutu */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan--idle,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan--idle {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan--idle:hover:not(:disabled),
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb .btn.btn-pzb-ilan--idle:hover:not(:disabled) {
  background: #fef3c7;
  border-color: #fcd34d;
  color: #78350f;
}

/* Aktif + Trendyol: ye?il yaln?zca i? kutu (ba?l? rozeti paleti); d?? PAZARYER? blo?u varsay?lan gri kal?r */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb.katalog-picker__pazar-party-block--pzb-trendyol-aktif .btn.btn-pzb-ilan--on,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb.katalog-picker__pazar-party-block--pzb-trendyol-aktif .btn.btn-pzb-ilan--on {
  background: #dcfce7;
  border-color: #86efac;
  color: #166534;
}
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb.katalog-picker__pazar-party-block--pzb-trendyol-aktif .btn.btn-pzb-ilan--on:hover:not(:disabled),
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--pzb.katalog-picker__pazar-party-block--pzb-trendyol-aktif .btn.btn-pzb-ilan--on:hover:not(:disabled) {
  background: #bbf7d0;
  border-color: #4ade80;
  color: #14532d;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .hs-askida-durum-cell,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .hs-askida-durum-cell {
  display: flex;
  justify-content: center;
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .hs-ilan-durum-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .badge,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .badge {
  display: inline-flex;
  margin-inline: auto;
}

.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .badge:not(.hs-ilan-bekleyen-badge),
.trade-feed .table-wrap--katalog-picker .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-picker__pazar-status,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .badge:not(.hs-ilan-bekleyen-badge),
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .badge,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip__face {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 34px;
  padding: 4px 8px;
  border-radius: var(--radius-md, 8px) !important;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.25;
  white-space: nowrap;
  text-align: center;
  overflow: visible;
  text-overflow: clip;
  word-break: normal;
  overflow-wrap: normal;
  text-transform: none;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip {
  width: 100%;
  max-width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip__face {
  width: 100%;
  max-width: 100%;
  gap: 5px;
  border-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip__label,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip__label {
  flex: 0 0 auto;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip__ico,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip__ico {
  flex: 0 0 auto;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .hs-ilan-bekleyen-badge {
  font-size: 0.72rem;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--primary > :only-child,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--primary > :only-child {
  flex: 1 1 100%;
  width: 100%;
}

.trade-feed .table-wrap--hs-talep .hs-katalog-actions--hs-talep .hs-katalog-actions__row--primary {
  flex-wrap: wrap;
}

.trade-feed .table-wrap--hs-talep .hs-katalog-actions--hs-talep .hs-katalog-actions__row--primary > :is(.btn, a.btn) {
  flex: 1 1 calc(50% - 3px);
}

.trade-feed .table-wrap--hs-talep .hs-katalog-actions--hs-talep .hs-katalog-actions__row--primary > :only-child {
  flex: 1 1 100%;
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary > :only-child,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary > :only-child {
  flex: 1 1 100%;
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary .inline-form,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary .inline-form {
  display: inline-flex;
  margin: 0;
  flex: 1 1 calc(50% - 3px);
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary :is(.btn, a.btn),
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary :is(.btn, a.btn) {
  position: relative;
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 34px;
  flex: 1 1 calc(50% - 3px);
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 8px;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
  gap: 0.35rem;
  white-space: nowrap;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary :is(.btn, a.btn) > .ui-icon,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary :is(.btn, a.btn) > .ui-icon {
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 auto;
  margin: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary :is(.btn, a.btn) > :is(span, .hs-katalog-actions__label),
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary :is(.btn, a.btn) > :is(span, .hs-katalog-actions__label) {
  flex: 0 0 auto;
  min-width: 0;
  text-align: center;
  line-height: 1.2;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary .btn-katalog-guncelleme--pending .kg-pulse-dot,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim .hs-katalog-actions__row--secondary .btn-katalog-guncelleme--pending .kg-pulse-dot {
  position: absolute;
  top: 4px;
  right: 4px;
}

/* ?lanlar?m / Ask?da / Talep ? Sat?lanlar stili: kompakt ?r?n + sade tutar s?tunu */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__product--compact,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__product--compact,
.trade-feed .table-wrap--hs-talep .katalog-picker-row--hs-ilan-compact .katalog-picker__product--compact {
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: left;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__product--compact .katalog-picker__title,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__product--compact .katalog-picker__title,
.trade-feed .table-wrap--hs-talep .katalog-picker-row--hs-ilan-compact .katalog-picker__product--compact .katalog-picker__title {
  margin-bottom: 4px;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.3;
  color: #0f172a;
  text-align: left;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__product--compact .katalog-picker__meta,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__product--compact .katalog-picker__meta,
.trade-feed .table-wrap--hs-talep .katalog-picker-row--hs-ilan-compact .katalog-picker__product--compact .katalog-picker__meta {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.4;
  color: #64748b;
  font-weight: 500;
  text-align: left;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-row,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-row,
.trade-feed .table-wrap--hs-talep .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex: 0 1 13.625rem;
  width: 13.625rem;
  max-width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 6px 10px;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-md, 8px);
  background: #fff;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: default;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip.is-empty,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip.is-empty {
  opacity: 0.72;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-icon .ui-icon,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-icon .ui-icon {
  width: 0.8rem;
  height: 0.8rem;
  flex-shrink: 0;
  opacity: 0.8;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-label,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-label {
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--barkod .katalog-picker__meta-id-chip-label,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--barkod .katalog-picker__meta-id-chip-label {
  border: 0;
  background: transparent;
  color: #64748b;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-value,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-value {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 11rem;
  padding: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
  color: #334155;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--sku:not(.is-empty) .katalog-picker__meta-id-chip-value,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--sku:not(.is-empty) .katalog-picker__meta-id-chip-value,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--barkod:not(.is-empty) .katalog-picker__meta-id-chip-value,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--barkod:not(.is-empty) .katalog-picker__meta-id-chip-value {
  color: #334155;
  background: transparent;
  border-color: transparent;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--sku.is-editable {
  cursor: text;
  border-color: #cbd5e1;
  background: #fff;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--sku.is-editable:hover,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--sku.is-editable:focus-within {
  background: #fff;
  border-color: #94a3b8;
  color: #475569;
  opacity: 1;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--sku.is-editable:focus-within {
  border-color: var(--accent, #0f766e);
  outline: none;
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.14);
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-input {
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 7.5rem;
  max-width: 11rem;
  min-width: 4.5rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #334155;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
  outline: none;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip--sku.is-empty .katalog-picker__meta-id-chip-input {
  color: #94a3b8;
  background: transparent;
  border-color: transparent;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-input:focus {
  background: transparent;
  color: #334155;
  border: 0;
  outline: none;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-input.is-saving {
  opacity: 0.7;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-input::placeholder {
  color: #94a3b8;
  font-weight: 600;
}

/* ?lanlar?m ? SKU / Barkod chip?leri kompakt; ta?may? ellipsis ile kes */
.trade-feed .table-wrap--hs-ilanlarim.table-wrap--hs-ilan-action-columns .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-row {
  gap: 4px;
  width: 100%;
  max-width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim.table-wrap--hs-ilan-action-columns .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip {
  flex: 0 1 auto;
  width: auto;
  max-width: min(10.5rem, 100%);
  min-width: 0;
  min-height: 34px;
  gap: 8px;
  padding: 6px 10px;
  font-size: 0.66rem;
}

.trade-feed .table-wrap--hs-ilanlarim.table-wrap--hs-ilan-action-columns .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-label {
  padding: 0;
  font-size: 0.66rem;
}

.trade-feed .table-wrap--hs-ilanlarim.table-wrap--hs-ilan-action-columns .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-value {
  max-width: 5.75rem;
  min-width: 0;
  font-size: 0.66rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim.table-wrap--hs-ilan-action-columns .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-input {
  width: 5.25rem;
  max-width: 5.75rem;
  min-width: 0;
  height: 1.15rem;
  padding: 0 1px;
  font-size: 0.66rem;
  line-height: 1.15rem;
}

.trade-feed .table-wrap--hs-ilanlarim.table-wrap--hs-ilan-action-columns .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-copy {
  width: 1.15rem;
  height: 1.15rem;
}

.trade-feed .table-wrap--hs-ilanlarim.table-wrap--hs-ilan-action-columns .katalog-picker-row--hs-ilan-compact .katalog-picker__meta-id-chip-copy .ui-icon {
  width: 0.75rem;
  height: 0.75rem;
}

/* ?r?n alan etiket ikonlar? ? detail-kv, detail-box, pill */
.k--with-icon,
.katalog-picker__detail-box-label--with-icon,
.pill--with-icon,
.hs-detail__price-vat,
.hs-detail__seller-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.detail-kv__k-icon .ui-icon,
.katalog-picker__detail-box-label-icon .ui-icon,
.pill__icon .ui-icon,
.hs-detail__price-vat-icon .ui-icon,
.hs-detail__seller-label-icon .ui-icon {
  width: 0.85rem;
  height: 0.85rem;
  flex-shrink: 0;
  opacity: 0.75;
}

.detail-kv__item .k.k--with-icon {
  display: inline-flex;
}

.katalog-picker__detail-box-label--with-icon {
  min-width: 0;
}

#modalHsIlan .table-wrap--katalog-picker .katalog-picker__detail-box-label-icon .ui-icon,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__detail-box-label-icon .ui-icon,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__detail-box-label-icon .ui-icon,
.trade-feed .table-wrap--katalog-picker .katalog-picker__detail-box-label-icon .ui-icon,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__detail-box-label-icon .ui-icon,
.trade-feed .table-wrap--hs-talep .katalog-picker__detail-box-label-icon .ui-icon,
.trade-feed .table-wrap--hs-askida .katalog-picker__detail-box-label-icon .ui-icon {
  width: 0.72rem;
  height: 0.72rem;
}

.detail-topbar__actions .pill--with-icon .pill__icon .ui-icon {
  width: 0.8rem;
  height: 0.8rem;
}

/* SKU / Barkod kopyala chip ? panel geneli */
.katalog-picker__meta-id-row,
.detail-kv__item--meta-ids .katalog-picker__meta-id-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
}

.detail-kv__item--meta-ids {
  grid-column: 1 / -1;
}

.detail-kv__item--meta-ids .katalog-picker__meta-id-row {
  margin-top: 0;
  margin-bottom: 10px;
}

/* SKU / Barkod ? B2B kanal sat?r? ?er?evesi (slate kenarl?k, sade etiket) */
.katalog-picker__meta-id-chip {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 6px 10px;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-md, 8px);
  background: #fff;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: default;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.katalog-picker__meta-id-chip.is-empty {
  opacity: 0.72;
}

.katalog-picker__meta-id-chip-copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm, 6px);
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.katalog-picker__meta-id-chip-copy:hover {
  color: var(--accent, #0d9488);
  background: var(--accent-soft, rgba(13, 148, 136, 0.1));
}

.katalog-picker__meta-id-chip-copy:focus-visible {
  outline: 2px solid rgba(13, 148, 136, 0.45);
  outline-offset: 1px;
}

.katalog-picker__meta-id-chip-copy .ui-icon {
  width: 0.85rem;
  height: 0.85rem;
}

.katalog-picker__meta-id-chip-icon .ui-icon {
  width: 0.8rem;
  height: 0.8rem;
  flex-shrink: 0;
  opacity: 0.8;
}

.katalog-picker__meta-id-chip-label {
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
}

.katalog-picker__meta-id-chip--barkod .katalog-picker__meta-id-chip-label {
  border: 0;
  background: transparent;
  color: #64748b;
}

.katalog-picker__meta-id-chip-value {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 11rem;
  padding: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
  color: #334155;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.katalog-picker__meta-id-chip--sku:not(.is-empty) .katalog-picker__meta-id-chip-value,
.katalog-picker__meta-id-chip--barkod:not(.is-empty) .katalog-picker__meta-id-chip-value {
  color: #334155;
  background: transparent;
  border-color: transparent;
}

/* SKU input ? global input/focus ?er?evesini kald?r; barkod de?eri gibi d?z g?r?ns?n */
input.katalog-picker__meta-id-chip-input {
  box-sizing: border-box;
  width: auto;
  max-width: 11rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #334155;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
  outline: none;
  box-shadow: none;
  transition: none;
  appearance: none;
  -webkit-appearance: none;
}

input.katalog-picker__meta-id-chip-input:focus,
input.katalog-picker__meta-id-chip-input:focus-visible {
  outline: none;
  border: 0;
  border-color: transparent;
  box-shadow: none;
  background: transparent;
  color: #334155;
}

.katalog-picker__meta-id-chip.katalog-picker__meta-id-chip--satici {
  gap: 10px;
  padding: 6px 10px;
  cursor: default;
  user-select: none;
}

.katalog-picker__meta-id-chip.katalog-picker__meta-id-chip--satici:hover {
  background: #fff;
  border-color: #e2e8f0;
  color: #64748b;
}

.katalog-picker__meta-id-chip--satici .katalog-picker__meta-id-chip-satici-label,
.katalog-picker__meta-id-chip--satici .katalog-picker__meta-id-chip-satici-body {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.katalog-picker__meta-id-chip--satici .katalog-picker__meta-id-chip-satici-label {
  flex-shrink: 0;
  color: #334155;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}

.katalog-picker__meta-id-chip--satici .katalog-picker__meta-id-chip-satici-text {
  white-space: nowrap;
}

.katalog-picker__meta-id-chip--satici .katalog-picker__meta-id-chip-satici-body {
  flex-shrink: 1;
  min-width: 0;
}

.katalog-picker__meta-id-chip--satici:not(.is-empty) .katalog-picker__meta-id-chip-value {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.22);
}


.katalog-picker__meta-id-chip--satici .vchip-inline--ok,
.katalog-picker__meta-id-chip--satici .vchip-inline--sun,
.katalog-picker__meta-id-chip--satici .vchip-inline--optisyen,
.katalog-picker__meta-id-chip--satici .vchip-inline--pazaryeri {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  box-shadow: none;
}

.katalog-picker__detail-box-value.js-katalog-meta-copy {
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.katalog-picker__detail-box--mono .katalog-picker__detail-box-value.js-katalog-meta-copy:hover {
  background: var(--accent-soft, rgba(13, 148, 136, 0.08));
  color: var(--accent, #0d9488);
}

.pill.js-katalog-meta-copy,
.pzb-ilan-barkod-item__code.js-katalog-meta-copy {
  cursor: pointer;
}

.pill.js-katalog-meta-copy:hover,
.pzb-ilan-barkod-item__code.js-katalog-meta-copy:hover {
  border-color: var(--accent-border, rgba(13, 148, 136, 0.35));
  background: var(--accent-soft, rgba(13, 148, 136, 0.08));
}

.pill.js-katalog-meta-copy:focus-visible,
.pzb-ilan-barkod-item__code.js-katalog-meta-copy:focus-visible {
  outline: 2px solid rgba(13, 148, 136, 0.45);
  outline-offset: 1px;
}

.detail-kv__item .v.js-katalog-meta-copy,
.ut-detail-box__value .js-katalog-meta-copy {
  cursor: pointer;
}

.detail-kv__item .v.js-katalog-meta-copy:hover,
.ut-detail-box__value .js-katalog-meta-copy:hover {
  color: var(--accent, #0d9488);
}

.ut-detail-box__value .js-katalog-meta-copy.is-copied {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0f766e;
  font-weight: 700;
}

.ut-detail-box__value .js-katalog-meta-copy.is-copied::after {
  content: "Son kopya";
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.14);
  color: #047857;
  font-size: 0.67rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__cell--pazar:has(.katalog-picker__pazar--hs-ilan-compact),
.trade-feed .table-wrap--hs-askida .katalog-picker__cell--pazar:has(.katalog-picker__pazar--hs-ilan-compact),
.trade-feed .table-wrap--hs-talep .katalog-picker__cell--pazar:has(.katalog-picker__pazar--hs-ilan-compact),
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__cell--pazar:has(.katalog-picker__pazar--hs-ilan-meta),
.trade-feed .table-wrap--hs-askida .katalog-picker__cell--pazar:has(.katalog-picker__pazar--hs-ilan-meta),
.trade-feed .table-wrap--hs-talep .katalog-picker__cell--pazar:has(.katalog-picker__pazar--hs-ilan-meta) {
  min-width: 10rem;
  max-width: 12.5rem;
  width: 11.5rem;
  vertical-align: middle;
  text-align: center;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__cell--commerce:has(.hs-ilan-item-pazar--commerce-split),
.trade-feed .table-wrap--hs-askida .katalog-picker__cell--commerce:has(.hs-ilan-item-pazar--commerce-split) {
  min-width: 21.5rem;
  max-width: 24.5rem;
  width: 23rem;
  vertical-align: middle;
  text-align: center;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__cell--commerce:has(.katalog-picker__pazar--hs-ilan-commerce):not(:has(.hs-ilan-item-pazar--commerce-split)),
.trade-feed .table-wrap--hs-askida .katalog-picker__cell--commerce:has(.katalog-picker__pazar--hs-ilan-commerce):not(:has(.hs-ilan-item-pazar--commerce-split)),
.trade-feed .table-wrap--hs-talep .katalog-picker__cell--commerce:has(.katalog-picker__pazar--hs-ilan-commerce) {
  min-width: 8.5rem;
  max-width: 10.5rem;
  width: 9.5rem;
  vertical-align: middle;
  text-align: center;
}

/* Fiyat/stok ayr? s?tun */
.trade-feed .table-wrap--hs-ilan-split .katalog-picker__cell--commerce {
  background: transparent;
  padding: 8px 6px;
}

/* Gelen talep ? sat?c?/al?c? + sat?? yeri ve durum ayr? s?tun */
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party,
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum {
  min-width: 8.5rem;
  max-width: 10.5rem;
  width: 9.5rem;
  vertical-align: middle;
  text-align: center;
  background: transparent;
  padding: 8px 6px;
  overflow: visible;
}

/* Talep durum/toplam s?tunu t?m listelerde standart geni?likte kals?n. */
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum {
  min-width: 9.5rem;
  max-width: 9.5rem;
  width: 1%;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-no-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party > .uye-no-line {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  text-align: left;
  line-height: 1.15;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-no-line,
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-profil-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

/* ?ye no ? tik solda, numara sa?da */
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-no-line {
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 0;
  padding: 6px 8px;
  text-align: left;
  line-height: 1.15;
  overflow: visible;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-no-line__no {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  min-width: 0;
  text-align: left;
  width: auto;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-no-line :is(.vchip-inline--ok, .vchip-inline--sun, .vchip-inline--import, .vchip-inline--optisyen, .vchip-inline--pazaryeri) {
  margin: 0;
  align-self: center;
  flex-shrink: 0;
}

/* Pazaryeri / Profil ? ikon solda, metin sa?da */
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-profil-btn {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 0;
  padding: 6px 8px;
  text-align: left;
  line-height: 1.15;
  font-size: 0.82rem;
  font-weight: 600;
  color: #334155;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-profil-btn .ui-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-profil-btn__txt {
  display: inline;
  width: auto;
  text-align: left;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .uye-profil-btn--static {
  cursor: default;
}

/* Do?rulama tik ipucu k?rp?lmas?n */
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party:has(.vchip-inline.has-tip),
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party:has(.vchip-inline.has-tip:hover),
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party:has(.vchip-inline.has-tip:focus-visible) {
  overflow: visible;
  position: relative;
  z-index: 5;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .vchip-inline.has-tip::after {
  top: calc(100% + 8px);
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2147483600;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .vchip-inline.has-tip:hover::after,
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--party .vchip-inline.has-tip:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(2px);
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .trade-durum-badge {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  min-width: 100%;
  min-height: 36px;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--hs-talep-durum-box-h, 36px);
  box-sizing: border-box;
  width: 100%;
  min-height: var(--hs-talep-durum-box-h, 36px);
  height: var(--hs-talep-durum-box-h, 36px);
  margin: 0;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: var(--radius-md, 8px) !important;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .badge.badge-ok {
  border-color: #86efac;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .badge.badge-off {
  border-color: #fecaca;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .badge.badge-warn {
  border-color: #5eead4;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .hs-talep-durum-stack {
  --hs-talep-durum-box-h: 36px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  width: 100%;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .hs-talep-durum-stack > .trade-durum-badge,
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .hs-talep-durum-stack > .badge,
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .hs-talep-durum-stack > .hs-talep-tip-chip {
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum .hs-talep-durum-stack .hs-talep-tip-chip {
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-talep-party-split .hs-talep-tip-chip {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
  cursor: help;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-talep-party-split .hs-talep-tip-chip__face--durum {
  display: flex;
  align-items: stretch;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-width: 100%;
  min-height: 36px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-talep-party-split .hs-talep-tip-chip__face--durum > .badge {
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-talep-party-split .hs-talep-tip-chip:hover .hs-talep-tip-chip__face--durum,
.trade-feed .table-wrap--hs-talep-party-split .hs-talep-tip-chip:focus-within .hs-talep-tip-chip__face--durum {
  box-shadow: none;
}

.trade-feed .table-wrap--hs-talep-party-split .hs-talep-tip-chip__face--metric,
.trade-feed .table-wrap--hs-talep-party-split .hs-talep-durum-stack__toplam.hs-talep-tip-chip__face--metric {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--hs-talep-durum-box-h, 36px);
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  min-width: 100%;
  min-height: var(--hs-talep-durum-box-h, 36px);
  height: var(--hs-talep-durum-box-h, 36px);
  padding: 0 10px;
  border: 1px solid #fcd34d;
  border-radius: var(--radius-md, 8px);
  background: #fffbeb;
  font-size: 0.82rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #92400e;
  letter-spacing: normal;
  white-space: nowrap;
  line-height: 1.2;
  text-align: center;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-talep-party-split .hs-talep-tip-chip:hover .hs-talep-tip-chip__face--metric,
.trade-feed .table-wrap--hs-talep-party-split .hs-talep-tip-chip:focus-within .hs-talep-tip-chip__face--metric {
  border-color: #f59e0b;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-talep-party-split .hs-talep-tip-chip .katalog-durum-chip__pop {
  min-width: 10rem;
  max-width: min(18rem, 86vw);
  text-align: center;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum:has(.hs-talep-tip-chip:hover),
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum:has(.hs-talep-tip-chip:focus-within),
.trade-feed .table-wrap--hs-talep-party-split tr:has(.katalog-picker__cell--durum .hs-talep-tip-chip:hover),
.trade-feed .table-wrap--hs-talep-party-split tr:has(.katalog-picker__cell--durum .hs-talep-tip-chip:focus-within) {
  overflow: visible;
  position: relative;
  z-index: 12;
}

.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum:has(.hs-talep-tip-chip:hover),
.trade-feed .table-wrap--hs-talep-party-split .katalog-picker__cell--durum:has(.hs-talep-tip-chip:focus-within) {
  z-index: 13;
}

/* Gelen talep ? sat?c?/al?c? kutular? h?cre i?inde ortal? (Sat?lanlar listesi ile ayn?) */
body.mode-panel .table-wrap--hs-talep-party-split .katalog-picker-row td {
  vertical-align: middle;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--img {
  text-align: center;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--product {
  text-align: left;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party,
body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--durum,
body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--commerce,
body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--aside {
  text-align: center;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--commerce .katalog-picker__pazar--hs-ilan-commerce {
  margin-inline: auto;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party > .uye-no-line {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  text-align: center;
  line-height: 1.15;
  overflow: visible;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-no-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-no-line,
body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-profil-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-no-line {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 0;
  padding: 8px 6px;
  text-align: center;
  line-height: 1.15;
  overflow: visible;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-no-line__no {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 0;
  text-align: center;
  width: 100%;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-no-line .vchip-inline--ok,
body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-no-line .vchip-inline--sun,
body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-no-line .vchip-inline--optisyen,
body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-no-line .vchip-inline--pazaryeri {
  margin: 0;
  align-self: center;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-profil-btn {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 0;
  padding: 8px 6px;
  text-align: center;
  line-height: 1.15;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-profil-btn .ui-icon {
  width: 18px;
  height: 18px;
}

body.mode-panel .table-wrap--hs-talep-party-split td.katalog-picker__cell--party .uye-profil-btn__txt {
  display: block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

body.mode-panel .table-wrap--hs-talep-party-split .cell-siparis-durum .trade-durum-badge {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
}

/* Gelen talep ? ?lanlar?m ?zgaras?; sipari?ler aras? kal?n, di?erleri ince; son sat?rda alt ?izgi kals?n */
.trade-feed .table-wrap--katalog-picker.table-wrap--hs-talep-grup .katalog-picker-row:last-child > td {
  border-bottom: 1px solid rgba(241, 245, 249, 0.95) !important;
}

/* Sipari?ler aras? ? kal?n ay?r?c? (grup ba?? / tekil sat?r) */
.trade-feed .table-wrap--katalog-picker.table-wrap--hs-talep-grup tr.katalog-picker-row:not(.hs-talep-grup-row--part):not(:first-child) > td {
  border-top: 3px solid rgba(203, 213, 225, 0.95) !important;
}

/* Grup i?i ?r?n sat?rlar? ? ince */
.trade-feed .table-wrap--katalog-picker.table-wrap--hs-talep-grup tr.hs-talep-grup-row--part > td {
  border-top: 1px solid rgba(241, 245, 249, 0.95) !important;
}

.trade-feed .table-wrap--katalog-picker.table-wrap--hs-talep-grup tr.hs-talep-grup-row td[rowspan] {
  vertical-align: middle;
  background: var(--surface, #fff);
  border-bottom: 1px solid rgba(241, 245, 249, 0.95) !important;
}

.trade-feed .table-wrap--katalog-picker.table-wrap--hs-talep-grup tr.hs-talep-grup-row:hover > td,
.trade-feed .table-wrap--katalog-picker.table-wrap--hs-talep-grup tr.hs-talep-grup-row:hover > td[rowspan] {
  background: var(--surface, #fff);
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--hs-ilan-compact,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--hs-ilan-commerce,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--hs-ilan-meta {
  --hs-ilan-compact-box-h: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 12.5rem;
  min-width: 0;
  margin-inline: auto;
  text-align: center;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce {
  max-width: 24.5rem;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

/* Fiyat + adet grubu: varsay?lan dikey; split?te stok yanda */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce {
  gap: 6px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 10px;
  background: var(--surface, #fff);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  box-sizing: border-box;
}

/* Taleplerde yaln?zca adet ve fiyat kutular? g?r?ns?n; ortak d?? kart olmas?n. */
.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilanlarim .hs-ilan-commerce-layout {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

/* Adet | Fiyatlar | Sat?? kanallar? ? ?? ayr? s?tun kutusu */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols {
  display: grid;
  grid-template-columns: 4.5rem minmax(5.5rem, 1fr) 6.75rem;
  gap: 6px;
  align-items: stretch;
  justify-content: stretch;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols.is-no-kanal,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols.is-no-kanal {
  grid-template-columns: 4.5rem minmax(5.5rem, 1fr);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit {
  display: contents;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar--commerce-split,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar--commerce-split {
  display: contents;
  flex: unset;
  width: auto;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-col,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-width: 0;
  min-height: 68px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 10px;
  background: var(--surface, #fff);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-col--adet,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-col--adet {
  grid-column: 1;
  grid-row: 1;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-col--fiyat,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-col--fiyat {
  grid-column: 2;
  grid-row: 1;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-col--kanal,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-col--kanal {
  grid-column: 3;
  grid-row: 1;
  flex-basis: auto;
  width: auto;
  border-left: 0;
  background: #f8fafc;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__actions,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__actions {
  grid-column: 4;
  grid-row: 1;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 10px;
  overflow: hidden;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols.is-no-kanal .hs-ilan-inline-edit__actions,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols.is-no-kanal .hs-ilan-inline-edit__actions {
  grid-column: 3;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols:has(.hs-ilan-inline-edit__actions:not([hidden])),
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols:has(.hs-ilan-inline-edit__actions:not([hidden])) {
  grid-template-columns: 4.5rem minmax(5.5rem, 1fr) 6.75rem 36px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols.is-no-kanal:has(.hs-ilan-inline-edit__actions:not([hidden])),
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols.is-no-kanal:has(.hs-ilan-inline-edit__actions:not([hidden])) {
  grid-template-columns: 4.5rem minmax(5.5rem, 1fr) 36px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar__fiyatlar,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar__fiyatlar {
  border-left: 0;
  flex: 1 1 auto;
  height: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar__stok {
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout .hs-ilan-item-pazar--commerce-split,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout .hs-ilan-item-pazar--commerce-split {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: stretch;
  min-width: 0;
  margin: 0;
  background: transparent;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__field {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__input {
  width: 100%;
  min-width: 0;
  height: 30px;
  padding: 0 22px 1px 5px;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: var(--ink, #0f172a);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: right;
  box-sizing: border-box;
  transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__field--stock .hs-ilan-inline-edit__input {
  padding-inline: 4px;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__field--stock .hs-ilan-inline-edit__input::-webkit-inner-spin-button,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__field--stock .hs-ilan-inline-edit__input::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__suffix {
  position: absolute;
  right: 6px;
  color: var(--ink-muted, #64748b);
  font-size: 0.76rem;
  font-weight: 800;
  pointer-events: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__input:hover {
  border-color: var(--line-strong, #cbd5e1);
  background: #f8fafc;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__input:focus {
  border-color: var(--accent, #0f766e);
  background: #fff;
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.14);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__actions {
  display: flex;
  flex: 0 0 36px;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  gap: 0;
  width: 36px;
  padding: 0;
  border-left: 1px solid var(--line, #e2e8f0);
  background: #f8fafc;
  overflow: hidden;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__actions[hidden] {
  display: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__actions .btn,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  min-height: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__actions .btn + .btn {
  border-top: 1px solid var(--line, #e2e8f0);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__btn--cancel {
  color: #475569;
  background: #f8fafc;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__btn--cancel:hover {
  color: #0f172a;
  background: #f1f5f9;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__btn--save {
  color: #fff;
  background: #0f766e;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__btn--save:hover {
  color: #fff;
  background: #0d9488;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__actions .btn > .ui-icon,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__btn .ui-icon {
  position: static;
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: inherit;
  opacity: 1;
  overflow: visible;
  clip: auto;
  clip-path: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__actions .btn > .ui-icon svg,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__btn .ui-icon svg {
  display: block;
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
}

/* Sadece metin etiketi gizlenir; ikon <span class="ui-icon"> g?r?n?r kalmal?. */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit__actions .btn > span:not(.ui-icon) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-inline-edit.is-saving {
  opacity: 0.68;
  pointer-events: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-controls,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-controls {
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
  border-left: 1px solid var(--line, #e2e8f0);
  background: #f8fafc;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-controls:has(.hs-ilan-channel-toggle-form) {
  display: flex;
  flex-basis: 6.75rem;
  width: 6.75rem;
}

/* Ayr? s?tun kutusu: kanal kolonunda eski birle?ik-kart kenarl??? yok */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls {
  flex: 1 1 auto;
  flex-basis: auto;
  width: 100%;
  min-width: 0;
  border-left: 0;
  background: #f8fafc;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls:has(.hs-ilan-channel-toggle-form),
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls:has(.hs-ilan-channel-toggle-form) {
  flex-basis: auto;
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-states,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-states {
  display: flex;
  flex: 0 0 3.35rem;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  width: 3.35rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-controls:has(.hs-ilan-channel-toggle-form) .hs-ilan-channel-states {
  display: flex;
  flex: 1 1 auto;
  flex-basis: auto;
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-states__item.has-toggle {
  flex-direction: row;
  justify-content: space-between;
  gap: 4px;
  padding-inline: 5px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-states__item,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-states__item {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 6px;
  border: 0;
  border-radius: 0;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-states__item:first-child,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-states__item:first-child {
  border-bottom: 1px solid var(--line, #e2e8f0);
}

/* B2C yasakl? (optik): tek B2B sat?r? SKU ?ipi gibi kompakt kals?n */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-states.is-b2b-only .hs-ilan-channel-states__item,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-states.is-b2b-only .hs-ilan-channel-states__item,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-controls.is-b2b-only .hs-ilan-channel-states__item:first-child,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-controls.is-b2b-only .hs-ilan-channel-states__item:first-child {
  border-bottom: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout:has(.is-b2b-only),
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout:has(.is-b2b-only) {
  min-height: 28px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split.is-b2b-only,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split.is-b2b-only {
  min-height: 28px;
  align-self: stretch;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyatlar,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyatlar,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyat {
  flex: 1 1 auto;
  align-self: stretch;
  min-height: 28px;
  height: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyat {
  border-bottom: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-controls.is-b2b-only,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-controls.is-b2b-only {
  align-self: stretch;
  min-height: 28px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-controls.is-b2b-only:has(.hs-ilan-channel-toggle-form),
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-controls.is-b2b-only:has(.hs-ilan-channel-toggle-form) {
  flex-basis: 6.75rem;
  width: 6.75rem;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-controls.is-b2b-only .hs-ilan-channel-states,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-controls.is-b2b-only .hs-ilan-channel-states {
  flex: 1 1 auto;
  width: 100%;
  min-height: 28px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-controls.is-b2b-only .hs-ilan-channel-states__item,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-controls.is-b2b-only .hs-ilan-channel-states__item {
  flex: 1 1 auto;
  min-height: 68px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-states__item.is-open,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-states__item.is-open {
  color: #166534;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-states__item.is-closed,
.trade-feed .table-wrap--hs-askida .hs-ilan-channel-states__item.is-closed {
  color: #991b1b;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-toggle-form {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  width: auto;
  margin: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-toggle {
  position: relative;
  display: inline-flex;
  flex: 0 0 36px;
  width: 36px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-toggle__track {
  position: absolute;
  inset: 0;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-md, 8px);
  background: var(--surface-muted, #f1f5f9);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
  transition: background 0.2s ease, border-color 0.2s ease;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-toggle__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: var(--radius-sm, 4px);
  background: var(--surface, #fff);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-toggle.is-on .hs-ilan-channel-toggle__track {
  border-color: var(--accent-hover, #0f766e);
  background: var(--accent, #0f766e);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-toggle.is-on .hs-ilan-channel-toggle__thumb {
  transform: translateX(16px);
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-toggle:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 3px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-toggle:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split {
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  color: var(--ink, #0f172a);
  font-variant-numeric: tabular-nums;
  font: inherit;
  text-align: inherit;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  max-width: 100%;
  margin: 0;
  cursor: default;
}

button.hs-ilan-item-pazar--commerce-split.js-hs-fiyat-guncelle {
  cursor: pointer;
}

button.hs-ilan-item-pazar--commerce-split.js-hs-fiyat-guncelle:hover {
  background: #f8fafc;
  border-color: var(--line-strong, #cbd5e1);
}

button.hs-ilan-item-pazar--commerce-split.js-hs-fiyat-guncelle:focus-visible {
  outline: 2px solid var(--focus-ring, rgba(59, 130, 246, 0.45));
  outline-offset: 2px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyatlar,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyatlar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
  border-left: 1px solid var(--line, #e2e8f0);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__fiyatlar,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__fiyatlar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--meta,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--meta {
  gap: 8px;
}

/* Gelen talep F?YAT/STOK kutular? ile ayn? sar? kutu (arka plan + ince sar? ?er?eve) */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid var(--line, #e2e8f0);
  outline: none;
  border-radius: var(--radius-md, 8px);
  background: var(--surface, #fff);
  box-shadow: none;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #0f172a);
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-talep .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende {
  font-weight: 700;
}

/* Tek kutu + ?zgara: i? h?crelerde ayr? ?er?eve yok */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  min-height: 34px;
}

/* B2B / B2C aras? yatay ?zgara (border:none resetinden sonra) */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat {
  border-bottom: 1px solid var(--line, #e2e8f0);
}

/* ADET h?cresi: etiket ?stte, rakam altta */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok {
  flex: 0 0 4.25rem;
  width: 4.25rem;
  max-width: 4.25rem;
  align-self: stretch;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 4px;
  overflow: hidden;
  white-space: normal;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-item-pazar__tag,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-item-pazar__tag {
  flex: 0 0 auto;
  position: static;
  display: block;
  line-height: 1.1;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-item-pazar__metric {
  flex: 0 0 auto;
  width: auto;
  min-height: 0;
  height: auto;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.1;
}

/* B2B / B2C: ?zgara sat?rlar? */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende {
  flex: 1 1 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  white-space: nowrap;
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__tag,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__tag {
  flex: 0 0 auto;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  line-height: 1;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende .hs-ilan-item-pazar__metric {
  flex: 1 1 auto;
  justify-content: flex-end;
  width: auto;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__metric {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  line-height: inherit;
  cursor: inherit;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__metric {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-align: center;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende .hs-ilan-cell-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  transform: none;
}

/* ADET kutusu: d?zenleme butonu kutuyu doldurmas?n (etiketi d??ar? itmesin) */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-cell-edit,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-cell-edit {
  width: auto;
  min-height: 0;
  height: auto;
  flex: 0 0 auto;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok:has(.hs-ilan-cell-edit:hover),
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok:has(.hs-ilan-cell-edit:hover),
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat:has(.hs-ilan-cell-edit:hover),
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat:has(.hs-ilan-cell-edit:hover),
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok:has(.hs-ilan-cell-edit:hover),
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok:has(.hs-ilan-cell-edit:hover),
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat:has(.hs-ilan-cell-edit:hover),
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat:has(.hs-ilan-cell-edit:hover),
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende:has(.hs-ilan-cell-edit:hover),
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende:has(.hs-ilan-cell-edit:hover) {
  background: #f8fafc;
  border-color: var(--line-strong, #cbd5e1);
  color: var(--ink, #0f172a);
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok .hs-ilan-cell-edit:hover,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok .hs-ilan-cell-edit:hover,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit:hover,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit:hover,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok .hs-ilan-cell-edit:hover,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok .hs-ilan-cell-edit:hover,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit:hover,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit:hover,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende .hs-ilan-cell-edit:hover,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende .hs-ilan-cell-edit:hover {
  color: inherit;
  background: transparent;
  border: 0;
  box-shadow: none;
  text-decoration: none;
}

/* ?lan ticaret ?zeti ? ayr? kartlar yerine tek, sat?r hizal? kontrol y?zeyi */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols {
  grid-template-columns: 4.25rem minmax(7.5rem, 1fr) 4rem;
  gap: 8px;
  min-height: 28px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols.is-no-kanal,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols.is-no-kanal {
  grid-template-columns: 4.25rem minmax(7.5rem, 1fr);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols:has(.hs-ilan-inline-edit__actions:not([hidden])),
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols:has(.hs-ilan-inline-edit__actions:not([hidden])) {
  grid-template-columns: 4.25rem minmax(7.5rem, 1fr) 4rem 36px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols.is-no-kanal:has(.hs-ilan-inline-edit__actions:not([hidden])),
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols.is-no-kanal:has(.hs-ilan-inline-edit__actions:not([hidden])) {
  grid-template-columns: 4.25rem minmax(7.5rem, 1fr) 36px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-commerce-col,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-commerce-col {
  min-height: 28px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: none;
  overflow: visible;
  color: #64748b;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-commerce-col--adet,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-commerce-col--adet {
  background: #fff;
}

/* Fiyat ve kanal s?tunlar? kutu de?il; her B2B / B2C sat?r? kendi kutusu */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-commerce-col--fiyat,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-commerce-col--fiyat,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-commerce-col--kanal,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-commerce-col--kanal {
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls.is-b2b-only:has(.hs-ilan-channel-toggle-form),
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls.is-b2b-only:has(.hs-ilan-channel-toggle-form) {
  flex-basis: auto;
  width: 100%;
  min-width: 0;
  background: transparent;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-states,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-states {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok {
  gap: 5px;
  padding: 4px 6px;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-item-pazar__tag,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-item-pazar__tag {
  padding: 4px 6px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #64748b;
  font-size: 0.59rem;
  letter-spacing: 0.09em;
  line-height: 1;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__stok .hs-ilan-item-pazar__metric {
  color: #0f172a;
  font-size: 1rem;
  font-weight: 850;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende {
  gap: 5px;
  min-height: 28px;
  padding: 4px 6px;
}

/* B2B / B2C sat?rlar? ayr?k: her sat?r ba??ms?z kutu */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar__fiyatlar,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar__fiyatlar,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-states,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-states {
  gap: 6px;
  padding: 0;
  border-left: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-states__item,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-states__item {
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-md, 8px);
  background: #fff;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat::before,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat::before,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende::before,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende::before {
  content: "B2B";
  flex: 0 0 auto;
  padding: 4px 6px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475569;
  font-size: 0.56rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  line-height: 1;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende::before,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende::before {
  content: "B2C";
  background: #ccfbf1;
  color: #0f766e;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende .hs-ilan-item-pazar__metric {
  font-size: 0.82rem;
  font-weight: 800;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-states,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-states {
  min-height: 28px;
}

/* T?m kutular s?tun y?ksekli?ine tam otursun (tek kanall? sat?rda da alt hiza ka?mas?n) */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyatlar,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyatlar,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls .hs-ilan-channel-states,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls .hs-ilan-channel-states {
  height: auto;
  min-height: 0;
  align-self: stretch;
  overflow: visible;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls .hs-ilan-channel-states__item,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls .hs-ilan-channel-states__item,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende {
  flex: 1 1 0;
  min-height: 28px;
  height: auto;
  padding-block: 4px;
}

/* Eski birle?ik g?r?n?m tek B2B sat?r?n?n alt kenarl???n? siliyordu. */
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar--commerce-split.is-b2b-only .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls.is-b2b-only .hs-ilan-channel-states__item:first-child,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-controls.is-b2b-only .hs-ilan-channel-states__item:first-child {
  border-bottom: 1px solid var(--line, #e2e8f0);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-states__item.has-toggle,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-states__item.has-toggle {
  justify-content: center;
  padding-inline: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-states__item.has-toggle > span,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-channel-states__item.has-toggle > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-toggle {
  flex-basis: 34px;
  width: 34px;
  height: 19px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-toggle__track {
  border-radius: 999px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-toggle__thumb {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-channel-toggle.is-on .hs-ilan-channel-toggle__thumb {
  transform: translateX(15px);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__actions,
.trade-feed .table-wrap--hs-askida .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__actions {
  gap: 6px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__actions .btn,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__btn {
  width: 32px;
  min-width: 32px;
  min-height: 30px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-md, 8px);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__actions .btn + .btn {
  border-top: 1px solid var(--line, #e2e8f0);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__btn--cancel {
  background: #fff;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__btn--save {
  border-color: #99f6e4;
  background: #ccfbf1;
  color: #0f766e;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__btn--save:hover {
  border-color: #5eead4;
  background: #99f6e4;
  color: #115e59;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__input:hover,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__input:focus {
  border-bottom-color: #aab4c2;
  background: transparent;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-inline-edit__input:focus {
  border: 1px solid var(--accent, #0f766e);
  border-radius: 4px;
  background: #fff;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar__stok:has(.hs-ilan-inline-edit__input:focus),
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar__fiyat:has(.hs-ilan-inline-edit__input:focus),
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-commerce-layout--cols .hs-ilan-item-pazar__perakende:has(.hs-ilan-inline-edit__input:focus) {
  border-color: var(--line, #e2e8f0);
  background: #fff;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok .hs-ilan-cell-edit:focus-visible,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__stok .hs-ilan-cell-edit:focus-visible,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit:focus-visible,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit:focus-visible,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok .hs-ilan-cell-edit:focus-visible,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__stok .hs-ilan-cell-edit:focus-visible,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit:focus-visible,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__fiyat .hs-ilan-cell-edit:focus-visible,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende .hs-ilan-cell-edit:focus-visible,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-commerce .hs-ilan-item-pazar__perakende .hs-ilan-cell-edit:focus-visible {
  outline: 2px solid var(--focus-ring, rgba(59, 130, 246, 0.45));
  outline-offset: 2px;
  border: 0;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__pzb {
  display: flex;
  width: 100%;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 6px 8px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party-label,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party-label {
  display: block;
  margin-bottom: 0;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1.2;
  text-align: center;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party-value,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party-value {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  text-align: center;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party-value .uye-no-row,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party-value .uye-no-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 34px;
  max-width: 100%;
}

/* Teklif Verilenler: al?c? numaras? + profil tek kutuda */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged {
  gap: 0;
  min-height: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row {
  gap: 0;
  justify-content: flex-start;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  overflow: hidden;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line {
  flex: 0 1 auto;
  min-width: 0;
  justify-content: flex-start;
  gap: 4px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line__no,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line__no {
  padding: 6px 2px 6px 10px;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line .vchip-inline--ok,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line .vchip-inline--sun,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line .vchip-inline--optisyen,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line .vchip-inline--pazaryeri,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line .vchip-inline--ok,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line .vchip-inline--sun,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line .vchip-inline--optisyen,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-no-line .vchip-inline--pazaryeri {
  margin: 0 6px 0 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-profil-btn,
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-profil-btn {
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  border: none;
  border-left: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-profil-btn:hover:not(:disabled),
.trade-feed .table-wrap--hs-talep .hs-ilan-item-pazar__party--merged .hs-ilan-item-pazar__party-value .uye-no-row .uye-profil-btn:hover:not(:disabled) {
  background: var(--accent-soft);
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: #fff;
  color: #334155;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan:hover:not(:disabled),
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan:hover:not(:disabled) {
  background: #f8fafc;
  border-color: var(--line-strong);
  color: #1e293b;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--on,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--on {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--on:hover:not(:disabled),
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--on:hover:not(:disabled) {
  background: #dcfce7;
  border-color: #86efac;
  color: #14532d;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--idle,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--idle {
  border-color: var(--line, #e2e8f0);
  background: #fff;
  color: #475569;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--idle:hover:not(:disabled),
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--idle:hover:not(:disabled) {
  background: #f8fafc;
  border-color: var(--line-strong, #cbd5e1);
  color: #0f172a;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--off,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--off {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--off:hover:not(:disabled),
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb .btn.btn-pzb-ilan--off:hover:not(:disabled) {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #7f1d1d;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb.katalog-picker__pazar-party-block--pzb-trendyol-aktif .btn.btn-pzb-ilan--on,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb.katalog-picker__pazar-party-block--pzb-trendyol-aktif .btn.btn-pzb-ilan--on {
  border-color: #86efac;
  background: #dcfce7;
  color: #166534;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__pzb.katalog-picker__pazar-party-block--pzb-trendyol-aktif .btn.btn-pzb-ilan--on:hover:not(:disabled),
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__pzb.katalog-picker__pazar-party-block--pzb-trendyol-aktif .btn.btn-pzb-ilan--on:hover:not(:disabled) {
  background: #bbf7d0;
  border-color: #4ade80;
  color: #14532d;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__durum,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__durum {
  display: flex;
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .hs-askida-durum-cell,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .hs-askida-durum-cell,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .hs-askida-durum-cell,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .hs-askida-durum-cell {
  display: flex;
  width: 100%;
  max-width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .hs-ilan-durum-stack,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .hs-ilan-durum-stack,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .hs-ilan-durum-stack,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .hs-ilan-durum-stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .hs-ilan-bekleyen-badge,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .hs-ilan-bekleyen-badge,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .hs-ilan-bekleyen-badge,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .hs-ilan-bekleyen-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: var(--radius-md, 8px);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge.badge-ok,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge.badge-ok,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-ok,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-ok {
  border-color: #86efac;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge.badge-off,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge.badge-off,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-off,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-off,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .hs-ilan-bekleyen-badge,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .hs-ilan-bekleyen-badge,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .hs-ilan-bekleyen-badge,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .hs-ilan-bekleyen-badge {
  border-color: #fecaca;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge.badge-warn,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge.badge-warn,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-warn,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-warn {
  border-color: #5eead4;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge.badge-muted,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .badge.badge-muted,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-muted,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .badge.badge-muted {
  border-color: #cbd5e1;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip {
  display: flex;
  width: 100%;
  max-width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip__face {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: var(--radius-md, 8px);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip--ok .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip--ok .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip--ok .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip--ok .katalog-durum-chip__face {
  border-color: #86efac;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip--off .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip--off .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip--off .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip--off .katalog-durum-chip__face {
  border-color: #fecaca;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip--warn .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip--warn .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip--warn .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip--warn .katalog-durum-chip__face {
  background: #ccfbf1;
  color: #134e4a;
  border-color: #5eead4;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip--info .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip--info .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip--info .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip--info .katalog-durum-chip__face {
  border-color: #a5b4fc;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip:hover .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip:hover .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip:hover .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip:hover .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip:focus-within .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-compact .hs-ilan-item-pazar__durum .katalog-durum-chip:focus-within .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip:focus-within .katalog-durum-chip__face,
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--hs-ilan-meta .hs-ilan-item-pazar__durum .katalog-durum-chip:focus-within .katalog-durum-chip__face {
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim-compact,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim-compact {
  gap: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline .inline-form,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline .inline-form {
  display: inline-flex;
  margin: 0;
  flex: 1 1 0;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline .inline-form .btn,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline .inline-form .btn {
  width: 100%;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline :is(.btn, a.btn),
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline :is(.btn, a.btn) {
  position: relative;
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 48px;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 4px;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.15;
  gap: 3px;
  white-space: nowrap;
  box-sizing: border-box;
  text-align: center;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline :is(.btn, a.btn) > .ui-icon,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline :is(.btn, a.btn) > .ui-icon {
  width: 1.05rem;
  height: 1.05rem;
  flex: 0 0 auto;
  margin: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline :is(.btn, a.btn) > :is(span, .hs-katalog-actions__label),
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline :is(.btn, a.btn) > :is(span, .hs-katalog-actions__label) {
  display: block;
  flex: 0 0 auto;
  min-width: 0;
  text-align: center;
  line-height: 1.15;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline .btn-katalog-guncelleme--pending .kg-pulse-dot,
.trade-feed .table-wrap--hs-askida .hs-katalog-actions--hs-ilanlarim-compact .hs-katalog-actions__row--inline .btn-katalog-guncelleme--pending .kg-pulse-dot {
  top: 2px;
  right: 2px;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan-compact .katalog-picker__cell--aside,
.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-ilan-compact .katalog-picker__cell--aside {
  width: 1%;
  min-width: 13.5rem;
  max-width: 16rem;
}

/* ?lanlar?m ? hafif sat?r ayr?m?; kenarda ?ift ?er?eve yok, s?tun ?zgaras? durur */
/* Ilanlarim ? satir arasi ayrim + tek sutun izgarasi; kenarda cift cerceve yok */
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim {
  --hs-ilan-grid: rgba(226, 232, 240, 0.95);
  --hs-ilan-gap: var(--surface-muted, #f8fafc);
  background: var(--hs-ilan-gap);
  border: 1px solid var(--hs-ilan-grid);
  box-shadow: none;
}
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-table {
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
}
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-table > thead > tr > th,
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-row > td {
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background: #fff;
}
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-table > thead > tr > th:first-child,
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-row > td:first-child {
  border-left: none !important;
}
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-table > thead > tr > th {
  border-bottom: 1px solid var(--hs-ilan-grid) !important;
}
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-row:not(:first-child) > td {
  border-top: 6px solid var(--hs-ilan-gap) !important;
}
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-table > tbody > tr:not(:last-child) > td,
.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker-table > tbody > tr:not(:last-child) > td {
  border-bottom: none !important;
}
/* Sutun ayraci: sadece border-left (cift cizgi yok) */
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-table > thead > tr > :is(
  .katalog-picker__head--product,
  .katalog-picker__split-head,
  .katalog-picker__action-head
),
.trade-feed .table-wrap--hs-ilan-action-columns.table-wrap--hs-ilanlarim .katalog-picker-row > :is(
  .katalog-picker__cell--product,
  .katalog-picker__cell--split,
  .katalog-picker__cell--pazar,
  .katalog-picker__cell--action
) {
  border-left: 1px solid var(--hs-ilan-grid) !important;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head,
  .katalog-picker__cell--split
) {
  border-left: 1px solid rgba(226, 232, 240, 0.95) !important;
  box-sizing: border-box;
  text-align: center;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--adet,
  .katalog-picker__cell--split-adet
) {
  width: 4.25rem;
  min-width: 4.25rem;
  max-width: 4.25rem;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--b2b,
  .katalog-picker__split-head--b2c,
  .katalog-picker__cell--split-b2b,
  .katalog-picker__cell--split-b2c
) {
  width: 6.25rem;
  min-width: 6.25rem;
  max-width: 6.25rem;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--channels,
  .katalog-picker__cell--split-channels
) {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--b2b-group,
  .katalog-picker__split-head--b2c-group
) {
  width: 9.5rem;
  min-width: 9.5rem;
  padding-inline: 4px;
  white-space: normal;
  line-height: 1.2;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--commerce-group,
  .katalog-picker__cell--split-commerce
) {
  width: 16rem;
  min-width: 16rem;
  max-width: 16rem;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-commerce {
  padding: 6px;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row {
  display: grid;
  min-height: 42px;
  height: 42px;
  grid-template-columns: 2rem 2.5rem minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  padding: 4px 5px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  box-sizing: border-box;
  cursor: text;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row--b2b {
  border-color: #cbd5e1;
  background: #fff;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row--b2c {
  border-color: #cbd5e1;
  background: #fff;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row:has(.hs-ilan-inline-edit__input:focus) {
  border-color: var(--accent, #0f766e);
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.14);
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row .hs-ilan-inline-edit__input:focus {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row + .hs-ilan-commerce-channel-row {
  margin-top: 5px;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-label {
  color: #64748b;
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row .hs-ilan-split-value {
  align-self: stretch;
  min-height: 0;
  height: 100%;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row .hs-ilan-inline-edit__field {
  height: 100%;
  min-height: 100%;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row .hs-ilan-inline-edit__input {
  height: 100%;
  min-height: 28px;
  cursor: text;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row .hs-ilan-split-channel,
.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-commerce-channel-row .hs-ilan-channel-toggle {
  cursor: pointer;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--b2b-group,
  .katalog-picker__split-head--b2c-group,
  .katalog-picker__cell--split-b2b-toggle,
  .katalog-picker__cell--split-b2c-toggle
) {
  border-left: 1px solid rgba(226, 232, 240, 0.7) !important;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--b2b-toggle,
  .katalog-picker__split-head--b2c-toggle,
  .katalog-picker__cell--split-b2b-toggle,
  .katalog-picker__cell--split-b2c-toggle
) {
  width: 3.25rem;
  min-width: 3.25rem;
  max-width: 3.25rem;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--b2b-price,
  .katalog-picker__split-head--b2c-price,
  .katalog-picker__cell--split-b2b-price,
  .katalog-picker__cell--split-b2c-price
) {
  width: 6.25rem;
  min-width: 6.25rem;
  max-width: 6.25rem;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--marketplace,
  .katalog-picker__split-head--status,
  .katalog-picker__cell--split-marketplace,
  .katalog-picker__cell--split-status
) {
  width: 7.5rem;
  min-width: 7.5rem;
  max-width: 7.5rem;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--pazar,
  .katalog-picker__cell--pazar
) {
  width: 8.5rem;
  min-width: 8.5rem;
  max-width: 9.5rem;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split {
  padding: 8px 7px;
  vertical-align: middle;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-value {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  color: #0f172a;
  font-size: 0.78rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-value--adet {
  display: flex;
  width: 100%;
  height: 42px;
  min-height: 42px;
  max-height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-md);
  box-sizing: border-box;
  background: #fff;
  cursor: text;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-value--adet .hs-ilan-inline-edit__field {
  height: 100%;
  min-height: 0;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-value--adet .hs-ilan-inline-edit__input {
  height: 100%;
  min-height: 0;
  cursor: text;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-adet {
  position: relative;
  padding: 6px;
  vertical-align: top;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-adet > .hs-ilan-inline-edit {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-commerce {
  vertical-align: top;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-value--adet:has(.hs-ilan-inline-edit__input:focus) {
  border-color: var(--accent, #0f766e);
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.14);
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-value--adet .hs-ilan-inline-edit__input:is(:hover, :focus) {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-value .hs-ilan-inline-edit__field {
  width: 100%;
  min-width: 0;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-value .hs-ilan-inline-edit__input {
  width: 100%;
  min-width: 0;
  text-align: center;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-adet .hs-ilan-inline-edit__actions {
  width: 100%;
  margin: 0 0 5px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: transparent;
  border: 0;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-adet .hs-ilan-inline-edit__actions .btn {
  width: 26px;
  min-width: 26px;
  min-height: 26px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 6px;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-channels {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-channel {
  display: flex;
  min-height: 25px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #64748b;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-b2b-toggle .hs-ilan-split-channel,
.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-b2c-toggle .hs-ilan-split-channel {
  min-height: 36px;
  justify-content: center;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-channel .hs-ilan-channel-toggle {
  flex-basis: 34px;
  width: 34px;
  height: 19px;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-channel .hs-ilan-channel-toggle__thumb {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-channel .hs-ilan-channel-toggle.is-on .hs-ilan-channel-toggle__thumb {
  transform: translateX(15px);
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-channel-state-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #cbd5e1;
}

.trade-feed .table-wrap--hs-ilan-action-columns .hs-ilan-split-channel.is-open .hs-ilan-channel-state-dot {
  background: #0f766e;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-marketplace .hs-ilan-item-pazar__pzb,
.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-marketplace .btn.btn-pzb-ilan {
  width: 100%;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-marketplace .btn.btn-pzb-ilan {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--split-marketplace .btn.btn-pzb-ilan > .ui-icon {
  width: 0.95rem;
  height: 0.95rem;
  flex: 0 0 0.95rem;
}

/* ?lanlar?m ? sat?r i?lemleri, ba?l?kl? ve ikonlu ayr? s?tunlar */
.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker-table__head--actions th {
  height: 34px;
  padding: 7px 4px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.95) !important;
  background: #f8fafc;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker-table__head--actions .katalog-picker__head--product {
  text-align: left;
  padding-left: 14px;
  border-left: 1px solid rgba(226, 232, 240, 0.7) !important;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__action-head,
.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--action {
  border-left: 1px solid rgba(226, 232, 240, 0.55) !important;
  box-sizing: border-box;
  text-align: center;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__action-head--detail,
  .katalog-picker__action-head--git,
  .katalog-picker__action-head--delete,
  .katalog-picker__cell--action-detail,
  .katalog-picker__cell--action-git,
  .katalog-picker__cell--action-delete
) {
  width: 4.25rem !important;
  min-width: 4.25rem !important;
  max-width: 4.25rem !important;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__action-head--update,
  .katalog-picker__cell--action-update
) {
  width: 4.25rem !important;
  min-width: 4.25rem !important;
  max-width: 4.25rem !important;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--action {
  padding: 8px 6px;
  vertical-align: middle;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--action .inline-form {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--action :is(.btn, a.btn) {
  position: relative;
  display: inline-flex;
  width: 100%;
  min-width: 0;
  height: 58px;
  min-height: 58px;
  padding: 6px 3px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 8px;
  box-sizing: border-box;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__cell--action :is(.btn, a.btn) > .ui-icon {
  width: 1rem;
  height: 1rem;
  margin: 0;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__action-head--group,
  .katalog-picker__cell--action-group
) {
  width: 15rem !important;
  min-width: 15rem !important;
  max-width: 15rem !important;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 4px;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__action-item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
}

.trade-feed .table-wrap--hs-ilan-action-columns :is(.katalog-picker__action-label, .hs-katalog-actions__label) {
  color: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.trade-feed .table-wrap--hs-ilan-action-columns .katalog-picker__action-empty {
  color: #cbd5e1;
  font-weight: 600;
}

/* Gelen Talepler / Taleplerim ? ?lanlar?m tablo diliyle uyumlu s?tunlar */
.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__split-head--talep-total,
  .katalog-picker__cell--split-talep-total
) {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}

.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns .hs-ilan-split-value--adet {
  cursor: default;
}

.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns .hs-talep-value-box {
  display: flex;
  height: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-md);
  box-sizing: border-box;
  background: #fff;
  color: #0f172a;
  font-size: 0.78rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns .hs-talep-value-box .hs-ilan-item-pazar__metric {
  color: inherit;
  font: inherit;
}

.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__cell--party,
  .katalog-picker__cell--durum
) {
  border-left: 1px solid rgba(226, 232, 240, 0.7) !important;
}

.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns :is(
  .katalog-picker__action-head--group,
  .katalog-picker__cell--action-group
) {
  width: 18rem !important;
  min-width: 18rem !important;
  max-width: 18rem !important;
}

.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns .katalog-picker__action-grid {
  grid-template-columns: repeat(auto-fit, minmax(3.75rem, 1fr));
  align-items: stretch;
}

.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns .katalog-picker__action-item {
  height: 100%;
}

.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns .katalog-picker__action-item > :is(.btn, a.btn, .inline-form),
.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns .katalog-picker__action-item > .inline-form > .btn {
  height: 100%;
}

.trade-feed .table-wrap--hs-talep.table-wrap--hs-ilan-action-columns .katalog-picker__action-label {
  line-height: 1.1;
  white-space: normal;
}

/* ?lanlar?m ? sat?r se?imi, B2B durumu, pazaryeri Git, toplu i?lem ?ubu?u */
body.mode-panel .trade-feed .hs-katalog-picker--ilan-select .table-wrap--hs-ilan-select table.simple > tbody > tr > td.katalog-picker__cell--check,
body.mode-panel .trade-feed .hs-katalog-picker--ilan-select .table-wrap--hs-ilan-select table.simple > thead > tr > th.trade-th-check {
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  text-align: center;
  vertical-align: middle;
  padding-left: 6px;
  padding-right: 6px;
  /* ?r?n h?cresindeki border-left ile ?ift dikey ?izgi olmas?n */
  border-right: none !important;
  box-sizing: border-box;
}
.hs-katalog-picker--ilan-select .katalog-picker__cell--check input,
.hs-katalog-picker--ilan-select .trade-th-check input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--accent, #0f766e);
  cursor: pointer;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__fiyat.is-b2b-closed,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__tag--b2b {
  opacity: 1;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__fiyat.is-b2b-closed {
  opacity: 0.72;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__fiyat.is-b2b-closed .hs-ilan-item-pazar__tag--b2b {
  background: #f1f5f9;
  color: #64748b;
  border-color: #e2e8f0;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__perakende.is-b2c-closed {
  opacity: 0.72;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__perakende.is-b2c-closed .hs-ilan-item-pazar__tag--b2c {
  background: #f1f5f9;
  color: #64748b;
  border-color: #e2e8f0;
}
/* Fiyat sat?r?: etiket sabit, tutar sa?a yasl? ? dar s?tunda ?st ?ste binmesin */
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende {
  min-width: 0;
  overflow: hidden;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__tag,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__tag {
  flex: 0 0 auto;
  white-space: nowrap;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__fiyat .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende .hs-ilan-item-pazar__metric,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar--commerce-split .hs-ilan-item-pazar__perakende .hs-ilan-item-pazar__metric {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  justify-content: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__tag--b2b,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__tag--b2b {
  padding: 2px 5px;
  border-radius: 4px;
  border: 1px solid rgba(30, 64, 175, 0.18);
  color: #1e3a8a;
  background: #dbeafe;
  font-size: 0.58rem;
  letter-spacing: 0.05em;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-item-pazar__tag--b2c,
.trade-feed .table-wrap--hs-askida .hs-ilan-item-pazar__tag--b2c {
  padding: 2px 5px;
  border-radius: 4px;
  border: 1px solid rgba(15, 118, 110, 0.22);
  color: #0f766e;
  background: #ccfbf1;
  font-size: 0.58rem;
  letter-spacing: 0.05em;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-height: 28px;
  padding: 4px 8px;
  border-radius: var(--radius-sm, 6px);
  border: 1px solid #e2e8f0;
  background: #fff;
  box-sizing: border-box;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-badge__label {
  font-size: 0.72rem;
  font-weight: 600;
  color: #334155;
  line-height: 1.2;
  white-space: nowrap;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-badge__tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  flex-shrink: 0;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-badge.is-open .hs-ilan-channel-badge__tag {
  color: #1e3a8a;
  background: #dbeafe;
  border: 1px solid rgba(30, 64, 175, 0.18);
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-badge.is-closed {
  opacity: 0.88;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-channel-badge.is-closed .hs-ilan-channel-badge__tag {
  color: #64748b;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}
.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-git-btn.is-disabled,
.trade-feed .table-wrap--hs-ilanlarim span.hs-ilan-git-btn.is-disabled,
.trade-feed .table-wrap--hs-ilanlarim a.hs-ilan-git-btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: auto;
  position: relative;
}
.trade-feed .table-wrap--hs-ilanlarim span.hs-ilan-git-btn.is-disabled:hover::after,
.trade-feed .table-wrap--hs-ilanlarim span.hs-ilan-git-btn.is-disabled:focus-visible::after,
.trade-feed .table-wrap--hs-ilanlarim a.hs-ilan-git-btn.is-disabled:hover::after,
.trade-feed .table-wrap--hs-ilanlarim a.hs-ilan-git-btn.is-disabled:focus-visible::after {
  content: attr(title);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  z-index: 20;
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: var(--radius-sm, 6px);
  background: #0f172a;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.22);
  pointer-events: none;
}
body.mode-panel .hs-ilan-bulk-bar,
body.mode-panel .siparis-bulk-bar {
  position: fixed;
  left: 50%;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  z-index: 1320;
  width: min(920px, calc(100vw - 24px));
  pointer-events: none;
}
body.mode-panel .hs-ilan-bulk-bar[hidden],
body.mode-panel .siparis-bulk-bar[hidden] {
  display: none !important;
}
body.mode-panel .hs-ilan-bulk-bar__inner,
body.mode-panel .siparis-bulk-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 16px;
  border-radius: 14px;
  background: #0f172a;
  color: #f8fafc;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28);
  pointer-events: auto;
}
body.mode-panel .hs-ilan-bulk-bar__count,
body.mode-panel .siparis-bulk-bar__count {
  font-size: 0.9rem;
  font-weight: 500;
  color: #e2e8f0;
}
body.mode-panel .hs-ilan-bulk-bar__count strong,
body.mode-panel .siparis-bulk-bar__count strong {
  color: #fff;
  font-weight: 700;
}
body.mode-panel .hs-ilan-bulk-bar__actions,
body.mode-panel .siparis-bulk-bar__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto;
}
body.mode-panel .hs-ilan-bulk-bar__actions .btn-primary,
body.mode-panel .siparis-bulk-bar__actions .btn-primary {
  background: var(--accent, #0f766e);
  border-color: transparent;
  color: #fff;
}
body.mode-panel .hs-ilan-bulk-bar__actions .btn-secondary,
body.mode-panel .siparis-bulk-bar__actions .btn-secondary {
  background: #334155;
  border-color: #475569;
  color: #fff;
}
body.mode-panel .hs-ilan-bulk-bar__actions .btn-ghost,
body.mode-panel .siparis-bulk-bar__actions .btn-ghost {
  background: transparent;
  border-color: #475569;
  color: #e2e8f0;
}
body.mode-panel .hs-ilan-bulk-bar__actions .btn:disabled,
body.mode-panel .siparis-bulk-bar__actions .btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
body.mode-panel.hs-ilan-bulk-open .mp-filter-fab,
body.mode-panel.siparis-bulk-open .mp-filter-fab,
body.mode-panel.siparis-iptal-bulk-open .mp-filter-fab {
  bottom: calc(88px + env(safe-area-inset-bottom, 0px));
}
@media (max-width: 720px) {
  body.mode-panel .hs-ilan-bulk-bar__inner,
  body.mode-panel .siparis-bulk-bar__inner {
    flex-direction: column;
    align-items: stretch;
  }
  body.mode-panel .hs-ilan-bulk-bar__actions,
  body.mode-panel .siparis-bulk-bar__actions {
    margin-left: 0;
  }
  body.mode-panel .hs-ilan-bulk-bar__actions .btn,
  body.mode-panel .siparis-bulk-bar__actions .btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}

.trade-feed .table-wrap--hs-talep .hs-katalog-actions--hs-talep .hs-katalog-actions__row--secondary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

.trade-feed .table-wrap--hs-talep .hs-katalog-actions--hs-talep .hs-katalog-actions__row--secondary:empty {
  display: none;
}

.trade-feed .table-wrap--hs-talep .hs-katalog-actions--hs-talep .hs-katalog-actions__row--secondary .btn,
.trade-feed .table-wrap--hs-talep .hs-katalog-actions--hs-talep .hs-katalog-actions__row--secondary .inline-form .btn {
  width: auto;
  min-width: 0;
  min-height: 34px;
  flex: 1 1 calc(50% - 3px);
  flex-direction: row !important;
  padding: 5px 8px;
  font-size: 0.78rem;
}

.trade-feed .table-wrap--hs-talep .hs-katalog-actions--hs-talep .hs-katalog-actions__row--secondary .inline-form {
  display: inline-flex;
  margin: 0;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-product__head,
.trade-feed .table-wrap--hs-talep .hs-ilan-product__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 10px;
  margin-bottom: 10px;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-product__title,
.trade-feed .table-wrap--hs-talep .hs-ilan-product__title {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.3;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-product__meta,
.trade-feed .table-wrap--hs-talep .hs-ilan-product__meta,
.trade-feed .table-wrap--hs-askida .hs-ilan-product__meta {
  margin: 0;
}

.trade-feed .table-wrap--hs-talep .hs-ilan-meta--party {
  display: grid;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
  grid-template-columns: 1fr;
  gap: 4px;
}

.trade-feed .table-wrap--hs-talep .hs-ilan-meta__item--party {
  margin: 0;
  min-width: 0;
}

.trade-feed .table-wrap--hs-talep .hs-ilan-meta--party .hs-ilan-meta__label {
  margin: 0;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1.25;
}

.trade-feed .table-wrap--hs-talep .hs-ilan-meta--party .hs-ilan-meta__value {
  margin: 2px 0 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1e293b;
  line-height: 1.35;
  word-break: break-word;
}

.trade-feed .table-wrap--hs-talep .hs-ilan-meta__item--party .hs-ilan-meta__value .uye-no-row {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
}

.trade-feed .table-wrap--hs-ilanlarim .katalog-picker-row--hs-ilan td.katalog-picker__cell--product,
.trade-feed .table-wrap--hs-talep .katalog-picker-row--hs-ilan td.katalog-picker__cell--product {
  padding-top: 14px;
  padding-bottom: 14px;
}

.trade-feed .table-wrap--hs-ilanlarim tr.hs-ilan-row--marka-onay > td {
  background: #fffbeb;
}

.trade-feed .table-wrap--hs-ilanlarim .hs-ilan-kaldir-btn:hover,
.trade-feed .table-wrap--hs-askida .hs-ilan-kaldir-btn:hover {
  border-color: #fca5a5;
  color: #b91c1c;
  background: #fef2f2;
}

@media (max-width: 1100px) {
  .trade-feed .table-wrap--hs-ilanlarim .hs-ilan-product__meta.katalog-picker__detail-grid,
  .trade-feed .table-wrap--hs-talep .hs-ilan-product__meta.katalog-picker__detail-grid,
  .trade-feed .table-wrap--hs-askida .hs-ilan-product__meta.katalog-picker__detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trade-feed .table-wrap--hs-ilanlarim .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif),
  .trade-feed .table-wrap--hs-talep .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif) {
    min-width: 13.5rem;
  }
}

@media (max-width: 820px) {
  .trade-feed .table-wrap--hs-ilanlarim .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif),
  .trade-feed .table-wrap--hs-talep .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif) {
    min-width: 10rem;
    max-width: none;
  }

  .trade-feed .table-wrap--hs-ilanlarim .katalog-picker__pazar--teklif .katalog-picker__pazar-trade-grid,
  .trade-feed .table-wrap--hs-talep .katalog-picker__pazar--teklif .katalog-picker__pazar-trade-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .trade-feed .table-wrap--hs-ilanlarim .hs-ilan-product__meta.katalog-picker__detail-grid,
  .trade-feed .table-wrap--hs-talep .hs-ilan-product__meta.katalog-picker__detail-grid,
  .trade-feed .table-wrap--hs-askida .hs-ilan-product__meta.katalog-picker__detail-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
  }
}

/* ??? Ask?da sekmesi: info s?tunu ince ayarlar ??? */
.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .hs-askida-durum-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip {
  width: 100%;
  max-width: 100%;
}

.trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block--status .katalog-durum-chip__face {
  width: 100%;
  max-width: 100%;
}

.trade-feed .table-wrap--hs-askida .katalog-picker-row--hs-askida.katalog-picker-row--hs-ilan td.katalog-picker__cell--product {
  padding-top: 14px;
  padding-bottom: 14px;
}

@media (max-width: 1100px) {
  .trade-feed .table-wrap--hs-askida .hs-ilan-product__meta.katalog-picker__detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trade-feed .table-wrap--hs-askida .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif) {
    min-width: 13.5rem;
  }
}

@media (max-width: 820px) {
  .trade-feed .table-wrap--hs-askida .katalog-picker__cell--pazar:has(.katalog-picker__pazar--teklif) {
    min-width: 10rem;
    max-width: none;
  }

  .trade-feed .table-wrap--hs-askida .katalog-picker__pazar--teklif .katalog-picker__pazar-trade-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .trade-feed .table-wrap--hs-askida .hs-ilan-product__meta.katalog-picker__detail-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
  }
}

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

.table-wrap--alis-satis .td-actions--alis-satis .td-actions__inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  width: 100%;
}
.table-wrap--alis-satis .td-actions--alis-satis .td-actions__inner > .btn,
.table-wrap--alis-satis .td-actions--alis-satis .td-actions__inner > a.btn {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding-block: 6px;
  line-height: 1.1;
}

.td-action-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.td-action-menu__summary {
  list-style: none;
  cursor: pointer;
}

.td-action-menu__summary::-webkit-details-marker {
  display: none;
}

.td-action-menu__summary::marker {
  content: '';
}

.td-action-menu__summary .ui-icon {
  transition: transform 0.15s ease;
}

.td-action-menu[open] .td-action-menu__summary .ui-icon {
  transform: rotate(180deg);
}

.td-action-menu__panel {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 196px;
  padding: 6px;
  border-radius: var(--radius-md);
  border: 1px solid rgba(226, 232, 240, 0.65);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 38px rgba(2, 6, 23, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 40;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.td-action-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 10px;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  color: #0f172a;
  text-decoration: none;
  font: inherit;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
}

.td-action-menu__item .ui-icon {
  opacity: 0.85;
  flex-shrink: 0;
}

.td-action-menu__item:hover {
  background: var(--accent-soft);
}

.td-action-menu__item:focus-visible {
  outline: 3px solid var(--accent-ring);
  outline-offset: 2px;
}

/* Ma?aza vitrini: Haz?r Stoktakiler ile ayn? browse ?zgaras? */
.magaza-vitrin-panel .trade-feed.magaza-vitrin-feed {
  padding: 0;
}

.magaza-vitrin-panel .hs-katalog-picker--browse-grid {
  margin-top: 0;
}

/* 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: var(--radius-sm);
  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: var(--radius-sm);
  background: color-mix(in srgb, var(--accent-hover, #0d9488) 88%, #0f172a 12%);
  color: #f0fdfa;
  font-size: 0.6875rem;
  line-height: 1.25;
  box-shadow: 0 2px 8px rgba(13, 148, 136, 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, #0d9488);
  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__bar--price {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px 12px;
}

.hs-card__bar--price .hs-card__kpi {
  flex: 1 1 auto;
  min-width: 0;
}

.hs-card__price-adet {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px 12px;
  min-width: 0;
}

.hs-card__price-adet .hs-card__kpi {
  flex: 1 1 auto;
  min-width: 0;
}

.hs-card__adet-kpi {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 2px;
  flex-shrink: 0;
  text-align: right;
}

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

.hs-card__adet-kpi .v {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.15;
  color: var(--ink, #0f172a);
  letter-spacing: -0.02em;
}

.hs-card__kpi-link {
  color: var(--accent-hover, #0d9488);
  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, #0d9488);
}

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

.hs-card__durum {
  flex-shrink: 0;
  text-transform: none;
  letter-spacing: 0.02em;
}

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

.hs-card__btn--buy {
  box-shadow: 0 1px 2px rgba(13, 148, 136, 0.2);
}

.hs-card__title {
  margin: 0 0 8px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink, #0f172a);
  text-decoration: none;
  display: block;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hs-card__title:hover {
  color: var(--accent-hover, #0d9488);
}

.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, #0d9488);
}

.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);
  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, #0d9488);
  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;
}

/* ?r?n ?zellikleri ? zebra sat?r tablosu (nitelikler) */
.urun-attrs {
  margin: 14px 0 0;
}

.urun-attrs__title {
  margin: 0 0 10px;
  padding: 0 0 8px;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ink, #0f172a);
  border-bottom: 2px solid var(--ink, #0f172a);
  display: inline-block;
  min-width: 10ch;
}

.urun-attrs__list {
  margin: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.urun-attrs__row {
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
  gap: 10px 20px;
  align-items: baseline;
  padding: 11px 14px;
  background: #f5f5f5;
}

.urun-attrs__row:nth-child(even) {
  background: #fff;
}

.urun-attrs__row dt {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
}

.urun-attrs__row dd {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--ink, #1e293b);
  word-break: break-word;
}

@media (max-width: 520px) {
  .urun-attrs__row {
    grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);
    gap: 8px 12px;
    padding: 10px 12px;
  }
}

/* Tek panel: fiyat + bo?luklu ?zellik ?zgaras? + sat?c? + alt sepet ?eridi */
.hs-detail .catalog-detail__info > .hs-detail__buy-panel {
  margin-top: 0;
}

.hs-detail__buy-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.hs-detail__buy-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px 28px 24px;
}

.hs-detail__buy-panel > .hs-detail__price-line,
.hs-detail__buy-body > .hs-detail__price-line {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
}

.hs-detail__buy-body > .hs-detail__price-line .hs-detail__price {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--accent, #0f766e);
}

.hs-detail__buy-body > .hs-detail__price-line .hs-detail__price-vat {
  margin-top: 2px;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #64748b;
}

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

.hs-detail__seller-lead {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 0 1 auto;
}

.hs-detail__seller-actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* İlan detay — kutulu chip/buton yerine tek sade satıcı şeridi */
.hs-detail__seller-row--in-panel {
  width: fit-content;
  max-width: 100%;
  gap: 8px 10px;
  margin-top: 12px;
  padding: 8px 10px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

.hs-detail__seller-row--in-panel .hs-detail__seller-lead {
  flex: 0 1 auto;
}

.hs-detail__seller-row--in-panel .katalog-picker__meta-id-chip.katalog-picker__meta-id-chip--satici,
.hs-detail__seller-row--in-panel .katalog-picker__meta-id-chip.katalog-picker__meta-id-chip--satici:hover {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #64748b;
  box-shadow: none;
  cursor: default;
}

.hs-detail__seller-row--in-panel .katalog-picker__meta-id-chip--satici .katalog-picker__meta-id-chip-satici-label {
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.hs-detail__seller-row--in-panel .katalog-picker__meta-id-chip--satici .katalog-picker__meta-id-chip-icon .ui-icon {
  width: 0.95rem;
  height: 0.95rem;
  color: #94a3b8;
}

.hs-detail__seller-row--in-panel .katalog-picker__meta-id-chip--satici:not(.is-empty) .katalog-picker__meta-id-chip-value {
  color: var(--ink, #0f172a);
  background: transparent;
  border: 0;
  padding: 0;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.hs-detail__seller-row--in-panel .hs-detail__seller-actions {
  gap: 0;
  margin-left: 2px;
  padding-left: 8px;
  border-left: 1px solid rgba(203, 213, 225, 0.9);
}

.hs-detail__seller-row--in-panel .hs-detail__seller-actions .btn,
.hs-detail__seller-row--in-panel .hs-detail__seller-actions .uye-profil-btn {
  min-height: 28px;
  height: 28px;
  padding: 0 8px;
  box-sizing: border-box;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 600;
  box-shadow: none;
}

.hs-detail__seller-row--in-panel .hs-detail__seller-actions .btn .ui-icon,
.hs-detail__seller-row--in-panel .hs-detail__seller-actions .uye-profil-btn .ui-icon {
  width: 0.95rem;
  height: 0.95rem;
  color: #94a3b8;
}

.hs-detail__seller-row--in-panel .hs-detail__seller-actions .btn:hover:not(:disabled),
.hs-detail__seller-row--in-panel .hs-detail__seller-actions .uye-profil-btn:hover:not(:disabled) {
  background: rgba(15, 118, 110, 0.08);
  border-color: transparent;
  color: var(--accent, #0f766e);
}

.hs-detail__seller-row--in-panel .hs-detail__seller-actions .btn:hover:not(:disabled) .ui-icon,
.hs-detail__seller-row--in-panel .hs-detail__seller-actions .uye-profil-btn:hover:not(:disabled) .ui-icon {
  color: var(--accent, #0f766e);
}

.hs-detail__seller-row--in-panel .hs-detail__seller-actions .btn:focus-visible,
.hs-detail__seller-row--in-panel .hs-detail__seller-actions .uye-profil-btn:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 1px;
}

@media (max-width: 520px) {
  .hs-detail__seller-row--in-panel {
    flex-wrap: wrap;
    align-items: stretch;
  }

  .hs-detail__seller-row--in-panel .hs-detail__seller-actions {
    width: 100%;
    padding-left: 0;
    padding-top: 8px;
    border-left: 0;
    border-top: 1px solid rgba(203, 213, 225, 0.85);
  }
}

.hs-detail__attrs {
  margin: 0;
  padding: 4px 0 0;
  border: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 0;
  background: transparent;
}

.hs-detail__attr {
  display: grid;
  grid-template-columns: minmax(6.5rem, 8.5rem) minmax(0, 1fr);
  gap: 6px 12px;
  align-items: baseline;
  min-width: 0;
  margin: 0;
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid rgba(226, 232, 240, 0.75);
  background: transparent;
}

.hs-detail__attr:nth-last-child(1),
.hs-detail__attr:nth-last-child(2) {
  border-bottom: none;
  padding-bottom: 0;
}

.hs-detail__attr:nth-child(-n+2) {
  padding-top: 0;
}

.hs-detail__attr:nth-child(odd):last-child {
  grid-column: 1 / -1;
}

.hs-detail__attr dt {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 500;
  color: #64748b;
  line-height: 1.4;
}

.hs-detail__attr dd {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  line-height: 1.35;
  word-break: break-word;
}

.hs-detail__buy-body > .hs-detail__aciklama {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0.875rem;
  line-height: 1.5;
}

.hs-detail__buy-body > .hs-detail__talep-unavail {
  margin: 0;
  padding: 0;
  border: none;
}

.hs-detail__cart {
  margin: 0;
  padding: 18px 28px 20px;
  border: none;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

.hs-detail__cart .modal-hint {
  margin-top: 10px;
  font-size: 0.75rem;
  color: #64748b;
}

.hs-detail__cart-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 12px;
}

.hs-detail__cart-qty {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 0 auto;
}

.hs-detail__cart-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #64748b;
  line-height: 1.3;
}

.hs-detail__qty {
  display: inline-flex;
  align-items: stretch;
  height: 44px;
  width: 7.75rem;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm, 6px);
  background: #fff;
  overflow: hidden;
}

.hs-detail__qty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2rem;
  width: 2rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  font: inherit;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ink, #0f172a);
  cursor: pointer;
}

.hs-detail__qty-btn:hover:not(:disabled) {
  background: #f8fafc;
  color: var(--accent-hover, #0d9488);
}

.hs-detail__qty-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.hs-detail__qty-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 2px;
  border: 0;
  border-left: 1px solid #e2e8f0;
  border-right: 1px solid #e2e8f0;
  border-radius: 0;
  text-align: center;
  font-weight: 600;
  box-shadow: none;
  cursor: text;
  -moz-appearance: textfield;
}

.hs-detail__qty-input::-webkit-outer-spin-button,
.hs-detail__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.hs-detail__qty-input:focus {
  outline: none;
  box-shadow: none;
}

.hs-detail__cart-btns {
  flex: 1 1 12rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.hs-detail__cart-btn {
  width: 100%;
  min-height: 44px;
  height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
  justify-content: center;
  text-transform: uppercase;
}

.hs-detail__cart .btn-secondary.hs-detail__cart-btn {
  background: #fff;
  border-color: #cbd5e1;
  font-weight: 600;
}

.hs-detail__cart .btn-primary.hs-detail__cart-btn {
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.18);
}

/* ?r?n talep ? teklif formu ?eridi */
.hs-detail__teklif-panel .hs-detail__cart--teklif {
  margin: 12px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md, 8px);
  background: #f8fafc;
}

.hs-detail__teklif-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 12px;
}

.hs-detail__teklif-price {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 11rem;
  min-width: 0;
}

.hs-detail__teklif-price-group {
  height: 40px;
  min-height: 40px;
}

.hs-detail__teklif-price-group .input,
.hs-detail__teklif-price-input {
  height: 100%;
  min-height: 0;
}

.hs-detail__teklif-submit {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 9rem;
  min-width: 8.5rem;
}

.hs-detail__teklif-submit .hs-detail__cart-btn {
  width: 100%;
}

.hs-detail__cart-label--spacer {
  visibility: hidden;
  user-select: none;
  min-height: 1.3em;
}

.hs-detail__buy-body > .hs-detail__title {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ink, #0f172a);
}

@media (max-width: 520px) {
  .hs-detail__buy-body {
    padding: 20px 18px 18px;
    gap: 16px;
  }

  .hs-detail__attrs {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .hs-detail__attr {
    grid-template-columns: minmax(5.5rem, 36%) minmax(0, 1fr);
    gap: 4px 8px;
  }

  .hs-detail__attr:nth-last-child(1),
  .hs-detail__attr:nth-last-child(2) {
    border-bottom: 1px solid rgba(226, 232, 240, 0.75);
    padding-bottom: 10px;
  }

  .hs-detail__attr:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .hs-detail__cart {
    padding: 14px 18px 16px;
  }

  .hs-detail__cart-btns {
    flex: 1 1 100%;
  }

  .hs-detail__teklif-submit,
  .hs-detail__teklif-price {
    flex: 1 1 100%;
  }
}

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

@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;
}

body.mode-panel .hs-detail__askida-panel{
  border-color:rgba(251, 191, 36, 0.55);
  background:linear-gradient(180deg, rgba(255, 251, 235, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
  box-shadow:0 1px 0 rgba(245, 158, 11, 0.08);
}
body.mode-panel .hs-detail__askida-panel .section-label{
  color:#b45309;
}
body.mode-panel .hs-detail__askida-panel p{
  color:#78350f;
  font-size:14px;
  line-height:1.55;
}
body.mode-panel .hs-detail__askida-panel p.muted{
  color:#92400e;
}

.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-talep-compact .offer-item__cell .k {
  display: block;
  margin-bottom: 4px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
}

.hs-talep-compact .offer-item__cell .v {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  line-height: 1.35;
}

.hs-talep-compact__no {
  display: block;
  width: 100%;
  margin-top: 4px;
  font-size: 0.78rem;
  font-weight: 500;
}

.hs-talep-compact__actions {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

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

.hs-talep-compact__actions .btn {
  white-space: nowrap;
}

.hs-talep-compact__foot {
  margin-top: 8px;
  font-size: 0.82rem;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .hs-talep-compact .offer-item.hs-talep-compact__row {
    grid-template-columns: 1fr 1fr;
  }

  .hs-talep-compact .offer-item__action {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .hs-talep-compact .offer-item.hs-talep-compact__row {
    grid-template-columns: 1fr;
  }
}

.hs-detail__seller-actions .btn,
.hs-detail__seller-actions .uye-profil-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-size: 0.84rem;
  border-radius: var(--radius-sm);
}

.hs-detail__seller-actions .uye-profil-btn .ui-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.hs-detail__other-vitrin {
  flex-shrink: 0;
}

.hs-detail__other-seller {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  min-width: 0;
}

.hs-detail__other-seller .hs-detail__seller-actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.hs-detail__other-seller .hs-detail__seller-actions .btn,
.hs-detail__other-seller .hs-detail__seller-actions .uye-profil-btn {
  min-height: 34px;
  height: 34px;
  box-sizing: border-box;
}

.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, #0d9488);
  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);
  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, #0d9488);
}

.hs-detail__other-price {
  color: var(--accent-hover, #0d9488);
}

.hs-detail__other-seller .katalog-picker__meta-id-chip--satici {
  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%);
}

.table-wrap--katalog-picker tr.katalog-picker-row.catalog-card:hover,
.table-wrap--katalog-picker tr.katalog-picker-row:hover {
  border-color: transparent;
  box-shadow: none;
}

.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: 1 / 1;
  background: linear-gradient(165deg, #f8fafc 0%, #f1f5f9 48%, #eef2f6 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  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;
}

.catalog-card__media-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 16px 18px;
  box-sizing: border-box;
  position: relative;
}

.catalog-card__media:not(.catalog-card__media--avatar):not(.catalog-card__media--placeholder) .catalog-card__media-stage {
  padding: 18px 20px;
}

/* 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:not(.catalog-card__media-avatar) {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.catalog-card__media--swap {
  background: #fff;
}

.catalog-card__media--swap .catalog-card__media-stage {
  padding: 16px 18px;
}

.catalog-card__media--swap .mp-card__media-swap {
  display: grid;
  grid-template: 1fr / 1fr;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.catalog-card__media--swap .mp-card__media-swap-img {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  transition: opacity 0.28s ease;
}

.catalog-card__media--swap .mp-card__media-swap-img--hover {
  opacity: 0;
}

.catalog-card:hover .catalog-card__media--swap .mp-card__media-swap-img--primary {
  opacity: 0;
}

.catalog-card:hover .catalog-card__media--swap .mp-card__media-swap-img--hover {
  opacity: 1;
}

.catalog-card__media-more {
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 2;
  padding: 3px 7px;
  border-radius: var(--radius-sm);
  background: rgba(15, 23, 42, 0.72);
  color: #f8fafc;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  pointer-events: none;
}

.catalog-card.hs-card .catalog-card__media {
  aspect-ratio: 5 / 4;
}

.catalog-card.hs-card .catalog-card__media:not(.catalog-card__media--avatar):not(.catalog-card__media--placeholder) {
  background: #fff;
}

.catalog-card.hs-card .catalog-card__media-stage,
.catalog-card.hs-card .catalog-card__media:not(.catalog-card__media--avatar):not(.catalog-card__media--placeholder) .catalog-card__media-stage {
  padding: 10px 14px;
}

.catalog-card.hs-card .catalog-card__media--swap {
  background: #fff;
}

.catalog-card.hs-card .catalog-card__media .mp-card__media-swap {
  display: grid;
  grid-template: 1fr / 1fr;
  width: 100%;
  height: 100%;
}

.catalog-card.hs-card .catalog-card__media .mp-card__media-swap-img {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  transition: opacity 0.28s ease;
}

.catalog-card.hs-card .catalog-card__media .mp-card__media-swap-img--hover {
  opacity: 0;
}

.catalog-card.hs-card:hover .mp-card__media-swap-img--primary {
  opacity: 0;
}

.catalog-card.hs-card:hover .mp-card__media-swap-img--hover {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .catalog-card__media--swap .mp-card__media-swap-img,
  .catalog-card.hs-card .catalog-card__media .mp-card__media-swap-img {
    transition: none;
  }
}
.catalog-card__media--avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
.catalog-card__media--avatar .catalog-card__media-stage {
  padding: 12px 10px;
}
.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 .catalog-card__media-stage {
  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: var(--radius-sm);
  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: #fff1f2;
  border-color: #fecdd3;
  box-shadow: none;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.btn.btn-ghost.favori-toggle.is-on:hover:not(:disabled){
  background: #ffe4e6;
  border-color: #fda4af;
}
.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: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #f1f5f9;
  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){
  --ui-icon-color: var(--accent);
  border-color: var(--accent-border);
  background: var(--accent-soft);
}
body.mode-panel .catalog-card__favori-chip.btn-ghost:not(.is-on):hover:not(:disabled){
  --ui-icon-color: var(--accent-hover);
  background: color-mix(in srgb, var(--accent) 14%, #fff);
  border-color: color-mix(in srgb, var(--accent) 38%, var(--line));
}
body.mode-panel .catalog-card__favori-chip.favori-toggle.is-on{
  --ui-icon-color: #e11d48;
  background: #fff1f2;
  border-color: #fecdd3;
  box-shadow: none;
}
body.mode-panel .catalog-card__favori-chip.favori-toggle.is-on:hover:not(:disabled){
  --ui-icon-color: #be123c;
  background: #ffe4e6;
  border-color: #fda4af;
}
.hs-katalog-actions .catalog-card__favori-chip{
  flex: 0 0 auto;
  min-width: 0;
  min-height: 34px;
  padding: 6px 10px !important;
  gap: 4px !important;
  flex-direction: row !important;
  white-space: nowrap;
}
.catalog-card__overlay-actions .catalog-card__favori-chip .hs-katalog-actions__label,
.detail-topbar__actions .catalog-card__favori-chip .hs-katalog-actions__label,
.katalog-urun-detay-fragment__actions .catalog-card__favori-chip .hs-katalog-actions__label{
  display: none;
}

/* Detay ?st ?ubu?u: favori chip toolbar ile ayn? g?r?n?m (pembe kutu yok) */
body.mode-panel .detail-topbar__actions .catalog-card__favori-chip,
body.mode-panel .katalog-urun-detay-fragment__actions .catalog-card__favori-chip{
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0 !important;
  box-shadow: none;
}
body.mode-panel .detail-topbar__actions .catalog-card__favori-chip .ui-icon,
body.mode-panel .katalog-urun-detay-fragment__actions .catalog-card__favori-chip .ui-icon{
  color: var(--ui-icon-color);
}
body.mode-panel .detail-topbar__actions .catalog-card__favori-chip.btn-ghost:not(.is-on),
body.mode-panel .katalog-urun-detay-fragment__actions .catalog-card__favori-chip.btn-ghost:not(.is-on){
  --ui-icon-color: var(--ink-muted);
  background: #fff;
  border: 1px solid var(--line);
}
body.mode-panel .detail-topbar__actions .catalog-card__favori-chip.btn-ghost:not(.is-on):hover:not(:disabled),
body.mode-panel .katalog-urun-detay-fragment__actions .catalog-card__favori-chip.btn-ghost:not(.is-on):hover:not(:disabled){
  --ui-icon-color: #e11d48;
  background: #f8fafc;
  border-color: var(--line-strong);
}
body.mode-panel .detail-topbar__actions .catalog-card__favori-chip.favori-toggle.is-on,
body.mode-panel .katalog-urun-detay-fragment__actions .catalog-card__favori-chip.favori-toggle.is-on{
  --ui-icon-color: #e11d48;
  background: #fff;
  border-color: color-mix(in srgb, #e11d48 28%, var(--line));
  color: #e11d48;
}
body.mode-panel .detail-topbar__actions .catalog-card__favori-chip.favori-toggle.is-on:hover:not(:disabled),
body.mode-panel .katalog-urun-detay-fragment__actions .catalog-card__favori-chip.favori-toggle.is-on:hover:not(:disabled){
  --ui-icon-color: #be123c;
  background: #f8fafc;
  border-color: color-mix(in srgb, #e11d48 38%, var(--line));
}
body.mode-panel .detail-topbar__actions .catalog-card__favori-chip.favori-toggle.is-on .ui-icon svg path,
body.mode-panel .katalog-urun-detay-fragment__actions .catalog-card__favori-chip.favori-toggle.is-on .ui-icon svg path{
  fill: currentColor;
  stroke: none;
}
#modalHsIlan .table-wrap--katalog-picker .katalog-picker__actions .catalog-card__favori-chip,
#modalKatalogTalepAc .table-wrap--katalog-picker .katalog-picker__actions .catalog-card__favori-chip,
#modalIlanAc .table-wrap--katalog-picker .katalog-picker__actions .catalog-card__favori-chip,
.trade-feed .table-wrap--katalog-picker .katalog-picker__actions .catalog-card__favori-chip{
  padding: 5px 10px !important;
  gap: 0.35rem !important;
  flex-direction: row !important;
  white-space: nowrap;
  min-height: 34px;
}

/* 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;
}
/* ?st men? / sekme: sipari? & ?deme uyar? noktas? ? her zaman k?rm?z? */
body.mode-panel .trendy-toplinks .notif-pulse-dot,
body.mode-panel .trendy-toplinks #notifDot{
  right: 2px;
  top: 4px;
  width: 7px;
  height: 7px;
  background-color: #e84848;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
  animation: navPulseSoft 2.4s ease-in-out infinite;
}

.nav-pulse-dot{
  position: absolute;
  right: 8px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background-color: #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;
  background-color: #e84848;
}
.detail-tab{
  position: relative;
}
.detail-tab .nav-pulse-dot{
  right: 8px;
  top: 6px;
  width: 5px;
  height: 5px;
  background-color: #e84848;
}
@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 var(--nav-alert-dot-ring);
  }
  50%{
    opacity: 0.3;
    transform: scale(1.35);
    box-shadow: 0 0 0 6px rgba(232, 72, 72, 0);
  }
}
.odeme-aktarim-pulse-dot{
  background-color: #e84848;
  animation: odemeAktarimPulse 1s ease-in-out infinite !important;
}
.detail-tab--aktarim-pulse .odeme-aktarim-pulse-dot{
  right: 36px;
  top: 7px;
}
.row-unread > td:first-child{
  box-shadow: inset 3px 0 0 #e84848;
}
body.mode-panel tr.row-unread.siparis-grup-row--head > td,
body.mode-panel tr.row-unread:not(.siparis-grup-row) > td{
  background: var(--surface, #fff);
}
body.mode-panel tr.row-tasimada-wait > td:first-child{
  box-shadow: inset 3px 0 0 #e84848;
}
body.mode-panel tr.row-tasimada-wait > td[rowspan]{
  box-shadow: none;
}

/* 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,
.detail-topbar--ilan-head .detail-topbar__lead .panel-geri-don-btn{
  align-self:center;
  padding:6px 12px;
  min-height:34px;
  min-width:10.5rem;
  box-sizing:border-box;
}
.detail-topbar--ilan-head .detail-topbar__lead .panel-geri-don-btn.btn.btn-sm{
  padding:6px 12px;
  min-height:34px;
}
.detail-topbar__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-left:auto;
  overflow:visible;
  position:relative;
  z-index:2;
}
.detail-topbar__meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.detail-topbar__meta .katalog-picker__meta-id-row{
  margin-top: 0;
}

/* ?lan ?st aksiyonlar?: tutarl? toolbar (barkod chip ile ayn? k??e yar??ap?) */
.detail-topbar__actions > .pill,
.detail-topbar__actions .detail-topbar__meta > .pill,
.detail-topbar__actions .detail-topbar__meta .katalog-picker__meta-id-chip,
.detail-topbar__actions > .btn,
.detail-topbar__actions > .catalog-card__favori-chip,
.detail-topbar__actions > form > .btn,
.detail-topbar__actions .hs-detail__durum-badge .badge,
.detail-topbar__actions .hs-detail__durum-badge .katalog-durum-chip__face,
.detail-topbar__actions .katalog-urun-detay-fragment__durum .katalog-durum-chip__face,
.detail-topbar__actions > .katalog-durum-chip .katalog-durum-chip__face{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 34px;
  min-height: 34px;
  padding: 6px 12px;
  border-radius: var(--radius-md);
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
}
.detail-topbar__actions .detail-topbar__meta .katalog-picker__meta-id-chip{
  height: auto;
  min-height: 34px;
  padding: 6px 10px;
  gap: 8px;
  justify-content: space-between;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: default;
}
.detail-topbar__actions > .pill.pill--viewers{
  gap: 0.35rem;
}
.detail-topbar__actions > .pill.pill--viewers .ui-icon{
  flex-shrink: 0;
}
.detail-topbar__actions > .pill,
.detail-topbar__actions .detail-topbar__meta > .pill{
  background: rgba(241, 245, 249, 0.85);
  color: var(--ink-muted);
  border: 1px solid var(--line);
}
.detail-topbar__actions > .btn,
.detail-topbar__actions > form > .btn{
  background: #fff;
  border: 1px solid var(--line);
  color: #334155;
  font-weight: 600;
  box-shadow: none;
}
.detail-topbar__actions > .btn:hover:not(:disabled),
.detail-topbar__actions > form > .btn:hover:not(:disabled){
  background: #f8fafc;
  border-color: var(--line-strong);
  color: #1e293b;
  box-shadow: none;
  filter: none;
}
.detail-topbar__actions > .btn .ui-icon{
  color: currentColor;
}
.detail-topbar__actions > .btn.btn-primary,
.detail-topbar__actions > .btn.btn-katalog-guncelleme-ac,
.detail-topbar__actions > .btn.btn-hs-fiyat-guncelle,
.detail-topbar__actions > .btn.btn-pzb-ilan,
.detail-topbar__actions > .btn.btn-pzb-ilan--off{
  background: #fff;
  border: 1px solid var(--line);
  color: #334155;
  box-shadow: none;
}
/* ?lan detay toolbar ? n?tr; yaln?zca Git pasif durumu */
.detail-topbar--ilan-head .detail-topbar__actions > .btn.hs-detail-topbar-btn--git.is-disabled,
.detail-topbar--ilan-head .detail-topbar__actions > a.hs-detail-topbar-btn--git.is-disabled,
.detail-topbar--ilan-head .detail-topbar__actions > span.hs-detail-topbar-btn--git.is-disabled{
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}
/* SKU chip ? ?st barda B2B kutusu ile ayn? i? bo?luk */
.detail-topbar--ilan-head .detail-topbar__meta .katalog-picker__meta-id-chip--sku.is-editable{
  max-width: 11rem;
  padding: 6px 10px;
  gap: 8px;
  background: #fff;
  border-color: #e2e8f0;
}
.detail-topbar--ilan-head .detail-topbar__meta .katalog-picker__meta-id-chip--sku.is-editable:hover,
.detail-topbar--ilan-head .detail-topbar__meta .katalog-picker__meta-id-chip--sku.is-editable:focus-within{
  border-color: #cbd5e1;
  background: #f8fafc;
}
.detail-topbar--ilan-head .detail-topbar__meta .katalog-picker__meta-id-chip-input{
  box-sizing: border-box;
  width: 4.25rem;
  max-width: 5.5rem;
  min-width: 2.5rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #475569;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  outline: none;
  box-shadow: none;
}
.detail-topbar--ilan-head .detail-topbar__meta .katalog-picker__meta-id-chip-input:focus,
.detail-topbar--ilan-head .detail-topbar__meta .katalog-picker__meta-id-chip-input:focus-visible{
  border: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
}
.detail-topbar--ilan-head .detail-topbar__meta .katalog-picker__meta-id-chip--sku.is-empty .katalog-picker__meta-id-chip-input{
  color: #94a3b8;
  width: 1.25rem;
  min-width: 1.25rem;
}
/* ?lan detay ? pazaryeri / durum rozetleri de n?tr kals?n */
.detail-topbar--ilan-head .detail-topbar__actions > .btn.btn-pzb-ilan--idle,
.detail-topbar--ilan-head .detail-topbar__actions > .btn.btn-pzb-ilan--on,
.detail-topbar--ilan-head .detail-topbar__actions > .btn.btn-pzb-ilan--off{
  background: #fff;
  border-color: var(--line);
  color: #334155;
}
.detail-topbar--ilan-head .detail-topbar__actions > .btn.btn-pzb-ilan--idle:hover:not(:disabled),
.detail-topbar--ilan-head .detail-topbar__actions > .btn.btn-pzb-ilan--on:hover:not(:disabled),
.detail-topbar--ilan-head .detail-topbar__actions > .btn.btn-pzb-ilan--off:hover:not(:disabled){
  background: #f8fafc;
  border-color: var(--line-strong);
  color: #1e293b;
}
.detail-topbar--ilan-head .detail-topbar__actions .hs-detail__durum-badge .badge,
.detail-topbar--ilan-head .detail-topbar__actions .hs-detail__durum-badge .badge-ok,
.detail-topbar--ilan-head .detail-topbar__actions .hs-detail__durum-badge .badge-warn,
.detail-topbar--ilan-head .detail-topbar__actions .hs-detail__durum-badge .badge-off{
  background: #f8fafc;
  border-color: var(--line);
  color: #334155;
}
.detail-topbar__actions > .btn.btn-pzb-ilan--idle{
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
  box-shadow: none;
}
.detail-topbar__actions > .btn.btn-pzb-ilan--on{
  background: #f0fdf4;
  color: #166534;
  box-shadow: none;
}
.detail-topbar__actions > .btn.btn-pzb-ilan--off{
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}
.detail-topbar__actions > .btn.btn-primary:hover:not(:disabled),
.detail-topbar__actions > .btn.btn-katalog-guncelleme-ac:hover:not(:disabled),
.detail-topbar__actions > .btn.btn-hs-fiyat-guncelle:hover:not(:disabled),
.detail-topbar__actions > .btn.btn-pzb-ilan:hover:not(:disabled),
.detail-topbar__actions > .btn.btn-pzb-ilan--off:hover:not(:disabled){
  background: #f8fafc;
  border-color: var(--line-strong);
  color: #1e293b;
  box-shadow: none;
  filter: none;
}
.detail-topbar__actions > .btn.btn-pzb-ilan--idle:hover:not(:disabled){
  background: #fef3c7;
  border-color: #fcd34d;
  color: #78350f;
  box-shadow: none;
  filter: none;
}
.detail-topbar__actions > .btn.btn-pzb-ilan--off:hover:not(:disabled){
  background: #fee2e2;
  border-color: #fca5a5;
  color: #7f1d1d;
  box-shadow: none;
  filter: none;
}
.detail-topbar__actions > .btn.btn-pzb-ilan--on:hover:not(:disabled){
  background: #dcfce7;
  color: #14532d;
  box-shadow: none;
  filter: none;
}
.detail-topbar__actions .hs-detail__durum-badge .badge{
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 1px solid transparent;
}
.detail-topbar__actions .hs-detail__durum-badge .badge-ok{
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #166534;
}
.detail-topbar__actions .hs-detail__durum-badge .badge-warn{
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}
.detail-topbar__actions .hs-detail__durum-badge .badge-off{
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.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-radius: 999px !important;
  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);
}
body.mode-panel .viewer-float__live::before,
body.mode-panel .viewer-float__live::after,
body.mode-panel .viewer-float__dot {
  border-radius: 50% !important;
}
@keyframes viewer-float-in {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.viewer-float__live {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.viewer-float__live::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}
.viewer-float__live::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid transparent;
  border-top-color: var(--accent);
  border-right-color: color-mix(in srgb, var(--accent) 38%, transparent);
  animation: viewer-live-spin 1.15s linear infinite;
}
@keyframes viewer-live-spin {
  to {
    transform: rotate(360deg);
  }
}
.viewer-float__dot {
  position: relative;
  z-index: 1;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
}
.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__live::after {
    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;
}

/* ?r?n talebi detay? ? galeri ve g?rsel ?er?evesi */
.catalog-detail .catalog-detail__media .catalog-hero-img,
.catalog-detail .catalog-detail__media .catalog-detail__gallery-main {
  aspect-ratio: 1 / 1;
}

/* ?r?n g?rseli kutusu ? beyaz zemin (gri gradyan + foto?raf arka plan? uyumsuzlu?u g?r?nmesin) */
.wrap--trade > .catalog-detail .catalog-detail__media .catalog-hero-img,
.wrap--trade > .catalog-detail .catalog-detail__media .catalog-detail__gallery-main,
#modalTeklif .catalog-detail .catalog-detail__media .catalog-hero-img,
#modalKatalogUrunDetay .catalog-detail .catalog-detail__media .catalog-hero-img,
#modalKatalogUrunDetay .catalog-detail .catalog-detail__media .catalog-detail__gallery-main {
  background: #fff;
}

.wrap--trade > .catalog-detail .catalog-detail__gallery-thumb img,
#modalKatalogUrunDetay .catalog-detail .catalog-detail__gallery-thumb img {
  background: var(--surface-muted, #f8fafc);
}

.catalog-detail .catalog-detail__media .catalog-hero-img__stage {
  padding: 20px 24px;
}

.catalog-detail .catalog-detail__media .catalog-hero-img--placeholder .catalog-hero-img__stage,
.catalog-detail .catalog-detail__media .catalog-hero-img--avatar .catalog-hero-img__stage {
  padding: 16px 20px;
}

.catalog-detail .catalog-detail__media .catalog-hero-img:not(.catalog-hero-img--avatar):not(.catalog-hero-img--placeholder) .catalog-hero-img__img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.catalog-detail__gallery {
  display: grid;
  gap: 10px;
  width: 100%;
}

.catalog-detail__gallery-stage {
  position: relative;
  width: 100%;
}

.catalog-detail__gallery-stage:focus {
  outline: none;
}

.catalog-detail__gallery-stage:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 3px;
  border-radius: var(--radius-lg);
}

.catalog-detail__gallery-nav {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  color: #0f172a;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(12, 18, 34, 0.12);
  transform: translateY(-50%);
  transition: background 0.15s ease, box-shadow 0.15s ease;
}

.catalog-detail__gallery-nav:hover {
  background: #fff;
  box-shadow: 0 4px 16px rgba(12, 18, 34, 0.14);
}

.catalog-detail__gallery-nav:focus-visible {
  outline: 2px solid var(--accent, #0f766e);
  outline-offset: 2px;
}

.catalog-detail__gallery-nav--prev {
  left: 10px;
}

.catalog-detail__gallery-nav--next {
  right: 10px;
}

.catalog-detail__gallery-stage .catalog-detail__gallery-main {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  text-decoration: none;
}

.catalog-detail__gallery-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}

.catalog-detail__gallery-thumb {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0;
  padding: 4px;
  box-sizing: border-box;
  border: 2px solid var(--line, #e2e8f0);
  border-radius: var(--radius-sm, 4px);
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.catalog-detail__gallery-thumb:hover {
  border-color: var(--line-strong, #cbd5e1);
}

.catalog-detail__gallery-thumb.is-active {
  border-color: var(--accent, #0f766e);
  box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.2);
}

.catalog-detail__gallery-thumb img {
  display: block;
  flex: 0 1 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: calc(var(--radius-sm, 4px) - 2px);
  background: var(--surface-muted, #f8fafc);
}

@media (max-width: 768px) {
  .catalog-detail__gallery-nav {
    display: none;
  }

  .catalog-detail__gallery-thumbs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }

  .catalog-detail__gallery-thumbs::-webkit-scrollbar {
    display: none;
  }

  .catalog-detail__gallery-thumb {
    width: 56px;
    height: 56px;
  }
}

.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);
}

/* Kategori sekmeleri ? alt?ndaki tablo/i?erikle yap??mas?n */
.detail-tabs.detail-tabs--cats + .table-wrap:not([class*="mt-"]),
.detail-tabs.detail-tabs--cats + .detail-panel:not([class*="mt-"]) {
  margin-top: 14px;
}

/* Durum filtre sekmeleri ? sayfa ortas?nda (admin + panel) */
.admin-urun-talep-durum-card{
  display: flex;
  justify-content: center;
  width: 100%;
}
.detail-tabs.detail-tabs--cats.admin-urun-talep-durum-tabs,
.detail-tabs.detail-tabs--cats.destek-admin-durum-tabs,
.detail-tabs.detail-tabs--cats.panel-odemeler-tabs{
  margin-left: auto;
  margin-right: auto;
}
.admin-card-filters-row__tabs:has(.detail-tabs--cats:not(.profile-profil-tabs)),
.jobs-filter__durum-list:has(.detail-tabs--cats:not(.profile-profil-tabs)){
  flex: 1 1 100%;
  display: flex;
  justify-content: center;
  width: 100%;
}
body.mode-admin .admin-card-filters-row--search-first .admin-card-filters-row__tabs:has(.detail-tabs--cats:not(.profile-profil-tabs)){
  flex: 1 1 100%;
  margin-left: 0;
}
body.mode-admin .jobs-filter--destek-admin .jobs-filter__durum-list:has(.detail-tabs--cats:not(.profile-profil-tabs)){
  flex: 1 1 100%;
}
/* ?demeler: arama sol, kutu sekmeler sa? ? full-width ortalamay? bozma */
body.mode-admin .jobs-filter--odemeler.jobs-filter--destek-admin .jobs-filter__durum-list:has(.admin-odemeler-tabs){
  flex: 1 1 auto;
  width: auto;
  justify-content: flex-start;
}

@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: #0f766e;
}
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;
  overflow-y: hidden;
  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;
}

body.mode-panel .simple--alis-satis-grup tr.siparis-grup-row--head td,
body.mode-panel .simple--alis-satis-grup tr.siparis-grup-row--head + tr.siparis-grup-row--part td{
  background: var(--surface, #fff);
}
body.mode-panel .simple--alis-satis-grup tr.siparis-grup-row--part td.col-siparis-gorsel-cell,
body.mode-panel .simple--alis-satis-grup tr.siparis-grup-row--part td:not([rowspan]){
  border-top: 1px solid color-mix(in srgb, var(--border, #e2e8f0) 85%, transparent);
}
body.mode-panel .simple--alis-satis-grup tr.siparis-grup-row td[rowspan]{
  vertical-align: middle;
  background: var(--surface, #fff);
}
body.mode-panel .simple--alis-satis-grup .col-siparis-gorsel-cell{
  vertical-align: middle;
  width: 1%;
  max-width: 72px;
  padding: 8px 6px;
  box-sizing: border-box;
}
body.mode-panel .simple--alis-satis-grup .cell-siparis-stack{
  max-width: 0;
  overflow: hidden;
}
body.mode-panel .simple--alis-satis-grup th.col-money,
body.mode-panel .simple--alis-satis-grup td.col-money{
  text-align: right;
  font-variant-numeric: tabular-nums;
}
body.mode-panel .simple--alis-satis-grup .odeme-stack{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-height: 2.5rem;
  line-height: 1.3;
}
body.mode-panel .simple--alis-satis-grup .odeme-stack__primary,
body.mode-panel .simple--alis-satis-grup .odeme-stack__secondary{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
body.mode-panel .simple--alis-satis-grup .odeme-stack__primary{
  font-size: 0.875rem;
}
body.mode-panel .simple--alis-satis-grup .odeme-stack__secondary{
  font-size: 0.8125rem;
  color: var(--muted, #64748b);
}
body.mode-panel .simple--alis-satis-grup .odeme-stack--money{
  align-items: flex-end;
  text-align: right;
}
body.mode-panel .simple--alis-satis-grup .odeme-stack--money .odeme-stack__secondary{
  font-variant-numeric: tabular-nums;
}
body.mode-panel .simple--alis-satis-grup .odeme-money-brut{
  font-weight: 600;
  color: var(--ink, #0f172a);
}
body.mode-panel .simple--alis-satis-grup .odeme-stack__primary .badge{
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-panel .simple--alis-satis-grup{
  table-layout: fixed;
  width: 100%;
}
body.mode-panel .simple--alis-satis-grup .col-siparis-gorsel{
  width: 72px;
}
body.mode-panel .simple--alis-satis-grup .col-siparis-adet{
  width: 56px;
}
body.mode-panel .simple--alis-satis-grup .col-siparis-money{
  width: 120px;
}
body.mode-panel .simple--alis-satis-grup .col-siparis-durum{
  width: 148px;
}
body.mode-panel .simple--alis-satis-grup .cell-siparis-durum{
  position: relative;
  max-width: none;
  overflow: visible;
  text-align: center;
  vertical-align: middle;
  padding-top: 12px;
  padding-right: 10px;
}
body.mode-panel .simple--alis-satis-grup .cell-siparis-durum .trade-durum-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
body.mode-panel .simple--alis-satis-grup .cell-siparis-durum .trade-durum-badge .badge{
  white-space: normal;
  text-align: center;
  line-height: 1.25;
  max-width: 100%;
}
body.mode-panel .simple--alis-satis-grup .cell-siparis-durum .siparis-tasimada-pulse-dot{
  position: absolute;
  top: 6px;
  right: 4px;
  width: 7px;
  height: 7px;
}
body.mode-panel .simple--alis-satis-grup .col-siparis-islem{
  width: 140px;
}

/* ?? Sipari? detay?: abart?s?z ?zgara h?creleri ?? */
body.mode-panel .siparis-grup-detay{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.mode-panel .siparis-grup-detay__cell{
  margin: 0;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: var(--panel-radius);
  background: var(--surface);
  box-shadow: none;
}
body.mode-panel .siparis-grup-detay .section-label{
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #64748b;
}

/* Kimlik ? ?st ?erit (no + durum) + alt meta ?zgara */
body.mode-panel .siparis-grup-detay__cell.siparis-grup-detay__id{
  padding: 0;
  overflow: hidden;
}
body.mode-panel .siparis-grup-detay__id-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  flex-wrap: wrap;
  padding: 12px 14px;
  background: var(--surface);
}
body.mode-panel .siparis-grup-detay__id-top-main{
  display: flex;
  align-items: flex-start;
  gap: 16px 28px;
  flex-wrap: wrap;
  min-width: 0;
  flex: 1 1 auto;
}
body.mode-panel .siparis-grup-detay__id-top > .badge{
  flex-shrink: 0;
  padding: 5px 10px;
  border-radius: var(--panel-radius);
  letter-spacing: 0.04em;
}
body.mode-panel .siparis-grup-detay__id-status{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
  max-width: 100%;
}
body.mode-panel .siparis-grup-detay__id-status .odeme-pay-summary__badges{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}
body.mode-panel .siparis-grup-detay__id-status .odeme-pay-summary__badges .badge{
  padding: 5px 10px;
  border-radius: var(--panel-radius);
  letter-spacing: 0.04em;
}
body.mode-panel .siparis-grup-detay__id-status .odeme-guvence__secure-tag{
  flex-shrink: 0;
}
body.mode-panel .siparis-grup-detay__id-no-block{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
body.mode-panel .siparis-grup-detay__id-platform{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding-left: 28px;
  border-left: 1px solid var(--line);
}
body.mode-panel .siparis-grup-detay__id-platform-v{
  font-size: 0.9rem;
  font-weight: 650;
  color: var(--ink);
  line-height: 1.25;
}
@media (max-width: 560px){
  body.mode-panel .siparis-grup-detay__id-platform{
    padding-left: 0;
    border-left: 0;
  }
}
body.mode-panel .siparis-grup-detay__id-no-row{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
body.mode-panel .siparis-grup-detay__id-no{
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: 0.015em;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
}
body.mode-panel .siparis-grup-detay__id-no-row .katalog-picker__meta-id-chip-copy{
  flex-shrink: 0;
}
body.mode-panel .siparis-grup-detay__id-grid{
  display: grid;
  grid-template-columns: 1.15fr 1.35fr 0.7fr 1.1fr 1.2fr;
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
  background: var(--surface);
  align-items: stretch;
}
/* Al?c? detay: Sat?c? alan? yok (?r?n kart?nda) */
body.mode-panel .siparis-grup-detay__id-grid--buyer{
  grid-template-columns: 1.35fr 0.7fr 1.1fr 1.2fr;
}
body.mode-panel .siparis-grup-detay__id-field{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border-right: 1px solid var(--line);
}
body.mode-panel .siparis-grup-detay__id-field:last-child{
  border-right: 0;
}
body.mode-panel .siparis-grup-detay__id-field--fatura{
  min-width: 0;
}
body.mode-panel .siparis-grup-detay__id-field--fatura .siparis-fatura-cell{
  padding: 0;
  width: 100%;
  height: 100%;
}
body.mode-panel .siparis-grup-detay__seller-meta + .siparis-grup-detay__seller-meta{
  margin-top: 0.65rem;
  padding-top: 0.65rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
}
body.mode-panel .siparis-grup-detay__id-k{
  display: block;
  min-height: 1.05em;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--ink-muted);
  letter-spacing: 0.01em;
  line-height: 1.2;
}
body.mode-panel .siparis-grup-detay__id-v{
  display: block;
  min-height: 1.35em;
  font-size: 0.9rem;
  font-weight: 650;
  color: var(--ink);
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}
body.mode-panel .siparis-grup-detay__id-v .odeme-stack--money{
  align-items: flex-start;
  text-align: left;
}
/* Detay kimlik ? kompakt fatura (tek sat?r alt ray) */
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  height: 100%;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-cell__foot{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin-top: 2px;
  min-width: 0;
  min-height: 1.2em;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-pill{
  padding: 0;
  border-radius: 0;
  background: transparent;
  font-size: 0.72rem;
  font-weight: 600;
  gap: 4px;
  line-height: 1.25;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-pill .ui-icon{
  width: 12px;
  height: 12px;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-pill--wait{
  color: #b45309;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-pill--ok{
  color: #047857;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-pill--ok:hover{
  color: #065f46;
  background: transparent;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-dd{
  width: auto;
  position: relative;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-dd__btn{
  min-height: 26px;
  padding: 3px 8px;
  font-size: 0.72rem;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-dd__btn--wait{
  background: #fffbeb;
  border-color: #fde68a;
  color: #b45309;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-dd__btn--wait:hover,
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-dd.is-open .siparis-fatura-dd__btn--wait{
  background: #fef3c7;
  border-color: #fcd34d;
  color: #92400e;
}
body.mode-panel .siparis-grup-detay__id .siparis-fatura-cell--compact .siparis-fatura-dd__btn .ui-icon{
  width: 12px;
  height: 12px;
}
body.mode-panel .siparis-grup-detay__id-v .siparis-list-kargo{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  text-align: left;
  width: auto;
  max-width: 100%;
}
body.mode-panel .siparis-grup-detay__id-v .siparis-list-kargo__logo{
  display: block;
  max-height: 20px;
  max-width: 78px;
  width: auto;
  height: auto;
  object-fit: contain;
}
body.mode-panel .siparis-grup-detay__id-v .siparis-list-kargo__firma{
  font-size: 0.88rem;
  font-weight: 650;
  color: var(--ink);
  line-height: 1.3;
}
body.mode-panel .siparis-grup-detay__id-v .siparis-list-kargo__note{
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--ink-muted);
  line-height: 1.3;
}
body.mode-panel .siparis-grup-detay__id-v .siparis-list-kargo__desi{
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--ink-muted);
}
body.mode-panel .siparis-detay-party{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
body.mode-panel .siparis-grup-detay__id .siparis-detay-party{
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  max-width: 100%;
}
body.mode-panel .siparis-detay-party__kanal{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--ink-muted);
  line-height: 1.15;
}
body.mode-panel .siparis-detay-party__kanal .ui-icon{
  width: 0.85rem;
  height: 0.85rem;
  flex-shrink: 0;
  color: inherit;
}
body.mode-panel .siparis-grup-detay__id .siparis-detay-party__kanal{
  font-size: 0.68rem;
}
body.mode-panel .siparis-detay-party__kanal--b2c,
body.mode-panel .siparis-detay-party__kanal--b2b{
  color: var(--ink-muted);
}
body.mode-panel .siparis-detay-party__name{
  font-size: 0.9rem;
  font-weight: 650;
  color: var(--ink);
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-panel .siparis-grup-detay__id .siparis-detay-party__name{
  font-size: 0.9rem;
  font-weight: 650;
}
body.mode-panel .siparis-detay-party__name.is-empty{
  color: var(--ink-muted);
  font-weight: 500;
}
@media (max-width: 1100px){
  body.mode-panel .siparis-grup-detay__id-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.mode-panel .siparis-grup-detay__id-grid--buyer{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mode-panel .siparis-grup-detay__id-field:nth-child(3){
    border-right: 0;
  }
  body.mode-panel .siparis-grup-detay__id-grid--buyer .siparis-grup-detay__id-field:nth-child(2n){
    border-right: 0;
  }
  body.mode-panel .siparis-grup-detay__id-grid--buyer .siparis-grup-detay__id-field:nth-child(3){
    border-right: 1px solid var(--line);
  }
  body.mode-panel .siparis-grup-detay__id-field:nth-child(n+4){
    border-top: 1px solid var(--line);
  }
  body.mode-panel .siparis-grup-detay__id-grid--buyer .siparis-grup-detay__id-field:nth-child(n+3){
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 700px){
  body.mode-panel .siparis-grup-detay__id-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mode-panel .siparis-grup-detay__id-field:nth-child(3){
    border-right: 1px solid var(--line);
  }
  body.mode-panel .siparis-grup-detay__id-field:nth-child(2n){
    border-right: 0;
  }
  body.mode-panel .siparis-grup-detay__id-field:nth-child(n+3){
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 480px){
  body.mode-panel .siparis-grup-detay__id-grid{
    grid-template-columns: 1fr;
  }
  body.mode-panel .siparis-grup-detay__id-field{
    border-right: 0;
  }
  body.mode-panel .siparis-grup-detay__id-field:nth-child(n+2){
    border-top: 1px solid var(--line);
  }
}

body.mode-panel .siparis-grup-detay__odeme-uyari{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0;
}
body.mode-panel .siparis-grup-detay__odeme-uyari .btn{
  flex: none;
}

/* ?r?nler */
body.mode-panel .siparis-grup-detay__urunler-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
body.mode-panel .siparis-grup-detay__urunler-head .section-label{
  margin-bottom: 0;
}
/* ?r?nler ? Sat?lanlar tablosu (tam geni?lik, kart padding?siz) */
body.mode-panel .siparis-grup-detay__urunler--table{
  padding: 16px 0 0;
  overflow: hidden;
}
body.mode-panel .siparis-grup-detay__urunler--table > .section-label,
body.mode-panel .siparis-grup-detay__urunler--table > .siparis-grup-detay__urunler-head{
  padding: 0 18px;
  margin-bottom: 12px;
}
body.mode-panel .siparis-grup-detay__urunler--table .trade-feed--siparis-grup-detay{
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}
body.mode-panel .siparis-grup-detay__urunler--table .trade-feed--alis-satis-list .table-wrap--alis-satis-picker{
  margin: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

/* Kargo modal / ak?? ? b?l?mler, ?zgara, kutular */
body.mode-panel .siparis-ship{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.mode-panel .siparis-ship-section{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}
body.mode-panel .siparis-ship-section__title{
  margin: 0;
  padding: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.2;
}
body.mode-panel .siparis-ship-section__head{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}
body.mode-panel .siparis-ship-section__head .siparis-ship-section__title{
  flex: 1 1 auto;
  min-width: 0;
}
body.mode-panel .siparis-ship-section__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
body.mode-panel .siparis-ship-section--create .geliver-kargo-block{
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--panel-radius, 10px);
  background: #f8fafc;
}
body.mode-panel .siparis-ship-alert.alert--subtle,
body.mode-panel .siparis-ship-alert{
  margin-bottom: 0;
  padding: 10px 14px;
  font-size: 0.88rem;
  font-weight: 500;
  background: var(--accent-soft);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  color: var(--ink);
  box-shadow: none;
  border-radius: var(--panel-radius, 10px);
}
body.mode-panel .siparis-ship-alert--ok{
  background: #ecfdf5;
  border-color: #a7f3d0;
  border-left-color: #059669;
  color: #065f46;
}
body.mode-panel .siparis-ship-facts{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}
body.mode-panel .siparis-ship-facts--pending{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.mode-panel .siparis-ship-facts--pending .siparis-ship-facts__item:only-child{
  grid-column: 1 / -1;
}
body.mode-panel .siparis-ship-facts__item{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--panel-radius, 10px);
  background: var(--surface, #fff);
}
body.mode-panel .siparis-ship-facts__item.is-empty{
  background: #f8fafc;
}
body.mode-panel .siparis-ship-facts__k{
  font-size: 0.7rem;
  font-weight: 650;
  color: #64748b;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
body.mode-panel .siparis-ship-facts__v{
  font-size: 0.9rem;
  font-weight: 650;
  color: var(--ink);
  line-height: 1.35;
  word-break: break-word;
}
body.mode-panel .siparis-ship-facts__v--kargo{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
body.mode-panel .siparis-ship-facts__v--empty{
  color: #94a3b8;
  font-weight: 600;
}
body.mode-panel .siparis-ship-facts__v--track{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.84rem;
  letter-spacing: 0.02em;
}
body.mode-panel .siparis-ship-kargo-logo{
  display: block;
  max-height: 22px;
  max-width: 88px;
  width: auto;
  height: auto;
  object-fit: contain;
}
body.mode-panel .siparis-ship-adres{
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--panel-radius, 10px);
  background: var(--surface, #fff);
}
body.mode-panel .siparis-ship-adres__body{
  font-size: 0.9rem;
  font-weight: 550;
  color: var(--ink);
  line-height: 1.45;
}
body.mode-panel .siparis-ship-adres__body .v{
  font-weight: 650;
}
body.mode-panel .siparis-ship-footer{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
body.mode-panel .siparis-ship-hint{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  font-size: 0.82rem;
  line-height: 1.45;
}
body.mode-panel .siparis-ship-hint__text{
  color: #64748b;
  flex: 1 1 12rem;
  min-width: 0;
}
body.mode-panel .siparis-ship-footer__actions{
  justify-content: flex-end;
}
body.mode-panel .siparis-grup-detay__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
body.mode-panel .siparis-ship .geliver-kargo-block,
body.mode-panel .siparis-grup-detay .geliver-kargo-block{
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.mode-panel .siparis-ship .geliver-kargo-block__desi-form,
body.mode-panel .siparis-grup-detay .geliver-kargo-block__desi-form{
  gap: 6px;
}
body.mode-panel .siparis-ship .geliver-kargo-block__desi-field label,
body.mode-panel .siparis-grup-detay .geliver-kargo-block__desi-field label{
  display: block;
  margin: 0 0 4px;
  font-size: 0.72rem;
  font-weight: 650;
  color: #64748b;
}
body.mode-panel .geliver-kargo-block__desi-hint{
  display: block;
  margin: 0;
  font-size: 0.72rem;
  color: #94a3b8;
  line-height: 1.35;
}
body.mode-panel .siparis-ship .geliver-kargo-block__desi-field .input,
body.mode-panel .siparis-grup-detay .geliver-kargo-block__desi-field .input,
body.mode-panel .siparis-ship .geliver-kargo-block__desi-action .btn,
body.mode-panel .siparis-grup-detay .geliver-kargo-block__desi-action .btn{
  min-height: 36px;
  height: 36px;
  box-sizing: border-box;
}
body.mode-panel .siparis-ship .geliver-kargo-block__desi-field .input,
body.mode-panel .siparis-grup-detay .geliver-kargo-block__desi-field .input{
  width: 5.5rem;
  padding: 6px 10px;
}
body.mode-panel .siparis-ship .geliver-kargo-block__desi-action .btn,
body.mode-panel .siparis-grup-detay .geliver-kargo-block__desi-action .btn{
  padding: 6px 12px;
  font-size: 0.88rem;
}
body.mode-panel .siparis-ship .geliver-kargo-block__note,
body.mode-panel .siparis-grup-detay .geliver-kargo-block__note{
  font-size: 0.82rem;
}
body.mode-panel .siparis-ship .geliver-kargo-offers:not([hidden]),
body.mode-panel .siparis-grup-detay .geliver-kargo-offers:not([hidden]),
body.mode-panel .siparis-ship .geliver-kargo-choice:not([hidden]),
body.mode-panel .siparis-grup-detay .geliver-kargo-choice:not([hidden]){
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px dashed var(--line);
}
body.mode-panel .siparis-grup-detay .catalog-detail__card--iade,
body.mode-panel .siparis-grup-detay .siparis-grup-detay__etiket{
  margin: 12px 0 0;
  padding: 12px 0 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
@media (max-width: 720px){
  body.mode-panel .siparis-grup-detay__urunler--table{
    overflow-x: auto;
  }
}
body.mode-panel.page-panel-odeme .panel-odeme-page{
  width: 100%;
  max-width: none;
  padding-top: 24px;
  padding-bottom: 48px;
}
body.mode-panel.page-panel-odeme .panel-odeme-page__head{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
  padding: 0;
}
body.mode-panel.page-panel-odeme .panel-odeme-page__head > div{
  min-width: 0;
}
body.mode-panel.page-panel-odeme .panel-odeme-page__head .mp-page-head__title{
  margin-top: 6px;
}
body.mode-panel.page-panel-odeme #guvenli-odeme{
  display: block;
  width: 100%;
  max-width: none;
  overflow: hidden;
}
body.mode-panel.page-panel-odeme #guvenli-odeme .odeme-checkout-layout{
  width: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
}
body.mode-panel.page-panel-odeme .odeme-checkout-main__title{
  margin: 0;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
}
body.mode-panel.page-panel-odeme .odeme-checkout-switch__opt{
  min-height: 72px;
}
body.mode-panel.page-panel-odeme .odeme-kart-embed--paytr{
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}
@media (max-width: 760px){
  body.mode-panel.page-panel-odeme .panel-odeme-page{
    padding-top: 16px;
  }
  body.mode-panel.page-panel-odeme .panel-odeme-page__head{
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 900px){
  body.mode-panel.page-panel-odeme #guvenli-odeme .odeme-checkout-layout{
    grid-template-columns: 1fr;
  }
}
body.mode-panel .siparis-grup-detay .trade-feed{
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}
body.mode-panel .siparis-grup-detay__urunler .trade-feed{
  width: 100%;
  box-sizing: border-box;
}
body.mode-panel .table-wrap--siparis-grup-detay,
body.mode-panel .table-wrap--alis-satis-picker{
  overflow-x: auto;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis td.katalog-picker__cell--pazar:last-child,
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis td.katalog-picker__cell--aside:last-child,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-row--siparis td.katalog-picker__cell--aside:last-child{
  border-right: 1px solid var(--line, #e2e8f0);
}
/* Liste/detay tek ?er?evede ? sat?r sat?r kart k??esi yok (?zgara kopmas?n) */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row td,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row td:first-child,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row td:last-child,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row--siparis td.katalog-picker__cell--aside:last-child,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row--siparis td.katalog-picker__cell--pazar:last-child{
  border-radius: 0 !important;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__actions .btn{
  min-height: 44px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  justify-content: center;
}
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-row--siparis .td-actions__inner .btn{
  min-height: 44px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding-block: 6px;
  line-height: 1.1;
}
/* Sipari? detay? + liste ?r?n d?zeni ? sabit s?tun ?zgaras? */
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-table,
body.mode-panel .trade-feed .table-wrap--siparis-grup-detay.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple.katalog-picker-table,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-table,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker table.simple.katalog-picker-table{
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
}
body.mode-panel .table-wrap--siparis-grup-detay .siparis-grup-detay-col--product,
body.mode-panel .table-wrap--siparis-grup-detay td.katalog-picker__cell--product,
body.mode-panel .table-wrap--alis-satis-picker .siparis-grup-detay-col--product,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--product{
  width: auto;
  min-width: 0;
  text-align: left;
  vertical-align: middle;
}
/* G?rsel + ?r?n bilgisi tek h?cre (Sat?lanlar listesi + sipari? detay) */
body.mode-panel .siparis-grup-detay .siparis-product-cell,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 14px;
  min-width: 0;
  width: 100%;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__img,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__img,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__img{
  position: relative;
  flex: 0 0 88px;
  width: 88px;
  min-width: 88px;
  max-width: 88px;
  align-self: stretch;
  display: flex;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__adet,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__adet,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__adet{
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 2;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  min-height: 1.5rem;
  height: auto;
  padding: 0 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #fff;
  background: var(--panel-accent, #0f766e);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 1px 5px rgba(15, 118, 110, 0.45);
  pointer-events: none;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__body,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__body,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__body{
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}
/* Al?c?: sat?c? ?ye no + durum (profil yan?nda) */
body.mode-panel .siparis-grup-detay .siparis-product-cell__foot,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__foot,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__foot{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-top: 8px;
  min-width: 0;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__seller,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__seller,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__seller{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-top: 0;
  min-width: 0;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__seller-uye,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__seller-uye,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__seller-uye{
  flex: 0 1 auto;
  min-width: 0;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__seller-uye .uye-no-row,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__seller-uye .uye-no-row,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__seller-uye .uye-no-row{
  justify-content: flex-start;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__durum,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__durum,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__durum{
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__durum .trade-durum-badge,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__durum .trade-durum-badge,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__durum .trade-durum-badge{
  display: inline-flex;
  max-width: 100%;
  padding: 0;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__durum .badge,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__durum .badge,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__durum .badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 6px 10px;
  box-sizing: border-box;
  border-radius: var(--radius-sm, 6px);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  max-width: 100%;
}
body.mode-panel .siparis-grup-detay .katalog-picker__product--compact,
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker__product--compact,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker__product--compact{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-align: left;
}
body.mode-panel .siparis-grup-detay .katalog-picker__product--compact .katalog-picker__title,
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker__product--compact .katalog-picker__title,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker__product--compact .katalog-picker__title{
  margin: 0 0 4px;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.3;
  color: #0f172a;
  text-align: left;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__img .urun-gorsel-table-cell,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__img .urun-gorsel-table-cell,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__img .urun-gorsel-table-cell,
body.mode-panel .siparis-grup-detay .siparis-product-cell__img .img-mini-link,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__img .img-mini-link,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__img .img-mini-link{
  display: flex !important;
  flex: 1 1 auto;
  align-self: stretch;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 66px !important;
  max-width: none !important;
  max-height: none !important;
  line-height: 0;
  box-sizing: border-box;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__img .img-mini,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__img .img-mini,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__img .img-mini,
body.mode-panel .siparis-grup-detay .siparis-product-cell__img .img-mini--empty,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__img .img-mini--empty,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__img .img-mini--empty,
body.mode-panel .siparis-grup-detay .siparis-product-cell__img .img-mini.catalog-card__media-avatar,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__img .img-mini.catalog-card__media-avatar,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__img .img-mini.catalog-card__media-avatar{
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 66px !important;
  max-width: none !important;
  max-height: none !important;
  padding: 6px;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: var(--radius-sm);
  border: 1px solid #e5e7eb;
  background: #fff;
}
body.mode-panel .siparis-grup-detay .siparis-product-cell__img .img-mini--empty,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-product-cell__img .img-mini--empty,
body.mode-panel .table-wrap--alis-satis-picker .siparis-product-cell__img .img-mini--empty{
  display: flex !important;
  align-items: center;
  justify-content: center;
}
body.mode-panel .table-wrap--siparis-grup-detay .siparis-grup-detay-col--pazar,
body.mode-panel .table-wrap--siparis-grup-detay td.katalog-picker__cell--pazar{
  width: 7.5rem;
  min-width: 7.5rem;
  max-width: 7.5rem;
  text-align: right;
  vertical-align: middle;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-grup-detay-col--pazar,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--pazar{
  width: 7.5rem;
  min-width: 7.5rem;
  max-width: 7.5rem;
  text-align: center;
  vertical-align: middle;
}
/* Sipari? ?r?nleri ? kompakt meta */
body.mode-panel .siparis-grup-detay .katalog-picker__product--compact .katalog-picker__meta,
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker__product--compact .katalog-picker__meta,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker__product--compact .katalog-picker__meta{
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.4;
  color: #64748b;
  font-weight: 500;
  text-align: left;
}
body.mode-panel .siparis-grup-detay .siparis-item-pazar,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-item-pazar{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  width: 100%;
  text-align: right;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-item-pazar{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  width: 100%;
  text-align: center;
}
body.mode-panel .siparis-grup-detay .siparis-item-pazar__adet,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-item-pazar__adet,
body.mode-panel .table-wrap--alis-satis-picker .siparis-item-pazar__adet{
  font-size: 0.92rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.3;
}
body.mode-panel .siparis-grup-detay .siparis-item-pazar__tutar,
body.mode-panel .table-wrap--siparis-grup-detay .siparis-item-pazar__tutar,
body.mode-panel .table-wrap--alis-satis-picker .siparis-item-pazar__tutar{
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.3;
  white-space: nowrap;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-table--siparis-4col .siparis-grup-detay-col--aside,
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-table--siparis-4col td.katalog-picker__cell--aside,
body.mode-panel .trade-feed .table-wrap--siparis-grup-detay.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple.katalog-picker-table--siparis-4col > tbody > tr > td.katalog-picker__cell--aside:last-child{
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
  box-sizing: border-box;
}
body.mode-panel .trade-feed .table-wrap--siparis-grup-detay.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple.katalog-picker-table--siparis-4col > tbody > tr > td.katalog-picker__cell--pazar,
body.mode-panel .trade-feed .table-wrap--siparis-grup-detay.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple.katalog-picker-table--siparis-4col > tbody > tr > td.katalog-picker__cell--pazar:last-child,
body.mode-panel .trade-feed .table-wrap--siparis-grup-detay.table-wrap--panel-katalog.table-wrap--katalog-picker table.simple.katalog-picker-table--siparis-3col > tbody > tr > td.katalog-picker__cell--pazar:last-child{
  width: 9.5rem;
  min-width: 9.5rem;
  max-width: 9.5rem;
}
body.mode-panel .table-wrap--alis-satis-picker .col-siparis-meta,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--meta{
  width: 11rem;
  min-width: 10.5rem;
  max-width: 12.5rem;
  vertical-align: middle;
}
body.mode-panel .table-wrap--alis-satis-picker .col-siparis-party,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party{
  width: 9.5rem;
  min-width: 9rem;
  max-width: 11rem;
  vertical-align: middle;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
  min-width: 0;
  width: 100%;
}
/* Sat?c? (Al?nanlar): B2B + ?ye no + durum (firma ad? g?sterilmez) */
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party--satici{
  text-align: center;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party--satici .siparis-list-party__boxes{
  align-items: stretch;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__uye{
  min-width: 0;
  width: 100%;
}
/* ALICI: B2B ? ?ye no / B2C ? isim ? durum (ayn? ?l??, tek y???n) */
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__boxes{
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  width: 100%;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__box{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1.85rem;
  padding: 6px 8px;
  box-sizing: border-box;
  border-radius: var(--radius-sm, 6px);
  border: 1px solid var(--line, #e2e8f0);
  background: var(--surface, #fff);
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__box--name{
  font-size: 0.74rem;
  font-weight: 650;
  color: #0f172a;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__box--name.is-empty{
  color: #94a3b8;
  font-weight: 500;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__box--uye .uye-no-line{
  justify-content: center;
  max-width: 100%;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__box--uye button.uye-no-line.uye-no-line--profil{
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__box--kanal{
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__box--b2b,
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__box--b2c{
  color: #64748b;
}
/* Durum: kanal/isim ile ayn? kutu ?l??s? */
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum{
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  max-width: 100%;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum .trade-durum-badge{
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  padding: 0;
  gap: 0;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum .badge{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 1.85rem;
  box-sizing: border-box;
  padding: 6px 8px;
  /* katalog-durum-pop pill (999px !important) ezmesin ? B2C/isim ile ayn? k?vr?m */
  border-radius: var(--radius-sm, 6px) !important;
  border: 1px solid rgba(15, 118, 110, 0.16);
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  text-transform: none;
  white-space: normal;
  text-align: center;
  line-height: 1.2;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum .badge.badge-warn{
  background: #f0fdfa;
  color: #0f766e;
  border-color: rgba(15, 118, 110, 0.16);
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum .badge.badge-ok{
  background: #f0fdf4;
  color: #166534;
  border-color: rgba(22, 101, 52, 0.16);
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum .badge.badge-off{
  background: #fef2f2;
  color: #991b1b;
  border-color: rgba(153, 27, 27, 0.16);
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum .badge.badge-muted{
  background: #f8fafc;
  color: #64748b;
  border-color: var(--line, #e2e8f0);
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum button.badge.js-siparis-row-status{
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  /* font: inherit kullanma ? .badge font-size/weight?i ezer, yaz? ?i?er */
  font-family: inherit;
  margin: 0;
  transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum button.badge.js-siparis-row-status:hover{
  border-color: rgba(15, 118, 110, 0.32);
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.1);
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum button.badge.js-siparis-row-status:focus-visible{
  outline: 2px solid rgba(15, 118, 110, 0.45);
  outline-offset: 2px;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum .badge.badge-info,
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum .badge.badge-view{
  background: #f0f9ff;
  color: #0369a1;
  border-color: rgba(3, 105, 161, 0.16);
}
/* Pulse: sa? ?st k??e, abart?s?z */
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-party__durum .siparis-tasimada-pulse-dot{
  position: absolute;
  top: -3px;
  right: -3px;
  left: auto;
  transform: none;
  width: 7px;
  height: 7px;
  margin: 0;
  z-index: 1;
}
body.mode-panel .table-wrap--alis-satis-picker .col-siparis-kargo,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--kargo{
  width: 9.5rem;
  min-width: 9.5rem;
  max-width: 10.5rem;
  vertical-align: middle;
  text-align: center;
}
body.mode-panel .table-wrap--alis-satis-picker .col-siparis-fatura,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--fatura{
  width: 12.5rem;
  min-width: 11.5rem;
  max-width: 14rem;
  vertical-align: middle;
  text-align: left;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta{
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  width: 100%;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta__durum{
  position: relative;
  display: block;
  width: 100%;
  margin-top: 2px;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta__durum .trade-durum-badge{
  display: flex;
  align-items: stretch;
  width: 100%;
  padding: 0;
  gap: 0;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta__durum .badge{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1.85rem;
  box-sizing: border-box;
  text-align: center;
  white-space: normal;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta__row{
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta__lbl{
  font-size: 0.66rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.2;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta__val-wrap{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  max-width: 100%;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta__val{
  font-size: 0.84rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.25;
  word-break: break-word;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta__val-wrap .siparis-list-meta__val{
  min-width: 0;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-meta__val--empty{
  color: #94a3b8;
  font-weight: 500;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-kargo{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  width: 100%;
  text-align: center;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-kargo__logo{
  display: block;
  max-height: 28px;
  max-width: 96px;
  width: auto;
  height: auto;
  object-fit: contain;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-kargo__firma{
  font-size: 0.88rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.3;
  word-break: break-word;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-kargo__note{
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748b;
  line-height: 1.25;
}
body.mode-panel .table-wrap--alis-satis-picker .siparis-list-kargo__desi{
  display: inline-flex;
  align-items: center;
  margin-top: 1px;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid #dbe4ee;
  background: #f1f5f9;
  font-size: 0.76rem;
  font-weight: 700;
  color: #334155;
  line-height: 1.25;
  white-space: nowrap;
}
/* ?ye no + Pazaryeri: yan yana s?k??mas?n, ?st ?ste ? ayn? geni?lik / sol hiza */
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-no-row{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  width: 100%;
  max-width: 100%;
}
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-no-line,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-profil-btn{
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px;
}
/* Sat?lanlar ALICI: ?ye no ? tik solda, numara sa?da (yaln?z bu liste) */
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-no-line{
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 0;
  padding: 6px 8px;
  text-align: left;
  line-height: 1.15;
}
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-no-line__no{
  padding: 0;
  min-width: 0;
  justify-content: flex-start;
  text-align: left;
  width: auto;
}
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-no-line .vchip-inline--ok,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-no-line .vchip-inline--sun,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-no-line .vchip-inline--optisyen,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-no-line .vchip-inline--pazaryeri{
  margin: 0;
  flex-shrink: 0;
}
/* Sat?lanlar ALICI: Pazaryeri / Profil ? ikon solda, metin sa?da (yaln?z bu liste) */
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-profil-btn{
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 0;
  padding: 6px 8px;
  text-align: left;
  line-height: 1.15;
}
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-profil-btn .ui-icon{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--party .uye-profil-btn__txt{
  display: inline;
  width: auto;
  text-align: left;
  white-space: nowrap;
}
body.mode-panel .table-wrap--alis-satis-picker .col-siparis-islem,
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--aside{
  width: 8.75rem;
  min-width: 8.75rem;
  max-width: 8.75rem;
}
body.mode-panel .table-wrap--alis-satis-picker .col-siparis-check,
body.mode-panel .table-wrap--alis-satis-picker td.trade-td-check,
body.mode-panel .table-wrap--alis-satis-picker th.trade-th-check{
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
}

/* Al?nanlar / Sat?lanlar ? Sat?c?/Al?c? / Birim fiyat / Fatura s?tun ba?l?klar? */
body.mode-panel .table-wrap--alis-satis-picker .th-siparis-party,
body.mode-panel .table-wrap--alis-satis-picker .th-siparis-birim{
  text-align: center;
}
body.mode-panel .table-wrap--alis-satis-picker .th-siparis-fatura{
  white-space: nowrap;
  text-align: left !important;
}
body.mode-panel .siparis-fatura-cell{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  width: 100%;
  padding: 4px 0;
  text-align: left;
}
body.mode-panel .siparis-fatura-cell__amounts{
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  font-size: 0.78rem;
  line-height: 1.35;
  color: #334155;
}
body.mode-panel .siparis-fatura-cell__label{
  font-weight: 500;
  color: #64748b;
}
body.mode-panel .siparis-fatura-cell__value{
  font-weight: 700;
  color: #0f172a;
}
body.mode-panel .siparis-fatura-pill{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 550;
  line-height: 1.25;
  text-decoration: none;
  box-sizing: border-box;
}
body.mode-panel .siparis-fatura-pill .ui-icon{
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}
body.mode-panel .siparis-fatura-pill--ok{
  background: #ecfdf5;
  color: #059669;
}
body.mode-panel .siparis-fatura-pill--ok:hover{
  background: #d1fae5;
  color: #047857;
}
body.mode-panel .siparis-fatura-pill--wait{
  background: #fef2f2;
  color: #dc2626;
}
body.mode-panel button.siparis-fatura-pill{
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 550;
  line-height: 1.25;
  border: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
body.mode-panel .siparis-fatura-liste__list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
body.mode-panel .siparis-fatura-liste__item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--line) 85%, transparent);
  border-radius: 10px;
  background: #fff;
}
body.mode-panel .siparis-fatura-liste__meta{
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}
body.mode-panel .siparis-fatura-liste__satici{
  font-size: 0.9rem;
  font-weight: 650;
  color: var(--ink);
}
body.mode-panel .siparis-fatura-liste__tutar{
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--ink-muted);
}
body.mode-panel .siparis-fatura-liste__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
body.mode-panel .siparis-fatura-liste__body{
  padding: 1rem 1.15rem;
}
body.mode-panel .siparis-fatura-liste__footer{
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.85rem 1.15rem 1.05rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
}
body.mode-panel .modal-dialog--siparis-fatura-liste{
  width: min(420px, calc(100vw - 2rem));
}
body.mode-panel .siparis-fatura-dd{
  position: relative;
  width: auto;
  z-index: 1;
}
body.mode-panel .siparis-fatura-dd.is-open{
  z-index: 30;
}
body.mode-panel .table-wrap--alis-satis-picker td.katalog-picker__cell--fatura{
  overflow: visible;
}
body.mode-panel .siparis-fatura-dd__btn{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  width: auto;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #f8fafc;
  color: #475569;
  font-size: 0.75rem;
  font-weight: 550;
  line-height: 1.25;
  cursor: pointer;
  box-sizing: border-box;
}
body.mode-panel .siparis-fatura-dd__btn:hover{
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #334155;
}
body.mode-panel .siparis-fatura-dd.is-open .siparis-fatura-dd__btn{
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #334155;
}
body.mode-panel .siparis-fatura-dd__btn .ui-icon{
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  opacity: 0.65;
  transition: transform 0.15s ease;
}
body.mode-panel .siparis-fatura-dd.is-open .siparis-fatura-dd__btn .ui-icon{
  transform: rotate(180deg);
}
body.mode-panel .siparis-fatura-dd__menu{
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 40;
  min-width: 100%;
  width: max-content;
  max-width: 14rem;
  padding: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}
body.mode-panel .siparis-fatura-dd__head{
  padding: 6px 10px 4px;
  background: transparent;
  color: #94a3b8;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: left;
  text-transform: uppercase;
}
body.mode-panel .siparis-fatura-dd__item{
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #334155;
  font-size: 0.78rem;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
}
body.mode-panel .siparis-fatura-dd__item:hover{
  background: #f1f5f9;
  color: #0f172a;
}
#modalSiparisFatura .modal-dialog--siparis-fatura{
  max-width: min(96vw, 560px);
}
#modalSiparisFatura .modal-card--siparis-fatura{
  display: flex;
  flex-direction: column;
  max-height: min(90dvh, 720px);
  overflow: hidden;
}
#modalSiparisFatura .siparis-fatura-modal__header{
  position: relative;
  flex-shrink: 0;
  padding: 18px 52px 14px 20px;
  border-bottom: 1px solid var(--line, #e2e8f0);
}
#modalSiparisFatura .siparis-fatura-modal__body{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 16px 20px 12px;
}
#modalSiparisFatura .siparis-fatura-modal__section{
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
#modalSiparisFatura .siparis-fatura-modal__section:first-of-type{
  padding-top: 0;
}
#modalSiparisFatura .siparis-fatura-modal__sec-title{
  margin: 0 0 10px;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
}
#modalSiparisFatura .siparis-fatura-modal__row{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 6px 8px;
  align-items: start;
  margin-bottom: 8px;
  font-size: 0.86rem;
  line-height: 1.4;
}
#modalSiparisFatura .siparis-fatura-modal__k{
  font-weight: 700;
  color: var(--ink);
  white-space: nowrap;
}
#modalSiparisFatura .siparis-fatura-modal__v{
  color: var(--ink-muted);
  word-break: break-word;
}
#modalSiparisFatura .siparis-fatura-copy{
  border: 0;
  background: transparent;
  color: var(--ui-icon-color, var(--ink-muted));
  cursor: pointer;
  padding: 0 2px;
  font-size: 0.9rem;
  line-height: 1;
}
#modalSiparisFatura .siparis-fatura-copy:hover{
  color: var(--accent);
}
#modalSiparisFatura .siparis-fatura-modal__hint{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: var(--radius-md);
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  color: var(--ink);
  font-size: 0.8rem;
  line-height: 1.45;
}
#modalSiparisFatura .siparis-fatura-modal__footer{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-shrink: 0;
  padding: 12px 20px 16px;
  border-top: 1px solid var(--line, #e2e8f0);
}
#modalSiparisFatura .siparis-fatura-modal__print{
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
#modalSiparisFatura .siparis-fatura-modal__print:hover{
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}
@media print {
  body.is-printing-fatura > *:not(#modalSiparisFatura){
    display: none !important;
  }
  body.is-printing-fatura #modalSiparisFatura{
    position: static !important;
    display: block !important;
  }
  body.is-printing-fatura #modalSiparisFatura .modal-dialog{
    max-width: none;
    margin: 0;
  }
  body.is-printing-fatura #modalSiparisFatura .siparis-fatura-modal__footer,
  body.is-printing-fatura #modalSiparisFatura .modal-close,
  body.is-printing-fatura #modalSiparisFatura .siparis-fatura-copy{
    display: none !important;
  }
}

/* Fatura Y?kle modal? */
#modalSiparisFaturaYukle .modal-dialog--siparis-fatura-yukle{
  max-width: min(96vw, 520px);
}
#modalSiparisFaturaYukle .modal-card--siparis-fatura-yukle{
  display: flex;
  flex-direction: column;
  max-height: min(90dvh, 640px);
  overflow: hidden;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__header{
  position: relative;
  flex-shrink: 0;
  padding: 18px 52px 14px 20px;
  border-bottom: 1px solid var(--line, #e2e8f0);
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__body{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 16px 20px 12px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__alert{
  padding: 12px 14px;
  border-radius: var(--radius-sm, 6px);
  border: 1px solid var(--accent-border, rgba(29, 78, 216, 0.22));
  background: var(--accent-soft, #eff6ff);
  color: #1e3a5f;
  font-size: 0.8rem;
  line-height: 1.45;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__drop{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 220px;
  padding: 24px 20px;
  border: 1.5px dashed #cbd5e1;
  border-radius: var(--radius, 8px);
  background: var(--surface-2, #f8fafc);
  text-align: center;
  cursor: pointer;
  outline: none;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__drop:hover,
#modalSiparisFaturaYukle .siparis-fatura-yukle__drop:focus-visible{
  border-color: var(--accent, #2563eb);
  background: #fff;
  box-shadow: 0 0 0 3px var(--accent-ring, rgba(37, 99, 235, 0.22));
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__drop.is-drag{
  border-color: var(--accent, #2563eb);
  border-style: solid;
  background: var(--accent-soft, #eff6ff);
  box-shadow: 0 0 0 3px var(--accent-ring, rgba(37, 99, 235, 0.22));
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__drop.has-file{
  border-color: var(--accent, #2563eb);
  background: #fff;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: var(--accent-soft, #eff6ff);
  color: var(--accent, #2563eb);
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__icon .ui-icon{
  width: 26px;
  height: 26px;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__title{
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__hint{
  max-width: 22rem;
  font-size: 0.8rem;
  line-height: 1.4;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__fname{
  font-size: 0.78rem;
  word-break: break-all;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__drop.has-file .siparis-fatura-yukle__fname{
  color: var(--accent, #2563eb);
  font-weight: 600;
}
#modalSiparisFaturaYukle .siparis-fatura-yukle__footer{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-shrink: 0;
  padding: 12px 20px 16px;
  border-top: 1px solid var(--line, #e2e8f0);
}

body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-trade-grid,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-trade-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: auto;
  gap: 8px;
  width: 100%;
  min-width: 0;
  align-items: stretch;
}
/* ADET / TUTAR: etiket + de?er ?st ?ste binmesin, metin kutuda ortalans?n */
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-party-block{
  height: auto;
  min-height: auto;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px;
  overflow: hidden;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-party-label,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-party-label{
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-party-value{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  width: 100%;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-metric,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-row--siparis .katalog-picker__pazar--teklif .katalog-picker__pazar-metric{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  box-sizing: border-box;
  line-height: 1.2;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__detail-grid,
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-row--siparis .katalog-picker__detail-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__cell--aside .katalog-picker__aside,
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__cell--aside .katalog-picker__actions,
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__cell--aside .hs-katalog-actions__row--primary{
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__cell--aside .hs-katalog-actions__row--primary{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
}
body.mode-panel .table-wrap--alis-satis-picker .katalog-picker-row--siparis .td-actions__inner{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 34px;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__cell--aside .katalog-picker__actions .btn{
  width: 100%;
  max-width: 100%;
}
body.mode-panel .table-wrap--siparis-grup-detay .katalog-picker-row--siparis .katalog-picker__cell--aside .muted{
  display: block;
  width: 100%;
  text-align: center;
}
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-grup-row--head td,
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-grup-row--head + tr.siparis-grup-row--part td{
  background: var(--surface, #fff);
}
/* ?oklu: Sipari?/Al?c?/Kargo/Fatura/??lem birle?ik ? ara ?zgara YOK, dikey orta */
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-grup-row td[rowspan]{
  vertical-align: middle;
  background: var(--surface, #fff);
}
/* Ara ?izgi: Sat?c? (Al?nanlar, sat?r sat?r) + ?r?n + Birim fiyat */
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-grup-row--part > td.katalog-picker__cell--party,
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-grup-row--part > td.katalog-picker__cell--product,
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-grup-row--part > td.katalog-picker__cell--pazar{
  border-top: 1px solid var(--line, #e2e8f0);
}
/* Sat?c? de?i?iminde Kargo/Sat?c? ?st ?izgisi (rowspan border-top:none ezmesin) */
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-satici-row--head:not(.siparis-grup-row--head) > td.katalog-picker__cell--party,
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-satici-row--head:not(.siparis-grup-row--head) > td.katalog-picker__cell--kargo{
  border-top: 1px solid var(--line, #e2e8f0);
}
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-grup-row td.katalog-picker__cell--product,
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-grup-row td.katalog-picker__cell--pazar{
  vertical-align: middle;
  text-align: left;
}
body.mode-panel .table-wrap--alis-satis-picker tr.siparis-grup-row td.katalog-picker__cell--pazar{
  text-align: center;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker{
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-md);
  /* Muted zemin: sipari? bloklar? aras? 12px bant g?r?ns?n */
  background: var(--surface-muted, #f8fafc);
  overflow: visible;
}
/* Katalog kart bo?lu?unu kapat ? sat?rlar y?zey rengi, bo?luk muted */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table,
body.mode-panel .trade-feed .table-wrap--alis-satis-picker .katalog-picker-table{
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row td{
  padding: 12px 14px;
  border-top: none;
  border-right: none !important;
  border-bottom: 1px solid var(--line, #e2e8f0) !important;
  vertical-align: middle;
  white-space: normal;
  box-shadow: none;
  background: var(--surface, #fff);
}
/* S?tun ay?r?c?lar? ? yatay ?izgiyle ayn? renk (tek ?zgara) */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row > td + td,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th + th{
  border-left: 1px solid var(--line, #e2e8f0) !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row td:first-child,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th:first-child{
  border-left: none !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row td:last-child,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row--siparis td.katalog-picker__cell--aside:last-child,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row > td.trade-td-check,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th.trade-th-check{
  border-right: none !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row td.katalog-picker__cell--product{
  text-align: left;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row td.katalog-picker__cell--pazar{
  text-align: center;
}
/*
 * ?oklu sipari?:
 * - Sipari?/Kargo/Fatura/??lem (rowspan): ara ?zgara YOK, dikey orta
 * - Sat?c? (Al?nanlar, sat?r sat?r) / ?r?n / Birim fiyat: ?r?nler aras? ince ?izgi
 */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row td[rowspan]{
  vertical-align: middle !important;
  background: var(--surface, #fff) !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
/* Sat?c? bloklar? (Al?nanlar): yeni sat?c? ba??nda ?st ?zgara ? Kargo/Sat?c? dahil */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--head:not(.siparis-grup-row--head) > td.katalog-picker__cell--party,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--head:not(.siparis-grup-row--head) > td.katalog-picker__cell--kargo,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--head:not(.siparis-grup-row--head) > td.katalog-picker__cell--product,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--head:not(.siparis-grup-row--head) > td.katalog-picker__cell--pazar{
  border-top: 1px solid var(--line, #e2e8f0) !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--head:not(.siparis-grup-row--head) > td.katalog-picker__cell--kargo[rowspan],
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--head:not(.siparis-grup-row--head) > td.katalog-picker__cell--party[rowspan]{
  border-top: 1px solid var(--line, #e2e8f0) !important;
}
/* Ayn? sat?c? i?inde ?r?n sat?rlar? aras? ince ?izgi; sat?c? ba?? sat?r?nda ?r?n/fiyat alt ?izgi yok */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--part > td.katalog-picker__cell--product,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--part > td.katalog-picker__cell--pazar{
  border-top: 1px solid var(--line, #e2e8f0) !important;
  border-bottom: none !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--head > td.katalog-picker__cell--product,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-satici-row--head > td.katalog-picker__cell--pazar{
  border-bottom: none !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--part > td.katalog-picker__cell--party,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--part > td.katalog-picker__cell--product,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--part > td.katalog-picker__cell--pazar{
  border-top: 1px solid var(--line, #e2e8f0) !important;
  border-bottom: none !important;
}
/* Part sat?rda Sat?c?/?r?n ilk td olunca :first-child border-left siliniyor ? Sipari?|Sat?c? ?izgisini geri koy */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--part > td.katalog-picker__cell--party,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--part > td.katalog-picker__cell--product{
  border-left: 1px solid var(--line, #e2e8f0) !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--head > td.katalog-picker__cell--party,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--head > td.katalog-picker__cell--product,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--head > td.katalog-picker__cell--pazar{
  border-bottom: none !important;
}
/* Sipari?ler / m??teriler aras? ? g?r?n?r muted bo?luk (beyaz bant g?r?nm?yordu) */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.katalog-picker-row:not(.siparis-grup-row--part):not(:first-child) > td {
  border-top: 12px solid var(--surface-muted, #f8fafc) !important;
}
/* Birle?ik s?tunlar (Sipari?/Al?c?/?) de ayn? bo?lu?u als?n ? border-top:none ezmesin */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--head:not(:first-child) > td[rowspan],
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.katalog-picker-row--siparis:not(.siparis-grup-row):not(:first-child) > td[rowspan] {
  border-top: 12px solid var(--surface-muted, #f8fafc) !important;
}
/* Sonraki sipari? varsa alt ?izgiyi kapat ? bo?luk ay?rs?n */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.katalog-picker-row:has(+ tr.katalog-picker-row:not(.siparis-grup-row--part)) > td {
  border-bottom: none !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--head:has(~ tr.siparis-grup-row--head) > td[rowspan] {
  border-bottom: none !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row:last-child > td {
  border-bottom: none !important;
}
/* Grup sonu (son sipari?): birle?ik s?tun + son ?r?n sat?r? alt ?izgisi yok ? ?er?eve yeter */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--tail:last-child > td.katalog-picker__cell--party,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--tail:last-child > td.katalog-picker__cell--product,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--tail:last-child > td.katalog-picker__cell--pazar{
  border-bottom: none !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--head:not(:has(~ tr.siparis-grup-row--head)):has(~ tr.siparis-grup-row--tail) > td[rowspan],
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row--head:last-child > td[rowspan]{
  border-bottom: none !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row td.katalog-picker__cell--aside[rowspan] .td-actions__inner{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  width: 100%;
}
/* Grup sat?rlar?: kart k??e yuvarlakl???n? s?f?rla (tek ?er?eve table-wrap'ta) */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row td,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row td:first-child,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker tr.siparis-grup-row td:last-child{
  border-radius: 0 !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-row:hover td:not([rowspan]){
  background: inherit;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th{
  position: static;
  width: auto;
  height: auto;
  padding: 10px 12px;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid var(--line, #e2e8f0);
  /* Gri ?erit olmas?n ? sat?rlarla ayn? y?zey */
  background: var(--surface, #fff);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  text-align: left;
  vertical-align: middle;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th.trade-th-check{
  padding: 10px 8px;
  text-align: center;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th:nth-last-child(5){
  text-align: left;
}
/* 7 s?tun: Kargo + Birim fiyat ortal?. Detay 3 s?tunda ?r?n (nth-last-child(3)) ortalanmas?n. */
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker:not(.table-wrap--siparis-grup-detay) .katalog-picker-table__head--alis-satis > th:nth-last-child(4),
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker:not(.table-wrap--siparis-grup-detay) .katalog-picker-table__head--alis-satis > th:nth-last-child(3),
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th.th-siparis-party,
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th.th-siparis-birim{
  text-align: center;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--siparis-grup-detay .katalog-picker-table__head--alis-satis > th:not(.trade-th-check):not(.th-siparis-party):not(.th-siparis-birim):not(:last-child){
  text-align: left;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th:nth-last-child(2),
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th.th-siparis-fatura{
  text-align: left !important;
}
body.mode-panel .trade-feed--alis-satis-list .table-wrap--alis-satis-picker .katalog-picker-table__head--alis-satis > th:last-child{
  text-align: center;
}
body.mode-panel .trade-bulk-bar__actions{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-left: auto;
}
body.mode-panel .trade-durum-badge{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body.mode-panel .table-wrap--hs-talep-party-split .hs-talep-durum-stack > .trade-durum-badge,
body.mode-panel .table-wrap--hs-talep-party-split .hs-talep-durum-stack > .badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--hs-talep-durum-box-h, 36px);
  align-self: stretch;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: var(--hs-talep-durum-box-h, 36px);
  height: var(--hs-talep-durum-box-h, 36px);
  box-sizing: border-box;
}
body.mode-panel .siparis-tasimada-pulse-dot{
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background-color: #e84848;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  animation: odemeAktarimPulse 1s ease-in-out infinite;
}
body.mode-panel .trade-feed-tabs--sub .siparis-tasimada-pulse-dot{
  position: absolute;
  right: 8px;
  top: 8px;
}
body.mode-panel .table-wrap--alis-satis-bulk .trade-th-check,
body.mode-panel .table-wrap--alis-satis-bulk .trade-td-check,
body.mode-panel .table-wrap--siparis-iptal-select .trade-th-check,
body.mode-panel .table-wrap--siparis-iptal-select .trade-td-check{
  width: 42px;
  min-width: 42px;
  max-width: 42px;
  text-align: center;
  vertical-align: middle;
  padding-left: 8px;
  padding-right: 8px;
}
body.mode-panel .table-wrap--alis-satis-bulk .trade-th-check input,
body.mode-panel .table-wrap--alis-satis-bulk .trade-td-check input,
body.mode-panel .table-wrap--siparis-iptal-select .trade-th-check input,
body.mode-panel .table-wrap--siparis-iptal-select .trade-td-check input{
  width: 16px;
  height: 16px;
  margin: 0;
}

/* Sat?lanlar listesi ? kargo modal? */
body.mode-panel #modalSiparisListKargo .modal-card--siparis-kargo{
  width: min(640px, calc(100vw - 2rem));
  max-width: 640px;
}
body.mode-panel #modalSiparisListKargo .modal-body{
  max-height: min(78vh, 720px);
  overflow: auto;
  padding-top: 14px;
  padding-bottom: 16px;
}
body.mode-panel #modalSiparisListKargo .siparis-ship{
  gap: 16px;
}

/* Sat?lanlar / Al?nanlar ? ?r?n se?imli iptal modal? (ortak stil) */
body.mode-panel #modalSiparisListIptal .modal-dialog--satici-iptal,
body.mode-panel #modalSiparisListAliciIptal .modal-dialog--alici-iptal{
  max-width: min(96vw, 640px);
}
body.mode-panel #modalSiparisListIptal,
body.mode-panel #modalSiparisListAliciIptal{
  --siparis-iptal-check: 1.05rem;
  --siparis-iptal-gap: 0.75rem;
  --siparis-iptal-thumb: 64px;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__toolbar,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__toolbar{
  display: block;
  margin: 0 0 0.25rem;
  padding: 0;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__select-all,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__select-all{
  display: grid;
  grid-template-columns: var(--siparis-iptal-check) minmax(0, 1fr);
  align-items: center;
  column-gap: var(--siparis-iptal-gap);
  width: 100%;
  margin: 0;
  padding: 0.35rem 0 0.55rem;
  font-size: 0.875rem;
  line-height: 1.3;
  cursor: pointer;
  user-select: none;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__select-all input,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__select-all input,
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__item > input,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__item > input{
  width: var(--siparis-iptal-check);
  height: var(--siparis-iptal-check);
  margin: 0;
  padding: 0;
  place-self: center;
  flex-shrink: 0;
  accent-color: var(--accent, #0f766e);
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__list,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__list{
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: none;
  overflow: visible;
  margin: 0 0 0.85rem;
  padding: 0;
  border: none;
  background: transparent;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__item,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__item{
  display: grid;
  grid-template-columns: var(--siparis-iptal-check) var(--siparis-iptal-thumb) minmax(0, 1fr);
  align-items: center;
  column-gap: var(--siparis-iptal-gap);
  margin: 0;
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--line, #e5e7eb);
  border-radius: 0;
  cursor: pointer;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__item:last-child,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__item:last-child{
  border-bottom: none;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__item:hover,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__item:hover{
  background: transparent;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__thumb,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__thumb{
  width: var(--siparis-iptal-thumb);
  height: var(--siparis-iptal-thumb);
  margin: 0;
  border-radius: 6px;
  object-fit: contain;
  object-position: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  display: block;
  justify-self: center;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__thumb--empty,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__thumb--empty{
  display: block;
  box-sizing: border-box;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__item-body,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__item-body{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.2rem;
  min-width: 0;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__item-title,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__item-title{
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
}
body.mode-panel #modalSiparisListIptal .siparis-list-iptal__item-meta,
body.mode-panel #modalSiparisListAliciIptal .siparis-list-iptal__item-meta{
  font-size: 0.8rem;
  line-height: 1.35;
}
body.mode-panel #modalSiparisListIptal .jobs-form__chips,
body.mode-panel #modalSiparisListAliciIptal .jobs-form__chips{
  border: none;
  padding: 0;
  margin: 0.85rem 0 0;
  min-inline-size: 0;
  width: 100%;
}
body.mode-panel #modalSiparisListIptal .jobs-form__chips legend,
body.mode-panel #modalSiparisListIptal .jobs-form__benefits-label,
body.mode-panel #modalSiparisListAliciIptal .jobs-form__chips legend,
body.mode-panel #modalSiparisListAliciIptal .jobs-form__benefits-label{
  padding: 0;
  margin: 0 0 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--ink-muted, #64748b);
}
body.mode-panel #modalSiparisListIptal .job-benefit-chips,
body.mode-panel #modalSiparisListAliciIptal .job-benefit-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
}
body.mode-panel #modalSiparisListIptal .job-benefit-chip,
body.mode-panel #modalSiparisListAliciIptal .job-benefit-chip{
  min-width: 0;
  display: flex;
  margin: 0;
  line-height: 0;
}
body.mode-panel #modalSiparisListIptal .job-benefit-chip span,
body.mode-panel #modalSiparisListAliciIptal .job-benefit-chip span{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  line-height: 1.35;
  min-height: 36px;
  padding: 6px 10px;
}
body.mode-panel #modalSiparisListIptal .jobs-form__chips.is-invalid .job-benefit-chip span,
body.mode-panel #modalSiparisListAliciIptal .jobs-form__chips.is-invalid .job-benefit-chip span{
  border-color: #dc2626;
}
body.mode-panel #modalSiparisListIptal .jobs-form__chips.is-invalid .jobs-form__benefits-label,
body.mode-panel #modalSiparisListAliciIptal .jobs-form__chips.is-invalid .jobs-form__benefits-label{
  color: #dc2626;
}
body.mode-panel #modalSiparisListIptal form.modal-body > .modal-footer,
body.mode-panel #modalSiparisListAliciIptal form.modal-body > .modal-footer{
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 1rem;
}
/* Al?nanlar ? iade se?enekleri */
body.mode-panel #modalSiparisListAliciIptal .siparis-list-alici-iptal__iade-opts{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
body.mode-panel #modalSiparisListAliciIptal .siparis-list-alici-iptal__iade-opt{
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 8px;
  cursor: pointer;
}
body.mode-panel #modalSiparisListAliciIptal .siparis-list-alici-iptal__iade-opt:has(input:checked){
  border-color: var(--accent, #2563eb);
  background: color-mix(in srgb, var(--accent, #2563eb) 6%, transparent);
}
body.mode-panel #modalSiparisListAliciIptal .siparis-list-alici-iptal__iade-opt input{
  margin-top: 0.2rem;
  flex-shrink: 0;
}
body.mode-panel #modalSiparisListAliciIptal .siparis-list-alici-iptal__iade-opt span{
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
  font-size: 0.875rem;
}
body.mode-panel #modalSiparisListAliciIptal .mp-musteri-iptal-iade-modal__iban{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 8px;
  background: #f8fafc;
}
body.mode-panel #modalSiparisListAliciIptal .mp-musteri-iptal-iade-modal__iban[hidden]{
  display: none !important;
}
body.mode-panel #modalSiparisListAliciIptal .mp-musteri-iptal-iade-modal__iban-fields{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mode-panel #modalSiparisListAliciIptal .mp-musteri-iptal-iade-modal__iban-field{
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}
body.mode-panel #modalSiparisListAliciIptal .mp-musteri-iptal-iade-modal__iban-label{
  font-size: 0.75rem;
  font-weight: 600;
  color: #475569;
}
body.mode-panel #modalSiparisListAliciIptal .mp-musteri-iptal-iade-modal__iban-uyari{
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #b45309;
}
body.mode-panel .panel-odeme-bakiye__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.85rem 1rem;
}

/* Panel ? sipari? listesi tablosu: d?z beyaz y?zey, hover/pastel tint yok */
body.mode-panel .table-wrap--alis-satis table.simple.simple--alis-satis-grup tbody tr:hover td {
  background: var(--surface, #fff);
}
body.mode-panel .table-wrap--alis-satis table.simple.simple--alis-satis-grup tr.siparis-grup-row--head:hover td,
body.mode-panel .table-wrap--alis-satis table.simple.simple--alis-satis-grup tr.siparis-grup-row--head + tr.siparis-grup-row--part:hover td {
  background: var(--surface, #fff);
}
body.mode-panel .table-wrap--alis-satis table.simple.simple--alis-satis-grup tr.siparis-grup-row:hover td[rowspan] {
  background: var(--surface, #fff);
}
body.mode-panel .table-wrap--alis-satis table.simple.simple--alis-satis-grup tr.row-unread.siparis-grup-row--head:hover > td,
body.mode-panel .table-wrap--alis-satis table.simple.simple--alis-satis-grup tr.row-unread:not(.siparis-grup-row):hover > td {
  background: var(--surface, #fff);
}
body.mode-panel .table-wrap--alis-satis .uye-no-row .uye-profil-btn:hover:not(:disabled) {
  border-color: var(--line);
  background: var(--surface);
  color: var(--ink-muted);
}
body.mode-panel .table-wrap--alis-satis a.uye-no-profil-link:hover {
  color: var(--link, #2563eb);
}
body.mode-panel .table-wrap--alis-satis :is(.td-actions--alis-satis, .trade-bulk-bar__actions) .btn-primary:hover:not(:disabled) {
  background: var(--accent);
  box-shadow: 0 2px 8px -2px var(--accent-ring);
  filter: none;
}
body.mode-panel .table-wrap--alis-satis :is(.td-actions--alis-satis, .trade-bulk-bar__actions) .btn-secondary:hover:not(:disabled) {
  background: #ffffff;
  color: var(--ink);
  border-color: var(--line);
  box-shadow: none;
  filter: none;
}
body.mode-panel .table-wrap--alis-satis :is(.td-actions--alis-satis, .trade-bulk-bar__actions) .btn-ghost:hover:not(:disabled) {
  background: #f1f5f9;
  color: #334155;
  filter: none;
  box-shadow: none;
}

/* 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;
  transition: none;
}

.catalog-detail .card:hover {
  box-shadow: none;
  border-color: rgba(226, 232, 240, 0.95);
}

.catalog-detail .detail-kv__item:hover,
.catalog-detail .catalog-detail__specs .spec:hover {
  background: #f8fafc;
  border-color: #e2e8f0;
  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__payment-head .odeme-pay-summary__badges{
  margin-left:auto;
  margin-right:0;
}
.catalog-detail__payment-head .section-label{
  flex-shrink:0;
}
.catalog-detail__payment-head .odeme-guvence__secure-tag{
  flex-shrink: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:1100px;
  border:0;
  border-radius:0;
  overflow:visible;
}
.odeme-kart-embed .paytr-iframe-embed{
  display:block;
  width:100%;
  height:1100px;
  min-height:1100px;
}
.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: 8 s?tun, bir sat?r = bir sipari? grubu */
body.mode-admin .simple--odemeler{
  table-layout:fixed;
  width:100%;
  min-width:1120px;
  border-collapse:separate;
  border-spacing:0 10px;
}
body.mode-admin .table-wrap--odemeler{
  overflow-x:auto;
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
}
body.mode-admin .table-wrap--odemeler .simple--odemeler{
  margin:0;
}
body.mode-admin .simple--odemeler col.col-odeme-siparis,
body.mode-admin .simple--odemeler .col-odeme-siparis{ width:11.5rem; }
body.mode-admin .simple--odemeler col.col-odeme-party,
body.mode-admin .simple--odemeler .col-odeme-party{ width:12%; }
body.mode-admin .simple--odemeler col.col-odeme-urun,
body.mode-admin .simple--odemeler .col-odeme-urun{ width:30%; }
body.mode-admin .simple--odemeler col.col-odeme-money,
body.mode-admin .simple--odemeler .col-odeme-money{ width:9.25rem; }
body.mode-admin .simple--odemeler col.col-odeme-durum,
body.mode-admin .simple--odemeler .col-odeme-durum{ width:9rem; }
body.mode-admin .simple--odemeler col.col-odeme-islem,
body.mode-admin .simple--odemeler .col-odeme-islem{ width:11.5rem; }
/* Tutar: kesilmesin; chip i?eri?e otursun */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack--money .odeme-stack__primary.odeme-money-brut{
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
}

body.mode-admin .simple--odemeler thead th,
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler thead th{
  box-sizing:border-box;
  padding:8px 12px;
  font-size:0.68rem;
  font-weight:600;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--ink-muted, #64748b);
  background:#f8fafc;
  border-top:1px solid #e8edf3;
  border-bottom:1px solid #e8edf3;
  border-left:none;
  border-right:1px solid #eef2f6;
  white-space:nowrap;
  vertical-align:bottom;
  text-align:left;
}
body.mode-admin .simple--odemeler thead th:first-child,
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler thead th:first-child{
  border-left:1px solid #e8edf3;
  border-radius:0;
}
body.mode-admin .simple--odemeler thead th:last-child,
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler thead th:last-child{
  border-right:1px solid #e8edf3;
  border-radius:0;
}
/* Tutar + Durum + ??lem: ba?l?k ortal? (Tutar g?vdesi: td.col-money + .odeme-stack--money) */
body.mode-admin .table-wrap table.simple.simple--odemeler thead th.col-money,
body.mode-admin .table-wrap table.simple.simple--odemeler thead th.col-center,
body.mode-admin .table-wrap table.simple.simple--odemeler thead th.col-odeme-durum,
body.mode-admin .table-wrap table.simple.simple--odemeler thead th.col-odeme-islem,
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler thead th.col-money,
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler thead th.col-center,
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler thead th.col-actions,
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler thead th.col-odeme-durum,
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler thead th.col-odeme-islem,
body.mode-admin .simple--odemeler thead th.col-money,
body.mode-admin .simple--odemeler thead th.col-center,
body.mode-admin .simple--odemeler thead th.col-actions,
body.mode-admin .simple--odemeler thead th.col-odeme-durum,
body.mode-admin .simple--odemeler thead th.col-odeme-islem{
  text-align:center;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row > td{
  box-sizing:border-box;
  vertical-align:top;
  padding:14px 12px;
  background:#fff;
  border-top:1px solid #e8edf3;
  border-bottom:1px solid #e8edf3;
  border-left:none;
  border-right:1px solid #eef2f6;
  overflow:hidden;
  white-space:normal;
  border-radius:0;
}
/* Kart d?? k??eleri: yaln?zca sol/sa? u? (t?m kart tiplerinde ayn?) */
body.mode-admin .simple--odemeler tbody tr.odeme-row > td:first-child{
  border-left:1px solid #e8edf3;
  border-radius:10px 0 0 10px;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row > td:last-child{
  border-right:1px solid #e8edf3;
  border-radius:0 10px 10px 0;
}
/*
 * Payla??lan s?tunlar ? her kartta ayn?: dikey orta, sol hiza (i?erik),
 * sepet rowspan veya tek sat?r fark etmez.
 */
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-siparis,
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-siparis + td.col-odeme-party,
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-money,
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-durum,
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-islem,
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-actions{
  vertical-align:middle;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-siparis,
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-siparis + td.col-odeme-party{
  text-align:left;
}
/* Ayn? H no / sepet: sipari?+al?c?+tutar+durum+i?lem rowspan; ?r?n/sat?c? sat?rda */
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-head > td[rowspan]{
  vertical-align:middle;
  /* rowspan y?ksekli?i: alt kenar kart?n alt ?izgisi ile birle?sin */
  border-bottom:1px solid #e8edf3;
  border-radius:0;
}
/* Sol u? (sipari?): ?st+alt sol k??e */
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-head > td.col-odeme-siparis[rowspan]{
  border-radius:10px 0 0 10px;
}
/* Sa? u? (i?lem): ?st+alt sa? k??e ? tek sat?rl? kartlarla ayn? */
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-head > td.col-odeme-islem[rowspan],
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-head:has(+ tr.odeme-row--sepet-part) > td.col-odeme-islem{
  border-radius:0 10px 10px 0;
}
/* Tutar sepet toplam? */
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-head > td.col-odeme-money[rowspan]{
  vertical-align:middle;
  text-align:center;
  border-radius:0;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-head > td.col-odeme-durum[rowspan],
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-head > td.col-odeme-siparis + td.col-odeme-party[rowspan]{
  border-radius:0;
}
/* Head sat?r?nda ?r?n/sat?c?: kart?n ?st band? ile ayn? border-top; alt ?izgi ara sat?ra */
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-head > td:not([rowspan]){
  border-top:1px solid #e8edf3;
  border-bottom:none;
  border-radius:0;
  padding-top:14px;
  padding-bottom:14px;
}
/* Tek sat?r / sepet de?il: sa? ?st+alt k??e (eski davran??) */
body.mode-admin .simple--odemeler tbody tr.odeme-row:not(.odeme-row--sepet-head):not(.odeme-row--sepet-part) > td.col-odeme-islem:last-child{
  border-radius:0 10px 10px 0;
}
/* part sat?r?nda first-child = ?r?n h?cresi (sol kenar de?il) */
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-part > td:first-child{
  border-left:none;
  border-radius:0;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-part > td{
  /* 10px border-spacing bo?lu?unu beyazla doldur + tek ince ay?r?c? */
  position:relative;
  overflow:visible;
  border-top:1px solid #eef2f6;
  box-shadow:0 -10px 0 0 #fff;
  border-radius:0;
  padding-top:14px;
  padding-bottom:14px;
}
/* border-spacing bo?lu?unda kesilen sa? dikey ?izgileri tamamla */
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-part > td::after{
  content:'';
  position:absolute;
  top:-10px;
  right:-1px;
  width:0;
  height:10px;
  border-right:1px solid #eef2f6;
  pointer-events:none;
  z-index:1;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-part > td:last-child::after{
  border-right-color:#e8edf3;
}
/* Ara sat?c? blo?u: alt kenar bir sonraki border-top?a b?rak?ls?n */
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-part:has(+ tr.odeme-row--sepet-part) > td{
  border-bottom:none;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-part > td:last-child{
  border-radius:0;
}
/* Son sat?c? blo?u: sa? u? i?lem rowspan?da */
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-part:not(:has(+ tr.odeme-row--sepet-part)) > td:last-child{
  border-radius:0;
}
/* Global table.simple hover'? ?demeler sat?r?nda yok */
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler tbody tr:hover td,
body.mode-admin .simple--odemeler tbody tr.odeme-row:hover > td{
  background:#fff;
  border-color:#e8edf3;
  border-right-color:#eef2f6;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-part:hover > td{
  border-top-color:#eef2f6;
  box-shadow:0 -10px 0 0 #fff;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row:hover > td:first-child{
  border-left-color:#e8edf3;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row--sepet-part:hover > td:first-child{
  border-left:none;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row:hover > td:last-child{
  border-right-color:#e8edf3;
}
body.mode-admin .simple--odemeler tbody tr.table-empty > td{
  border:none;
  background:transparent;
  padding:24px 12px;
}
/* Tutar: h?cre metin hizas? ortal? (stack: .odeme-stack--money override) */
body.mode-admin .table-wrap table.simple.simple--odemeler td.col-money,
body.mode-admin .table-wrap--odemeler table.simple.simple--odemeler td.col-money,
body.mode-admin .simple--odemeler td.col-money,
body.mode-admin .simple--odemeler td.col-odeme-money{
  text-align:center;
  font-variant-numeric:tabular-nums;
}
body.mode-admin .simple--odemeler th.col-actions,
body.mode-admin .simple--odemeler td.col-actions,
body.mode-admin .simple--odemeler th.col-odeme-durum,
body.mode-admin .simple--odemeler td.col-odeme-durum,
body.mode-admin .simple--odemeler th.col-odeme-islem,
body.mode-admin .simple--odemeler td.col-odeme-islem{
  text-align:center;
}
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-durum,
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-islem,
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-actions{
  vertical-align:middle;
}
/* DURUM: badge + timer (secondary) as centered stack */
body.mode-admin .simple--odemeler td.col-odeme-durum .odeme-stack{
  align-items:center;
  text-align:center;
}
body.mode-admin .simple--odemeler td.col-odeme-durum .odeme-stack__primary,
body.mode-admin .simple--odemeler td.col-odeme-durum .odeme-stack__secondary{
  text-align:center;
}
body.mode-admin .trade-durum-badge--admin-iptal{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  max-width:100%;
}
body.mode-admin .trade-durum-badge--admin-iptal .odeme-iptal-eden{
  display:block;
  font-size:0.72rem;
  font-weight:600;
  line-height:1.2;
  color:#b91c1c;
  white-space:nowrap;
}
body.mode-admin .trade-durum-badge--admin-iptal .badge-warn--kismi-iptal + .odeme-iptal-eden{
  color:#c2410c;
}
/* ??LEM: action group (eye / Detay+Sil) centered in cell */
body.mode-admin .simple--odemeler td.col-odeme-islem .admin-odeme-islem-cell{
  width:100%;
  justify-content:center;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .cell-odeme-stack{
  max-width:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-line-text,
body.mode-admin .simple--odemeler .cell-ellipsis{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:4px;
  min-width:0;
  line-height:1.25;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack__primary,
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack__secondary{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack__primary{
  font-size:0.875rem;
  font-weight:700;
  color:var(--ink, #0f172a);
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack__secondary,
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack__secondary.muted{
  font-size:0.75rem;
  color:var(--muted, #64748b);
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack--money{
  align-items:flex-end;
  text-align:right;
}
/* ?demeler Tutar: ba?l?k ile hizal? ? tutar, ?deme chip ve ?r?n say?s? ortal? */
body.mode-admin .simple--odemeler .odeme-stack--money{
  align-items:center;
  text-align:center;
}
body.mode-admin .simple--odemeler .odeme-stack__secondary--chip-row{
  align-items:center;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack--money .odeme-stack__secondary{
  font-variant-numeric:tabular-nums;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack__secondary--chip{
  overflow:visible;
  text-overflow:unset;
  white-space:normal;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-money-brut{
  font-weight:700;
  font-size:0.95rem;
}

/* ?deme y?ntemi ? ikon ?stte, ba?l?k altta; ikon = metin boyutu; sabit kutu boyutu */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  box-sizing:border-box;
  width:5.75rem;
  min-width:5.75rem;
  height:2.75rem;
  min-height:2.75rem;
  max-width:100%;
  padding:6px 6px 5px;
  border:1px solid #e2e8f0;
  border-radius:6px;
  background:#f8fafc;
  font-size:0.72rem;
  font-weight:600;
  line-height:1.1;
  color:#334155;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:1em;
  height:1em;
  color:#64748b;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip__icon .ui-icon{
  width:1em;
  height:1em;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip__label{
  display:block;
  width:100%;
  font-size:1em;
  font-weight:600;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
  max-width:100%;
  flex:0 1 auto;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip--kart{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1e40af;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip--kart .odeme-yontem-chip__icon{
  color:#2563eb;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip--bakiye{
  border-color:#a7f3d0;
  background:#ecfdf5;
  color:#065f46;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip--bakiye .odeme-yontem-chip__icon{
  color:#0f766e;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip--havale{
  border-color:#e2e8f0;
  background:#f8fafc;
  color:#475569;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip--havale .odeme-yontem-chip__icon{
  color:#64748b;
}
/* Tutar s?tunu: ?deme + toplam ?r?n chip (dar s?tunda alt alta) */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack__secondary--chip-row{
  display:inline-flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-end;
  gap:6px;
  max-width:100%;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip--adet{
  border-color:#e2e8f0;
  background:#f8fafc;
  color:#334155;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-yontem-chip--adet .odeme-yontem-chip__icon{
  color:#64748b;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack__primary .badge,
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-stack__secondary .badge{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:inline-block;
  vertical-align:middle;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-aktarim-link{
  font-size:0.75rem;
  font-weight:600;
  text-decoration:none;
  color:var(--accent, #0f766e);
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-aktarim-link:hover{
  text-decoration:underline;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-aktarim-hint{
  font-size:0.75rem;
}

/* Sipari? / tarih label-value */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-field{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-field--sub{ margin-top:12px; }
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-field__label{
  font-size:0.62rem;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:#94a3b8;
  line-height:1.2;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-field__value-row{
  display:flex;
  align-items:center;
  min-width:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-field__value{
  font-size:0.86rem;
  font-weight:700;
  color:#0f172a;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Al?c? / sat?c? */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party-stack > .odeme-party + .odeme-party{
  padding-top:8px;
  border-top:1px solid #e8edf3;
  width:100%;
}
/* ?ok kalemli sepet: sat?c? sat?rlar? ?r?n s?ras?yla (i?erik y?ksekli?i ? s?k??t?rma yok) */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party-stack--lines{
  gap:0;
  width:100%;
  max-width:100%;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party-line{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  gap:0;
  width:100%;
  min-width:0;
  flex:0 0 auto;
  padding:8px 0;
  border-top:1px solid #eef2f6;
  box-sizing:border-box;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party-line:first-child{
  border-top:none;
  padding-top:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party-line:last-child{
  padding-bottom:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party-line > .odeme-party{
  width:100%;
  min-width:0;
}
/* ?r?n: ?st hiza (?ok kalemli stack). Sat?c?: dikey orta, yatay sola ? t?m kart tipleri */
body.mode-admin .simple--odemeler tr.odeme-row > td.col-odeme-urun{
  vertical-align:top;
}
body.mode-admin .simple--odemeler tr.odeme-row > td.col-odeme-money + td.col-odeme-party,
body.mode-admin .simple--odemeler tr.odeme-row--sepet-part > td.col-odeme-party{
  vertical-align:middle;
  text-align:left;
}
body.mode-admin .simple--odemeler tr.odeme-row > td.col-odeme-money + td.col-odeme-party .odeme-party,
body.mode-admin .simple--odemeler tr.odeme-row > td.col-odeme-money + td.col-odeme-party .odeme-party-stack,
body.mode-admin .simple--odemeler tr.odeme-row--sepet-part > td.col-odeme-party .odeme-party,
body.mode-admin .simple--odemeler tr.odeme-row--sepet-part > td.col-odeme-party .odeme-party-stack{
  align-items:flex-start;
}
body.mode-admin .simple--odemeler tr.odeme-row > td.col-odeme-urun .odeme-urun-stack > .odeme-urun-line{
  flex:0 0 auto;
  min-height:auto;
  align-content:start;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  min-width:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party__tag{
  display:inline-flex;
  align-items:center;
  padding:1px 6px;
  border-radius:4px;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  font-size:0.62rem;
  font-weight:700;
  letter-spacing:0.04em;
  color:#64748b;
}
/* Sipari? tipi (HS / UT / MS) ? k?saltma + hover kaynak a??klamas? */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-tip-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.75rem;
  padding:2px 7px;
  border-radius:4px;
  border:1px solid #cbd5e1;
  background:#f1f5f9;
  font-size:0.7rem;
  font-weight:800;
  letter-spacing:0.06em;
  color:#334155;
  line-height:1.2;
  cursor:help;
  user-select:none;
  position:relative;
  z-index:1;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-tip-chip.has-tip:hover,
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-tip-chip.has-tip:focus-visible{
  z-index:6;
}
/* H?cre overflow:hidden clip?ini a?; tip a?a?? a??l?r */
body.mode-admin .simple--odemeler tbody tr.odeme-row > td.col-odeme-siparis{
  overflow:visible;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-tip-chip.has-tip--below::after{
  left:0;
  right:auto;
  top:calc(100% + 6px);
  bottom:auto;
  transform:none;
  min-width:0;
  width:max-content;
  max-width:14rem;
  text-align:left;
  letter-spacing:0;
  font-weight:600;
  z-index:40;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-tip-chip.has-tip--below:hover::after,
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-tip-chip.has-tip--below:focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translateY(2px);
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party__name{
  font-size:0.86rem;
  font-weight:700;
  color:#0f172a;
  line-height:1.3;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party__no{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  max-width:100%;
  font-size:0.75rem;
  font-variant-numeric:tabular-nums;
  line-height:1.25;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party__no-k{
  flex:0 0 auto;
  font-weight:600;
  letter-spacing:0.02em;
  color:#94a3b8;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party__no-v{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:600;
  color:#64748b;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party__badge{
  margin-top:2px;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-party__badge .badge{
  font-size:0.72rem;
}

/* ?r?n sat?rlar? (?oklu kalem) */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-stack{
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
  max-width:100%;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line{
  display:grid;
  /* adet | g?rsel | metin | tutar+iptal */
  grid-template-columns:22px 56px minmax(0,1fr) auto;
  gap:8px;
  align-items:start;
  padding:8px 0;
  border-top:1px solid #eef2f6;
  min-width:0;
}
/* ?r?n Ak??lar?: adet/fiyat yok ? 2 s?tun. Genel 4 s?tun kural? metni 56px kolona s?k??t?r?p g?rsel ?zerine bindiriyordu. */
body.mode-admin .simple--ilan-akislari .odeme-urun-line.odeme-urun-line--single{
  grid-template-columns:56px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:0;
  border-top:none;
  min-width:0;
  width:100%;
  max-width:100%;
}
body.mode-admin .simple--ilan-akislari .odeme-urun-line--single .odeme-urun-line__thumb{
  width:56px;
  max-width:56px;
  min-width:56px;
  overflow:hidden;
  flex:none;
}
body.mode-admin .simple--ilan-akislari .odeme-urun-line--single .odeme-urun-line__body{
  min-width:0;
  max-width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  overflow:hidden;
}
body.mode-admin .simple--ilan-akislari .odeme-urun-line--single .odeme-urun-line__title-row{
  min-width:0;
  max-width:100%;
}
body.mode-admin .simple--ilan-akislari .odeme-urun-line--single .odeme-urun-line__title,
body.mode-admin .simple--ilan-akislari .odeme-urun-line--single .odeme-urun-line__meta{
  display:block;
  max-width:100%;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line:first-child{
  border-top:none;
  padding-top:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line:last-child{
  padding-bottom:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__qty{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  margin-top:2px;
  border-radius:5px;
  background:#475569;
  color:#fff;
  font-size:0.68rem;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__thumb{
  width:56px;
  flex:0 0 auto;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__thumb .urun-gorsel-table-cell{
  margin:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__title-row{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__title{
  font-size:0.86rem;
  font-weight:700;
  color:#0f172a;
  line-height:1.3;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
  flex:1 1 auto;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line--iptal{
  opacity:0.72;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line--iptal .odeme-urun-line__qty{
  background:#94a3b8;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line--iptal .odeme-urun-line__title{
  color:#64748b;
}
/* Tutar + iptal: sa? blok; iptal TL'nin hemen sa??nda sabit slot */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__end{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:6px;
  flex:0 0 auto;
  min-width:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__iptal-slot{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  width:18px;
  min-width:18px;
  height:18px;
  margin-top:1px;
  line-height:0;
  flex:0 0 18px;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__iptal{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:5px;
  border:1px solid #fecaca;
  background:#fef2f2;
  color:#b91c1c;
  flex:0 0 auto;
  line-height:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__iptal .ui-icon{
  width:12px;
  height:12px;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line--iptal .odeme-urun-line__price{
  color:#94a3b8;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__meta{
  font-size:0.75rem;
  color:#64748b;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__chips{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:2px;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-chip{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 6px;
  border:1px solid #e2e8f0;
  border-radius:6px;
  background:#f8fafc;
  font-size:0.68rem;
  line-height:1.2;
  max-width:100%;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-chip__k{
  color:#94a3b8;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.03em;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-chip__v{
  color:#334155;
  font-weight:600;
  font-variant-numeric:tabular-nums;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__price{
  font-size:0.84rem;
  font-weight:700;
  color:#0f172a;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  text-align:right;
  padding-top:1px;
  line-height:1.3;
  /* 99.999,00 ? s??s?n ? tutarlar ve iptal slotu sat?rlar aras? ayn? hiza */
  min-width:6.75rem;
  flex:0 0 auto;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-line__actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-detay-btn{
  white-space:nowrap;
  flex-shrink:0;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-detay-btn .ui-icon{
  width:14px;
  height:14px;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-stack__more{
  font-size:0.75rem;
  padding-top:6px;
}

/* Eski media s?n?flar? (pazaryeri vb.) bozulmas?n */
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-media{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  max-width:100%;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-media__thumb{
  position:relative;
  flex:0 0 auto;
  width:76px;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-media__badge{
  position:absolute;
  right:-4px;
  bottom:-4px;
  z-index:1;
  min-width:1.25rem;
  padding:1px 5px;
  border-radius:999px;
  background:var(--ink, #0f172a);
  color:#fff;
  font-size:0.625rem;
  font-weight:700;
  line-height:1.3;
  text-align:center;
  box-shadow:0 0 0 2px #fff;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-media__list{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
  justify-content:center;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-media__line{
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
  font-size:0.8125rem;
  line-height:1.3;
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-media__name{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:500;
  color:var(--ink, #0f172a);
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-media__qty{
  flex:0 0 auto;
  font-size:0.75rem;
  font-weight:600;
  font-variant-numeric:tabular-nums;
  color:var(--muted, #64748b);
}
body.mode-admin :is(.simple--odemeler, .simple--ilan-akislari, .simple--markalar) .odeme-urun-media__more{
  font-size:0.75rem;
  line-height:1.2;
}

/* Sipari? no: tek sat?r numara + kopyala */
body.mode-admin .admin-siparis-no-line{
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:100%;
  min-width:0;
  vertical-align:middle;
}
body.mode-admin .admin-siparis-no-link{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  font:inherit;
  font-size:0.9rem;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  letter-spacing:0.01em;
  line-height:1.2;
  color:#0f172a;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
  font-family:inherit;
  appearance:none;
  -webkit-appearance:none;
}
body.mode-admin .admin-siparis-no-link:hover{
  color:var(--accent, #0f766e);
  text-decoration:underline;
}
body.mode-admin .admin-siparis-no-link--static{
  color:var(--ink, #0f172a);
  cursor:default;
  flex:0 1 auto;
}
body.mode-admin .admin-siparis-no-link--static:hover{
  text-decoration:none;
}
body.mode-admin .admin-siparis-no-copy{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  margin:0;
  padding:0;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:var(--muted, #64748b);
  cursor:pointer;
  font-family:inherit;
  appearance:none;
  -webkit-appearance:none;
}
body.mode-admin .admin-siparis-no-copy .ui-icon{
  width:14px;
  height:14px;
}
body.mode-admin .admin-siparis-no-copy:hover{
  border-color:var(--line, #e2e8f0);
  background:#f8fafc;
  color:var(--ink, #0f172a);
}
body.mode-admin .admin-siparis-no-copy:active{
  transform:translateY(1px);
}

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%;
}
.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);
}
.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:top;
  padding-top:12px;
  padding-bottom:12px;
}
body.mode-admin .admin-odeme-islem-cell{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:0;
}
body.mode-admin .admin-odeme-islem-cell--stack{
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:stretch;
  justify-content:center;
  gap:4px;
  width:100%;
}
body.mode-admin .admin-odeme-islem-cell--stack .admin-siparis-durum-actions{
  display:contents;
}
body.mode-admin .admin-odeme-islem-cell--stack .inline-form{
  width:auto;
  margin:0;
  display:flex;
  justify-content:center;
  flex:0 0 auto;
}
body.mode-admin .admin-odeme-islem-cell--stack :is(button.btn, a.btn){
  box-sizing:border-box;
  width:3.25rem;
  min-width:3.25rem;
  max-width:3.25rem;
  height:auto;
  min-height:2.85rem;
  padding:6px 2px 5px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border-radius:8px;
  font-weight:700;
  line-height:1.1;
  flex:0 0 auto;
}
body.mode-admin .admin-odeme-islem-cell--stack :is(button.btn, a.btn) .ui-icon{
  width:16px;
  height:16px;
  flex-shrink:0;
}
body.mode-admin .admin-odeme-islem-cell--stack :is(button.btn, a.btn) > span:not(.ua-list-alert){
  display:block !important;
  max-width:100%;
  font-size:0.62rem;
  font-weight:700;
  letter-spacing:0.01em;
  line-height:1.1;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:none;
}
body.mode-admin .admin-odeme-islem-cell--stack .admin-btn-delete.odeme-islem-btn{
  background:#fff;
  border:1px solid #e2e8f0;
  color:#64748b;
}
body.mode-admin .admin-odeme-islem-cell--stack .admin-btn-delete.odeme-islem-btn:hover{
  background:#fef2f2;
  border-color:#fecaca;
  color:#b91c1c;
}
body.mode-admin .admin-odeme-islem-cell--stack .admin-btn-iptal.odeme-islem-btn{
  background:#fff;
  border:1px solid #e2e8f0;
  color:#b45309;
}
body.mode-admin .admin-odeme-islem-cell--stack .admin-btn-iptal.odeme-islem-btn:hover{
  background:#fffbeb;
  border-color:#fde68a;
  color:#92400e;
}
body.mode-admin .admin-odeme-islem-cell--stack .btn-primary{
  background:#0f766e;
  border-color:#0f766e;
}
body.mode-admin .admin-odeme-islem-cell .btn{
  white-space:nowrap;
}
body.mode-admin .admin-odeme-islem-cell:not(.admin-odeme-islem-cell--stack) .admin-siparis-durum-actions{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
body.mode-admin .admin-odeme-islem-sil{
  opacity:0.55;
}
body.mode-admin .admin-odeme-islem-sil:hover,
body.mode-admin .admin-odeme-islem-sil:focus-within{
  opacity:1;
}

/* ?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-account-plain{
  margin-bottom: 16px;
}
.hb-account-plain__list{
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.hb-account-plain__row{
  display: grid;
  grid-template-columns: minmax(120px, 34%) 1fr;
  gap: 8px 16px;
  align-items: baseline;
}
.hb-account-plain__row dt,
.hb-account-plain__row .hb-account-plain__label{
  margin: 0;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--ink-muted);
}
.hb-account-plain__row dd,
.hb-account-plain__row .hb-account-plain__value{
  margin: 0;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--ink);
  word-break: break-word;
}
.hb-account-plain__actions{
  margin-top: 14px;
}
.hb-modal-body .hb-page__actions{
  margin-top: 8px;
  padding-top: 0;
}
body.mode-panel .modal-dialog--hb-guncelle{
  max-width: min(94vw, 980px);
}
#modalHbGuncelle .hb-modal-body .modal-lead{
  margin-bottom: 12px;
}
#modalHbGuncelle .hb-step__body{
  padding-left: 0;
}
#modalHbGuncelle .hb-step{
  padding: 10px 0;
}
@media (min-width: 768px){
  #modalHbGuncelle .hb-form--modal > .hb-step:nth-of-type(1),
  #modalHbGuncelle .hb-form--modal > .hb-step:nth-of-type(2){
    border-top: 0;
    padding-top: 0;
  }
  #modalHbGuncelle .hb-form--modal{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 28px;
    align-items: start;
  }
  #modalHbGuncelle .hb-form--modal > .hb-step:nth-of-type(1){
    grid-column: 1;
  }
  #modalHbGuncelle .hb-form--modal > .hb-step:nth-of-type(2){
    grid-column: 2;
    padding-left: 28px;
    border-left: 1px solid var(--line, #e2e8f0);
  }
  #modalHbGuncelle .hb-form--modal > .hb-step:nth-of-type(3){
    grid-column: 1 / -1;
    border-top: 1px solid var(--line, #e2e8f0);
    padding-top: 14px;
  }
  #modalHbGuncelle .hb-file{
    padding: 4px 0 0;
  }
}
.hb-teyit__toolbar{
  display: flex;
  justify-content: flex-end;
  margin: -2px 0 10px;
}
@media (max-width: 520px){
  .hb-account-plain__row{
    grid-template-columns: 1fr;
    gap: 2px;
  }
}
.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;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid rgba(226, 232, 240, 0.95);
  background: var(--surface-muted, #f8fafc);
}
.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;
}
/* Admin ? ?deme hesaplar?: ?demeler kart / sat?r stili */
body.mode-admin .admin-hesap-bilgi-page .jobs-filter__search--destek-admin .admin-paket-search{
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(420px, 100%);
}
body.mode-admin .table-wrap--hesap-bilgi{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .table-wrap--hesap-bilgi .simple--hesap-bilgi{
  margin: 0;
}
body.mode-admin .simple--hesap-bilgi{
  table-layout: fixed;
  width: 100%;
  min-width: 960px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .simple--hesap-bilgi col.col-hb-durum,
body.mode-admin .simple--hesap-bilgi .col-hb-durum{ width:10%; }
body.mode-admin .simple--hesap-bilgi col.col-hb-magaza,
body.mode-admin .simple--hesap-bilgi .col-hb-magaza{ width:18%; }
body.mode-admin .simple--hesap-bilgi col.col-hb-hesap,
body.mode-admin .simple--hesap-bilgi .col-hb-hesap{ width:14%; }
body.mode-admin .simple--hesap-bilgi col.col-hb-iban,
body.mode-admin .simple--hesap-bilgi .col-hb-iban{ width:20%; }
body.mode-admin .simple--hesap-bilgi col.col-hb-banka,
body.mode-admin .simple--hesap-bilgi .col-hb-banka{ width:10%; }
body.mode-admin .simple--hesap-bilgi col.col-hb-dekont,
body.mode-admin .simple--hesap-bilgi .col-hb-dekont{ width:12%; }
body.mode-admin .simple--hesap-bilgi col.col-hb-islem,
body.mode-admin .simple--hesap-bilgi .col-hb-islem{ width:16%; }
body.mode-admin .simple--hesap-bilgi thead th,
body.mode-admin .table-wrap--hesap-bilgi table.simple.simple--hesap-bilgi thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .simple--hesap-bilgi thead th:first-child{
  border-left: 1px solid #e8edf3;
}
body.mode-admin .simple--hesap-bilgi thead th:last-child{
  border-right: 1px solid #e8edf3;
}
body.mode-admin .simple--hesap-bilgi thead th.col-center,
body.mode-admin .simple--hesap-bilgi thead th.col-actions,
body.mode-admin .simple--hesap-bilgi thead th.col-hb-islem{
  text-align: center;
}
body.mode-admin .simple--hesap-bilgi tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .simple--hesap-bilgi tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .simple--hesap-bilgi tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
}
body.mode-admin .table-wrap--hesap-bilgi table.simple.simple--hesap-bilgi tbody tr:hover td,
body.mode-admin .simple--hesap-bilgi tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .simple--hesap-bilgi tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .simple--hesap-bilgi tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .simple--hesap-bilgi tbody tr.table-empty > td{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .simple--hesap-bilgi td.col-center,
body.mode-admin .simple--hesap-bilgi td.col-actions,
body.mode-admin .simple--hesap-bilgi td.col-hb-islem{
  text-align: center;
}
body.mode-admin .simple--hesap-bilgi .odeme-party{
  min-width: 0;
}
body.mode-admin .simple--hesap-bilgi .odeme-party__name{
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
}
body.mode-admin .simple--hesap-bilgi .odeme-stack__primary{
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
}
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 .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__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 14px;
  padding:12px 18px;
  border-bottom:1px solid #e2e8f0;
  background:#f8fafc;
}
.odeme-pay-summary__meta-id{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  width:100%;
  flex:1 1 auto;
}
.odeme-pay-summary__meta .k{
  font-size:0.75rem;
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:#64748b;
}
.odeme-pay-summary__meta .v{
  font-size:0.95rem;
  font-weight:700;
  color:#0f172a;
  font-variant-numeric:tabular-nums;
  letter-spacing:0.02em;
}
.odeme-pay-summary__badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.odeme-pay-summary__badges .badge{
  max-width:100%;
  line-height:1.3;
}
.odeme-pay-summary__calc{
  min-width:0;
  padding:16px 18px;
}
.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;
  white-space:nowrap;
  flex-shrink:0;
}
.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{
  margin:0;
  padding:11px 18px;
  font-size:0.8125rem;
  line-height:1.45;
  color:#64748b;
  background:#f8fafc;
  border-top:1px solid #e2e8f0;
}
@media (max-width:640px){
  .catalog-detail__payment-head .odeme-pay-summary__badges{
    margin-left:0;
    width:100%;
    order:3;
  }
  .odeme-pay-summary__meta{
    align-items:flex-start;
  }
}
.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: var(--radius-md);
  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;
  color:#fff;
  --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:#fff;
  border-color:#e2e8f0;
}
.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;
  }
}
.geliver-kargo-block__desi-form{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.geliver-kargo-block__desi-row{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 12px;
}
.geliver-kargo-block__desi-field{
  flex: 0 0 auto;
  min-width: 0;
}
.geliver-kargo-block__desi-action{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: flex-end;
}
.geliver-kargo-block__desi-action .js-geliver-teklif-getir{
  width: 100%;
  justify-content: center;
  min-height: 36px;
  height: 36px;
  padding: 6px 12px;
  font-size: 0.88rem;
  box-sizing: border-box;
}
@media (min-width: 420px){
  .geliver-kargo-block__desi-action{
    flex: 0 0 auto;
  }
  .geliver-kargo-block__desi-action .js-geliver-teklif-getir{
    width: auto;
  }
}
.geliver-kargo-block__desi-field .input{
  min-height: 36px;
  height: 36px;
  width: 5.5rem;
  box-sizing: border-box;
}
.geliver-kargo-block__desi-hint{
  display: block;
  font-size: 0.72rem;
  color: #94a3b8;
  line-height: 1.35;
}
.geliver-kargo-block__action-label{
  visibility: hidden;
}
.geliver-kargo-choice{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.geliver-kargo-choice[hidden]{
  display: none !important;
}
.geliver-kargo-choice__btn{
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 64px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md, 10px);
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
  box-sizing: border-box;
}
.geliver-kargo-choice__btn:hover:not(:disabled){
  border-color: #94a3b8;
  background: #f8fafc;
}
.geliver-kargo-choice__btn:disabled{
  opacity: .55;
  cursor: not-allowed;
}
.geliver-kargo-choice__btn--primary{
  border-color: #0f766e;
  background: #f0fdfa;
}
.geliver-kargo-choice__btn--primary:hover:not(:disabled){
  border-color: #0f766e;
  background: #ccfbf1;
}
.geliver-kargo-choice__logo{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  min-height: 32px;
}
.geliver-kargo-choice__logo .siparis-ship-kargo-logo,
.geliver-kargo-choice__logo .kargo-firma-logo{
  max-height: 28px;
  max-width: 88px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.geliver-kargo-choice__logo-fallback{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #e2e8f0;
  color: #475569;
}
.geliver-kargo-choice__logo-fallback .ui-icon,
.geliver-kargo-choice__logo-fallback svg{
  width: 18px;
  height: 18px;
}
.geliver-kargo-choice__text{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.geliver-kargo-choice__text strong{
  font-size: 0.92rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.3;
}
.geliver-kargo-choice__text .muted{
  font-size: 0.82rem;
  min-height: 1.2em;
}
.geliver-kargo-offers__back{
  display: inline-flex;
  margin-bottom: 8px;
  padding-left: 0;
}
.geliver-kargo-offers__list{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
@media (min-width: 721px){
  .geliver-kargo-offers__list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.geliver-kargo-offer{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 12px;
  row-gap: 8px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-md);
  background: #fff;
}
.geliver-kargo-offer__brand{
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.geliver-kargo-offer__logo{
  display: block;
  max-height: 28px;
  max-width: 110px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.geliver-kargo-offer__price{
  grid-column: 2;
  grid-row: 1;
  margin-left: 0;
  font-weight: 700;
  color: #0f172a;
  white-space: nowrap;
}
.geliver-kargo-offer .js-geliver-teklif-sec{
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  justify-content: center;
}
.modal-dialog--legal{
  max-width: min(42rem, 96vw);
}
.modal-dialog--orijinallik-form{
  max-width: min(52rem, 96vw);
}
.modal-body--legal{
  max-height: min(70vh, 520px);
  overflow-y: auto;
}
.modal-body--orijinallik-form{
  max-height: min(78vh, 720px);
}
/* Metni oku: Formu ?ndir ile ayn? belge g?vdesi (ekranda okunur) */
.orijinallik-form-read{
  color: #1a1a1a;
  font-size: 0.9rem;
  line-height: 1.55;
}
.orijinallik-form-read .page{
  margin: 0 0 1rem;
  padding: 0 0 1rem;
  border-bottom: 1px solid #e2e8f0;
  background: transparent;
  box-shadow: none;
  width: auto;
  min-height: 0;
  height: auto;
  max-width: none;
  overflow: visible;
  display: block;
}
.orijinallik-form-read .page:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.orijinallik-form-read .page--cover .logo{
  text-align: center;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  margin: 0 0 0.35rem;
  color: #111;
}
.orijinallik-form-read .page--cover .company{
  text-align: center;
  font-size: 0.82rem;
  font-weight: 600;
  color: #475569;
  margin-bottom: 0.75rem;
}
.orijinallik-form-read .page--cover .title{
  text-align: center;
  margin-bottom: 0.75rem;
}
.orijinallik-form-read .page--cover .title h1{
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0 0 0.4rem;
  color: #111;
}
.orijinallik-form-read .page--cover .title h2{
  font-size: 0.88rem;
  font-weight: 500;
  color: #475569;
  margin: 0;
}
.orijinallik-form-read .page--cover .info{
  margin: 0.75rem 0;
  border: 1px solid #cbd5e1;
  overflow: hidden;
}
.orijinallik-form-read .page--cover .info table{
  width: 100%;
  border-collapse: collapse;
}
.orijinallik-form-read .page--cover .info td{
  padding: 6px 8px;
  border: 1px solid #e2e8f0;
  font-size: 0.85rem;
  vertical-align: top;
}
.orijinallik-form-read .page--cover .info td:first-child{
  width: 32%;
  background: #f8fafc;
  font-weight: 600;
}
.orijinallik-form-read .page--cover .note p{
  margin: 0 0 0.55rem;
  text-align: justify;
  color: #334155;
}
.orijinallik-form-read .page--cover .note p:last-child{ margin-bottom: 0; }
.orijinallik-form-read .page > h2,
.orijinallik-form-read .page .block > h2{
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  margin: 0.85rem 0 0.4rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #e2e8f0;
  color: #111;
}
.orijinallik-form-read .page > h2:first-child,
.orijinallik-form-read .page > .block:first-child > h2:first-child{ margin-top: 0; }
.orijinallik-form-read .page > h2.center,
.orijinallik-form-read .page .block > h2.center,
.orijinallik-form-read .center{
  text-align: center;
  border-bottom: none;
  padding-bottom: 0;
}
.orijinallik-form-read .page > p,
.orijinallik-form-read .page .block > p{
  margin: 0 0 0.55rem;
  text-align: justify;
  color: #334155;
}
.orijinallik-form-read .block{ display: block; }

.orijinallik-form-read .page > ul,
.orijinallik-form-read .page > ol{
  margin: 0 0 0.55rem 1.15rem;
  padding: 0;
  color: #334155;
}
.orijinallik-form-read .page > ul li,
.orijinallik-form-read .page > ol li{
  margin: 0 0 0.35rem;
  text-align: justify;
}
.orijinallik-form-read .info-table,
.orijinallik-form-read .grid{
  width: 100%;
  border-collapse: collapse;
  margin: 0.4rem 0 0.65rem;
  font-size: 0.85rem;
}
.orijinallik-form-read .info-table td,
.orijinallik-form-read .grid td,
.orijinallik-form-read .grid th{
  padding: 5px 8px;
  border: 1px solid #cbd5e1;
  vertical-align: middle;
}
.orijinallik-form-read .info-table .lbl,
.orijinallik-form-read .grid th{
  width: 34%;
  background: #f8fafc;
  font-weight: 700;
  text-align: left;
}
.orijinallik-form-read .grid .c{ text-align: center; width: 42px; }
.orijinallik-form-read .grid .blank{ min-width: 52px; height: 22px; }
.orijinallik-form-read .box{
  border: 1px solid #cbd5e1;
  padding: 0.65rem 0.75rem;
  margin-top: 0.65rem;
}
.orijinallik-form-read .box.bg{ background: #f8fafc; }
.orijinallik-form-read .box p{ margin: 0 0 0.4rem; text-align: justify; color: #334155; }
.orijinallik-form-read .box p:last-child{ margin-bottom: 0; }
.orijinallik-form-read .strong{ font-weight: 800; }
.orijinallik-form-read .mt{ margin-top: 0.75rem !important; }
.orijinallik-form-read .sig-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-top: 1rem;
}
.orijinallik-form-read .sig-box{
  min-height: 5rem;
  border: 1px solid #cbd5e1;
  padding: 0.55rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.orijinallik-form-read .sig-label{
  text-align: center;
  font-weight: 800;
  font-size: 0.85rem;
  width: 100%;
}
.orijinallik-form-read .footer,
.orijinallik-form-read .page-foot{
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  column-gap: 0.5rem;
  border-top: 1px solid #e2e8f0;
  margin-top: 0.85rem;
  padding-top: 0.45rem;
  font-size: 0.78rem;
  color: #64748b;
  line-height: 1.3;
}
.orijinallik-form-read .page-foot > div:nth-child(2),
.orijinallik-form-read .footer > div:nth-child(2){
  text-align: center;
}
.orijinallik-form-read .page-foot > div:last-child,
.orijinallik-form-read .footer > div:last-child{
  font-weight: 700;
  text-align: right;
}
.orijinallik-form-read .page--cover .footer{
  grid-template-columns: 1fr auto;
}
.legal-beyan--modal p{
  margin: 0 0 10px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #334155;
}
.legal-beyan--modal .legal-beyan__body{
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #334155;
  white-space: normal;
}
.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,
.trade-pager,
.pager{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap: wrap;
}
.trade-pager--numbered{
  justify-content: space-between;
  gap: 8px 12px;
}
/* Admin ? ?r?nler: liste ?st? kontroller tek ?erit */
body.mode-admin .admin-urunler-page .admin-urun-list-controls{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 12px;
  padding: 8px 10px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: var(--radius-md, 8px);
  background: #f8fafc;
}
body.mode-admin .admin-urunler-page .admin-urun-list-controls > .trade-pager{
  flex: 1 1 240px;
  margin: 0;
  min-width: 0;
  padding: 0;
}
body.mode-admin .admin-urunler-page .trade-pager--numbered{
  justify-content: center;
}
body.mode-admin .admin-urunler-page .trade-pager--numbered.trade-pager--controls{
  justify-content: space-between;
}
body.mode-admin .admin-urunler-page .card > .trade-pager--numbered,
body.mode-admin .admin-urunler-page .card > .admin-urun-list-controls{
  margin-top: 0;
  margin-bottom: 10px;
}
body.mode-admin .admin-urunler-page .card > .table-wrap + .trade-pager--numbered{
  margin-top: 12px;
  margin-bottom: 0;
}
.trade-pager__pages{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.trade-pager__page{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.45rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm, 6px);
  background: #fff;
  color: #475569;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: border-color 0.14s ease, background 0.14s ease, color 0.14s ease;
}
.trade-pager__page:hover:not(.is-active){
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}
.trade-pager__page.is-active{
  border-color: var(--accent-border, #99f6e4);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent-hover, #0f766e);
  pointer-events: none;
}
.trade-pager__ellipsis{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  color: #94a3b8;
  font-weight: 700;
  user-select: none;
}
.trade-pager__meta{
  font-size: 0.8125rem;
  white-space: nowrap;
  color: #64748b;
}
body.mode-admin .admin-urunler-page .trade-pager--numbered{
  padding: 0 2px 4px;
}
body.mode-admin .admin-urunler-page .admin-urun-list-controls > .trade-pager--numbered{
  padding: 0;
}
.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;
}

/* Geliver ortak kargo etiketi */
.kargo-etiket{
  max-width: 420px;
  padding: 0;
  border: 2px solid #0f172a;
  border-radius: 0;
  overflow: hidden;
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: #0f172a;
  background: #fff;
}
.kargo-etiket__cell{
  padding: 8px 10px;
  border-bottom: 1.5px solid #0f172a;
  text-align: center;
}
.kargo-etiket__cell:last-child{
  border-bottom: none;
}
.kargo-etiket__top{
  display: block;
  border-bottom: 1.5px solid #0f172a;
}
.kargo-etiket__top > .kargo-etiket__cell{
  border-bottom: none;
  border-right: none;
  min-width: 0;
}
.kargo-etiket__parties{
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1.5px solid #0f172a;
}
.kargo-etiket__parties--single{
  grid-template-columns: 1fr;
}
.kargo-etiket__parties > .kargo-etiket__party{
  border-bottom: none;
  border-right: 1.5px solid #0f172a;
  text-align: center;
  min-width: 0;
}
.kargo-etiket__parties > .kargo-etiket__party:last-child{
  border-right: none;
}
.kargo-etiket__parties > .kargo-etiket__party:only-child{
  grid-column: 1 / -1;
}
.kargo-etiket__cell--brand,
.kargo-etiket__cell--head,
.kargo-etiket__cell--carrier,
.kargo-etiket__cell--carrier-barcode,
.kargo-etiket__cell--barcode{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.kargo-etiket__cell--brand{
  padding: 8px 12px 10px;
  gap: 3px;
  background: #fff;
  border-bottom: none;
}
.kargo-etiket__cell--head{
  padding: 8px 10px;
  align-items: stretch;
  gap: 5px;
}
.kargo-etiket__cell--carrier{
  padding: 8px 10px;
}
.kargo-etiket__cell--carrier-barcode{
  padding: 8px 10px 10px;
  gap: 6px;
}
.kargo-etiket__cell--barcode{
  padding: 8px 10px 10px;
}
.kargo-etiket__geliver{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.kargo-etiket__geliver-logo{
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
}
.kargo-etiket__ribbon{
  background: transparent;
  color: #0f172a;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0;
  line-height: 1.15;
}
.kargo-etiket__cell-sub{
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.25;
  text-align: center;
}
.kargo-etiket__uyari{
  margin: 2px 0 0;
  padding: 5px 6px;
  border-top: 1px solid #cbd5e1;
  font-size: 8px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  color: #334155;
  letter-spacing: 0.01em;
}
.kargo-etiket__logo-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: 160px;
  min-height: 28px;
}
.kargo-etiket__logo{
  display: block;
  width: auto;
  max-width: 160px;
  height: auto;
  max-height: 36px;
  object-fit: contain;
}
.kargo-etiket__firma{
  font-size: 16px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-align: center;
}
.kargo-etiket__party{
  text-align: center;
}
.kargo-etiket__section-label{
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 4px;
}
.kargo-etiket__party-ad{
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
  word-break: break-word;
}
.kargo-etiket__party-tel{
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.kargo-etiket__party-adres{
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.35;
  color: #334155;
  text-transform: uppercase;
  word-break: break-word;
}
.kargo-etiket__party--alici .kargo-etiket__party-ad{
  font-size: 14px;
}
.kargo-etiket__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1.5px solid #0f172a;
}
.kargo-etiket__grid-cell{
  padding: 6px 6px;
  text-align: center;
  border-right: 1.5px solid #0f172a;
  min-width: 0;
}
.kargo-etiket__grid-cell:nth-child(4n),
.kargo-etiket__grid-cell:last-child{
  border-right: none;
}
.kargo-etiket__grid-cell:nth-child(n+5){
  border-top: 1.5px solid #0f172a;
}
.kargo-etiket__grid-cell:last-child:nth-child(4n+1){
  grid-column: 1 / -1;
}
.kargo-etiket__grid-k{
  display: block;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 2px;
}
.kargo-etiket__grid-v{
  display: block;
  font-size: 11px;
  font-weight: 700;
  word-break: break-word;
  line-height: 1.25;
}
.kargo-etiket__grid-v--track{
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.kargo-etiket__site{
  display: flex;
  align-items: center;
  justify-content: center;
}
.kargo-etiket__site-logo{
  display: block;
  width: auto;
  height: auto;
  max-height: 28px;
  max-width: 140px;
  object-fit: contain;
}
.kargo-etiket__domain{
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #475569;
  text-align: center;
  line-height: 1.2;
}
.kargo-etiket .print-barcode,
.kargo-etiket__barcode{
  margin: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  background: #fff;
  width: 100%;
}
.kargo-etiket .print-barcode svg{
  height: 64px;
  width: 100%;
}

.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; }

  /* Yaln?zca etiket yazd?rmada her ?eyi gizle (fatura ile ?ak??mas?n) */
  body.is-printing *{ display: none !important; }
  body.is-printing .print-label.is-print-active,
  body.is-printing .print-label.is-print-active *,
  body.is-printing #printLabelPrint,
  body.is-printing #printLabelPrint *,
  body.is-printing #hsPrintLabelPrint,
  body.is-printing #hsPrintLabelPrint *,
  body.is-printing #siparisBulkPrint,
  body.is-printing #siparisBulkPrint *,
  body.is-printing #siparisListPrintHost,
  body.is-printing #siparisListPrintHost *{ display: block !important; }
  /* svg i? elemanlar? kaybolmas?n */
  body.is-printing .print-label.is-print-active svg,
  body.is-printing .print-label.is-print-active svg *,
  body.is-printing #printLabelPrint svg,
  body.is-printing #printLabelPrint svg *,
  body.is-printing #hsPrintLabelPrint svg,
  body.is-printing #hsPrintLabelPrint svg *,
  body.is-printing #siparisBulkPrint svg,
  body.is-printing #siparisBulkPrint svg *,
  body.is-printing #siparisListPrintHost svg,
  body.is-printing #siparisListPrintHost svg *{ display: initial !important; }

  body.is-printing .print-label.is-print-active,
  body.is-printing #printLabelPrint,
  body.is-printing #hsPrintLabelPrint{
    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;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket,
  body.is-printing #siparisBulkPrint .print-label--bulk-item.kargo-etiket,
  body.is-printing #siparisListPrintHost .print-label--bulk-item.kargo-etiket,
  body.is-printing #printLabelPrint.kargo-etiket,
  body.is-printing #hsPrintLabelPrint.kargo-etiket{
    border: 2px solid #0f172a !important;
    max-width: 420px !important;
    padding: 0 !important;
  }
  /* display:block !important * kural?n? ge?ecek ?zg?ll?k (grid/flex) */
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__parties,
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__grid,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__parties,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__grid,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__parties,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__grid,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__parties,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__grid,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__parties,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__grid{
    display: grid !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__parties:not(.kargo-etiket__parties--single),
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__parties:not(.kargo-etiket__parties--single),
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__parties:not(.kargo-etiket__parties--single),
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__parties:not(.kargo-etiket__parties--single),
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__parties:not(.kargo-etiket__parties--single){
    grid-template-columns: 1fr 1fr !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__parties--single,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__parties--single,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__parties--single,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__parties--single,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__parties--single{
    grid-template-columns: 1fr !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__grid,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__grid,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__grid,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__grid,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__grid{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__cell--brand,
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__cell--head,
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__cell--carrier,
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__cell--carrier-barcode,
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__cell--barcode,
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__logo-wrap,
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__site,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__cell--brand,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__cell--head,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__cell--carrier,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__cell--carrier-barcode,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__cell--barcode,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__logo-wrap,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__site,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__cell--brand,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__cell--head,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__cell--carrier,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__cell--carrier-barcode,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__cell--barcode,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__logo-wrap,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__site,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__cell--brand,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__cell--head,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__cell--carrier,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__cell--carrier-barcode,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__cell--barcode,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__logo-wrap,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__site,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__cell--brand,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__cell--head,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__cell--carrier,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__cell--carrier-barcode,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__cell--barcode,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__logo-wrap,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__site{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__cell--head,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__cell--head,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__cell--head,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__cell--head,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__cell--head{
    align-items: stretch !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__geliver,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__geliver,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__geliver,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__geliver,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__geliver{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__logo,
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__logo,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__logo,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__logo,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__logo,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__site-logo{
    display: block !important;
    max-width: 160px !important;
    max-height: 36px !important;
    width: auto !important;
    height: auto !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__site-logo{
    max-height: 28px !important;
    max-width: 140px !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__uyari,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__uyari,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__uyari,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__uyari,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__uyari{
    display: block !important;
    text-align: center !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__site-logo,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__site-logo{
    max-height: 24px !important;
    max-width: 120px !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__geliver-logo,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__geliver-logo,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__geliver-logo,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__geliver-logo,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__geliver-logo{
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .print-barcode svg,
  body.is-printing #siparisBulkPrint .kargo-etiket .print-barcode svg,
  body.is-printing #siparisListPrintHost .kargo-etiket .print-barcode svg,
  body.is-printing #printLabelPrint.kargo-etiket .print-barcode svg,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .print-barcode svg{
    height: 64px !important;
  }
  body.is-printing .print-label.is-print-active.kargo-etiket .kargo-etiket__ribbon,
  body.is-printing #siparisBulkPrint .kargo-etiket .kargo-etiket__ribbon,
  body.is-printing #siparisListPrintHost .kargo-etiket .kargo-etiket__ribbon,
  body.is-printing #printLabelPrint.kargo-etiket .kargo-etiket__ribbon,
  body.is-printing #hsPrintLabelPrint.kargo-etiket .kargo-etiket__ribbon{
    display: inline-block !important;
  }
  body.is-printing #siparisBulkPrint,
  body.is-printing #siparisListPrintHost{
    margin: 0 !important;
    padding: 0 !important;
  }
  body.is-printing #siparisBulkPrint .print-label--bulk-item,
  body.is-printing #siparisListPrintHost .print-label--bulk-item{
    display: block !important;
    margin: 0 0 12mm !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    page-break-after: always !important;
    break-after: page !important;
  }
  body.is-printing #siparisBulkPrint .print-label--bulk-item.kargo-etiket,
  body.is-printing #siparisListPrintHost .print-label--bulk-item.kargo-etiket{
    border: 2px solid #0f172a !important;
  }
  body.is-printing #siparisBulkPrint .print-label--bulk-item:last-child,
  body.is-printing #siparisListPrintHost .print-label--bulk-item:last-child{
    page-break-after: avoid !important;
    break-after: avoid !important;
  }
  body.is-printing .print-barcode,
  body.is-printing .print-barcode *{
    display: block !important;
  }

  /* Tek sayfaya zorla: label i?inde b?l?nme olmas?n */
  body.is-printing .print-label.is-print-active,
  body.is-printing .print-label.is-print-active *,
  body.is-printing #printLabelPrint,
  body.is-printing #printLabelPrint *,
  body.is-printing #hsPrintLabelPrint,
  body.is-printing #hsPrintLabelPrint *,
  body.is-printing #siparisBulkPrint .print-label--bulk-item,
  body.is-printing #siparisBulkPrint .print-label--bulk-item *,
  body.is-printing #siparisListPrintHost .print-label--bulk-item,
  body.is-printing #siparisListPrintHost .print-label--bulk-item *{
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  body.is-printing{
    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-end,
table.simple td.trade-td-end {
  text-align: right;
}

.trade-th-end,
table.simple th.trade-th-end {
  text-align: right;
}

.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-card__metrics-three {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (min-width: 480px) {
  .trade-query-card__metrics-three {
    grid-template-columns: repeat(3, 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; ?ye no kutusu butonlarla ayn? boy */
.satici-performans__header .trade-takip-btn,
.satici-performans__meta > .btn-with-icon{
  font-size: 0.82rem;
  padding: 6px 10px;
  min-height: 34px;
  box-sizing: border-box;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
.satici-performans__meta .uye-no-line{
  font-size: 0.82rem;
  line-height: 1.2;
  min-height: 34px;
  box-sizing: border-box;
  align-self: center;
}
.satici-performans__meta .uye-no-line__no{
  padding: 6px 10px;
}
#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;
  }

  /* Panel arama ara? ?ubu?u: yatay pad yok (?st/ara ile ayn? kenar hizas?) */
  .trade-toolbar:not(.hs-search-toolbar) {
    padding: 12px 14px;
  }
  body.mode-panel .trade-toolbar.hs-search-toolbar {
    padding-left: 0;
    padding-right: 0;
  }

  .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: 16px;
  max-width: 1920px;
}
body.mode-admin .dash-hero--admin{
  grid-column: 1 / -1;
  flex-wrap: wrap;
  align-items: flex-start;
  border: 1px solid var(--line);
  box-shadow: none;
}
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-kpis--admin-hero{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
body.mode-admin .dash-kpis--admin-hero .kpi-card{
  border: 1px solid var(--line);
  box-shadow: none;
  background: var(--surface);
  border-radius: var(--radius-md);
  padding: 10px 12px;
}
body.mode-admin .kpi-card--live{
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, var(--surface) 55%);
  border-color: rgba(34, 197, 94, 0.28);
}
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: 16px;
  align-items: start;
}
body.mode-admin .dash-admin-grid__main{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.mode-admin .dash-admin-grid__side{
  min-width: 0;
}
body.mode-admin .dash-card--admin-block{
  border: 1px solid var(--line);
  box-shadow: none;
  background: var(--surface);
  padding: 12px 14px 14px;
  gap: 10px;
}
body.mode-admin .dash-card--admin-block:hover{
  box-shadow: none;
}
body.mode-admin .dash-card--admin-block .dash-card__head--section{
  margin-bottom: 4px;
}
body.mode-admin .dash-card__side-title{
  margin: 0;
  font-size: 0.95rem;
  font-weight: 750;
  letter-spacing: -0.01em;
  color: var(--ink);
  line-height: 1.25;
}
body.mode-admin .dash-section__grid--admin{
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 720px){
  body.mode-admin .dash-section__grid--admin{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body.mode-admin .dash-section__grid--admin .dash-section__chart{
  min-width: 0;
}
body.mode-admin .dash-section__grid--admin .dash-section__chart--wide{
  grid-column: 1 / -1;
}
body.mode-admin .dash-section__grid--admin .dash-chart--section{
  position: relative;
  height: 164px;
  margin-top: 0;
}
body.mode-admin .dash-section__grid--admin .dash-chart--tall{
  height: 200px;
}
body.mode-admin .dash-section__grid--admin .dash-chart--doughnut{
  height: 200px;
}
body.mode-admin .dash-section__grid--admin .dash-chart--hbar{
  height: 188px;
}
body.mode-admin .dash-list--top-stores{
  margin-top: 10px;
}
body.mode-admin .dash-list--top-stores:empty,
body.mode-admin .dash-list--top-stores[hidden]{
  display: none;
}
body.mode-admin .dash-list--top-stores .dash-table{
  margin-top: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--surface);
}
body.mode-admin .dash-list--top-stores .dash-tr{
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) 72px 88px;
  gap: 8px;
  padding: 8px 10px;
  align-items: center;
}
body.mode-admin .dash-list--top-stores .dash-tr--head{
  background: var(--surface-muted, #f8fafc);
  border-bottom: 1px solid var(--line);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
body.mode-admin .dash-list--top-stores .dash-tr:not(.dash-tr--head) + .dash-tr,
body.mode-admin .dash-list--top-stores .dash-tr--head + .dash-tr{
  border-top: 1px solid var(--line);
}
body.mode-admin .dash-list--top-stores .dash-th--right,
body.mode-admin .dash-list--top-stores .dash-td--right{
  text-align: right;
}
body.mode-admin .dash-list--top-stores .dash-store__title{
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.25;
}
body.mode-admin .dash-list--top-stores .dash-store__sub{
  font-size: 0.74rem;
  color: var(--ink-muted);
  margin-top: 1px;
}
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;
}
/* Admin ana sayfa k?sayollar? ? mobil: 4 s?tun (sat?r ba??na 4 kutu) */
@media (max-width: 860px){
  body.mode-admin .dash-actions--admin{
    width: 100%;
    max-width: 100%;
    align-items: stretch;
    gap: 8px;
  }
  body.mode-admin .dash-actions--admin .dash-actions__row,
  body.mode-admin .dash-actions--admin .dash-actions__row--primary,
  body.mode-admin .dash-actions--admin .dash-actions__row--secondary{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.mode-admin .dash-actions--admin .dash-actions__row .btn,
  body.mode-admin .dash-actions--admin .dash-actions__row .btn.btn-with-icon{
    display: inline-flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 64px;
    padding: 8px 4px;
    box-sizing: border-box;
    text-align: center;
    white-space: normal;
    line-height: 1.15;
    flex: none !important;
  }
  body.mode-admin .dash-actions--admin .dash-actions__row .btn .ui-icon{
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
  body.mode-admin .dash-actions--admin .dash-actions__row .btn > span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
    white-space: normal;
    font-size: 0.62rem;
    line-height: 1.15;
  }
}
body.mode-admin .dash-alerts-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 8px;
  margin-top: 2px;
}
body.mode-admin .dash-alert-kpi{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: var(--surface);
  text-decoration: none;
  color: inherit;
  box-shadow: none;
  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: var(--surface);
}
body.mode-admin .dash-alert-kpi--active{
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.06);
}
body.mode-admin .dash-alert-kpi__title{
  font-size: 0.74rem;
  font-weight: 650;
  color: var(--ink-muted);
}
body.mode-admin .dash-alert-kpi__value{
  font-size: 1.25rem;
  font-weight: 750;
  color: var(--ink);
  letter-spacing: -0.02em;
}
body.mode-admin .dash-card--presence{
  position: sticky;
  top: 12px;
}
body.mode-admin .dash-presence-wrap{
  max-height: none;
  overflow: visible;
}
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: var(--surface);
  box-shadow: none;
}
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);
}
@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-section__grid--admin{
    grid-template-columns: 1fr;
  }
  body.mode-admin .dash-section__grid--admin .dash-section__chart--wide{
    grid-column: auto;
  }
  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
   Mobil: lead i?inde ?zet ? slider ? al??/sat??, sonra grafikler
   Masa?st?: lead display:contents; sol KPI+grafikler, sa?da slider + Al??/Sat?? sticky */
.dash-home{
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: 1920px;
  align-items: start;
}
.dash-home__lead{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dash-home__main{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dash-home__main > .card{
  margin-bottom: 0;
}
/* ?lan listesi hissi: sakin kart, hafif g?lge */
.dash-home__main .dash-card--section{
  border: 1px solid var(--line);
  box-shadow: none;
  background: var(--surface);
  padding: 12px 14px 14px;
  gap: 10px;
}
.dash-home__main .dash-card--section:hover{
  box-shadow: none;
}
.dash-home__left{
  min-width: 0;
}
.dash-home__right{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dash-kpi-strip{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.dash-home__lead .kpi-card--mini,
.dash-home__main .kpi-card--mini{
  flex: 1 1 88px;
  min-width: 88px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: none;
}
.dash-home__lead .kpi-card--mini.kpi-card--warn,
.dash-home__main .kpi-card--mini.kpi-card--warn{
  background: var(--surface);
  border-color: rgba(245, 158, 11, 0.35);
}
.kpi-card--mini .kpi-title{
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.kpi-card--mini .kpi-value{
  font-size: 1.12rem;
  font-weight: 750;
  margin-top: 4px;
  letter-spacing: -0.02em;
}
.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 8px;
  border-bottom: 1px solid var(--line);
}
.dash-card__head--section .section-label{
  margin-bottom: 0;
  letter-spacing: 0.06em;
}
.dash-card__head-titles{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.dash-card__hint{
  font-size: 0.84rem;
  font-weight: 500;
  color: var(--ink-muted);
  line-height: 1.3;
}
.dash-card__hint--range{
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ink-muted);
  letter-spacing: 0.01em;
}
.dash-card__hint--range[hidden]{
  display: none !important;
}
.dash-section__kpis{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.dash-section__kpis .dash-kpis--dense{
  margin-top: 0;
}
.dash-home__main .dash-kpis--dense{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.dash-home__main .dash-kpis--dense .kpi-card{
  padding: 10px 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  box-shadow: none;
  background: var(--surface);
}
.dash-home__main .dash-kpis--dense .kpi-card--soft{
  background: rgba(15, 118, 110, 0.04);
}
.dash-home__main .dash-kpis--dense .kpi-card--warn{
  background: rgba(245, 158, 11, 0.05);
}
.dash-home__main .dash-kpis--dense .kpi-title{
  font-size: 0.72rem;
  font-weight: 600;
}
.dash-home__main .dash-kpis--dense .kpi-value{
  margin-top: 4px;
  font-size: 1.2rem;
  font-weight: 750;
}
.dash-home__main .dash-kpis--dense .kpi-sub{
  margin-top: 2px;
  font-size: 0.8rem;
}
.dash-section__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.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: 10px;
  padding: 14px 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.62) 100%),
    var(--surface);
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}
.dash-section__chart--wide{
  grid-column: 1 / -1;
}
.dash-section__chart-title{
  margin: 0;
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--ink);
  text-transform: none;
  letter-spacing: 0.005em;
  line-height: 1.25;
  padding-bottom: 0;
  border-bottom: 0;
}
.dash-chart--section{
  position: relative;
  height: 168px;
  margin-top: 0;
}
.dash-section__chart--tall .dash-chart--section,
.dash-chart--section.dash-chart--tall{
  height: 228px;
}
.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: 650;
  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: 1;
}
.dash-chart--no-data > canvas{
  opacity: 0.18;
}
.dash-chart--no-data::after{
  content: attr(data-empty-msg);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--ink-muted);
  pointer-events: none;
  line-height: 1.35;
  background: radial-gradient(ellipse at center, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.18) 70%, transparent 100%);
}
.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;
}
/* Al??/Sat?? ?zeti: slider alt?nda (sa? s?tun) veya reklam yoksa lead i?inde */
.dash-home__lead > .dash-card--trade-side-kpi,
.dash-home__right > .dash-card--trade-side-kpi,
.dash-home__main > .dash-card--trade-side-kpi{
  margin: 0;
  border: 1px solid var(--line);
  box-shadow: none;
  background: var(--surface);
}
.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.30fr 0.70fr;
    /* Sa? s?tun t?m sol y?ksekli?i boyunca; sol bo?luk kalmaz (KPI + main pe? pe?e) */
    grid-template-areas:
      "kpi right"
      "main right";
  }
  .dash-home:not(:has(.dash-home__right)){
    grid-template-columns: 1fr;
    grid-template-areas:
      "kpi"
      "trade"
      "main";
  }
  /* lead sarmalay?c?y? k?r: ?ocuklar do?rudan grid ??esi olur */
  .dash-home__lead{
    display: contents;
  }
  .dash-home__lead > .dash-kpi-strip{
    grid-area: kpi;
  }
  .dash-home__lead > .dash-card--trade-side-kpi{
    grid-area: trade;
  }
  .dash-home__main{
    grid-area: main;
  }
  .dash-home__right{
    grid-area: right;
    align-self: start;
    position: sticky;
    top: 12px;
    z-index: 2;
  }
}
/* Mobil / tablet: tek s?tun ? slider alt?nda Al??/Sat?? */
@media (max-width: 1099.98px){
  .dash-home{
    grid-template-columns: 1fr;
    grid-template-areas: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .dash-home__lead{
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    width: 100%;
  }
  .dash-home__lead > .dash-kpi-strip{
    order: 1;
    width: 100%;
    min-width: 0;
  }
  .dash-home__lead > .dash-home__right{
    order: 2;
  }
  .dash-home__lead > .dash-card--trade-side-kpi{
    order: 3;
  }
  .dash-home__right{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 12px;
  }
  /* Tablet + telefon: KPI 2 s?tun, ta?ma yok */
  .dash-kpi-strip{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .dash-home__lead .kpi-card--mini,
  .dash-home__main .kpi-card--mini{
    flex: none;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 12px;
  }
  .dash-kpi-strip .kpi-card--mini:last-child:nth-child(odd){
    grid-column: 1 / -1;
  }
}
@media (max-width: 900px){
  .dash-home__main .dash-kpis--dense{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kpi-card--mini .kpi-title{
    font-size: 0.74rem;
  }
  .kpi-card--mini .kpi-value{
    font-size: 1.2rem;
    margin-top: 6px;
  }
  .dash-home__main .dash-card--section{
    padding: 12px;
  }
  .dash-card__head--section{
    flex-wrap: wrap;
    gap: 6px 10px;
  }
}
@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{
    gap: 12px;
  }
  .dash-home__main{
    gap: 12px;
  }
  .dash-section__chart{
    padding: 12px 12px 14px;
  }
  .dash-chart--section{
    height: 156px;
  }
  .dash-section__chart--tall .dash-chart--section,
  .dash-chart--section.dash-chart--tall{
    height: 188px;
  }
}
@media (max-width: 420px){
  .dash-kpi-strip{
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
  .dash-home__lead .kpi-card--mini,
  .dash-home__main .kpi-card--mini{
    padding: 10px;
  }
  .kpi-card--mini .kpi-title{
    font-size: 0.7rem;
  }
  .kpi-card--mini .kpi-value{
    font-size: 1.05rem;
    margin-top: 4px;
  }
}
.dash-ad--side{
  padding: 10px;
  position: static;
}

/* Sa? reklam slider (carousel) */
.dash-ad__slider{
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  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;
}

/* Mobil: g?rsel zaten metin ta??yor ? HTML katman? ?st?ne binmesin */
@media (max-width: 900px){
  .dash-ad--side{
    padding: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .dash-ad--side .dash-ad__slider{
    width: 100%;
    max-width: 100%;
    aspect-ratio: 4 / 3;
    min-height: 0;
  }
  .dash-ad--side .dash-ad__slide-media{
    object-fit: cover;
    object-position: center center;
  }
  /* G?rselli slaytta ek ba?l?k/metin gizli; ok + nokta yeterli */
  .dash-ad--side .dash-ad__slide--has-img .dash-ad__overlay{
    justify-content: flex-end;
    background: linear-gradient(
      180deg,
      rgba(15, 23, 42, 0) 55%,
      rgba(15, 23, 42, 0.35) 100%
    );
    pointer-events: none;
  }
  .dash-ad--side .dash-ad__slide--has-img .dash-ad__content{
    display: none;
  }
  .dash-ad--side .dash-ad__slide:not(.dash-ad__slide--has-img) .dash-ad__content{
    padding: 14px 14px 40px;
    gap: 6px;
  }
  .dash-ad--side .dash-ad__slide:not(.dash-ad__slide--has-img) .dash-ad__title{
    font-size: 1.05rem;
    line-height: 1.2;
  }
  .dash-ad--side .dash-ad__slide:not(.dash-ad__slide--has-img) .dash-ad__text{
    font-size: 0.8rem;
    line-height: 1.35;
    max-width: 100%;
  }
  .dash-ad__nav{
    width: 32px;
    height: 32px;
    font-size: 18px;
  }
  .dash-ad__nav--prev{ left: 8px; }
  .dash-ad__nav--next{ right: 8px; }
  .dash-ad__dots{
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
}

.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: #0f766e;
}
.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);
  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);
  }
  .table-wrap--katalog-picker tr.katalog-picker-row:hover,
  .table-wrap--katalog-picker tr.catalog-card:hover {
    transform: none;
    box-shadow: none;
    border-color: transparent;
  }
  .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;
}

/* Admin ? Vitrin: ?demeler kart + sat?r stili */
body.mode-admin .admin-vitrin-page{
  width: 100%;
}
body.mode-admin .admin-vitrin-page > .card-head--ops{
  align-items: center;
  margin-bottom: 16px;
}
body.mode-admin .admin-vitrin-page > .card-head--ops .admin-vitrin-page__head-actions{
  align-self: center;
}
body.mode-admin .admin-vitrin-page__head-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
body.mode-admin .admin-vitrin-page .admin-reklam-toolbar{
  margin-bottom: 12px;
  padding-bottom: 0;
  border-bottom: none;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple{
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple thead th:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 0;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple thead th:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple thead th.col-center,
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple thead th.col-actions,
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple thead th.col-num{
  text-align: center;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple tbody tr:hover td,
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple tbody tr.table-empty > td,
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple tbody tr:not(.odeme-row) > td[colspan]{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple td.col-actions,
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple th.col-actions,
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple td.col-num,
body.mode-admin .admin-vitrin-page .table-wrap--vitrin > table.simple th.col-num{
  text-align: center;
}

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-toolbar__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
body.mode-admin .admin-reklam-empty{
  padding: 28px 16px;
  text-align: center;
  border: 1px dashed rgba(15, 23, 42, 0.12);
  border-radius: var(--radius-lg);
  background: rgba(248, 250, 252, 0.7);
}
body.mode-admin .admin-reklam-empty__hint{
  font-size: 0.88rem;
  margin: 8px 0 0;
}
body.mode-admin .admin-reklam-empty__actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

/* Admin ? kampanya / kupon (vitrin hub i?i ? ?demeler tablo stili) */
body.mode-admin .admin-kampanya-card{
  overflow: hidden;
}
body.mode-admin .admin-kampanya-card > .card-head--ops{
  align-items: center;
  margin-bottom: 0;
}
body.mode-admin .admin-kampanya-card .admin-vitrin-page__head-actions{
  align-self: center;
}
body.mode-admin .admin-kampanya-card .jobs-filter--odemeler{
  margin-top: 4px;
  margin-bottom: 0;
}
body.mode-admin .simple--kampanya{
  table-layout: fixed;
  min-width: 1100px;
}
body.mode-admin .simple--kampanya col.col-kamp-gorsel{ width: 132px; }
body.mode-admin .simple--kampanya col.col-kamp-durum{ width: 8%; }
body.mode-admin .simple--kampanya col.col-kamp-tur{ width: 8%; }
body.mode-admin .simple--kampanya col.col-kamp-baslik{ width: 16%; }
body.mode-admin .simple--kampanya col.col-kamp-indirim{ width: 9%; }
body.mode-admin .simple--kampanya col.col-kamp-tarih{ width: 17%; }
body.mode-admin .simple--kampanya col.col-kamp-istat{ width: 12%; }
body.mode-admin .simple--kampanya col.col-kamp-yayin{ width: 8%; }
body.mode-admin .simple--kampanya col.col-kamp-islem{ width: 12%; }
body.mode-admin .simple--kampanya td.col-kamp-gorsel,
body.mode-admin .simple--kampanya td.col-kamp-gorsel.col-odeme-gorsel-cell{
  width: 132px;
  max-width: 132px;
  min-width: 132px;
  padding-left: 12px;
  padding-right: 12px;
  vertical-align: middle;
  overflow: visible;
}
body.mode-admin .simple--kampanya th.col-kamp-gorsel{
  width: 132px;
  max-width: 132px;
}
body.mode-admin .simple--kampanya .admin-kampanya-thumb{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 63px;
  overflow: hidden;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 6px;
  background: #f8fafc;
}
body.mode-admin .simple--kampanya .admin-kampanya-thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.mode-admin .simple--kampanya .admin-kampanya-thumb--empty{
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
}
body.mode-admin .simple--kampanya .admin-kampanya-live-sure__value{
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: var(--ink, #0f172a);
}
body.mode-admin .simple--kampanya .admin-kampanya-live-sure.is-ended .admin-kampanya-live-sure__value{
  color: #b45309;
  font-weight: 600;
}
body.mode-admin .simple--kampanya thead th.col-kamp-islem,
body.mode-admin .simple--kampanya thead th.col-kamp-yayin,
body.mode-admin .simple--kampanya td.col-kamp-islem,
body.mode-admin .simple--kampanya td.col-kamp-yayin{
  text-align: center;
}
body.mode-admin .simple--kampanya td.col-kamp-islem .admin-odeme-islem-cell{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
body.mode-admin .simple--kampanya .admin-kampanya-yayin-form{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
body.mode-admin .simple--kampanya .odeme-party{
  min-width: 0;
  text-align: left;
}
body.mode-admin .simple--kampanya .odeme-party__name{
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--kampanya .odeme-party__no{
  margin-top: 4px;
}
body.mode-admin .simple--kampanya .odeme-stack{
  min-width: 0;
}
body.mode-admin .simple--kampanya td.col-kamp-istat{
  vertical-align: middle;
}
body.mode-admin .simple--kampanya .admin-kampanya-katilim{
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: stretch;
  min-width: 0;
}
body.mode-admin .simple--kampanya .admin-kampanya-katilim__box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 5px 8px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 6px;
  background: #f8fafc;
}
body.mode-admin .simple--kampanya .admin-kampanya-katilim__label{
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  line-height: 1.2;
}
body.mode-admin .simple--kampanya .admin-kampanya-katilim__val{
  font-size: 0.875rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #0f172a);
  line-height: 1.2;
}
body.mode-admin .simple--kampanya .odeme-stack__primary{
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
}
body.mode-admin .simple--kampanya td.col-num .odeme-stack{
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.mode-admin .simple--kampanya .odeme-field{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.mode-admin .simple--kampanya .odeme-field--sub{
  margin-top: 6px;
}
body.mode-admin .simple--kampanya .odeme-field__label{
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .simple--kampanya .odeme-field__value{
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ink, #0f172a);
  line-height: 1.3;
}
body.mode-admin .simple--kampanya .badge{
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.72rem;
  white-space: nowrap;
}
body.mode-admin .admin-kampanya-type{
  border-color: rgba(37, 99, 235, 0.16);
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
}
body.mode-admin .admin-kampanya-type--coupon{
  border-color: rgba(124, 58, 237, 0.16);
  background: rgba(124, 58, 237, 0.08);
  color: #6d28d9;
}
body.mode-admin .admin-kampanya-inline-form{
  display: inline-flex;
  align-items: center;
  margin: 0;
}
body.mode-admin .admin-kampanya-dialog{
  width: min(94vw, 920px);
  max-width: min(94vw, 920px);
}
body.mode-admin #modalKampanya .modal-header__main h2{
  margin: 0;
}
body.mode-admin #modalKampanya .modal-form{
  gap: 16px 18px;
}
body.mode-admin #modalKampanya .admin-kampanya-form__full,
body.mode-admin #modalKampanya .admin-kampanya-form__footer{
  grid-column: 1 / -1;
}
body.mode-admin #modalKampanya textarea{
  min-height: 76px;
  resize: vertical;
}
body.mode-admin .admin-kampanya-form__section-label{
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .admin-kampanya-paylasim__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
body.mode-admin .admin-kampanya-paylasim__hint{
  grid-column: 1 / -1;
  font-size: 12px;
}
body.mode-admin .admin-kampanya-paylasim__hint .is-warn,
body.mode-admin #kampanya_paylasim_hint.is-warn{
  color: #b45309;
  font-weight: 600;
}
body.mode-admin .admin-kampanya-avantaj__hint{
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.35;
}
body.mode-admin .admin-kampanya-avantaj-list{
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #fff;
  overflow: hidden;
}
body.mode-admin .admin-kampanya-avantaj-row{
  display: grid;
  grid-template-columns: 16px 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  font-size: 13px;
  line-height: 1.3;
  cursor: pointer;
  transition: background .12s ease;
}
body.mode-admin .admin-kampanya-avantaj-row:last-child{
  border-bottom: 0;
}
body.mode-admin .admin-kampanya-avantaj-row:hover{
  background: rgba(248, 250, 252, 0.9);
}
body.mode-admin .admin-kampanya-avantaj-row:has(input:checked){
  background: rgba(15, 118, 110, 0.04);
}
body.mode-admin .admin-kampanya-avantaj-row input{
  margin: 2px 0 0;
  width: 16px;
  height: 16px;
  accent-color: #0f766e;
  cursor: pointer;
}
body.mode-admin .admin-kampanya-avantaj-row__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  color: #64748b;
}
body.mode-admin .admin-kampanya-avantaj-row:has(input:checked) .admin-kampanya-avantaj-row__icon{
  color: #0f766e;
}
body.mode-admin .admin-kampanya-avantaj-row__body{
  display: grid;
  gap: 1px;
  min-width: 0;
}
body.mode-admin .admin-kampanya-avantaj-row__body strong{
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 650;
}
body.mode-admin .admin-kampanya-avantaj-row__body small{
  color: var(--ink-muted);
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.25;
}
/* Eski chip / grid sınıfları (geriye dönük) */
body.mode-admin .admin-kampanya-avantaj-grid{
  display: flex;
  flex-direction: column;
  gap: 0;
}
body.mode-admin .admin-kampanya-avantaj-check{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  cursor: pointer;
}
body.mode-admin .admin-kampanya-avantaj-check input{
  margin: 0;
}
body.mode-admin .admin-kampanya-avantaj-mini{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
body.mode-admin .admin-kampanya-avantaj-badge{
  font-size: 11px;
  border: 1px solid #99d5cd;
  background: #e7f7f4;
  color: #0f766e;
}
body.mode-admin .admin-kampanya-form__status{
  display: flex;
  align-items: flex-end;
}
body.mode-admin .admin-kampanya-status-toggle{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(248, 250, 252, 0.72);
  cursor: pointer;
}
body.mode-admin .admin-kampanya-status-toggle input{
  flex: 0 0 auto;
}
body.mode-admin .admin-kampanya-status-toggle span{
  display: grid;
  gap: 1px;
}
body.mode-admin .admin-kampanya-status-toggle strong{
  color: var(--ink);
  font-size: 0.82rem;
}
body.mode-admin .admin-kampanya-status-toggle small{
  color: var(--ink-muted);
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.25;
}
body.mode-admin #modalKampanya .admin-kampanya-form__footer{
  margin-top: 2px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
@media (max-width: 640px){
  body.mode-admin .admin-kampanya-card .admin-reklam-toolbar{
    align-items: stretch;
  }
  body.mode-admin .admin-kampanya-card .admin-reklam-toolbar .btn{
    width: 100%;
    justify-content: center;
  }
  body.mode-admin #modalKampanya .modal-form{
    grid-template-columns: 1fr;
  }
  body.mode-admin #modalKampanya .admin-kampanya-form__full,
  body.mode-admin #modalKampanya .admin-kampanya-form__footer{
    grid-column: 1;
  }
}
body.mode-admin .admin-reklam-preview--pazaryeri.admin-reklam-preview--quad-narrow{
  aspect-ratio: 1 / 1;
  max-width: 280px;
}
body.mode-admin .admin-reklam-preview--pazaryeri.admin-reklam-preview--quad-wide{
  aspect-ratio: 2 / 1;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-modal__layout--slider-unified{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  align-items: start;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-modal__shared-fields--top{
  grid-column: 1 / -1;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--line, rgba(15, 23, 42, 0.08));
}
body.mode-admin .modal--alisveris-slider .admin-reklam-modal__shared-fields--bottom{
  grid-column: 1 / -1;
  padding-top: 4px;
  border-top: 1px solid var(--line, rgba(15, 23, 42, 0.08));
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line, rgba(15, 23, 42, 0.1));
  border-radius: var(--radius-lg);
  background: rgba(248, 250, 252, 0.55);
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__head{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__title{
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--ink, #0f172a);
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-specs{
  margin: 0;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-specs .admin-reklam-specs-line{
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.45;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__preview{
  width: 100%;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__preview .admin-reklam-preview--modal{
  width: 100%;
  justify-content: flex-end;
  cursor: pointer;
  overflow: hidden;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__preview .admin-reklam-preview--modal.is-dragover{
  outline: 2px solid rgba(37, 99, 235, 0.45);
  outline-offset: 2px;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-preview__media{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 0;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-preview__toolbar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-top: auto;
  padding-top: 10px;
  position: relative;
  z-index: 2;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-preview__toolbar .btn{
  background: rgba(255, 255, 255, 0.92);
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__pending{
  margin: 0;
  font-size: 0.8rem;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__preview .admin-reklam-preview--modal:not(.admin-reklam-preview--has-img){
  justify-content: center;
  border: 1px dashed #cbd5e1;
  background-color: #f8fafc;
  color: var(--muted, #64748b);
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__preview .admin-reklam-preview--modal[class*="--theme-"]:not(.admin-reklam-preview--has-img){
  justify-content: flex-end;
  border-style: solid;
  border-color: transparent;
  color: #fff;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__preview .admin-reklam-preview--modal.admin-reklam-preview--has-img{
  background-color: #0f172a;
  background-size: cover;
  cursor: default;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__upload{
  margin: 0;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__upload .admin-reklam-form__block-label{
  font-size: 0.82rem;
  margin-bottom: 8px;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-modal__shared-fields:not(.admin-reklam-modal__shared-fields--top){
  grid-column: 1 / -1;
  padding-top: 8px;
  border-top: 1px solid var(--line, rgba(15, 23, 42, 0.08));
}
body.mode-admin .modal--alisveris-slider .admin-reklam-form__details{
  border: 1px solid var(--line, rgba(15, 23, 42, 0.1));
  border-radius: var(--radius-md);
  background: rgba(248, 250, 252, 0.5);
}
body.mode-admin .modal--alisveris-slider .admin-reklam-form__details > summary{
  padding: 10px 14px;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-form__details > summary::-webkit-details-marker{
  display: none;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-form__details > summary::before{
  content: "?";
  display: inline-block;
  margin-right: 8px;
  font-size: 0.75rem;
  color: var(--muted, #64748b);
  transition: transform 0.15s;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-form__details[open] > summary::before{
  transform: rotate(90deg);
}
body.mode-admin .modal--alisveris-slider .admin-reklam-form__details-body{
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0 14px 14px;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-gorsel__preview{
  gap: 12px;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-gorsel__pick{
  min-height: 110px;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-gorsel__thumb-wrap{
  max-height: 120px;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-gorsel__preview .admin-reklam-gorsel__thumb-wrap{
  flex: 0 0 100%;
  max-height: 160px;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-gorsel__preview .admin-reklam-gorsel__thumb-wrap img{
  width: 100%;
  max-height: 160px;
  object-fit: contain;
  border-radius: var(--radius-md);
  background: #0f172a;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-preview--pazaryeri-mobil{
  max-width: 200px;
  max-height: min(52vh, 420px);
  margin-inline: auto;
}
/* Mobil ?nizleme: panel ana sayfa slayt?yla uyumlu ? metin ?stte */
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__preview .admin-reklam-preview--modal.admin-reklam-preview--pazaryeri-mobil.admin-reklam-preview--has-img,
body.mode-admin .modal--alisveris-slider .admin-reklam-slider-device-col__preview .admin-reklam-preview--modal.admin-reklam-preview--pazaryeri-mobil[class*="--theme-"]:not(.admin-reklam-preview--empty){
  justify-content: flex-start;
}
body.mode-admin .modal--alisveris-slider .admin-reklam-preview--pazaryeri-mobil.admin-reklam-preview--has-img::before{
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0.92) 0%,
    rgba(15, 23, 42, 0.58) 30%,
    rgba(15, 23, 42, 0.08) 58%,
    rgba(15, 23, 42, 0) 100%
  );
}
@media (max-width: 960px){
  body.mode-admin .modal--alisveris-slider .admin-reklam-modal__layout--slider-unified{
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
body.mode-admin .modal--pazaryeri-slider .admin-reklam-preview-meta{
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
body.mode-admin .modal--pazaryeri-slider .admin-reklam-preview-size{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  background: rgba(248, 250, 252, 0.85);
  box-sizing: border-box;
}
body.mode-admin .modal--pazaryeri-slider .admin-reklam-preview-size__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 .modal--pazaryeri-slider .admin-reklam-preview-size__badge{
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.2;
  background: rgba(15, 23, 42, 0.06);
  color: var(--muted, #64748b);
}
body.mode-admin .modal--pazaryeri-slider .admin-reklam-preview-size__dim{
  font-size: 0.78rem;
  line-height: 1.3;
  white-space: nowrap;
}
body.mode-admin .modal--pazaryeri-slider .admin-reklam-preview-size__dim:not([hidden])::before{
  content: "?";
  margin: 0 8px 0 2px;
  color: rgba(100, 116, 139, 0.65);
  font-weight: 700;
}
body.mode-admin .modal--pazaryeri-slider .admin-reklam-preview-size--narrow .admin-reklam-preview-size__badge{
  background: rgba(99, 102, 241, 0.12);
  color: #4f46e5;
}
body.mode-admin .modal--pazaryeri-slider .admin-reklam-preview-size--wide .admin-reklam-preview-size__badge{
  background: rgba(13, 148, 136, 0.12);
  color: #0f766e;
}
body.mode-admin .modal--pazaryeri-slider .admin-reklam-preview-size.is-empty .admin-reklam-preview-size__badge{
  background: rgba(15, 23, 42, 0.05);
  color: var(--muted, #94a3b8);
  font-weight: 700;
  text-transform: none;
}
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: var(--radius-sm);
  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: 1920 / 640;
  background: linear-gradient(135deg, #0f766e 0%, #0d9488 45%, #7c2d12 100%);
  border-style: solid;
  border-color: transparent;
}
body.mode-admin .admin-reklam-thumb--theme-ocean{
  aspect-ratio: 1920 / 640;
  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: 1920 / 640;
  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: 1920 / 640;
  min-height: 0;
}
body.mode-admin .admin-reklam-preview--theme-sunset:not(.admin-reklam-preview--has-img){
  background: linear-gradient(135deg, #0f766e 0%, #0d9488 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: var(--radius-md);
  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: var(--radius-lg);
  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,
body.mode-admin #modalBlogEkle .admin-reklam-modal__header,
body.mode-admin #modalBlogDuzenle .admin-reklam-modal__header,
body.mode-admin .admin-modal-kapak-gorsel .admin-reklam-modal__header{
  align-items: center;
}
body.mode-admin #modalPanelReklam .admin-reklam-modal__header-toggles,
body.mode-admin #modalBlogEkle .admin-reklam-modal__header-toggles,
body.mode-admin #modalBlogDuzenle .admin-reklam-modal__header-toggles,
body.mode-admin .admin-modal-kapak-gorsel .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,
body.mode-admin #modalBlogEkle .admin-reklam-modal__toggle-pill,
body.mode-admin #modalBlogDuzenle .admin-reklam-modal__toggle-pill,
body.mode-admin .admin-modal-kapak-gorsel .admin-reklam-modal__toggle-pill,
body.mode-admin .admin-yasal-page .admin-reklam-modal__toggle-pill,
body.mode-admin #modalMarkaDuzenle .admin-marka-seo-sayfa-form__yayin,
body.mode-admin #modalMarkaSeoSayfalari .admin-marka-seo-sayfa-form__yayin{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  height: 40px;
  min-height: 40px;
  min-width: 148px;
  padding: 0 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,
body.mode-admin #modalBlogEkle .admin-reklam-modal__toggle-label,
body.mode-admin #modalBlogDuzenle .admin-reklam-modal__toggle-label,
body.mode-admin .admin-modal-kapak-gorsel .admin-reklam-modal__toggle-label,
body.mode-admin .admin-yasal-page .admin-reklam-modal__toggle-label,
body.mode-admin #modalMarkaDuzenle .admin-marka-seo-sayfa-form__yayin .admin-reklam-modal__toggle-label,
body.mode-admin #modalMarkaSeoSayfalari .admin-marka-seo-sayfa-form__yayin .admin-reklam-modal__toggle-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,
body.mode-admin #modalBlogEkle .admin-reklam-modal__toggle-pill .marka-switch,
body.mode-admin #modalBlogDuzenle .admin-reklam-modal__toggle-pill .marka-switch,
body.mode-admin .admin-modal-kapak-gorsel .admin-reklam-modal__toggle-pill .marka-switch,
body.mode-admin .admin-yasal-page .admin-reklam-modal__toggle-pill .marka-switch,
body.mode-admin #modalMarkaDuzenle .admin-marka-seo-sayfa-form__yayin .marka-switch,
body.mode-admin #modalMarkaSeoSayfalari .admin-marka-seo-sayfa-form__yayin .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: var(--radius-lg);
  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: var(--radius-sm);
  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 .modal--pazaryeri-slider .admin-reklam-gorsel__thumb-wrap{
  aspect-ratio: 1920 / 640;
  max-width: 220px;
}
body.mode-admin .modal--pazaryeri-slider .admin-reklam-gorsel__thumb-wrap img{
  width: 100%;
  height: 100%;
  max-height: none;
  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(15, 118, 110, 0.14);
  color: #0f766e;
  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 [data-pr-konum="pazaryeri"] .admin-reklam-preview--modal.admin-reklam-preview--pazaryeri{
  aspect-ratio: 1920 / 640;
  min-height: 0;
  max-width: 100%;
  justify-content: flex-end;
}
body.mode-admin [data-pr-konum="pazaryeri"] .admin-reklam-preview--modal.admin-reklam-preview--pazaryeri.admin-reklam-preview--empty{
  justify-content: center;
}
body.mode-admin [data-pr-konum="pazaryeri"] .admin-reklam-preview--modal.admin-reklam-preview--pazaryeri.admin-reklam-preview--has-img{
  background-color: #0f172a;
  background-size: cover;
}
body.mode-admin .admin-reklam-preview-tabs{
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
body.mode-admin .admin-reklam-preview-tabs__btn{
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-sm);
  background: #f8fafc;
  color: #334155;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}
body.mode-admin .admin-reklam-preview-tabs__btn.is-active{
  background: #0f766e;
  border-color: #0f766e;
  color: #fff;
}
body.mode-admin .admin-reklam-preview--pazaryeri-mobil{
  aspect-ratio: 9 / 16;
  min-height: 0;
  max-width: 220px;
  margin-inline: auto;
}
body.mode-admin [data-pr-konum="pazaryeri"] .admin-reklam-preview--modal.admin-reklam-preview--pazaryeri-mobil.admin-reklam-preview--has-img{
  background-color: #0f172a;
  background-size: cover;
}
body.mode-admin .admin-reklam-preview-wrap{
  position: relative;
  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 .admin-modal-edit-head__side--end{
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 100%;
  }
  body.mode-admin #modalPanelReklam .admin-reklam-modal__header-toggles,
  body.mode-admin #modalBlogEkle .admin-reklam-modal__header-toggles,
  body.mode-admin #modalBlogDuzenle .admin-reklam-modal__header-toggles{
    flex-wrap: wrap;
  }
  body.mode-admin #modalPanelReklam .admin-reklam-modal__toggle-pill,
  body.mode-admin #modalBlogEkle .admin-reklam-modal__toggle-pill,
  body.mode-admin #modalBlogDuzenle .admin-reklam-modal__toggle-pill{
    flex: 1 1 auto;
    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 input[type="datetime-local"],
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{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.88rem;
  list-style: none;
  color: var(--ink, #0f172a);
  padding: 2px 0;
}
body.mode-admin .admin-reklam-form__schedule > summary::-webkit-details-marker{
  display: none;
}
body.mode-admin .admin-reklam-form__schedule > summary::after{
  content: "?";
  font-size: 0.82rem;
  color: var(--ink-muted, #64748b);
  transition: transform 0.15s ease;
}
body.mode-admin .admin-reklam-form__schedule[open] > summary::after{
  transform: rotate(180deg);
}
body.mode-admin .admin-reklam-form__schedule-body{
  margin-top: 10px;
  padding: 14px 16px;
  border: 1px solid var(--line, rgba(15, 23, 42, 0.08));
  border-radius: var(--radius-lg);
  background: var(--surface-muted, #f8fafc);
}
body.mode-admin .admin-reklam-form__schedule-intro{
  margin: 0 0 12px;
  font-size: 0.8rem;
  line-height: 1.45;
}
body.mode-admin .admin-reklam-form__schedule-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}
body.mode-admin .admin-reklam-form__datetime label{
  display: block;
  margin-bottom: 6px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
}
body.mode-admin .admin-reklam-form input.admin-reklam-form__datetime-input,
body.mode-admin .admin-reklam-form input[type="datetime-local"]{
  box-sizing: border-box;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid var(--line-strong, #d1d5db);
  border-radius: var(--radius-md);
  background: #fff;
  color: var(--ink, #0f172a);
  font: inherit;
  font-size: 0.88rem;
  line-height: 1.2;
  color-scheme: light;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-reklam-form input[type="datetime-local"]:focus{
  outline: none;
  border-color: var(--accent-border, rgba(15, 118, 110, 0.35));
  box-shadow: 0 0 0 3px var(--accent-ring, rgba(15, 118, 110, 0.12));
}
body.mode-admin .admin-reklam-form input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  cursor: pointer;
  opacity: 0.55;
}
body.mode-admin .admin-reklam-form input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover{
  opacity: 0.85;
}
body.mode-admin .admin-reklam-form__schedule-presets{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--line, rgba(15, 23, 42, 0.08));
}
body.mode-admin .admin-reklam-form__schedule-presets-label{
  font-size: 0.78rem;
  font-weight: 600;
  margin-right: 2px;
}
body.mode-admin .admin-reklam-form__schedule-chip{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--line-strong, #d1d5db);
  border-radius: 999px;
  background: #fff;
  color: var(--ink, #0f172a);
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-admin .admin-reklam-form__schedule-chip:hover{
  border-color: var(--accent-border, rgba(15, 118, 110, 0.35));
  background: var(--accent-soft, #f0fdfa);
  color: #0f766e;
}
@media (max-width: 720px){
  body.mode-admin .admin-reklam-form__schedule-grid{
    grid-template-columns: 1fr;
  }
}
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{
  --modal-inset-x: 32px;
  --modal-inset-b: 12px;
  padding: 24px var(--modal-inset-x) var(--modal-inset-b);
}
body.mode-admin .modal--alisveris-slider .admin-marka-edit-shortcuts{
  margin: 12px 0 4px;
}

/* 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-toolbar__actions{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
body.mode-admin .admin-sss-empty{
  padding: 28px 16px;
  text-align: center;
  border: 1px dashed rgba(15, 23, 42, 0.12);
  border-radius: var(--radius-lg);
  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-row-actions .admin-kat-toggle{
  padding: 4px;
}
/* Blog i?lem: ?r?nler sayfas?ndaki gibi ikon + isimli butonlar */
body.mode-admin .simple--blog .admin-sss-row-actions{
  flex-wrap: wrap;
  gap: 4px;
}
body.mode-admin .simple--blog .admin-sss-row-actions .inline-form{
  display: inline-flex;
}
body.mode-admin .simple--blog .admin-sss-row-actions :is(a.btn, button.btn, button.admin-kat-toggle){
  box-sizing: border-box;
  width: auto;
  min-width: 58px;
  max-width: 72px;
  height: 56px;
  min-height: 56px;
  padding: 4px 3px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  line-height: 1;
  border: 1px solid rgba(15, 23, 42, 0.18);
  background: rgba(255, 255, 255, 0.90);
}
body.mode-admin .simple--blog .admin-sss-row-actions :is(a.btn, button.btn, button.admin-kat-toggle):hover:not(:disabled){
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.24);
}
body.mode-admin .simple--blog .admin-sss-row-actions .btn-with-icon .ui-icon{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.mode-admin .simple--blog .admin-sss-row-actions :is(a.btn.btn-sm.btn-with-icon, button.btn.btn-sm.btn-with-icon) > span,
body.mode-admin .simple--blog .admin-sss-row-actions .admin-kat-toggle > span:not(.admin-kat-toggle__track){
  display: block;
  max-width: 100%;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #64748b;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
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;
}

/* Panel ? ?r?n kartlar? (?r?n Kartlar? sayfas?) */
body.mode-panel .ku-panel-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
}

@media (min-width: 900px) {
  body.mode-panel .ku-panel-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  body.mode-panel .ku-panel-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

body.mode-panel a.ku-panel-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  box-shadow: none;
  overflow: hidden;
  transition: border-color 0.2s ease;
}

body.mode-panel a.ku-panel-card:hover {
  border-color: color-mix(in srgb, var(--line, #e2e8f0) 82%, var(--ink-muted, #64748b) 18%);
  box-shadow: none;
}

body.mode-panel .ku-panel-card__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  background: linear-gradient(165deg, #f8fafc 0%, #f1f5f9 48%, #eef2f6 100%);
  border-bottom: 1px solid rgba(226, 232, 240, 0.65);
  overflow: hidden;
}

body.mode-panel .ku-panel-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

body.mode-panel .ku-panel-card__thumb-empty {
  font-size: 0.78rem;
  color: var(--ink-muted, #64748b);
}

body.mode-panel .ku-panel-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px 14px;
}

body.mode-panel .ku-panel-card__title {
  font-weight: 700;
  font-size: 0.92rem;
  line-height: 1.3;
}

body.mode-panel .ku-panel-card__sub {
  font-size: 0.8rem;
  line-height: 1.35;
  color: var(--ink-muted, #64748b);
}

body.mode-panel .ku-panel-card__meta {
  font-size: 0.78rem;
  margin-top: 2px;
}

/* Panel ? ?r?n detay / soru kartlar?: abart?s?z ?er?eve */
body.mode-panel .wrap--trade .catalog-card:not(tr) {
  border-radius: var(--radius-md);
  box-shadow: none;
}

body.mode-panel .wrap--trade .catalog-card:not(tr) .catalog-card__media {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

body.mode-panel .wrap--trade .catalog-card:not(tr):hover {
  box-shadow: none;
}

body.mode-panel .wrap--trade .catalog-detail .catalog-detail__card.card,
body.mode-panel .wrap--trade .hs-soru-panel-item.card {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  box-shadow: none;
}

body.mode-panel .wrap--trade .catalog-detail .catalog-detail__card.card:hover,
body.mode-panel .wrap--trade .hs-soru-panel-item.card:hover {
  box-shadow: none;
  border-color: color-mix(in srgb, var(--line, #e2e8f0) 82%, var(--ink-muted, #64748b) 18%);
}

body.mode-panel .wrap--trade .hs-sepet-satici-grup.card,
body.mode-panel .wrap--trade .hs-sepet-satici-grup {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: var(--radius-md);
  box-shadow: none;
}

body.mode-panel .wrap--trade .hs-sepet-satici-grup.card:hover {
  box-shadow: none;
}

/* Panel ? ?r?n sorular? */
.hs-soru-panel-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hs-soru-panel-item {
  padding: 18px 20px;
}

.hs-soru-panel-item--highlight {
  border-color: rgba(15, 118, 110, 0.45);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.hs-soru-panel-item__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 20px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.95);
}

.hs-soru-panel-item__urun {
  font-weight: 600;
  font-size: 0.95rem;
}

.hs-soru-panel-item__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  text-align: right;
  font-size: 0.82rem;
}

.hs-soru-panel-item__status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
}

.hs-soru-panel-item__status--pending {
  color: #b45309;
  background: #fffbeb;
}

.hs-soru-panel-item__status--done {
  color: #047857;
  background: #ecfdf5;
}

.hs-soru-panel-item__badge {
  display: inline-block;
  margin-bottom: 6px;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #1d4ed8;
  background: #dbeafe;
}

.hs-soru-panel-item__badge--a {
  color: #047857;
  background: #d1fae5;
}

.hs-soru-panel-item__q {
  margin-bottom: 12px;
}

.hs-soru-panel-item__a {
  padding: 12px 14px;
  border-radius: var(--radius-md);
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.95);
}

.hs-soru-panel-item__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(226, 232, 240, 0.95);
}

.hs-soru-panel-item__form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.mode-admin .admin-yasal-page__hint {
  font-size: 0.88rem;
  margin-top: 4px;
}

body.mode-admin .admin-yasal-page__meta {
  align-items: end;
}

body.mode-admin .admin-yasal-page__footer-toggle {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.mode-admin .admin-yasal-page__footer-toggle .admin-reklam-modal__toggle-pill {
  width: 100%;
}

body.mode-admin .admin-yasal-icerik {
  width: 100%;
  min-height: 420px;
  resize: vertical;
  line-height: 1.6;
  font-family: inherit;
}

body.mode-admin .admin-yasal-form__footer {
  display: flex;
  justify-content: flex-end;
}

/* Uyar? noktalar? ? her yerde k?rm?z? */
body.mode-panel .trendy-toplinks .nav-pulse-dot,
body.mode-panel .trendy-toplinks .notif-pulse-dot,
body.mode-panel .trendy-toplinks #notifDot,
body.mode-panel .panel-nav__link .nav-pulse-dot,
body.mode-panel .trade-feed-tab .nav-pulse-dot,
body.mode-panel .detail-tab .nav-pulse-dot,
body.mode-admin .detail-tab .nav-pulse-dot,
body.mode-admin .panel-nav__link .nav-pulse-dot,
.nav-pulse-dot.odeme-aktarim-pulse-dot{
  background-color: #e84848 !important;
}
body.mode-admin .panel-nav__link .nav-pulse-dot{
  /* ?st men? uyar?s?: yuvarlak, k?rm?z? ve yan?p s?nen nokta */
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background-color: #e84848 !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
  animation: navPulseSoft 2.4s ease-in-out infinite !important;
}

/* Sat?c? devri ? admin alternatif listesi */
body.mode-admin .failover-alt-list{
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: none;
  overflow: visible;
}
body.mode-admin .failover-alt-item{
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 2px 12px;
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 8px;
  background: var(--card, #fff);
  cursor: pointer;
}
body.mode-admin .failover-alt-item:hover{
  border-color: var(--primary, #0d9488);
}
body.mode-admin .failover-alt-item.is-selected{
  border-color: var(--primary, #0d9488);
  box-shadow: 0 0 0 1px var(--primary, #0d9488);
}
body.mode-admin .failover-alt-item__seller{
  grid-column: 1;
  font-weight: 600;
}
body.mode-admin .failover-alt-item__price{
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  font-weight: 600;
}
body.mode-admin .failover-alt-item__diff,
body.mode-admin .failover-alt-item__stock{
  grid-column: 1;
  font-size: 0.85rem;
  color: var(--muted, #6b7280);
}
body.mode-admin .modal-dialog--failover{
  max-width: 560px;
}
#modalFailoverIslem.is-open,
#modalBorcOdeme.is-open{
  z-index: 2147483100;
}
/* Admin Sipari?ler ? ops kart / empty / te?his sayfalar? */
body.mode-admin .card.card--ops{
  padding: 20px;
  margin-bottom: 16px;
}
body.mode-admin .card.card--ops:hover{
  border-color: var(--line);
  box-shadow: var(--shadow-card);
}
body.mode-admin .card-head--ops{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 20px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
body.mode-admin .card-head--ops .card-title{
  margin: 0;
}
body.mode-admin .admin-ops-chip{
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 4px 10px;
  border: 1px solid var(--line);
  background: var(--surface-muted);
  color: var(--ink-muted);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.mode-admin .admin-ops-chip--ok{
  background: var(--sip-ok-soft, #dcfce7);
  border-color: rgba(22, 101, 52, 0.22);
  color: var(--sip-ok, #166534);
}
body.mode-admin .admin-ops-chip--warn{
  background: var(--sip-warn-soft, #fffbeb);
  border-color: rgba(180, 83, 9, 0.28);
  color: var(--sip-warn, #b45309);
}
body.mode-admin .admin-warn-strip{
  margin: 0 0 14px;
  padding: 10px 12px 10px 14px;
  border: 1px solid rgba(180, 83, 9, 0.28);
  border-left: 3px solid var(--sip-warn, #b45309);
  background: var(--sip-warn-soft, #fffbeb);
  color: var(--sip-warn, #b45309);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}
body.mode-admin .admin-ops-toolbar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-bottom: 12px;
}
body.mode-admin .admin-ops-toolbar--search{
  margin-bottom: 10px;
}
body.mode-admin .admin-ops-toolbar--search .admin-paket-search{
  flex: 0 1 360px;
  max-width: 360px;
  min-height: 40px;
}
body.mode-admin .admin-ops-toolbar__field{
  flex: 0 1 200px;
  min-width: min(200px, 100%);
}
body.mode-admin .admin-ops-toolbar__field .input,
body.mode-admin .admin-ops-toolbar__field .input-sm{
  width: 100%;
  min-height: 40px;
}
body.mode-admin .admin-ops-toolbar__hint{
  font-size: 0.75rem;
  white-space: nowrap;
}
body.mode-admin .admin-ops-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  margin-bottom: 14px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  background: var(--surface-muted);
  font-size: 0.8125rem;
}
body.mode-admin .admin-ops-meta__label{
  flex-shrink: 0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
body.mode-admin .admin-ops-meta__code{
  flex: 1 1 12rem;
  min-width: 0;
  word-break: break-all;
  font-size: 0.78rem;
  color: var(--ink);
}
/* Admin ? ?lan liste sayfas? ?zeti (Devir / ?? / Cihaz) */
body.mode-admin .admin-ilan-sayfa-summary{
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: var(--surface-muted);
  border-radius: 8px;
}
body.mode-admin .admin-ilan-sayfa-summary__title{
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.35;
}
body.mode-admin .admin-ilan-sayfa-summary__sub,
body.mode-admin .admin-ilan-sayfa-summary__meta,
body.mode-admin .admin-ilan-sayfa-summary__content{
  margin: 6px 0 0;
  font-size: 0.875rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}
body.mode-admin .admin-ilan-sayfa-summary__content{
  white-space: pre-wrap;
  color: var(--ink);
}
body.mode-admin .admin-table-empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px 16px;
  gap: 4px;
}
body.mode-admin .admin-table-empty__title{
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
}
body.mode-admin .admin-table-empty__hint{
  margin: 0;
  font-size: 0.8125rem;
}
body.mode-admin .table-wrap tr.table-empty td{
  white-space: normal;
  padding: 0;
  border-bottom: 0;
}
body.mode-admin .admin-code-chip{
  display: inline-block;
  max-width: 100%;
  padding: 2px 6px;
  border: 1px solid var(--line);
  background: var(--surface-muted);
  color: var(--ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.35;
  word-break: break-all;
}
body.mode-admin .admin-code-chip--iban{
  font-size: 0.72rem;
}
body.mode-admin .admin-mesaj-clamp{
  white-space: normal;
  max-width: 18rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.35;
  font-size: 0.8125rem;
}
/* Geri Donen ? KPI / toolbar / expand */
body.mode-admin .admin-pgd-gonder-form{
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 12rem;
  max-width: 16rem;
  margin: 0;
}
body.mode-admin .admin-pgd-gonder-form .input-sm{
  width: 100%;
  min-height: 32px;
  font-size: 0.8125rem;
}

/* Geri Donen tablo */
body.mode-admin .simple--paytr-geri-donen{
  table-layout: fixed;
  min-width: 880px;
}
body.mode-admin .simple--paytr-geri-donen col.col-pgd-ref{ width: 12%; }
body.mode-admin .simple--paytr-geri-donen col.col-pgd-tutar{ width: 9%; }
body.mode-admin .simple--paytr-geri-donen col.col-pgd-alici{ width: 22%; }
body.mode-admin .simple--paytr-geri-donen col.col-pgd-siparis{ width: 12%; }
body.mode-admin .simple--paytr-geri-donen col.col-pgd-durum{ width: 10%; }
body.mode-admin .simple--paytr-geri-donen col.col-pgd-islem{ width: 18%; }
body.mode-admin .simple--paytr-geri-donen tbody td{
  vertical-align: middle;
  padding-top: var(--sip-row-pad-y, 11px);
  padding-bottom: var(--sip-row-pad-y, 11px);
}
body.mode-admin .simple--paytr-geri-donen .odeme-stack{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 2.2rem;
  line-height: 1.3;
}
body.mode-admin .simple--paytr-geri-donen .odeme-stack__primary,
body.mode-admin .simple--paytr-geri-donen .odeme-stack__secondary{
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
body.mode-admin .simple--paytr-geri-donen .odeme-stack__primary{ font-size: 0.875rem; }
body.mode-admin .simple--paytr-geri-donen .odeme-stack__secondary{ font-size: 0.78125rem; }

/* Terk sepet tablo ? ?demeler kart sat?r stili */
body.mode-admin .simple--terk-sepetler{
  table-layout: fixed;
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .table-wrap--terk-sepet{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .table-wrap--terk-sepet .simple--terk-sepetler{
  margin: 0;
}
body.mode-admin .simple--terk-sepetler col.col-terk-tarih{ width: 14%; }
body.mode-admin .simple--terk-sepetler col.col-terk-musteri{ width: 22%; }
body.mode-admin .simple--terk-sepetler col.col-terk-iletisim{ width: 28%; }
body.mode-admin .simple--terk-sepetler col.col-terk-urun{ width: 10%; }
body.mode-admin .simple--terk-sepetler col.col-terk-tutar{ width: 14%; }
body.mode-admin .simple--terk-sepetler col.col-terk-islem{ width: 12%; }
body.mode-admin .simple--terk-sepetler thead th,
body.mode-admin .table-wrap--terk-sepet table.simple.simple--terk-sepetler thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .simple--terk-sepetler thead th:first-child{
  border-left: 1px solid #e8edf3;
}
body.mode-admin .simple--terk-sepetler thead th:last-child{
  border-right: 1px solid #e8edf3;
}
body.mode-admin .simple--terk-sepetler thead th.col-num,
body.mode-admin .simple--terk-sepetler thead th.col-money,
body.mode-admin .simple--terk-sepetler thead th.col-center,
body.mode-admin .simple--terk-sepetler thead th.col-actions{
  text-align: center;
}
body.mode-admin .simple--terk-sepetler tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .simple--terk-sepetler tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .simple--terk-sepetler tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
}
body.mode-admin .table-wrap--terk-sepet table.simple.simple--terk-sepetler tbody tr:hover td,
body.mode-admin .simple--terk-sepetler tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .simple--terk-sepetler tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .simple--terk-sepetler tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .simple--terk-sepetler tbody tr.table-empty > td{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .simple--terk-sepetler td.col-money{
  text-align: center;
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--terk-sepetler td.col-num{
  text-align: center;
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--terk-sepetler .odeme-field__value{
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
}
body.mode-admin .simple--terk-sepetler .odeme-field__value.muted{
  font-weight: 500;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .simple--terk-sepetler .odeme-party{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
body.mode-admin .simple--terk-sepetler .odeme-party__name{
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--terk-sepetler .odeme-party__no{
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
body.mode-admin .simple--terk-sepetler .odeme-party__no-k{
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .simple--terk-sepetler .odeme-party__no-v{
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--terk-sepetler .odeme-stack{
  display: flex;
  flex-direction: column;
  gap: 3px;
  line-height: 1.3;
  min-width: 0;
}
body.mode-admin .simple--terk-sepetler .odeme-stack__primary,
body.mode-admin .simple--terk-sepetler .odeme-stack__secondary{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--terk-sepetler .odeme-stack__primary{ font-size: 0.875rem; font-weight: 600; }
body.mode-admin .simple--terk-sepetler .odeme-stack__secondary{ font-size: 0.78125rem; }
body.mode-admin .simple--terk-sepetler .odeme-stack--money{
  align-items: center;
  text-align: center;
}
body.mode-admin .simple--terk-sepetler .odeme-money-brut{
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body.mode-admin .simple--terk-sepetler th.col-actions,
body.mode-admin .simple--terk-sepetler td.col-actions{
  text-align: center;
  vertical-align: middle;
}
body.mode-admin .simple--terk-sepetler td.col-actions .admin-odeme-islem-cell{
  justify-content: center;
}
body.mode-admin .simple--terk-sepetler td.cell-ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84rem;
  color: var(--ink-muted, #64748b);
}
body.mode-admin #modalTerkSepet .modal-dialog{
  max-width: 560px;
  width: min(560px, calc(100vw - 32px));
}
body.mode-admin #modalTerkSepet .modal-body{
  padding-top: 4px;
}
body.mode-admin #modalTerkSepet .ts-detail{
  display: flex;
  flex-direction: column;
  gap: 18px;
}
body.mode-admin #modalTerkSepet .ts-detail-meta{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 20px;
}
body.mode-admin #modalTerkSepet .ts-detail-item{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.mode-admin #modalTerkSepet .ts-detail-item--id{
  grid-column: 1 / -1;
}
body.mode-admin #modalTerkSepet .ts-detail-item__k{
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ink-muted, #64748b);
  line-height: 1.2;
}
body.mode-admin #modalTerkSepet .ts-detail-item__v{
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  line-height: 1.4;
  word-break: break-word;
}
body.mode-admin #modalTerkSepet .ts-detail-item__v--money{
  font-variant-numeric: tabular-nums;
  font-size: 0.9375rem;
}
body.mode-admin #modalTerkSepet .ts-detail-item__v--mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ink-muted, #64748b);
  word-break: break-all;
}
body.mode-admin #modalTerkSepet .ts-detail-section{
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid #e8edf3;
  padding-top: 14px;
}
body.mode-admin #modalTerkSepet .ts-detail-items{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
body.mode-admin #modalTerkSepet .ts-detail-items__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 14px;
  border-bottom: 1px solid #eef2f6;
}
body.mode-admin #modalTerkSepet .ts-detail-items__row:last-child{
  border-bottom: 0;
}
body.mode-admin #modalTerkSepet .ts-detail-items__main{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
body.mode-admin #modalTerkSepet .ts-detail-items__title{
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  line-height: 1.35;
  word-break: break-word;
}
body.mode-admin #modalTerkSepet .ts-detail-items__sub{
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
}
body.mode-admin #modalTerkSepet .ts-detail-items__price{
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #0f172a);
  white-space: nowrap;
  line-height: 1.3;
}
body.mode-admin #modalTerkSepet .ts-detail-items__empty{
  font-size: 0.875rem;
  padding: 12px 14px;
  margin: 0;
  list-style: none;
}
@media (max-width: 520px){
  body.mode-admin #modalTerkSepet .ts-detail-meta{
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* ?deme hatalar? tablo ? ?demeler kart sat?r stili */
body.mode-admin .simple--odeme-hatalari{
  table-layout: fixed;
  width: 100%;
  min-width: 820px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .table-wrap--odeme-hatalari{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .table-wrap--odeme-hatalari .simple--odeme-hatalari{
  margin: 0;
}
body.mode-admin .simple--odeme-hatalari col.col-oh-tarih{ width: 12%; }
body.mode-admin .simple--odeme-hatalari col.col-oh-siparis{ width: 16%; }
body.mode-admin .simple--odeme-hatalari col.col-oh-musteri{ width: 22%; }
body.mode-admin .simple--odeme-hatalari col.col-oh-tutar{ width: 11%; }
body.mode-admin .simple--odeme-hatalari col.col-oh-kod{ width: 8%; }
body.mode-admin .simple--odeme-hatalari col.col-oh-kaynak{ width: 16%; }
body.mode-admin .simple--odeme-hatalari col.col-oh-islem{ width: 15%; }
body.mode-admin .simple--odeme-hatalari thead th,
body.mode-admin .table-wrap--odeme-hatalari table.simple.simple--odeme-hatalari thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .simple--odeme-hatalari thead th:first-child{
  border-left: 1px solid #e8edf3;
}
body.mode-admin .simple--odeme-hatalari thead th:last-child{
  border-right: 1px solid #e8edf3;
}
/* Beat thead th{text-align:left} (table-wrap double class) ? Tutar / Kod / Detay */
body.mode-admin .table-wrap table.simple.simple--odeme-hatalari thead th.col-money,
body.mode-admin .table-wrap table.simple.simple--odeme-hatalari thead th.col-center,
body.mode-admin .table-wrap table.simple.simple--odeme-hatalari thead th.col-actions,
body.mode-admin .table-wrap--odeme-hatalari table.simple.simple--odeme-hatalari thead th.col-money,
body.mode-admin .table-wrap--odeme-hatalari table.simple.simple--odeme-hatalari thead th.col-center,
body.mode-admin .table-wrap--odeme-hatalari table.simple.simple--odeme-hatalari thead th.col-actions,
body.mode-admin .simple--odeme-hatalari thead th.col-money,
body.mode-admin .simple--odeme-hatalari thead th.col-center,
body.mode-admin .simple--odeme-hatalari thead th.col-actions{
  text-align: center;
}
body.mode-admin .simple--odeme-hatalari tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .simple--odeme-hatalari tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .simple--odeme-hatalari tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
}
body.mode-admin .table-wrap--odeme-hatalari table.simple.simple--odeme-hatalari tbody tr:hover td,
body.mode-admin .simple--odeme-hatalari tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .simple--odeme-hatalari tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .simple--odeme-hatalari tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .simple--odeme-hatalari tbody tr.table-empty > td{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .simple--odeme-hatalari td.col-money{
  text-align: right;
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--odeme-hatalari th.col-actions,
body.mode-admin .simple--odeme-hatalari td.col-actions{
  text-align: center;
  vertical-align: middle;
}
body.mode-admin .simple--odeme-hatalari td.col-actions .admin-odeme-islem-cell{
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
body.mode-admin .simple--odeme-hatalari .odeme-field__value{
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
}
body.mode-admin .simple--odeme-hatalari .odeme-field__value.muted{
  font-weight: 500;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .simple--odeme-hatalari .odeme-party{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
body.mode-admin .simple--odeme-hatalari .odeme-party__name{
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--odeme-hatalari .odeme-party__no{
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
body.mode-admin .simple--odeme-hatalari .odeme-party__no-k{
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .simple--odeme-hatalari .odeme-party__no-v{
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--odeme-hatalari .odeme-stack{
  display: flex;
  flex-direction: column;
  gap: 3px;
  line-height: 1.3;
  min-width: 0;
  min-height: 2.5rem;
  justify-content: center;
}
body.mode-admin .simple--odeme-hatalari .odeme-stack__primary,
body.mode-admin .simple--odeme-hatalari .odeme-stack__secondary{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--odeme-hatalari .odeme-stack__primary{ font-size: 0.875rem; font-weight: 600; }
body.mode-admin .simple--odeme-hatalari .odeme-stack__secondary{ font-size: 0.78125rem; min-height: 1.05em; }
body.mode-admin .simple--odeme-hatalari .odeme-stack--money{
  align-items: flex-end;
  text-align: right;
  min-height: 0;
}
body.mode-admin .simple--odeme-hatalari .odeme-money-brut{
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body.mode-admin .simple--odeme-hatalari td.oh-cell-nowrap{
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--odeme-hatalari .oh-kaynak-badge{
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
body.mode-admin .simple--odeme-hatalari .oh-detay-btn{
  white-space: nowrap;
}
body.mode-admin #modalOdemeHata .modal-dialog{
  max-width: 560px;
  width: min(560px, calc(100vw - 32px));
}
body.mode-admin #modalOdemeHata .oh-detail-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}
body.mode-admin #modalOdemeHata .oh-detail-item{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
body.mode-admin #modalOdemeHata .oh-detail-item--full{
  grid-column: 1 / -1;
}
body.mode-admin #modalOdemeHata .oh-detail-item__k{
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ink-muted, #64748b);
}
body.mode-admin #modalOdemeHata .oh-detail-item__v{
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  line-height: 1.35;
  word-break: break-word;
}
body.mode-admin #modalOdemeHata .oh-detail-item__v--mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  font-weight: 500;
}
body.mode-admin #modalOdemeHata .oh-detail-item__v--mesaj{
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-wrap;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--surface-muted, #f8fafc);
  border: 1px solid var(--line, #e2e8f0);
}

/* ?? Musteri bakiyeleri (?demeler kart tablo stili) ?? */
body.mode-admin .admin-musteri-bakiye-page .card-head--ops{
  margin-bottom: 0.75rem;
}
body.mode-admin .admin-musteri-bakiye-kpis{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
body.mode-admin .admin-musteri-bakiye-kpis .kpi-card{
  margin: 0;
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}
body.mode-admin .admin-musteri-bakiye-kpis .kpi-title{
  font-size: 0.78rem;
  letter-spacing: 0.01em;
}
body.mode-admin .admin-musteri-bakiye-kpis .kpi-value{
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 4px;
}
body.mode-admin .admin-musteri-bakiye-kpis .kpi-sub{
  font-size: 0.75rem;
  margin-top: 4px;
}
body.mode-admin .admin-musteri-bakiye-kpis a.kpi-card{
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.mode-admin .admin-musteri-bakiye-kpis a.kpi-card:hover{
  border-color: var(--primary, #2563eb);
}
body.mode-admin .admin-musteri-bakiye-kpis a.kpi-card.is-active,
body.mode-admin .admin-musteri-bakiye-kpis a.kpi-card[aria-current="page"]{
  border-color: var(--primary, #2563eb);
  box-shadow: 0 0 0 1px var(--primary, #2563eb);
}
@media (max-width: 1100px){
  body.mode-admin .admin-musteri-bakiye-kpis{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  body.mode-admin .admin-musteri-bakiye-kpis{ grid-template-columns: 1fr 1fr; }
  body.mode-admin .admin-musteri-bakiye-kpis .kpi-card:last-child{ grid-column: 1 / -1; }
}
body.mode-admin .admin-musteri-bakiye-page .jobs-filter--odemeler .admin-musteri-bakiye-bul{
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-left: auto;
}
body.mode-admin .admin-musteri-bakiye-bul__input{
  width: 168px;
  max-width: 36vw;
  min-height: 36px;
}
body.mode-admin .admin-musteri-bakiye-filters__clear{
  white-space: nowrap;
  flex: 0 0 auto;
}
body.mode-admin .admin-musteri-bakiye-result-count{
  font-size: 0.85rem;
  white-space: nowrap;
  margin-left: auto;
}
body.mode-admin .admin-musteri-bakiye-detay-head{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 12px 14px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 10px;
  background: var(--surface-2, #fafafa);
}
body.mode-admin .admin-musteri-bakiye-detay-head__left{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  min-width: 0;
}
body.mode-admin .admin-musteri-bakiye-detay-head__who{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  line-height: 1.3;
}
body.mode-admin .admin-musteri-bakiye-detay-head__who strong{
  font-size: 0.95rem;
}
body.mode-admin .admin-musteri-bakiye-detay-head__who .muted{
  font-size: 0.8rem;
}
body.mode-admin .admin-musteri-bakiye-detay-head__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body.mode-admin .admin-musteri-bakiye-block__head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
body.mode-admin .admin-musteri-bakiye-block__title{
  margin: 0;
  font-size: 0.92rem;
  font-weight: 600;
}
body.mode-admin .admin-musteri-bakiye-block__head .muted{
  font-size: 0.8rem;
}
body.mode-admin .admin-musteri-bakiye-admin-notu{
  font-size: 0.78rem;
  margin-top: 2px;
}

/* Kart sat?r tablolar */
body.mode-admin .simple--musteri-bakiye,
body.mode-admin .simple--musteri-bakiye-kuyruk,
body.mode-admin .simple--musteri-bakiye-nakit,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk,
body.mode-admin .simple--musteri-bakiye-hareket{
  table-layout: fixed;
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
body.mode-admin .table-wrap--musteri-bakiye{
  overflow-x: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
body.mode-admin .table-wrap--musteri-bakiye .simple--musteri-bakiye,
body.mode-admin .table-wrap--musteri-bakiye .simple--musteri-bakiye-kuyruk,
body.mode-admin .table-wrap--musteri-bakiye .simple--musteri-bakiye-nakit,
body.mode-admin .table-wrap--musteri-bakiye .simple--musteri-bakiye-nakit-kuyruk,
body.mode-admin .table-wrap--musteri-bakiye .simple--musteri-bakiye-hareket{
  margin: 0;
}
body.mode-admin .simple--musteri-bakiye col.col-mb-musteri{ width: 15%; }
body.mode-admin .simple--musteri-bakiye col.col-mb-eposta{ width: 18%; }
body.mode-admin .simple--musteri-bakiye col.col-mb-uye{ width: 9%; }
body.mode-admin .simple--musteri-bakiye col.col-mb-bakiye{ width: 12%; }
body.mode-admin .simple--musteri-bakiye col.col-mb-guncelleme{ width: 13%; }
body.mode-admin .simple--musteri-bakiye col.col-mb-yas{ width: 7%; }
body.mode-admin .simple--musteri-bakiye col.col-mb-islem{ width: 26%; }
body.mode-admin .simple--musteri-bakiye-kuyruk col.col-mbk-tarih{ width: 11%; }
body.mode-admin .simple--musteri-bakiye-kuyruk col.col-mbk-musteri{ width: 17%; }
body.mode-admin .simple--musteri-bakiye-kuyruk col.col-mbk-siparis{ width: 12%; }
body.mode-admin .simple--musteri-bakiye-kuyruk col.col-mbk-tutar{ width: 10%; }
body.mode-admin .simple--musteri-bakiye-kuyruk col.col-mbk-yontem{ width: 10%; }
body.mode-admin .simple--musteri-bakiye-kuyruk col.col-mbk-durum{ width: 12%; }
body.mode-admin .simple--musteri-bakiye-kuyruk col.col-mbk-islem{ width: 18%; }
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk col.col-mbn-tarih{ width: 11%; }
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk col.col-mbn-musteri{ width: 17%; }
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk col.col-mbn-tutar{ width: 11%; }
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk col.col-mbn-hesap{ width: 26%; }
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk col.col-mbn-durum{ width: 12%; }
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk col.col-mbn-islem{ width: 23%; }
body.mode-admin .simple--musteri-bakiye-nakit col.col-mbn-tarih{ width: 16%; }
body.mode-admin .simple--musteri-bakiye-nakit col.col-mbn-tutar{ width: 16%; }
body.mode-admin .simple--musteri-bakiye-nakit col.col-mbn-hesap{ width: 42%; }
body.mode-admin .simple--musteri-bakiye-nakit col.col-mbn-islem{ width: 26%; }
body.mode-admin .simple--musteri-bakiye-hareket col.col-mb-tarih{ width: 14%; }
body.mode-admin .simple--musteri-bakiye-hareket col.col-mb-siparis{ width: 14%; }
body.mode-admin .simple--musteri-bakiye-hareket col.col-mb-tur{ width: 14%; }
body.mode-admin .simple--musteri-bakiye-hareket col.col-mb-tutar{ width: 12%; }
body.mode-admin .simple--musteri-bakiye-hareket col.col-mb-aciklama{ width: 46%; }

body.mode-admin .simple--musteri-bakiye thead th,
body.mode-admin .simple--musteri-bakiye-kuyruk thead th,
body.mode-admin .simple--musteri-bakiye-nakit thead th,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk thead th,
body.mode-admin .simple--musteri-bakiye-hareket thead th,
body.mode-admin .table-wrap--musteri-bakiye table.simple thead th{
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
  background: #f8fafc;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
}
body.mode-admin .simple--musteri-bakiye thead th:first-child,
body.mode-admin .simple--musteri-bakiye-kuyruk thead th:first-child,
body.mode-admin .simple--musteri-bakiye-nakit thead th:first-child,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk thead th:first-child,
body.mode-admin .simple--musteri-bakiye-hareket thead th:first-child{
  border-left: 1px solid #e8edf3;
}
body.mode-admin .simple--musteri-bakiye thead th:last-child,
body.mode-admin .simple--musteri-bakiye-kuyruk thead th:last-child,
body.mode-admin .simple--musteri-bakiye-nakit thead th:last-child,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk thead th:last-child,
body.mode-admin .simple--musteri-bakiye-hareket thead th:last-child{
  border-right: 1px solid #e8edf3;
}
body.mode-admin .simple--musteri-bakiye thead th.col-money,
body.mode-admin .simple--musteri-bakiye thead th.col-center,
body.mode-admin .simple--musteri-bakiye thead th.col-actions,
body.mode-admin .simple--musteri-bakiye-kuyruk thead th.col-money,
body.mode-admin .simple--musteri-bakiye-kuyruk thead th.col-center,
body.mode-admin .simple--musteri-bakiye-kuyruk thead th.col-actions,
body.mode-admin .simple--musteri-bakiye-nakit thead th.col-money,
body.mode-admin .simple--musteri-bakiye-nakit thead th.col-center,
body.mode-admin .simple--musteri-bakiye-nakit thead th.col-actions,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk thead th.col-money,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk thead th.col-center,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk thead th.col-actions,
body.mode-admin .simple--musteri-bakiye-hareket thead th.col-money{
  text-align: center;
}
body.mode-admin .simple--musteri-bakiye tbody tr.odeme-row > td,
body.mode-admin .simple--musteri-bakiye-kuyruk tbody tr.odeme-row > td,
body.mode-admin .simple--musteri-bakiye-nakit tbody tr.odeme-row > td,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk tbody tr.odeme-row > td,
body.mode-admin .simple--musteri-bakiye-hareket tbody tr.odeme-row > td{
  box-sizing: border-box;
  vertical-align: middle;
  padding: 14px 12px;
  background: #fff;
  border-top: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  border-left: none;
  border-right: 1px solid #eef2f6;
  overflow: hidden;
  white-space: normal;
}
body.mode-admin .simple--musteri-bakiye tbody tr.odeme-row > td:first-child,
body.mode-admin .simple--musteri-bakiye-kuyruk tbody tr.odeme-row > td:first-child,
body.mode-admin .simple--musteri-bakiye-nakit tbody tr.odeme-row > td:first-child,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk tbody tr.odeme-row > td:first-child,
body.mode-admin .simple--musteri-bakiye-hareket tbody tr.odeme-row > td:first-child{
  border-left: 1px solid #e8edf3;
  border-radius: 10px 0 0 10px;
}
body.mode-admin .simple--musteri-bakiye tbody tr.odeme-row > td:last-child,
body.mode-admin .simple--musteri-bakiye-kuyruk tbody tr.odeme-row > td:last-child,
body.mode-admin .simple--musteri-bakiye-nakit tbody tr.odeme-row > td:last-child,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk tbody tr.odeme-row > td:last-child,
body.mode-admin .simple--musteri-bakiye-hareket tbody tr.odeme-row > td:last-child{
  border-right: 1px solid #e8edf3;
  border-radius: 0 10px 10px 0;
}
body.mode-admin .table-wrap--musteri-bakiye table.simple tbody tr:hover td,
body.mode-admin .simple--musteri-bakiye tbody tr.odeme-row:hover > td,
body.mode-admin .simple--musteri-bakiye-kuyruk tbody tr.odeme-row:hover > td,
body.mode-admin .simple--musteri-bakiye-nakit tbody tr.odeme-row:hover > td,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk tbody tr.odeme-row:hover > td,
body.mode-admin .simple--musteri-bakiye-hareket tbody tr.odeme-row:hover > td{
  background: #fff;
  border-color: #e8edf3;
  border-right-color: #eef2f6;
}
body.mode-admin .simple--musteri-bakiye tbody tr.odeme-row:hover > td:first-child,
body.mode-admin .simple--musteri-bakiye-kuyruk tbody tr.odeme-row:hover > td:first-child,
body.mode-admin .simple--musteri-bakiye-nakit tbody tr.odeme-row:hover > td:first-child,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk tbody tr.odeme-row:hover > td:first-child,
body.mode-admin .simple--musteri-bakiye-hareket tbody tr.odeme-row:hover > td:first-child{
  border-left-color: #e8edf3;
}
body.mode-admin .simple--musteri-bakiye tbody tr.odeme-row:hover > td:last-child,
body.mode-admin .simple--musteri-bakiye-kuyruk tbody tr.odeme-row:hover > td:last-child,
body.mode-admin .simple--musteri-bakiye-nakit tbody tr.odeme-row:hover > td:last-child,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk tbody tr.odeme-row:hover > td:last-child,
body.mode-admin .simple--musteri-bakiye-hareket tbody tr.odeme-row:hover > td:last-child{
  border-right-color: #e8edf3;
}
body.mode-admin .simple--musteri-bakiye tbody tr.table-empty > td,
body.mode-admin .simple--musteri-bakiye-kuyruk tbody tr.table-empty > td,
body.mode-admin .simple--musteri-bakiye-nakit tbody tr.table-empty > td,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk tbody tr.table-empty > td,
body.mode-admin .simple--musteri-bakiye-hareket tbody tr.table-empty > td{
  border: none;
  background: transparent;
  padding: 24px 12px;
}
body.mode-admin .simple--musteri-bakiye td.col-money,
body.mode-admin .simple--musteri-bakiye-kuyruk td.col-money,
body.mode-admin .simple--musteri-bakiye-nakit td.col-money,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk td.col-money,
body.mode-admin .simple--musteri-bakiye-hareket td.col-money{
  text-align: right;
  font-variant-numeric: tabular-nums;
}
body.mode-admin .simple--musteri-bakiye th.col-actions,
body.mode-admin .simple--musteri-bakiye td.col-actions,
body.mode-admin .simple--musteri-bakiye-kuyruk th.col-actions,
body.mode-admin .simple--musteri-bakiye-kuyruk td.col-actions,
body.mode-admin .simple--musteri-bakiye-nakit th.col-actions,
body.mode-admin .simple--musteri-bakiye-nakit td.col-actions,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk th.col-actions,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk td.col-actions{
  text-align: center;
  vertical-align: middle;
}
body.mode-admin .simple--musteri-bakiye .cell-odeme-stack,
body.mode-admin .simple--musteri-bakiye-kuyruk .cell-odeme-stack,
body.mode-admin .simple--musteri-bakiye-nakit .cell-odeme-stack,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk .cell-odeme-stack,
body.mode-admin .simple--musteri-bakiye-hareket .cell-odeme-stack{
  max-width: 0;
}
body.mode-admin .simple--musteri-bakiye .odeme-stack,
body.mode-admin .simple--musteri-bakiye-kuyruk .odeme-stack,
body.mode-admin .simple--musteri-bakiye-nakit .odeme-stack,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk .odeme-stack,
body.mode-admin .simple--musteri-bakiye-hareket .odeme-stack{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  min-width: 0;
  line-height: 1.25;
}
body.mode-admin .simple--musteri-bakiye .odeme-stack__primary,
body.mode-admin .simple--musteri-bakiye-kuyruk .odeme-stack__primary,
body.mode-admin .simple--musteri-bakiye-nakit .odeme-stack__primary,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk .odeme-stack__primary,
body.mode-admin .simple--musteri-bakiye-hareket .odeme-stack__primary{
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink, #0f172a);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--musteri-bakiye .odeme-stack__secondary,
body.mode-admin .simple--musteri-bakiye-kuyruk .odeme-stack__secondary,
body.mode-admin .simple--musteri-bakiye-nakit .odeme-stack__secondary,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk .odeme-stack__secondary,
body.mode-admin .simple--musteri-bakiye-hareket .odeme-stack__secondary{
  font-size: 0.75rem;
  color: var(--muted, #64748b);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--musteri-bakiye .odeme-stack--money,
body.mode-admin .simple--musteri-bakiye-kuyruk .odeme-stack--money,
body.mode-admin .simple--musteri-bakiye-nakit .odeme-stack--money,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk .odeme-stack--money,
body.mode-admin .simple--musteri-bakiye-hareket .odeme-stack--money{
  align-items: flex-end;
  text-align: right;
}
body.mode-admin .simple--musteri-bakiye .odeme-money-brut,
body.mode-admin .simple--musteri-bakiye-kuyruk .odeme-money-brut,
body.mode-admin .simple--musteri-bakiye-nakit .odeme-money-brut,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk .odeme-money-brut,
body.mode-admin .simple--musteri-bakiye-hareket .odeme-money-brut{
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  overflow: visible;
  text-overflow: clip;
}
body.mode-admin .simple--musteri-bakiye .odeme-field__value,
body.mode-admin .simple--musteri-bakiye-kuyruk .odeme-field__value,
body.mode-admin .simple--musteri-bakiye-nakit .odeme-field__value,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk .odeme-field__value,
body.mode-admin .simple--musteri-bakiye-hareket .odeme-field__value{
  font-size: 0.875rem;
  white-space: nowrap;
}
body.mode-admin .simple--musteri-bakiye td.col-mb-islem .admin-odeme-islem-cell--stack,
body.mode-admin .simple--musteri-bakiye-kuyruk td.col-mbk-islem .admin-odeme-islem-cell--stack,
body.mode-admin .simple--musteri-bakiye-nakit-kuyruk td.col-mbn-islem .admin-odeme-islem-cell--stack,
body.mode-admin .simple--musteri-bakiye-nakit td.col-actions .admin-odeme-islem-cell--stack{
  justify-content: center;
}
body.mode-admin #modalMbNakit .form-group,
body.mode-admin #modalMbManuel .form-group,
body.mode-admin #modalMbNakitTamamla .form-group,
body.mode-admin #modalMbNakitIptal .form-group,
body.mode-admin #modalMbSiparisTamamla .form-group{
  margin-bottom: 12px;
}
body.mode-admin #modalMbNakit .form-group:last-of-type,
body.mode-admin #modalMbManuel .form-group:last-of-type,
body.mode-admin #modalMbNakitTamamla .form-group:last-of-type,
body.mode-admin #modalMbNakitIptal .form-group:last-of-type,
body.mode-admin #modalMbSiparisTamamla .form-group:last-of-type{
  margin-bottom: 4px;
}
/* Detay modal: geni? + yatay scroll yok (#modalMbDetay, #modalB2cDetay) */
body.mode-admin #modalMbDetay > .admin-musteri-bakiye-detay-dialog,
body.mode-admin #modalB2cDetay > .admin-musteri-bakiye-detay-dialog,
body.mode-admin .modal > .modal-dialog.admin-musteri-bakiye-detay-dialog{
  width: min(96vw, 1320px);
  max-width: min(96vw, 1320px);
}
body.mode-admin #modalMbDetay .modal-card,
body.mode-admin #modalB2cDetay .modal-card{
  max-height: min(90vh, 900px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
body.mode-admin #modalMbDetay .admin-musteri-bakiye-detay-modal-body,
body.mode-admin #modalB2cDetay .admin-musteri-bakiye-detay-modal-body{
  overflow-x: hidden;
  overflow-y: auto;
  max-height: none;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
body.mode-admin #modalMbDetay .table-wrap--musteri-bakiye,
body.mode-admin #modalB2cDetay .table-wrap--musteri-bakiye{
  overflow-x: hidden;
  overflow-y: visible;
  max-width: 100%;
}
body.mode-admin #modalMbDetay .table-wrap--musteri-bakiye table.simple.simple--musteri-bakiye-hareket,
body.mode-admin #modalMbDetay .table-wrap--musteri-bakiye table.simple.simple--musteri-bakiye-nakit,
body.mode-admin #modalB2cDetay .table-wrap--musteri-bakiye table.simple.simple--musteri-bakiye-hareket,
body.mode-admin #modalB2cDetay .table-wrap--musteri-bakiye table.simple.simple--musteri-bakiye-nakit{
  min-width: 0;
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}
body.mode-admin #modalMbDetay .table-wrap--musteri-bakiye table.simple th,
body.mode-admin #modalMbDetay .table-wrap--musteri-bakiye table.simple td,
body.mode-admin #modalB2cDetay .table-wrap--musteri-bakiye table.simple th,
body.mode-admin #modalB2cDetay .table-wrap--musteri-bakiye table.simple td{
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
body.mode-admin #modalMbDetay .table-wrap--musteri-bakiye table.simple thead th,
body.mode-admin #modalB2cDetay .table-wrap--musteri-bakiye table.simple thead th{
  white-space: nowrap;
}
body.mode-admin #modalMbDetay .admin-musteri-bakiye-detay-head,
body.mode-admin #modalB2cDetay .admin-musteri-bakiye-detay-head{
  background: var(--surface-2, #fafafa);
}

body.mode-admin .admin-failover-page .card-head--ops{
  margin-bottom: 12px;
}
body.mode-admin .admin-failover-ozet{
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--surface-muted, #f8fafc);
  border: 1px solid var(--border, #e5e7eb);
  font-size: 0.9rem;
}
body.mode-admin .admin-failover-ozet__item--warn strong{
  color: var(--warn, #d97706);
}
body.mode-admin .admin-failover-bekleme{
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid #fdba74;
  background: #fff7ed;
  color: var(--warn, #d97706);
  font-size: 0.78rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  white-space: nowrap;
  vertical-align: middle;
}
body.mode-admin .admin-failover-bekleme--warn{
  border-color: #fb923c;
  background: #ffedd5;
  color: #c2410c;
  font-weight: 700;
}
body.mode-admin .admin-failover-ozet-kart{
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  margin-bottom: 16px;
  border-radius: 8px;
  background: var(--surface-muted, #f8fafc);
  border: 1px solid var(--border, #e5e7eb);
}
body.mode-admin .admin-failover-ozet-kart__row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font-size: 0.9rem;
}
body.mode-admin .admin-failover-islem-body{
  margin-bottom: 0;
}
body.mode-admin .admin-failover-islem-form{
  margin-top: 12px;
}
body.mode-admin .admin-failover-alt-empty{
  margin-top: 8px;
}
body.mode-admin .admin-failover-neden-list{
  padding-left: 1.1rem;
  font-size: 0.88rem;
}
body.mode-admin .admin-failover-islem-footer{
  flex-wrap: wrap;
  gap: 8px;
}
/* Failover devir: ?demeler ile ayn? 7 s?tun */
body.mode-admin .simple--pazaryeri-failover .admin-failover-bekleme{
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-admin .simple--pazaryeri-failover td.col-odeme-durum .odeme-stack__secondary{
  overflow: visible;
}
/* Bor?lar: yatay scrollbar yok ? oranlar kab?n i?ine s??ar */
body.mode-admin .table-wrap--odemeler:has(.simple--failover-borclar),
body.mode-admin .table-wrap--odemeler:has(.simple--failover-gecmis){
  overflow-x: hidden;
}
body.mode-admin .simple--odemeler.simple--failover-borclar,
body.mode-admin .simple--odemeler.simple--failover-gecmis{
  min-width: 0;
  width: 100%;
}
body.mode-admin .simple--failover-borclar col.col-odeme-party,
body.mode-admin .simple--failover-borclar th.col-odeme-party,
body.mode-admin .simple--failover-borclar td.col-odeme-party{
  width: 18%;
}
body.mode-admin .simple--failover-borclar col.col-odeme-siparis,
body.mode-admin .simple--failover-borclar th.col-odeme-siparis,
body.mode-admin .simple--failover-borclar td.col-odeme-siparis{
  width: 6.75rem;
}
body.mode-admin .simple--failover-borclar col.col-odeme-tur,
body.mode-admin .simple--failover-borclar th.col-odeme-tur,
body.mode-admin .simple--failover-borclar td.col-odeme-tur{
  width: 5rem;
  text-align: center;
}
body.mode-admin .simple--failover-borclar col.col-odeme-money,
body.mode-admin .simple--failover-borclar th.col-odeme-money,
body.mode-admin .simple--failover-borclar td.col-odeme-money{
  width: 6.25rem;
}
body.mode-admin .simple--failover-borclar col.col-odeme-durum,
body.mode-admin .simple--failover-borclar th.col-odeme-durum,
body.mode-admin .simple--failover-borclar td.col-odeme-durum{
  width: 7rem;
}
body.mode-admin .simple--failover-borclar col.col-odeme-tarih,
body.mode-admin .simple--failover-borclar th.col-odeme-tarih,
body.mode-admin .simple--failover-borclar td.col-odeme-tarih{
  width: 7.25rem;
}
body.mode-admin .simple--failover-borclar col.col-odeme-islem,
body.mode-admin .simple--failover-borclar th.col-odeme-islem,
body.mode-admin .simple--failover-borclar td.col-odeme-islem,
body.mode-admin .simple--failover-borclar .col-actions{
  width: 9.25rem;
  min-width: 0;
}
body.mode-admin .simple--failover-borclar tbody tr.odeme-row > td{
  vertical-align: middle;
  padding: 10px 8px;
}
body.mode-admin .simple--failover-borclar thead th{
  padding: 8px;
  text-align: center;
}
body.mode-admin .simple--failover-borclar thead th:first-child,
body.mode-admin .simple--failover-borclar tbody tr.odeme-row > td:first-child{
  text-align: left;
}
body.mode-admin .simple--failover-borclar td.col-odeme-tur .odeme-stack,
body.mode-admin .simple--failover-borclar td.col-odeme-durum .odeme-stack,
body.mode-admin .simple--failover-borclar td.col-odeme-tarih .odeme-stack{
  align-items: center;
}
body.mode-admin .simple--failover-borclar td.col-odeme-siparis{
  text-align: center;
}
body.mode-admin .simple--failover-borclar .odeme-party{
  max-width: 100%;
  min-width: 0;
}
body.mode-admin .simple--failover-borclar .odeme-party__name{
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .simple--failover-borclar .odeme-stack--money .odeme-stack__primary.odeme-money-brut{
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
body.mode-admin .simple--failover-borclar td.col-actions.admin-siparis-durum-actions,
body.mode-admin .simple--failover-borclar .admin-siparis-durum-actions{
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  width: 100%;
  max-width: 100%;
}
body.mode-admin .simple--failover-borclar td.col-actions .btn{
  flex: 0 0 auto;
  padding-inline: 0.55rem;
  min-width: 0;
}
body.mode-admin .simple--failover-gecmis col.col-odeme-tarih,
body.mode-admin .simple--failover-gecmis th.col-odeme-tarih,
body.mode-admin .simple--failover-gecmis td.col-odeme-tarih{
  width: 7.25rem;
}
body.mode-admin .simple--failover-gecmis col.col-odeme-siparis,
body.mode-admin .simple--failover-gecmis .col-odeme-siparis{
  width: 22%;
}
body.mode-admin .simple--failover-gecmis col.col-odeme-party,
body.mode-admin .simple--failover-gecmis .col-odeme-party{
  width: 28%;
}
body.mode-admin .simple--failover-gecmis col.col-odeme-money,
body.mode-admin .simple--failover-gecmis .col-odeme-money{
  width: 6.5rem;
}
body.mode-admin .simple--failover-gecmis col.col-odeme-durum,
body.mode-admin .simple--failover-gecmis .col-odeme-durum{
  width: 8rem;
}
/* Admin ? sipari? tablolar?: global ?r?n g?rsel boyutu kullan (sayfa override yok) */
body.mode-admin .admin-siparis-no-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 5px 10px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 8px;
  background: #fff;
  color: var(--ink, #0f172a);
  font-size: 0.8125rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  letter-spacing: 0.01em;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
  cursor: default;
}
body.mode-admin .admin-siparis-no-chip--stack{
  flex-direction: column;
  gap: 3px;
  padding: 6px 8px;
  white-space: normal;
}
body.mode-admin .admin-siparis-no-chip--text{
  flex-direction: row;
  padding: 5px 8px;
  border-radius: var(--radius-sm, 4px);
  box-shadow: none;
}
body.mode-admin .admin-siparis-no-chip--text .admin-siparis-no-chip__label{
  font-size: 0.8125rem;
}
body.mode-admin .admin-siparis-no-chip__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}
body.mode-admin .admin-siparis-no-chip__icon .ui-icon{
  width: 15px;
  height: 15px;
}
body.mode-admin .admin-siparis-no-chip__label{
  display: block;
  max-width: 100%;
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  letter-spacing: 0.01em;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
button.admin-siparis-no-chip{
  cursor: pointer;
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
}
button.admin-siparis-no-chip:hover{
  border-color: var(--accent-border, #99f6e4);
  background: var(--accent-soft, #f0fdfa);
  color: var(--accent, #0f766e);
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.08);
}
button.admin-siparis-no-chip:active{
  transform: translateY(1px);
}
body.mode-admin .admin-siparis-no-chip--static{
  background: #f8fafc;
}
body.mode-admin .admin-siparis-no-stack{
  align-items: stretch;
  gap: 6px;
  width: 100%;
}
body.mode-admin .admin-siparis-no-stack__head{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
body.mode-admin .admin-siparis-no-stack .admin-siparis-no-chip{
  width: 100%;
  box-sizing: border-box;
}
body.mode-admin .admin-siparis-no-stack__copy{
  margin: 0;
}
button.admin-siparis-no-chip--copy{
  cursor: pointer;
  color: var(--muted, #64748b);
}
button.admin-siparis-no-chip--copy .admin-siparis-no-chip__label{
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}
button.admin-siparis-no-chip--copy:hover{
  border-color: var(--accent-border, rgba(37, 99, 235, 0.28));
  background: var(--accent-soft, #eff6ff);
  color: var(--accent, #2563eb);
  box-shadow: 0 1px 2px rgba(37, 99, 235, 0.08);
}
button.admin-siparis-no-chip--copy:active{
  transform: translateY(1px);
}

/* Admin sipari? detay modal? */
.modal-dialog--siparis-detay{
  max-width: min(56rem, 94vw);
}
@media (min-width: 980px){
  #modalAdminSiparisDetay .modal-dialog{
    max-width: min(96vw, 1200px);
  }
}
#modalAdminSiparisDetay .modal-header{
  padding: 16px 20px;
  border-bottom: 1px solid var(--line, #e2e8f0);
  align-items: center;
}
#modalAdminSiparisDetay .modal-header > div:first-child{
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--modal-header-btn-size, 44px);
}
#modalAdminSiparisDetay .modal-card{
  background: #fff;
}
#modalAdminSiparisDetay .modal-header h2,
#modalAdminSiparisDetay .admin-siparis-detay-modal-title{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  color: var(--ink, #0f172a);
  font-size: 1.125rem;
  line-height: 1.25;
}
#modalAdminSiparisDetay .admin-siparis-detay-modal-title__label{
  color: var(--muted, #64748b);
  font-weight: 600;
  font-size: 0.95em;
  letter-spacing: 0;
}
#modalAdminSiparisDetay .admin-siparis-detay-modal-title__label::after{
  content: ':';
}
#modalAdminSiparisDetay .admin-siparis-detay-modal-title__no{
  min-width: 0;
}
#modalAdminSiparisDetay .admin-siparis-detay-modal-title .admin-siparis-no-link{
  font-size: inherit;
  font-weight: 700;
  color: var(--ink, #0f172a);
}
#modalAdminSiparisDetay .admin-siparis-detay-modal-title .admin-siparis-no-copy{
  width: 28px;
  height: 28px;
}
#modalAdminSiparisDetay .modal-lead{
  display: block;
  margin-top: 4px;
  font-size: 0.8125rem;
}
#modalAdminSiparisDetay .modal-lead:empty{
  display: none;
  margin: 0;
}
.admin-siparis-detay-body{
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: min(85vh, 900px);
  overflow-y: auto;
  padding: 16px 20px 20px;
  background: #f4f6f9;
}
.admin-siparis-detay-layout{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.admin-siparis-detay-hero{
  display: flex;
  gap: 18px;
  align-items: flex-start;
  margin: 0;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.admin-siparis-detay-hero__media{
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  background: #fafbfc;
  border: 1px solid var(--line, #e2e8f0);
}
.admin-siparis-detay-hero__img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
}
.admin-siparis-detay-hero__body{
  min-width: 0;
  flex: 1;
}
.admin-siparis-detay-hero__urun{
  margin: 0 0 10px;
  font-size: 1rem;
  color: var(--ink, #0f172a);
  line-height: 1.4;
}
.admin-siparis-detay-hero__urun--sub{
  margin-top: -6px;
  font-size: 0.9rem;
  font-weight: 600;
}
.admin-siparis-detay-hero__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-bottom: 8px;
}
.admin-siparis-detay-kaynak{
  font-size: 0.75rem;
}
.admin-siparis-detay-hero__tarih{
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.45;
}
.admin-siparis-detay-hero__siparis-nos{
  margin: 0 0 6px;
  font-size: 0.8125rem;
  line-height: 1.45;
}
.admin-siparis-detay-section{
  margin: 0;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.admin-siparis-detay-section--timeline{
  padding-bottom: 18px;
}
.admin-siparis-detay-section--party{
  height: 100%;
}
.admin-siparis-detay-section__title{
  margin: 0 0 14px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.85);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted, #64748b);
}
.admin-siparis-detay-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.admin-siparis-detay-grid .admin-siparis-detay-section{
  margin-bottom: 0;
  height: 100%;
  border: 1px solid var(--line, #e2e8f0);
  padding: 16px 18px;
}
.admin-siparis-detay-grid--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px){
  .admin-siparis-detay-grid,
  .admin-siparis-detay-grid--3{
    grid-template-columns: 1fr;
  }
}
.admin-siparis-detay-hero--multi{
  align-items: flex-start;
}
.admin-siparis-detay-hero--compact{
  padding: 12px 16px;
  align-items: center;
}
.admin-siparis-detay-hero--compact .admin-siparis-detay-hero__body{
  width: 100%;
}
.admin-siparis-detay-hero--compact .admin-siparis-detay-hero__meta{
  margin-bottom: 6px;
}
.admin-siparis-detay-hero--compact .admin-siparis-detay-hero__tarih{
  margin: 0;
  line-height: 1.45;
}
.admin-siparis-detay-hero__thumbs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex-shrink: 0;
  align-items: center;
  max-width: 140px;
}
.admin-siparis-detay-hero__thumb{
  width: 52px;
  height: 52px;
  border-radius: 8px;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid var(--line, #e2e8f0);
}
.admin-siparis-detay-hero__thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
}
.admin-siparis-detay-hero__thumb-more{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted, #64748b);
  background: #f1f5f9;
  border: 1px solid var(--line, #e2e8f0);
}
.admin-siparis-detay-hero__total{
  font-variant-numeric: tabular-nums;
  color: var(--ink, #0f172a);
}
.admin-siparis-detay-hero__no-row{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 2px;
}
.admin-siparis-detay-hero__no{
  font-size: 0.8125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #334155);
  letter-spacing: 0.01em;
}
.admin-siparis-detay-hero__siparis-nolar{
  margin: 0 0 10px;
  font-size: 0.8125rem;
  line-height: 1.45;
}
.admin-siparis-detay-section--urunler .admin-siparis-detay-section__title,
.admin-siparis-detay-section--odeme .admin-siparis-detay-section__title{
  margin-bottom: 12px;
}
.admin-siparis-detay-layout--multi .admin-siparis-detay-section--urunler,
.admin-siparis-detay-section--odeme{
  padding: 16px 18px;
}
/* ?r?nler: d?? ?er?eve yok; her sat?c? ALICI/?DEME ile ayn? panel kart? */
.admin-siparis-detay-section--urunler:has(.admin-siparis-detay-urun-list--by-satici){
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
.admin-siparis-detay-section--urunler:has(.admin-siparis-detay-urun-list--by-satici) .admin-siparis-detay-section__title{
  margin-bottom: 12px;
  padding: 0 2px 10px;
  border-bottom: none;
}
.admin-siparis-detay-layout--multi .admin-siparis-detay-section--urunler:has(.admin-siparis-detay-urun-list--by-satici){
  padding: 0;
}
.admin-siparis-detay-section--urunler{
  background: #fff;
}
.admin-siparis-detay-urun-list{
  display: flex;
  flex-direction: column;
  gap: 0;
}
.admin-siparis-detay-urun-list--by-satici{
  gap: 14px;
}
.admin-siparis-detay-satici-group{
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 16px 18px;
  border-radius: 12px;
  border: 1px solid var(--line, #e2e8f0);
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
/* Bo?luk flex gap ile; kartlar?n kendi border?? yeterli */
.admin-siparis-detay-satici-group__head{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
  margin: -16px -18px 12px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--line, #e2e8f0);
  border-radius: 12px 12px 0 0;
  background: #f8fafc;
}
.admin-siparis-detay-satici-group__head-main{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  min-width: 0;
  flex: 1 1 12rem;
}
.admin-siparis-detay-satici-group__head-aside{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 12px;
  flex: 1 1 16rem;
  min-width: 0;
}
.admin-siparis-detay-satici-group__head-actions{
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.admin-siparis-detay-satici-group__head-actions > .btn.btn-sm,
.admin-siparis-detay-satici-group__head-actions > .admin-siparis-detay-satici-detail > .btn.btn-sm{
  box-sizing: border-box;
  min-height: 2rem;
  height: 2rem;
  padding: 0 0.75rem;
  line-height: 1;
  margin: 0;
}
.admin-siparis-detay-satici-group__title{
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  line-height: 1.35;
  min-width: 0;
}
.admin-siparis-detay-satici-group__items{
  display: flex;
  flex-direction: column;
  gap: 0;
}
.admin-siparis-detay-satici-group .admin-siparis-detay-urun-line{
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(226, 232, 240, 0.85);
  border-radius: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.admin-siparis-detay-satici-group .admin-siparis-detay-urun-line + .admin-siparis-detay-urun-line{
  margin-top: 0;
}
.admin-siparis-detay-satici-group .admin-siparis-detay-urun-line:last-child{
  border-bottom: none;
  padding-bottom: 0;
}
.admin-siparis-detay-satici-group .admin-siparis-detay-urun-line:first-child{
  padding-top: 4px;
}
.admin-siparis-detay-satici-detail{
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0;
  vertical-align: middle;
}
/* Admin genel btn-with-icon ikon ?stte; sat?c? ba?l??? aksiyonlar?nda ikon solda */
body.mode-admin .admin-siparis-detay-satici-group__head-actions > .btn.btn-with-icon,
body.mode-admin .admin-siparis-detay-satici-detail__btn.btn.btn-with-icon,
.admin-siparis-detay-satici-detail__btn{
  list-style: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: inline-flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  line-height: 1;
  text-align: left;
  margin: 0;
}
body.mode-admin .admin-siparis-detay-satici-group__head-actions > .btn.btn-sm.btn-with-icon,
body.mode-admin .admin-siparis-detay-satici-detail__btn.btn.btn-sm.btn-with-icon{
  padding-top: 0;
  padding-bottom: 0;
  min-height: 2rem;
  height: 2rem;
}
.admin-siparis-detay-satici-detail__btn::-webkit-details-marker{
  display: none;
}
.admin-siparis-detay-satici-detail__btn::marker{
  content: '';
  display: none;
}
.admin-siparis-detay-satici-detail[open] > .admin-siparis-detay-satici-detail__btn{
  border-color: var(--accent, #2563eb);
  color: var(--accent, #2563eb);
  box-shadow: none;
}
.admin-siparis-detay-satici-detail__panel{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: auto;
  z-index: 20;
  min-width: min(280px, 78vw);
  max-width: min(340px, 90vw);
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--line, #e2e8f0);
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}
.admin-siparis-detay-satici-detail__panel .admin-siparis-detay-kv__item{
  padding-top: 6px;
  padding-bottom: 6px;
}
.admin-siparis-detay-satici-detail__panel .admin-siparis-detay-kv__item:first-child{
  padding-top: 0;
}
.admin-siparis-detay-satici-parties{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.admin-siparis-detay-kargo-bar__meta{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  min-width: 0;
  line-height: 1.3;
}
.admin-siparis-detay-kargo-bar__label{
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted, #64748b);
  line-height: 1.3;
}
.admin-siparis-detay-kargo-bar__info{
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink, #334155);
  font-variant-numeric: tabular-nums;
  word-break: break-word;
  line-height: 1.3;
}
.admin-siparis-detay-kargo-bar__badge{
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
}
.admin-siparis-detay-urun-line{
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) minmax(6.5rem, auto) auto;
  gap: 12px 14px;
  align-items: center;
  padding: 14px 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(226, 232, 240, 0.85);
}
.admin-siparis-detay-urun-line:last-child{
  border-bottom: none;
  padding-bottom: 0;
}
.admin-siparis-detay-urun-line:first-child{
  padding-top: 4px;
}
.admin-siparis-detay-urun-list:not(.admin-siparis-detay-urun-list--by-satici) .admin-siparis-detay-urun-line{
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid rgba(226, 232, 240, 0.85);
}
.admin-siparis-detay-urun-list:not(.admin-siparis-detay-urun-list--by-satici) .admin-siparis-detay-urun-line:last-child{
  border-bottom: none;
  padding-bottom: 0;
}
.admin-siparis-detay-urun-list:not(.admin-siparis-detay-urun-list--by-satici) .admin-siparis-detay-urun-line:first-child{
  padding-top: 4px;
}
.admin-siparis-detay-urun-line.is-iptal{
  opacity: 0.72;
}
.admin-siparis-detay-urun-line__media{
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.admin-siparis-detay-urun-line__media .urun-gorsel-table-cell{
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
}
.admin-siparis-detay-urun-line__media .urun-gorsel-table-cell .img-mini-link,
.admin-siparis-detay-urun-line__media .img-mini-link{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid var(--line, #e2e8f0);
  background: #fafbfc;
  overflow: hidden;
  line-height: 0;
}
.admin-siparis-detay-urun-line__media .urun-gorsel-table-cell .img-mini,
.admin-siparis-detay-urun-line__media .img-mini,
.admin-siparis-detay-urun-line__media .img-mini--empty{
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  background: #fff;
  border: 0;
  border-radius: 0;
  padding: 6px;
  box-sizing: border-box;
}
.admin-siparis-detay-urun-line__media .urun-gorsel-table-cell .img-mini--empty{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  font-weight: 700;
  font-size: 0.85rem;
}
.admin-siparis-detay-urun-line__body{
  min-width: 0;
}
.admin-siparis-detay-urun-line__title-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-bottom: 4px;
}
.admin-siparis-detay-urun-line__title{
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink, #0f172a);
  min-width: 0;
}
.admin-siparis-detay-urun-line__status{
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-width: 0;
}
.admin-siparis-detay-urun-line__status > .badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 4px 10px;
  border-radius: 999px;
  letter-spacing: 0.01em;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  text-transform: none;
}
.admin-siparis-detay-urun-line__meta{
  margin: 0 0 8px;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.admin-siparis-detay-urun-line__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.admin-siparis-detay-chip{
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  font-size: 0.75rem;
  line-height: 1.4;
}
.admin-siparis-detay-chip__k{
  color: var(--muted, #94a3b8);
  font-weight: 500;
}
.admin-siparis-detay-chip__k::after{
  content: ':';
}
.admin-siparis-detay-chip__v{
  color: var(--ink, #334155);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.admin-siparis-detay-urun-line__chips .admin-siparis-detay-chip + .admin-siparis-detay-chip::before{
  content: '?';
  margin-right: 6px;
  color: var(--muted, #cbd5e1);
  font-weight: 400;
}
.admin-siparis-detay-urun-line__aside{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  text-align: right;
  align-self: center;
}
.admin-siparis-detay-urun-line__aside .btn.btn-sm{
  box-sizing: border-box;
  min-height: 2rem;
  height: 2rem;
  padding: 0 0.75rem;
  line-height: 1;
  margin: 0;
}
.admin-siparis-detay-devir-wrap{
  display: inline-flex;
  align-items: center;
}
.admin-siparis-detay-urun-line__price{
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #0f172a);
  white-space: nowrap;
  line-height: 1.3;
}
.admin-siparis-detay-odeme-summary{
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.admin-siparis-detay-odeme-summary__row{
  display: grid;
  grid-template-columns: minmax(7rem, 0.95fr) minmax(0, 1.3fr);
  gap: 8px 12px;
  align-items: center;
  padding: 8px 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.admin-siparis-detay-odeme-summary__row + .admin-siparis-detay-odeme-summary__row{
  border-top: 1px solid rgba(226, 232, 240, 0.7);
}
.admin-siparis-detay-odeme-summary__row:first-child{
  padding-top: 0;
}
.admin-siparis-detay-odeme-summary__row.is-highlight{
  margin-top: 4px;
  padding: 10px 0 0;
  border-color: transparent;
  border-radius: 0;
  background: transparent;
}
.admin-siparis-detay-odeme-summary__k{
  margin: 0;
  font-size: 0.75rem;
  color: var(--muted, #94a3b8);
  font-weight: 500;
}
.admin-siparis-detay-odeme-summary__v{
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink, #334155);
  text-align: right;
  font-variant-numeric: tabular-nums;
  min-width: 0;
}
.admin-siparis-detay-odeme-summary__row.is-highlight .admin-siparis-detay-odeme-summary__k{
  font-weight: 600;
  color: var(--ink, #334155);
}
.admin-siparis-detay-odeme-summary__row.is-highlight .admin-siparis-detay-odeme-summary__v{
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--accent, #2563eb);
}
.admin-siparis-detay-odeme-summary__v .odeme-yontem-chip{
  justify-content: flex-end;
}
.admin-siparis-detay-timeline__note{
  margin: 0 0 10px;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.admin-siparis-detay-party__empty{
  margin: 2px 0 0;
  font-size: 0.8125rem;
}
.admin-siparis-detay-section--urunler .table-wrap--siparis-detay-urunler,
.admin-siparis-detay-section--odeme .table-wrap--siparis-detay-odeme{
  margin: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  overflow-x: auto;
}
#modalAdminSiparisDetay .table-wrap--siparis-detay-urunler table.simple th,
#modalAdminSiparisDetay .table-wrap--siparis-detay-odeme table.simple th{
  font-size: 0.72rem;
  white-space: nowrap;
}
#modalAdminSiparisDetay .table-wrap--siparis-detay-urunler table.simple td,
#modalAdminSiparisDetay .table-wrap--siparis-detay-odeme table.simple td{
  font-size: 0.8125rem;
  vertical-align: middle;
}
#modalAdminSiparisDetay .table-wrap--siparis-detay-urunler .urun-gorsel-table-cell .img-mini-link{
  display: block;
  width: 56px;
  height: 42px;
  line-height: 0;
}
#modalAdminSiparisDetay .admin-siparis-detay-urun-table--failover{
  table-layout: fixed;
  width: 100%;
}
#modalAdminSiparisDetay .admin-siparis-detay-urun-table--failover col.col-gorsel{
  width: 72px;
}
#modalAdminSiparisDetay .admin-siparis-detay-urun-table--failover col.col-num{
  width: 3.25rem;
}
#modalAdminSiparisDetay .admin-siparis-detay-urun-table--failover col.col-money{
  width: 6.75rem;
}
#modalAdminSiparisDetay .admin-siparis-detay-urun-table--failover col.col-actions{
  width: 4rem;
}
#modalAdminSiparisDetay .admin-siparis-detay-urun-table--failover th.col-actions,
#modalAdminSiparisDetay .admin-siparis-detay-urun-table--failover td.col-actions{
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;
  overflow: hidden;
}
#modalAdminSiparisDetay .admin-siparis-detay-urun-table--failover td.col-actions .btn-with-icon:not(:has(> span)){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  padding: 0;
}
#modalAdminSiparisDetay .admin-siparis-detay-urun-table--failover td.col-money{
  white-space: nowrap;
}
.admin-siparis-detay-grup-item + .admin-siparis-detay-grup-item{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line, #e2e8f0);
}
.admin-siparis-detay-grup-item__label{
  margin: 0 0 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink, #334155);
}
.admin-siparis-detay-fold{
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  border: 1px solid var(--line, #e2e8f0);
}
.admin-siparis-detay-fold__summary{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink, #334155);
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.admin-siparis-detay-fold__summary::-webkit-details-marker{
  display: none;
}
.admin-siparis-detay-fold__summary::before{
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid var(--muted, #94a3b8);
  transition: transform 0.15s ease;
  flex-shrink: 0;
}
.admin-siparis-detay-fold[open] .admin-siparis-detay-fold__summary::before{
  transform: rotate(90deg);
}
.admin-siparis-detay-fold__body{
  padding: 0 16px 16px;
  border-top: 1px solid rgba(226, 232, 240, 0.85);
}
.admin-siparis-detay-party{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
  min-width: 0;
}
.admin-siparis-detay-party__top{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
}
.admin-siparis-detay-party__avatar{
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--accent, #2563eb);
  background: #f1f5f9;
  border: none;
}
.admin-siparis-detay-party__body{
  min-width: 0;
  flex: 1;
}
.admin-siparis-detay-party__no{
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 2px;
  font-size: 0.75rem;
  line-height: 1.3;
}
.admin-siparis-detay-party__name{
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink, #0f172a);
  word-break: break-word;
}
.admin-siparis-detay-party__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.admin-siparis-detay-party__chips .admin-siparis-detay-chip{
  text-decoration: none;
  color: inherit;
}
.admin-siparis-detay-party__chips .admin-siparis-detay-chip:hover .admin-siparis-detay-chip__v{
  text-decoration: underline;
}
.admin-siparis-detay-party__chips .admin-siparis-detay-chip__v{
  color: var(--accent, #2563eb);
}
.admin-siparis-detay-party__link{
  color: var(--accent, #2563eb);
  text-decoration: none;
  word-break: break-all;
}
.admin-siparis-detay-party__link:hover{
  text-decoration: none;
}
.admin-siparis-detay-panel{
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
}
@media (max-width: 560px){
  .admin-siparis-detay-body{
    padding: 4px 16px 16px;
  }
  .admin-siparis-detay-grid{
    grid-template-columns: 1fr;
  }
  .admin-siparis-detay-grid .admin-siparis-detay-section + .admin-siparis-detay-section{
    border-left: none;
    padding-left: 0;
    border-top: 1px solid var(--line, #e2e8f0);
  }
  .admin-siparis-detay-hero{
    flex-direction: row;
    padding: 4px 0 14px;
  }
  .admin-siparis-detay-hero__media{
    width: 72px;
    height: 72px;
  }
  .admin-siparis-detay-kv__item,
  .admin-siparis-detay-adres .mp-order-adres__field,
  .admin-siparis-detay-odeme-summary__row{
    grid-template-columns: 1fr;
    gap: 2px 0;
  }
  .admin-siparis-detay-adres .mp-order-adres__box,
  .admin-siparis-detay-odeme-summary__v{
    text-align: left;
  }
  .admin-siparis-detay-adres .mp-order-adres{
    grid-template-columns: 1fr;
  }
  .admin-siparis-detay-timeline{
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 2px 0 0;
  }
  .admin-siparis-detay-timeline__step{
    flex: none;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 0 0 16px 0;
  }
  .admin-siparis-detay-timeline__mark{
    width: auto;
    flex: none;
  }
  .admin-siparis-detay-timeline__step:not(:last-child) .admin-siparis-detay-timeline__mark::after{
    top: 32px;
    left: 50%;
    right: auto;
    width: 1.5px;
    height: auto;
    bottom: -16px;
    transform: translateX(-50%);
  }
  .admin-siparis-detay-timeline__label{
    text-align: left;
    max-width: none;
    min-height: 0;
    margin: 0;
    width: auto;
  }
  .admin-siparis-detay-urun-line{
    grid-template-columns: 56px minmax(0, 1fr);
  }
  .admin-siparis-detay-urun-line__status{
    grid-column: 1 / -1;
    justify-content: flex-start;
    order: 3;
  }
  .admin-siparis-detay-urun-line__aside{
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    order: 4;
  }
}
.admin-siparis-detay-kv{
  display: flex;
  flex-direction: column;
  gap: 0;
}
.admin-siparis-detay-kv__item{
  display: grid;
  grid-template-columns: minmax(6.5rem, 0.9fr) minmax(0, 1.4fr);
  align-items: baseline;
  gap: 8px 16px;
  padding: 7px 0;
  border-bottom: none;
}
.admin-siparis-detay-kv__item + .admin-siparis-detay-kv__item{
  border-top: 1px solid rgba(226, 232, 240, 0.65);
}
.admin-siparis-detay-kv__item.is-highlight{
  margin-top: 6px;
  padding: 10px 0 0;
  background: transparent;
  border-radius: 0;
  border: none;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.admin-siparis-detay-kv__item.is-highlight + .admin-siparis-detay-kv__item{
  border-top: none;
  margin-top: 4px;
}
.admin-siparis-detay-kv__item.is-highlight .admin-siparis-detay-kv__k{
  font-weight: 600;
  color: var(--ink, #334155);
}
.admin-siparis-detay-kv__item.is-highlight .admin-siparis-detay-kv__v{
  font-size: 1rem;
  font-weight: 700;
  color: var(--accent, #2563eb);
  font-variant-numeric: tabular-nums;
}
.admin-siparis-detay-kv__k{
  font-size: 0.8125rem;
  color: var(--muted, #64748b);
}
.admin-siparis-detay-kv__v{
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink, #0f172a);
  text-align: left;
  min-width: 0;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.admin-siparis-detay-timeline{
  list-style: none;
  margin: 0;
  padding: 6px 0 2px;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 0;
}
.admin-siparis-detay-timeline__step{
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--muted, #94a3b8);
  position: relative;
  text-align: center;
  gap: 8px;
}
.admin-siparis-detay-timeline__mark{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
}
.admin-siparis-detay-timeline__step:not(:last-child) .admin-siparis-detay-timeline__mark::after{
  content: '';
  position: absolute;
  top: 50%;
  left: calc(50% + 18px);
  right: calc(-50% + 18px);
  height: 1.5px;
  background: var(--line, #e2e8f0);
  transform: translateY(-50%);
  border-radius: 1px;
  pointer-events: none;
}
.admin-siparis-detay-timeline__step.is-done:not(:last-child) .admin-siparis-detay-timeline__mark::after{
  background: rgba(37, 99, 235, 0.35);
}
.admin-siparis-detay-timeline__dot{
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid var(--line, #e2e8f0);
  background: #fff;
  color: var(--muted, #94a3b8);
  flex-shrink: 0;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.admin-siparis-detay-timeline__dot .ui-icon{
  width: 15px;
  height: 15px;
  /* currentColor: is-done/is-current .dot renkleri (aksi halde global --ui-icon-color gri kal?r) */
  --ui-icon-color: currentColor;
  color: currentColor;
}
.admin-siparis-detay-timeline__step.is-done{
  color: var(--ink, #334155);
}
.admin-siparis-detay-timeline__step.is-done .admin-siparis-detay-timeline__dot{
  background: #eff6ff;
  border-color: #bfdbfe;
  color: var(--accent, #2563eb);
  box-shadow: none;
}
.admin-siparis-detay-timeline__step.is-current{
  color: var(--accent, #2563eb);
  font-weight: 600;
}
.admin-siparis-detay-timeline__step.is-current .admin-siparis-detay-timeline__dot{
  background: var(--accent, #2563eb);
  border-color: var(--accent, #2563eb);
  color: #fff;
  box-shadow: none;
}
.admin-siparis-detay-timeline__label{
  display: block;
  width: 100%;
  max-width: 5.6rem;
  min-height: 2.6em;
  margin: 0 auto;
  white-space: normal;
  line-height: 1.3;
  overflow: visible;
  text-overflow: unset;
  text-align: center;
}
.admin-siparis-detay-adres .mp-order-adres{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  font-size: 0.875rem;
}
.admin-siparis-detay-adres .mp-order-adres__group{
  gap: 0;
  min-width: 0;
}
.admin-siparis-detay-adres .mp-order-adres__group + .mp-order-adres__group{
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.admin-siparis-detay-adres .mp-order-adres__group-title{
  margin: 0 0 8px;
  padding-bottom: 0;
  border-bottom: none;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted, #64748b);
}
.admin-siparis-detay-adres .mp-order-adres__grid{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.admin-siparis-detay-adres .mp-order-adres__field{
  display: grid;
  grid-template-columns: minmax(6.5rem, 7.5rem) minmax(0, 1fr);
  align-items: center;
  column-gap: 16px;
  row-gap: 2px;
  padding: 8px 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.admin-siparis-detay-adres .mp-order-adres__field + .mp-order-adres__field{
  border-top: 1px solid rgba(226, 232, 240, 0.7);
}
.admin-siparis-detay-adres .mp-order-adres__field--full{
  grid-column: auto;
}
.admin-siparis-detay-adres .mp-order-adres__label{
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  color: var(--muted, #94a3b8);
}
.admin-siparis-detay-adres .mp-order-adres__box{
  border: none;
  background: transparent;
  padding: 0;
  min-height: 0;
  box-shadow: none;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--ink, #334155);
  text-align: left;
  justify-self: start;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}
.admin-siparis-detay-adres .mp-order-adres__field--full .mp-order-adres__box{
  min-height: 0;
}
.admin-siparis-detay-footer{
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 20px;
  background: #fff;
  border-top: 1px solid var(--line, #e2e8f0);
  box-shadow: 0 -4px 12px rgba(15, 23, 42, 0.03);
}
.admin-siparis-detay-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.admin-siparis-detay-actions .admin-siparis-durum-actions{
  display: inline-flex;
  gap: 8px;
}
.admin-siparis-detay-actions .btn-with-icon span{
  white-space: nowrap;
}
body.mode-admin .admin-odeme-islem-cell .js-admin-siparis-detay-open{
  min-width: 36px;
}

/* Panel ? ?demeler sayfas? */
body.mode-panel .panel-odemeler-kpis{
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
body.mode-panel .panel-odemeler-kpis a.kpi-card{
  display: block;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.mode-panel .panel-odemeler-kpis a.kpi-card:hover{
  border-color: rgba(15, 118, 110, 0.35);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}
body.mode-panel .panel-odemeler-komisyon-note{
  font-size: 0.875rem;
}
body.mode-panel .panel-odemeler-tabs .detail-tab{
  white-space: nowrap;
}
body.mode-panel .odeme-tab-count{
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  opacity: 0.85;
}
body.mode-panel .detail-tab.is-active .odeme-tab-count{
  opacity: 1;
}
body.mode-panel .odeme-tab-count--warn{
  color: #b45309;
}
body.mode-panel .simple--panel-odemeler .panel-odemeler-pct{
  font-size: 0.8125rem;
}
body.mode-panel .simple--panel-odemeler .col-money{
  white-space: nowrap;
}
@media (max-width: 900px){
  body.mode-panel .panel-odemeler-tabs{
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}

/* Entegrasyon sayfas? */
.ent-page{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ent-hero{
  display: grid;
  gap: 1.25rem;
  padding: 1.25rem 1.5rem;
}
@media (min-width: 768px){
  .ent-hero{
    grid-template-columns: 1fr minmax(240px, 320px);
    align-items: start;
  }
}
.ent-hero__title{
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0.25rem 0 0.5rem;
  line-height: 1.25;
}
.ent-hero__lead{
  margin: 0 0 1rem;
  max-width: 42rem;
}
.ent-hero__dl{
  align-self: flex-start;
}
.ent-steps{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-left: 2px solid var(--border, #e2e8f0);
  padding-left: 0;
}
.ent-steps__item{
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  padding-left: 1rem;
  position: relative;
}
.ent-steps__num{
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  background: var(--brand, #166534);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -0.78rem;
  top: 0.1rem;
}
.ent-steps__text{
  font-size: 0.875rem;
  line-height: 1.45;
  padding-left: 1rem;
}
.ent-grid{
  display: grid;
  gap: 1rem;
}
@media (min-width: 900px){
  .ent-grid{
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}
.ent-panel{
  padding: 1.25rem 1.5rem;
}
.ent-panel__title{
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0;
}
.ent-panel__sub{
  font-size: 0.875rem;
  margin: 0.35rem 0 1rem;
}
.ent-panel__head{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 0.25rem;
}
.ent-field + .ent-field{
  margin-top: 1rem;
}
.ent-field__label{
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 0.35rem;
}
.ent-field__hint{
  font-size: 0.8125rem;
  margin: 0.35rem 0 0;
}
.ent-copy-row{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: stretch;
}
.ent-copy-row--sm{
  align-items: center;
}
.ent-copy-row__val,
.ent-copy-row__input{
  flex: 1 1 12rem;
  min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  word-break: break-all;
}
.ent-copy-row__val{
  padding: 0.55rem 0.75rem;
  background: var(--surface-2, #f8fafc);
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 8px;
}
.ent-quick{
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border, #e2e8f0);
}
.ent-quick__label{
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted, #64748b);
}
.ent-quick__list{
  margin: 0.5rem 0 0;
  padding-left: 1.1rem;
  font-size: 0.8125rem;
  color: var(--text-muted, #64748b);
}
.ent-quick__list code{
  font-size: 0.75rem;
}
.ent-key-list{
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}
.ent-key-list__item{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border, #e2e8f0);
}
.ent-key-list__item:last-child{
  border-bottom: 0;
}
.ent-key-list__icon{
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
  background: var(--surface-2, #f1f5f9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand, #166534);
}
.ent-key-list__body{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.ent-key-list__name{
  font-size: 0.9375rem;
}
.ent-key-list__mask{
  font-family: ui-monospace, monospace;
  font-size: 0.8125rem;
  color: var(--text-muted, #64748b);
}
.ent-key-list__meta{
  font-size: 0.75rem;
  color: var(--text-muted, #94a3b8);
}
.ent-key-form{
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border, #e2e8f0);
}
.ent-key-form__row{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.ent-key-form__row .input{
  flex: 1 1 10rem;
  min-width: 0;
}
.ent-empty{
  padding: 0.5rem 0 0.25rem;
}
.ent-empty__text{
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-muted, #64748b);
}
.ent-notice{
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.ent-notice--warn{
  background: #fffbeb;
  border: 1px solid #fde68a;
}
.ent-notice--info{
  padding: 0;
  margin-top: 1rem;
}
.ent-key-reveal{
  border: 1px solid #86efac;
  background: #f0fdf4;
  padding: 1rem 1.25rem;
}
.ent-key-reveal__head{
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.ent-key-reveal__ico{
  color: #15803d;
  flex-shrink: 0;
  margin-top: 0.15rem;
}
.ent-key-reveal__title{
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
}

/* Pazaryeri ba?lant? / e?le?tirme */
.pzb-kanal-pick{
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.pzb-kanal-pick__item{
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.85rem;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 8px;
  cursor: pointer;
}
.pzb-kanal-pick__item:has(input:checked){
  border-color: var(--primary, #2563eb);
  background: rgba(37, 99, 235, 0.06);
}
.pzb-status{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.pzb-conn-badge{
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
/* ?nceliyor (viewer-float) ile ayn? canl? nokta dili ? kutu boyutu de?i?mez */
.pzb-conn-badge__live{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.pzb-conn-badge__live::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent, #0f766e) 14%, transparent);
}
.pzb-conn-badge__live::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid transparent;
  border-top-color: var(--accent, #0f766e);
  border-right-color: color-mix(in srgb, var(--accent, #0f766e) 38%, transparent);
  animation: pzb-conn-live-spin 1.15s linear infinite;
}
.pzb-conn-badge__live--off::before{
  background: color-mix(in srgb, #dc2626 14%, transparent);
}
.pzb-conn-badge__live--off::after{
  border-top-color: #dc2626;
  border-right-color: color-mix(in srgb, #ef4444 38%, transparent);
}
@keyframes pzb-conn-live-spin{
  to{ transform: rotate(360deg); }
}
.pzb-conn-badge__dot{
  position: relative;
  z-index: 1;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent, #0f766e);
  flex-shrink: 0;
  box-shadow: none;
  animation: none;
}
.pzb-conn-badge__dot--off{
  background: #dc2626;
  box-shadow: none;
  animation: none;
}
.pzb-conn-badge__text{
  display: inline-flex;
  align-items: baseline;
  gap: 0.28em;
  min-width: 0;
  letter-spacing: inherit;
}
.pzb-conn-badge__kanal{
  font-weight: 700;
  color: var(--accent, #0f766e);
}
.pzb-conn-badge__msg{
  font-weight: 500;
  color: #64748b;
  text-transform: none;
  letter-spacing: -0.01em;
}
.pzb-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-top: 1rem;
}
.pzb-actions .btn{
  min-width: 7.5rem;
  justify-content: center;
}
.pzb-actions .btn--destructive{
  color: #b91c1c;
  border-color: #fecaca;
}
.pzb-actions .btn--destructive:hover:not(:disabled){
  color: #991b1b;
  background: #fef2f2;
  border-color: #f87171;
}
.pzb-connected-meta{
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
}
.pzb-ayar-section{
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--border, #e2e8f0);
}
.pzb-ayar-section__block{
  display: grid;
  gap: 0.75rem;
}
.pzb-ayar-section__title{
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
}
.pzb-ayar-form__footer{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.25rem;
}
.pzb-ayar-form__footer .btn{
  min-width: 7.5rem;
  justify-content: center;
}
.pzb-eslestir-form__grid{
  display: grid;
  gap: 0.75rem;
}
@media (min-width: 720px){
  .pzb-eslestir-form__grid{
    grid-template-columns: repeat(2, 1fr);
  }
}
.pzb-eslestir-table-wrap{
  overflow-x: auto;
}
.pzb-eslestir-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.pzb-eslestir-table th,
.pzb-eslestir-table td{
  padding: 0.5rem 0.65rem;
  border-bottom: 1px solid var(--border, #e5e7eb);
  text-align: left;
  vertical-align: middle;
}
.pzb-eslestir-table__actions{
  white-space: nowrap;
}
.pzb-eslestir-table__err{
  color: #b45309;
  font-weight: 700;
}
.pzb-ilan-modal .modal-dialog{
  width: min(96vw, 720px);
  max-width: min(96vw, 720px);
}
.pzb-ilan-modal--no-baglanti .modal-dialog{
  width: min(96vw, 440px);
  max-width: min(96vw, 440px);
}
.modal-card--pzb-ilan{
  overflow: hidden;
}
.modal-header--pzb-ilan{
  align-items: flex-start;
}
.modal-header--pzb-ilan .modal-header__main{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal-header--pzb-ilan .section-label{
  margin-bottom: 0;
}
.modal-header--pzb-ilan h2{
  font-size: 1.22rem;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: -0.02em;
}
.pzb-ilan-modal__header-link{
  display: inline-flex;
  align-items: center;
  margin-top: 2px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--accent);
  text-decoration: none;
  transition: color 0.15s ease;
}
.pzb-ilan-modal__header-link:hover{
  color: var(--accent-hover, var(--accent));
  text-decoration: underline;
}
.pzb-ilan-modal .modal-body.pzb-ilan-block{
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 0;
}
.pzb-ilan-modal__lead{
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--ink-muted);
}
.pzb-ilan-modal--no-baglanti .modal-body.pzb-ilan-block{
  gap: 0;
  padding-bottom: 0;
}
.pzb-ilan-modal__empty{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 2px 0 18px;
}
.pzb-ilan-modal__kanallar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.pzb-ilan-modal__kanal{
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: var(--radius-md);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.2;
}
.pzb-ilan-modal__kanal--trendyol{
  background: #fff4ed;
  border: 1px solid #fed7aa;
  color: #c2410c;
}
.pzb-ilan-modal__kanal--hepsiburada{
  background: #fef9c3;
  border: 1px solid #fde047;
  color: #a16207;
}
.pzb-ilan-modal__kanal-sep{
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-muted);
}
.modal-footer--pzb-ilan-connect{
  margin: 0 calc(-1 * var(--modal-inset-x, 22px)) calc(-1 * var(--modal-inset-b, 22px));
  padding: 16px var(--modal-inset-x, 22px) 20px;
  border-top: 1px solid var(--line);
  background: #fff;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
.modal-footer--pzb-ilan-connect .btn{
  width: 100%;
  min-width: 0;
  min-height: 44px;
  justify-content: center;
  font-weight: 700;
}
.pzb-ilan-modal__lead code{
  font-size: 0.84rem;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 4px;
  background: var(--surface-muted, #f1f5f9);
}
.pzb-ilan-modal .card{
  margin: 0;
  padding: 14px 16px;
  box-shadow: none;
  border-radius: var(--radius-md);
}
.pzb-ilan-modal .card:hover{
  box-shadow: none;
  border-color: var(--line);
}
.pzb-ilan-block__form.card,
.pzb-ilan-barkodlar.card{
  margin: 0;
}
.pzb-ilan-block__form .section-label,
.pzb-ilan-barkodlar .section-label{
  margin-bottom: 8px;
}
.pzb-ilan-modal__barkod{
  margin: 0 0 12px;
  font-size: 1.05rem;
}
.pzb-ilan-modal__barkod code{
  font-size: inherit;
}
.pzb-ilan-block__connect{
  margin: 0;
}
.pzb-ilan-block__row{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.pzb-ilan-block__row .input{
  flex: 1;
  min-width: 10rem;
}
.pzb-ilan-stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.pzb-ilan-stat{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-height: 78px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-muted, #f8fafc);
}
.pzb-ilan-stat--price{
  border-color: var(--line);
  background: var(--surface-muted, #f8fafc);
}
.pzb-ilan-stat__label{
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.pzb-ilan-stat__value{
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.pzb-ilan-stat__value--price{
  font-size: 1.28rem;
  color: var(--accent);
}
.pzb-ilan-stat__hint{
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink-muted);
}
.pzb-ilan-stat__hint code{
  font-size: 0.72rem;
  padding: 1px 5px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid var(--line);
}
.pzb-ilan-barkodlar__head{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.35rem 0.75rem;
  margin-bottom: 10px;
}
.pzb-ilan-barkodlar__head .section-label{
  margin-bottom: 0;
}
.pzb-ilan-barkodlar__hint{
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-muted);
}
.pzb-ilan-barkod-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pzb-ilan-barkod-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
}
.pzb-ilan-barkod-item.is-fiyat-ref{
  border-color: var(--accent);
  box-shadow: inset 3px 0 0 var(--accent);
}
.pzb-ilan-barkod-item__main{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.pzb-ilan-barkod-item__ref-form{
  margin: 0;
}
.pzb-ilan-barkod-item__ref{
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.pzb-ilan-barkod-item__ref input{
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--accent);
}
.pzb-ilan-barkod-item__code{
  font-size: 0.84rem;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: var(--radius-sm);
  background: var(--surface-muted, #f1f5f9);
  border: 1px solid var(--line);
  overflow-wrap: anywhere;
}
.pzb-ilan-barkod-item__meta{
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--ink-muted);
}
.pzb-ilan-barkod-item__actions{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.pzb-ilan-barkod-item__remove{
  margin: 0;
  flex-shrink: 0;
}
.pzb-ilan-barkod-item__remove .btn{
  min-width: 2rem;
  padding-inline: 0.35rem;
  font-size: 1.1rem;
  line-height: 1;
}
.pzb-ilan-barkodlar__add{
  margin: 10px 0 0;
}
.pzb-ilan-block__form--add{
  margin-top: 0;
}
.pzb-ilan-stat--barcode code{
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 5px;
  background: var(--surface-muted, #f1f5f9);
  color: var(--ink);
}
.pzb-ilan-stat__datetime{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}
.pzb-ilan-stat__datetime-date{
  font-weight: 800;
}
.pzb-ilan-stat__datetime-time{
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--ink-muted);
}
.pzb-ilan-modal__alert{
  margin: 0;
}
.modal-footer--pzb-ilan{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin: 4px calc(-1 * var(--modal-inset-x, 22px)) 0;
  padding: 14px var(--modal-inset-x, 22px) 16px;
  border-top: 1px solid var(--line);
  background: #fff;
}
.modal-footer--pzb-ilan .inline-form{
  flex: 0 0 auto;
}
.modal-footer--pzb-ilan .btn{
  width: auto;
  min-width: 8.5rem;
  justify-content: center;
}
.pzb-ilan-modal__hint{
  margin: 0 calc(-1 * var(--modal-inset-x, 22px));
  padding: 0 var(--modal-inset-x, 22px) 18px;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--ink-muted);
}
@media (max-width: 640px){
  .pzb-ilan-stats{
    grid-template-columns: 1fr;
  }
  .modal-footer--pzb-ilan{
    flex-direction: column;
    align-items: stretch;
  }
  .modal-footer--pzb-ilan .inline-form{
    width: 100%;
  }
  .modal-footer--pzb-ilan .btn{
    width: 100%;
    min-width: 0;
  }
}
.pzb-hs-status{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-shrink: 0;
  align-self: stretch;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #cbd5e1;
  border-radius: var(--radius-sm);
  background: #fff;
  color: #334155;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  text-decoration: none;
  box-sizing: border-box;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
  cursor: pointer;
  font-family: inherit;
}
button.pzb-hs-status{
  appearance: none;
  -webkit-appearance: none;
}
.pzb-hs-status--off{
  border-color: #cbd5e1;
  background: #fff;
  color: #991b1b;
}
button.pzb-hs-status.pzb-hs-status--conn{
  align-self: stretch;
  padding: 0 14px;
  border-radius: var(--radius-sm);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: rgba(255, 255, 255, 0.97);
  color: var(--accent, #0f766e);
  border: 1px solid rgba(15, 23, 42, 0.07);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 6px 16px rgba(15, 23, 42, 0.08);
}
button.pzb-hs-status.pzb-hs-status--conn:hover{
  background: #fff;
  color: var(--accent-hover, #0d9488);
  border-color: color-mix(in srgb, var(--accent, #0f766e) 18%, rgba(15, 23, 42, 0.08));
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 8px 20px rgba(15, 23, 42, 0.1);
}
button.pzb-hs-status.pzb-hs-status--conn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px var(--accent-ring);
}
/* badge.badge-ok.pzb-conn-badge (ba?lant? sayfas?) ? inceliyor kart? */
.badge.badge-ok.pzb-conn-badge{
  background: rgba(255, 255, 255, 0.97);
  color: var(--accent, #0f766e);
  border: 1px solid rgba(15, 23, 42, 0.07);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 6px 16px rgba(15, 23, 42, 0.08);
}
body.mode-panel .pzb-conn-badge__live::before,
body.mode-panel .pzb-conn-badge__live::after,
body.mode-panel .pzb-conn-badge__dot{
  border-radius: 50% !important;
}
.pzb-hs-status:hover{
  text-decoration: none;
  border-color: var(--line-strong);
}
.pzb-hs-status--off:hover{
  background: #fff;
  color: #7f1d1d;
}
.pzb-hs-status:focus-visible{
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-ring);
}
/* Pazaryeri ba?l? rozeti ? ilan ON kutusu etraf?nda d?nen kenar ?izgisi */
.btn-pzb-ilan--on{
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-color: transparent;
}
.btn-pzb-ilan--on > span{
  position: relative;
  z-index: 2;
}
.btn-pzb-ilan--on::before{
  content: "";
  position: absolute;
  z-index: 0;
  width: 200%;
  height: 200%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: conic-gradient(
    from 0deg,
    transparent 0deg 280deg,
    #22c55e 310deg,
    #4ade80 340deg,
    transparent 360deg
  );
  animation: pzb-border-spin 1.8s linear infinite;
  pointer-events: none;
}
.btn-pzb-ilan--on::after{
  content: "";
  position: absolute;
  z-index: 1;
  inset: 2px;
  border-radius: inherit;
  background: inherit;
  pointer-events: none;
}
@keyframes pzb-border-spin{
  to{
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.pzb-hs-status .ui-icon{
  color: currentColor;
  opacity: 0.9;
  flex-shrink: 0;
}
.pzb-hs-status__label{
  line-height: 1.25;
}
@media (prefers-reduced-motion: reduce){
  .btn-pzb-ilan--on{
    border-color: #86efac;
  }
  .btn-pzb-ilan--on::before{
    display: none;
  }
  .pzb-conn-badge__live::after{
    animation: none;
  }
}
.hs-ilan-channel-filter{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-shrink: 0;
  align-self: stretch;
  min-height: 34px;
  padding: 0 12px;
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm, 6px);
  background: #fff;
  color: #334155;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  font-family: inherit;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.hs-ilan-channel-filter .ui-icon{
  color: currentColor;
  opacity: 0.9;
  flex-shrink: 0;
}
.hs-ilan-channel-filter:hover{
  border-color: #cbd5e1;
  color: #0f172a;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.hs-ilan-channel-filter:focus-visible{
  outline: 2px solid rgba(15, 118, 110, 0.35);
  outline-offset: 2px;
}
.hs-ilan-channel-filter.is-active{
  border-color: rgba(15, 118, 110, 0.28);
  background: #f0fdfa;
  color: #0f766e;
}
.hs-ilan-channel-filter__count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #0f766e;
  color: #fff;
  font-size: 0.64rem;
  font-weight: 800;
  box-sizing: border-box;
}
.hs-ilan-channel-filter__count[hidden]{
  display: none;
}
.hs-ilan-channel-filter__lead{
  margin-top: 0;
}
.hs-ilan-channel-filter__stepper{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
}
.hs-ilan-channel-filter__step-dot{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  box-sizing: border-box;
}
.hs-ilan-channel-filter__step-dot.is-active{
  border-color: rgba(15, 118, 110, 0.45);
  background: #0f766e;
  color: #fff;
}
.hs-ilan-channel-filter__step-dot.is-done{
  border-color: rgba(15, 118, 110, 0.35);
  background: #ccfbf1;
  color: #0f766e;
}
.hs-ilan-channel-filter__step-line{
  flex: 1 1 auto;
  height: 1px;
  background: #e2e8f0;
}
.hs-ilan-channel-filter__footer{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.hs-ilan-channel-filter__footer [data-hs-channel-filter-clear]{
  margin-right: auto;
}
.hs-ilan-channel-filter__legend{
  display: block;
  margin: 0 0 8px;
  padding: 0;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.hs-ilan-channel-filter__status,
.hs-ilan-channel-filter__menu{
  display: grid;
  gap: 4px;
}
.hs-ilan-channel-filter__option{
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm, 6px);
  color: #334155;
  cursor: pointer;
  background: #fff;
  transition: background 0.12s ease, border-color 0.12s ease;
}
.hs-ilan-channel-filter__option:hover{
  background: #f8fafc;
  border-color: #cbd5e1;
}
.hs-ilan-channel-filter__option:has(input:checked){
  border-color: rgba(15, 118, 110, 0.35);
  background: #f0fdfa;
}
.hs-ilan-channel-filter__option input{
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #0f766e;
  flex-shrink: 0;
}
.hs-ilan-channel-filter__label{
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.9rem;
  font-weight: 600;
}
.hs-ilan-channel-filter__tag{
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1e3a8a;
  background: #dbeafe;
  border: 1px solid rgba(30, 64, 175, 0.18);
  line-height: 1.2;
}
.hs-ilan-channel-filter__tag--b2c{
  color: #0f766e;
  background: #ccfbf1;
  border-color: rgba(15, 118, 110, 0.22);
}
#modalHsIlanChannelFilter .modal-dialog{
  width: min(96vw, 420px);
  max-width: min(96vw, 420px);
}
@media (max-width: 640px){
  .hs-search-toolbar__row .pzb-hs-status{
    align-self: stretch;
  }
  .hs-ilan-channel-filter{
    align-self: stretch;
  }
}

.pzb-hs-ayar-modal .modal-dialog{
  width: min(96vw, 640px);
  max-width: min(96vw, 640px);
}
.modal-card--pzb-hs-ayar{
  overflow: hidden;
  max-height: none;
}
.modal-header--pzb-hs-ayar{
  align-items: flex-start;
}
.modal-header--pzb-hs-ayar .modal-header__main{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal-header--pzb-hs-ayar .section-label{
  margin-bottom: 0;
}
.modal-header--pzb-hs-ayar h2{
  font-size: 1.22rem;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: -0.02em;
}
.pzb-hs-ayar-modal__meta{
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--ink-muted);
}
.pzb-hs-ayar-modal .modal-body.pzb-hs-ayar-body{
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 0 1 auto;
  overflow: visible;
}
.pzb-hs-ayar-modal__lead{
  margin: 0;
}
.pzb-hs-ayar-modal__alert{
  margin: 0;
}
.pzb-hs-ayar-form{
  display: grid;
  gap: 16px;
  margin: 0;
}
.pzb-hs-ayar-form__field{
  display: grid;
  gap: 8px;
  min-width: 0;
}
.pzb-hs-ayar-form__field .section-label{
  margin-bottom: 0;
}
.pzb-hs-ayar-form__toggles{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pzb-hs-ayar-toggle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-muted, #f8fafc);
  cursor: pointer;
}
.pzb-hs-ayar-toggle__title{
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--ink);
}
.pzb-hs-ayar-toggle__switch{
  position: relative;
  flex-shrink: 0;
  width: 44px;
  height: 26px;
}
.pzb-hs-ayar-toggle__switch input{
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
.pzb-hs-ayar-toggle__track{
  display: block;
  width: 44px;
  height: 26px;
  border-radius: 999px;
  background: #cbd5e1;
  transition: background 0.2s;
  position: relative;
}
.pzb-hs-ayar-toggle__thumb{
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);
  transition: transform 0.2s;
}
.pzb-hs-ayar-toggle__switch input:checked + .pzb-hs-ayar-toggle__track{
  background: var(--accent);
}
.pzb-hs-ayar-toggle__switch input:checked + .pzb-hs-ayar-toggle__track .pzb-hs-ayar-toggle__thumb{
  transform: translateX(18px);
}
.pzb-hs-ayar-toggle__switch input:focus-visible + .pzb-hs-ayar-toggle__track{
  outline: 2px solid var(--focus, #2563eb);
  outline-offset: 2px;
}
.pzb-hs-ayar-modal .modal-body > form > .modal-footer.modal-footer--pzb-hs-ayar{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin: 16px calc(-1 * var(--modal-inset-x, 22px)) calc(-1 * var(--modal-inset-b, 22px));
  padding: 14px var(--modal-inset-x, 22px) 20px;
  border-top: 1px solid var(--line);
  background: #fff;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
.modal-footer--pzb-hs-ayar .btn{
  width: auto;
  min-width: 7.5rem;
  justify-content: center;
}
@media (max-width: 520px){
  .pzb-hs-ayar-form__toggles{
    grid-template-columns: 1fr;
  }
  .modal-footer--pzb-hs-ayar .btn{
    flex: 1 1 calc(50% - 5px);
    min-width: 0;
  }
}

/* Ek protokol bilgilendirmesi */
.ep-info-callout{
  border: 1px solid #b8d4f0;
  background: #f0f7ff;
  border-radius: var(--radius-md, 8px);
  padding: 14px 16px;
  color: #1a3a5c;
  font-size: 14px;
  line-height: 1.55;
}
.ep-info-callout--neutral{
  border-color: var(--line, #e5e7eb);
  background: #fafafa;
  color: var(--text-muted, #64748b);
}
.ep-sozlesme-card .card-head--trade{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.ep-filter-form{
  margin: 0;
}
.ep-filter-form .input--sm{
  min-width: 10rem;
}
.ep-status{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
}
.ep-status--ok{
  color: #15803d;
}
.ep-status--warn{
  color: #b45309;
}
.ep-protokol-text{
  max-height: 50vh;
  overflow: auto;
  padding: 12px 14px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: var(--radius-md, 8px);
  background: #fff;
  line-height: 1.6;
  font-size: 14px;
}
.ep-onay-check{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.5;
  cursor: pointer;
}
.ep-onay-check input{
  margin-top: 3px;
  flex-shrink: 0;
}
.ep-yasal-card__body{
  padding: 16px 18px 18px;
}
.ep-yasal-bilgilendirme__title{
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text, #0f172a);
  line-height: 1.4;
}
.ep-yasal-bilgilendirme__p{
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.65;
  color: #1a3a5c;
}
.ep-yasal-bilgilendirme__p:last-of-type{
  margin-bottom: 0;
}
.ep-yasal-bilgilendirme__destek{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0;
  font-size: 13px;
}

/* Admin ek protokol */
body.mode-admin #modalEpYayinla .modal-dialog{
  max-width: min(96vw, 520px);
}
body.mode-admin #modalEpYayinla .modal-body{
  padding-top: 12px;
  padding-bottom: 0;
}
body.mode-admin .modal-form--ep-yayin .ep-yayin-icerik-field__textarea{
  min-height: 140px;
  resize: vertical;
  line-height: 1.5;
  font-size: 14px;
}
body.mode-admin .modal-form--ep-yayin .ep-yayin-extras{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 16px;
  align-items: end;
}
body.mode-admin .modal-form--ep-yayin .ep-yayin-extras__toggle{
  display: flex;
  align-items: flex-end;
  padding-bottom: 2px;
}
body.mode-admin .modal-form--ep-yayin .ep-yayin-extras__toggle .admin-reklam-modal__toggle-pill{
  margin: 0;
}
@media (max-width: 480px){
  body.mode-admin .modal-form--ep-yayin .ep-yayin-extras{
    grid-template-columns: 1fr;
  }
  body.mode-admin .modal-form--ep-yayin .ep-yayin-extras__toggle{
    justify-content: flex-start;
    padding-bottom: 0;
  }
}

/* Katalog g?ncelleme talebi ? admin kar??la?t?rma */
.kgt-diff{
  margin: 0;
  font-size: 0.875rem;
}
.kgt-diff__row{
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  gap: 0.35rem 0.5rem;
  padding: 0.2rem 0;
}
.kgt-diff__row--changed .kgt-diff__new{
  font-weight: 600;
  color: var(--color-primary, #2563eb);
}
.kgt-diff__arrow{
  opacity: 0.55;
  margin: 0 0.15rem;
}
.kgt-diff-cell{
  min-width: 16rem;
  max-width: 28rem;
}

/* Panel ? katalog g?ncelleme ge?mi?i */
body.mode-panel .kg-gecmis-hint{
  font-size: 0.92rem;
  line-height: 1.5;
}
body.mode-panel .table-wrap--kg-gecmis .kg-gecmis-table__urun{
  font-weight: 600;
}
body.mode-panel .table-wrap--kg-gecmis .kg-gecmis-table__sub{
  font-size: 0.85rem;
  margin-top: 0.15rem;
}
body.mode-panel .table-wrap--kg-gecmis .kg-gecmis-table__date{
  white-space: nowrap;
  font-size: 0.88rem;
}
body.mode-panel .table-wrap--kg-gecmis .kg-gecmis-table__actions .stack-row{
  justify-content: flex-end;
  gap: 0.35rem;
}
body.mode-panel #kgGecmisTable tr.row-unread--kg > td:first-child{
  box-shadow: inset 3px 0 0 rgba(0, 168, 157, 0.75);
}
body.mode-panel #kgGecmisTable tr.row-unread--kg > td{
  background: rgba(0, 168, 157, 0.05);
}
body.mode-panel .kg-gecmis-okundu-btn{
  min-width: 6.5rem;
  box-sizing: border-box;
  justify-content: center;
}
body.mode-panel .kg-gecmis-okundu-btn--read{
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  background: #f0faf9;
  border: 1px solid rgba(0, 168, 157, 0.28);
  color: #00a89d;
  cursor: default;
  opacity: 1;
  font-weight: 600;
}
body.mode-panel .kg-gecmis-okundu-btn--read .ui-icon{
  width: 0.95rem;
  height: 0.95rem;
  flex-shrink: 0;
}
body.mode-panel .trade-toolbar-btn--kg-gecmis-alert .trade-feed-tabs__badge{
  background: #00a89d;
  color: #fff;
}
body.mode-panel .trade-feed-tab--kg-gecmis-alert .trade-feed-tabs__badge{
  background: #00a89d;
  color: #fff;
}
body.mode-panel .detail-topbar__actions .trade-toolbar-btn--kg-gecmis{
  white-space: nowrap;
}
body.mode-panel .kg-urun-subnav{
  margin: 0.75rem 0 0;
}
body.mode-panel .kg-urun-subnav .trade-feed-tabs{
  flex-wrap: wrap;
}
body.mode-panel .kg-takip-page .modal-footer--kg-onay{
  display: none;
}

/* Admin ? katalog g?ncelleme ge?mi?i modal */
body.mode-admin #modalKgtGecmis .modal-dialog--kg-gecmis{
  width: min(96vw, 1080px);
  max-width: min(96vw, 1080px);
}
body.mode-admin .kg-admin-gecmis__head{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 1rem 1.5rem;
  margin-bottom: 1.1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--line, #e8ecef);
}
body.mode-admin .kg-admin-gecmis__title{
  margin: 0;
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--ink, #1a1a1a);
}
body.mode-admin .kg-admin-gecmis__sub{
  font-size: 0.88rem;
  margin-top: 0.2rem;
}
body.mode-admin .kg-admin-gecmis__kv{
  margin: 0;
  min-width: min(100%, 18rem);
}
body.mode-admin .kg-admin-gecmis__list{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: none;
  overflow: visible;
  padding-right: 0;
}
body.mode-admin .kg-admin-gecmis__item{
  border: 1px solid var(--line, #e8ecef);
  border-radius: var(--radius-md, 10px);
  background: #fff;
  overflow: hidden;
}
body.mode-admin .kg-admin-gecmis__item--onaylandi{
  border-left: 3px solid #00a89d;
}
body.mode-admin .kg-admin-gecmis__item--reddedildi{
  border-left: 3px solid #e84848;
}
body.mode-admin .kg-admin-gecmis__item--bekliyor{
  border-left: 3px solid #d4a017;
}
body.mode-admin .kg-admin-gecmis__item-toggle{
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem 1rem;
  align-items: start;
  text-align: left;
  padding: 0.9rem 1rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}
body.mode-admin .kg-admin-gecmis__item-toggle:hover{
  background: rgba(0, 0, 0, 0.02);
}
body.mode-admin .kg-admin-gecmis__item-summary{
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-width: 0;
}
body.mode-admin .kg-admin-gecmis__item-top{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.65rem;
}
body.mode-admin .kg-admin-gecmis__item-kv{
  margin: 0;
  width: 100%;
}
body.mode-admin .kg-admin-gecmis__item-kv .detail-kv__item{
  padding: 0.65rem 0.75rem;
}
body.mode-admin .kg-admin-gecmis__item-kv .detail-kv__item .k{
  font-size: 0.72rem;
}
body.mode-admin .kg-admin-gecmis__item-kv .detail-kv__item .v{
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.4;
  word-break: break-word;
}
body.mode-admin .kg-admin-gecmis__item-changes{
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: 0.35rem 0.75rem;
  align-items: baseline;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-md, 8px);
  background: #f8fafc;
  font-size: 0.84rem;
}
body.mode-admin .kg-admin-gecmis__item-changes .k{
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .kg-admin-gecmis__item-changes .v{
  font-size: 0.84rem;
}
body.mode-admin .kg-admin-gecmis__item-chevron{
  align-self: center;
  opacity: 0.55;
  transition: transform 0.15s ease;
}
body.mode-admin .kg-admin-gecmis__item.is-open .kg-admin-gecmis__item-chevron{
  transform: rotate(180deg);
}
body.mode-admin .kg-admin-gecmis__item-body{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0.85rem 1rem 1rem;
  border-top: 1px solid var(--line, #e8ecef);
  background: #fafbfc;
}
body.mode-admin .kg-admin-gecmis__item-body .kg-takip__block{
  margin: 0;
}
body.mode-admin .kg-admin-gecmis__item-actions{
  margin-top: 0.15rem;
}
@media (max-width: 720px){
  body.mode-admin .kg-admin-gecmis__head{
    grid-template-columns: 1fr;
  }
  body.mode-admin .kg-admin-gecmis__kv{
    min-width: 0;
  }
  body.mode-admin .kg-admin-gecmis__item-kv.detail-kv--3{
    grid-template-columns: 1fr;
  }
  body.mode-admin .kg-admin-gecmis__item-changes{
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }
}

/* Admin — satıcı raporları modal */
body.mode-admin #modalSaticiRapor .modal-dialog--sr-rapor{
  width: min(96vw, 1180px);
  max-width: min(96vw, 1180px);
}
body.mode-admin #modalSaticiRapor .modal-body{
  padding-top: 0.85rem;
}
body.mode-admin #modalSaticiRapor .modal-header h2{
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
}
body.mode-admin .sr-admin-rapor__layout{
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 1.15rem 1.5rem;
  align-items: start;
  min-height: 0;
}
body.mode-admin .sr-admin-rapor__product{
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 0.85rem;
  border: 1px solid var(--line, #e8ecef);
  border-radius: var(--radius-md, 10px);
  background: #fafbfc;
}
body.mode-admin .sr-admin-rapor__media{
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  width: 100%;
  border-radius: var(--radius-md, 10px);
  border: 1px solid var(--line, #e8ecef);
  background: #fff;
  overflow: hidden;
}
body.mode-admin .sr-admin-rapor__gallery{
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
body.mode-admin .sr-admin-rapor__gallery .sr-admin-rapor__media{
  overflow: visible;
}
body.mode-admin .sr-admin-rapor__gallery-stage{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  outline: none;
}
body.mode-admin .sr-admin-rapor__gallery-nav{
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  margin: 0;
  padding: 0;
  border: 1px solid var(--line, #e8ecef);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--ink, #1a1a1a);
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
body.mode-admin .sr-admin-rapor__gallery-nav:hover{
  background: #fff;
}
body.mode-admin .sr-admin-rapor__gallery-nav:focus-visible{
  outline: 2px solid var(--accent, #2563eb);
  outline-offset: 1px;
}
body.mode-admin .sr-admin-rapor__gallery-nav--prev{
  left: 0.35rem;
}
body.mode-admin .sr-admin-rapor__gallery-nav--next{
  right: 0.35rem;
}
body.mode-admin .sr-admin-rapor__thumbs{
  display: flex;
  gap: 0.4rem;
  overflow-x: auto;
  padding: 0.05rem 0.05rem 0.15rem;
  scrollbar-width: thin;
}
body.mode-admin .sr-admin-rapor__thumb{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.85rem;
  height: 2.85rem;
  margin: 0;
  padding: 0.15rem;
  border: 1px solid var(--line, #e8ecef);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
}
body.mode-admin .sr-admin-rapor__thumb:hover{
  border-color: #cbd5e1;
}
body.mode-admin .sr-admin-rapor__thumb.is-active{
  border-color: var(--ink, #1a1a1a);
  box-shadow: 0 0 0 1px var(--ink, #1a1a1a);
}
body.mode-admin .sr-admin-rapor__thumb img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
body.mode-admin .sr-admin-rapor__media-link{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
body.mode-admin .sr-admin-rapor__img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
body.mode-admin .sr-admin-rapor__media-empty{
  display: inline-flex;
  color: var(--ink-muted, #94a3b8);
  opacity: 0.7;
}
body.mode-admin .sr-admin-rapor__media-empty .ui-icon{
  width: 2rem;
  height: 2rem;
}
body.mode-admin .sr-admin-rapor__product-body{
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 0;
}
body.mode-admin .sr-admin-rapor__tags{
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
body.mode-admin .sr-admin-rapor__tag{
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 0.18rem 0.5rem;
  border: 1px solid var(--line, #e8ecef);
  border-radius: 999px;
  background: #fff;
  color: var(--ink-muted, #64748b);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mode-admin .sr-admin-rapor__tag--brand{
  border-color: rgba(37, 99, 235, 0.22);
  background: rgba(37, 99, 235, 0.06);
  color: var(--brand, #2563eb);
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
body.mode-admin .sr-admin-rapor__title{
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--ink, #1a1a1a);
  word-break: break-word;
}
body.mode-admin .sr-admin-rapor__meta{
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0.1rem 0 0;
  padding: 0.15rem 0 0;
  border-top: 1px solid var(--line, #e8ecef);
}
body.mode-admin .sr-admin-rapor__meta-row{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.42rem 0;
  border-bottom: 1px solid rgba(232, 236, 239, 0.85);
}
body.mode-admin .sr-admin-rapor__meta-row:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}
body.mode-admin .sr-admin-rapor__meta-row dt{
  margin: 0;
  flex: 0 0 auto;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--ink-muted, #64748b);
  letter-spacing: 0.01em;
  text-transform: none;
}
body.mode-admin .sr-admin-rapor__meta-row dd{
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  text-align: right;
  font-size: 0.84rem;
  font-weight: 650;
  color: var(--ink, #1a1a1a);
  font-variant-numeric: tabular-nums;
  word-break: break-word;
}
body.mode-admin .sr-admin-rapor__copy{
  cursor: pointer;
  border-bottom: 1px dashed transparent;
  transition: color 0.12s ease, border-color 0.12s ease;
}
body.mode-admin .sr-admin-rapor__copy:hover,
body.mode-admin .sr-admin-rapor__copy:focus-visible{
  color: var(--brand, #2563eb);
  border-bottom-color: rgba(37, 99, 235, 0.45);
  outline: none;
}
body.mode-admin .sr-admin-rapor__sellers{
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  min-width: 0;
  min-height: 0;
}
body.mode-admin .sr-admin-rapor__kpi{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}
body.mode-admin .sr-admin-rapor__kpi-item{
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--line, #e8ecef);
  border-radius: var(--radius-md, 8px);
  background: #fff;
  min-width: 0;
}
body.mode-admin .sr-admin-rapor__kpi-item .k{
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .sr-admin-rapor__kpi-item .v{
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--ink, #1a1a1a);
  word-break: break-word;
}
body.mode-admin .sr-admin-rapor__kpi-item--warn{
  border-color: rgba(212, 160, 23, 0.45);
  background: #fffbeb;
}
body.mode-admin .sr-admin-rapor__toolbar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem 1rem;
}
body.mode-admin .sr-admin-rapor__filters{
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
body.mode-admin .sr-admin-rapor__chip{
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 999px;
  background: #fff;
  color: var(--ink, #1a1a1a);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.2;
}
body.mode-admin .sr-admin-rapor__chip:hover{
  border-color: rgba(37, 99, 235, 0.4);
  background: rgba(239, 246, 255, 0.65);
}
body.mode-admin .sr-admin-rapor__chip.is-active{
  border-color: rgba(37, 99, 235, 0.55);
  background: rgba(239, 246, 255, 0.95);
  color: #1d4ed8;
}
body.mode-admin .sr-admin-rapor__chip-n{
  display: inline-flex;
  min-width: 1.15rem;
  justify-content: center;
  padding: 0.05rem 0.3rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  font-size: 0.72rem;
  font-weight: 700;
}
body.mode-admin .sr-admin-rapor__chip.is-active .sr-admin-rapor__chip-n{
  background: rgba(37, 99, 235, 0.12);
}
body.mode-admin .sr-admin-rapor__sort{
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.8rem;
}
body.mode-admin .sr-admin-rapor__sort select{
  min-width: 9.5rem;
  padding: 0.35rem 0.55rem;
  font-size: 0.82rem;
}
body.mode-admin .sr-admin-rapor__list{
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  max-height: min(58vh, 640px);
  overflow: auto;
  padding-right: 0.15rem;
}
body.mode-admin .sr-admin-rapor__item{
  border: 1px solid var(--line, #e8ecef);
  border-radius: var(--radius-md, 10px);
  background: #fff;
  overflow: hidden;
  border-left-width: 3px;
}
body.mode-admin .sr-admin-rapor__item--aktif{
  border-left-color: #00a89d;
}
body.mode-admin .sr-admin-rapor__item--bekliyor{
  border-left-color: #d4a017;
}
body.mode-admin .sr-admin-rapor__item--pasif{
  border-left-color: #e84848;
}
body.mode-admin .sr-admin-rapor__item--diger{
  border-left-color: #94a3b8;
}
body.mode-admin .sr-admin-rapor__item-toggle{
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) auto;
  gap: 0.65rem 0.85rem;
  align-items: center;
  text-align: left;
  padding: 0.75rem 0.9rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}
body.mode-admin .sr-admin-rapor__item-toggle:hover{
  background: rgba(0, 0, 0, 0.02);
}
body.mode-admin .sr-admin-rapor__item-main{
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}
body.mode-admin .sr-admin-rapor__item-top{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
}
body.mode-admin .sr-admin-rapor__item-store{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.45rem;
  min-width: 0;
}
body.mode-admin .sr-admin-rapor__item-store strong{
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--ink, #1a1a1a);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
body.mode-admin .sr-admin-rapor__item-no{
  font-size: 0.78rem;
}
body.mode-admin .sr-admin-rapor__pill{
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: rgba(0, 168, 157, 0.12);
  color: #0f766e;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
body.mode-admin .sr-admin-rapor__item-metrics{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.35rem 0.55rem;
  min-width: 0;
}
body.mode-admin .sr-admin-rapor__metric{
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}
body.mode-admin .sr-admin-rapor__metric .k{
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-muted, #64748b);
}
body.mode-admin .sr-admin-rapor__metric .v{
  font-size: 0.84rem;
  font-weight: 650;
  color: var(--ink, #1a1a1a);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mode-admin .sr-admin-rapor__metric .v.is-best{
  color: #0f766e;
}
body.mode-admin .sr-admin-rapor__item-chevron{
  opacity: 0.55;
  transition: transform 0.15s ease;
}
body.mode-admin .sr-admin-rapor__item.is-open .sr-admin-rapor__item-chevron{
  transform: rotate(180deg);
}
body.mode-admin .sr-admin-rapor__item-body{
  padding: 0;
  border-top: 1px solid var(--line, #e8ecef);
  background: #f7f8fa;
}
body.mode-admin .sr-admin-rapor__detail{
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 0.75rem 1rem 0.85rem 1.05rem;
}
body.mode-admin .sr-admin-rapor__detail-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.15rem 2rem;
}
body.mode-admin .sr-admin-rapor__detail-col{
  display: flex;
  flex-direction: column;
  min-width: 0;
}
body.mode-admin .sr-admin-rapor__detail-row{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding: 0.38rem 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
body.mode-admin .sr-admin-rapor__detail-col .sr-admin-rapor__detail-row:last-child{
  border-bottom: 0;
  padding-bottom: 0.1rem;
}
body.mode-admin .sr-admin-rapor__detail-row .k{
  flex: 0 1 auto;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--ink-muted, #64748b);
  line-height: 1.35;
}
body.mode-admin .sr-admin-rapor__detail-row .v{
  flex: 1 1 auto;
  min-width: 0;
  text-align: right;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--ink, #1a1a1a);
  line-height: 1.35;
  word-break: break-word;
}
body.mode-admin .sr-admin-rapor__detail-sep{
  margin: 0 0.28em;
  font-weight: 500;
  color: var(--ink-muted, #94a3b8);
}
body.mode-admin .sr-admin-rapor__detail-price{
  font-variant-numeric: tabular-nums;
  color: #0f766e;
}
body.mode-admin .sr-admin-rapor__state{
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  font-weight: 600;
}
body.mode-admin .sr-admin-rapor__state::before{
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: 0 0 auto;
  background: #94a3b8;
}
body.mode-admin .sr-admin-rapor__state.is-on::before{
  background: #22a06b;
}
body.mode-admin .sr-admin-rapor__state.is-off{
  color: var(--ink-muted, #64748b);
  font-weight: 500;
}
body.mode-admin .sr-admin-rapor__state.is-off::before{
  background: #cbd5e1;
}
body.mode-admin .sr-admin-rapor__item-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.1rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}
body.mode-admin .sr-admin-rapor__item-actions .btn{
  min-height: 2rem;
  padding-inline: 0.55rem;
  font-weight: 600;
}
@media (max-width: 900px){
  body.mode-admin .sr-admin-rapor__detail-grid{
    grid-template-columns: 1fr;
    gap: 0.1rem;
  }
  body.mode-admin .sr-admin-rapor__detail-col + .sr-admin-rapor__detail-col{
    margin-top: 0.15rem;
    padding-top: 0.15rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
  }
}
body.mode-admin .sr-admin-rapor__empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 11rem;
  padding: 1.5rem 1rem;
  border: 1px dashed var(--line, #e2e8f0);
  border-radius: var(--radius-md, 10px);
  background: #fafbfc;
  text-align: center;
}
body.mode-admin .sr-admin-rapor__empty-icon{
  display: inline-flex;
  color: var(--ink-muted, #94a3b8);
  margin-bottom: 0.25rem;
}
body.mode-admin .sr-admin-rapor__empty-icon .ui-icon{
  width: 1.75rem;
  height: 1.75rem;
}
body.mode-admin .sr-admin-rapor__empty-title{
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--ink, #1a1a1a);
}
body.mode-admin .sr-admin-rapor__footer{
  margin-top: 1rem;
}
body.mode-admin .sr-admin-rapor__skel{
  border-radius: var(--radius-md, 8px);
  background: linear-gradient(90deg, #f1f5f9 0%, #e8eef5 45%, #f1f5f9 100%);
  background-size: 200% 100%;
  animation: sr-rapor-skel 1.1s ease-in-out infinite;
}
body.mode-admin .sr-admin-rapor__media.sr-admin-rapor__skel{
  aspect-ratio: 1;
  width: 100%;
}
body.mode-admin .sr-admin-rapor__skel--line{
  height: 0.7rem;
  width: 55%;
  margin-bottom: 0.45rem;
}
body.mode-admin .sr-admin-rapor__skel--title{
  height: 1.1rem;
  width: 88%;
  margin-bottom: 0.65rem;
}
body.mode-admin .sr-admin-rapor__skel--kpi{
  height: 3.4rem;
}
body.mode-admin .sr-admin-rapor__skel--row{
  height: 4.2rem;
  margin-top: 0.35rem;
}
@keyframes sr-rapor-skel{
  0%{ background-position: 100% 0; }
  100%{ background-position: -100% 0; }
}
@media (max-width: 960px){
  body.mode-admin .sr-admin-rapor__layout{
    grid-template-columns: 1fr;
  }
  body.mode-admin .sr-admin-rapor__product{
    position: static;
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: start;
  }
  body.mode-admin .sr-admin-rapor__kpi{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mode-admin .sr-admin-rapor__item-toggle{
    grid-template-columns: minmax(0, 1fr) auto;
  }
  body.mode-admin .sr-admin-rapor__item-metrics{
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mode-admin .sr-admin-rapor__list{
    max-height: min(48vh, 520px);
  }
}
@media (max-width: 560px){
  body.mode-admin .sr-admin-rapor__product{
    grid-template-columns: 1fr;
  }
  body.mode-admin .sr-admin-rapor__kpi{
    grid-template-columns: 1fr 1fr;
  }
}

/* Depo = merkez: d??me stilinde onay kutusu */
.depo-ayni-btn{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 40rem;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: var(--radius-md, 10px);
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
  -webkit-user-select: none;
  user-select: none;
}
.depo-ayni-btn:hover{
  border-color: rgba(37, 99, 235, 0.45);
  background: rgba(239, 246, 255, 0.55);
}
.depo-ayni-btn.is-active,
.depo-ayni-btn:has(.depo-ayni-btn__input:checked){
  border-color: #2563eb;
  background: rgba(239, 246, 255, 0.95);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.2);
}
.depo-ayni-btn__input{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
.depo-ayni-btn__box{
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border: 2px solid #94a3b8;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
  transition: border-color .15s ease, background .15s ease;
}
.depo-ayni-btn.is-active .depo-ayni-btn__box,
.depo-ayni-btn:has(.depo-ayni-btn__input:checked) .depo-ayni-btn__box{
  border-color: #2563eb;
  background: #2563eb;
  background-image: 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.2L6.4 11.1L12.5 4.9' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}
.depo-ayni-btn__body{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.depo-ayni-btn__title{
  font-size: 0.95rem;
  font-weight: 650;
  line-height: 1.35;
  color: var(--text, #0f172a);
}
.depo-ayni-btn__hint{
  font-size: 0.84rem;
  line-height: 1.4;
  color: var(--ink-muted, #64748b);
  font-weight: 450;
}
.depo-ayni-btn__input:focus-visible + .depo-ayni-btn__box{
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
body.mode-admin .depo-ayni-btn{
  max-width: none;
}

/* Admin ? Geliver adres tanimi firma logolari */
body.mode-admin .simple--geliver-adres .col-geliver-adres-firma{
  vertical-align: middle;
}
body.mode-admin .geliver-adres-firma-logos{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 12rem;
}
body.mode-admin .geliver-adres-firma-logo{
  display: block;
  max-height: 22px;
  max-width: 72px;
  width: auto;
  height: auto;
  object-fit: contain;
}
body.mode-admin .geliver-adres-firma-logo.is-muted{
  opacity: 0.38;
  filter: grayscale(0.35);
}
body.mode-admin .geliver-adres-firma-label{
  font-size: 0.82rem;
  font-weight: 650;
  color: var(--ink, #0f172a);
  line-height: 1.25;
  white-space: nowrap;
}
body.mode-admin .geliver-adres-firma-label.is-muted{
  opacity: 0.45;
  font-weight: 500;
}