/**
 * Exripe admin — tek UI sistemi (kontrollü varyantlar).
 * Eski class adları silinmez; buradan alias edilir. Layout’tan sonra yüklenir.
 */

:root,
#admin-shell,
.lab-tool,
.rb-shell,
.license-gate {
  --admin-h: 40px;
  --admin-radius: 4px;
  --admin-radius-card: 8px;
  --admin-border: #e2e8f0;
  --admin-text: #334155;
  --admin-text-strong: #0f172a;
  --admin-muted: #64748b;
  --admin-bg: #ffffff;
  --admin-bg-muted: #f8fafc;
  --admin-hover: #f8fafc;
  --admin-primary: #100029;
  --admin-primary-hover: #1a0d38;
  --admin-danger: #dc2626;
  --admin-danger-bg: #fff;
  --admin-font: 14px;
  --admin-line: 20px;
  --admin-icon: 16px;
  --admin-textarea-min: 88px;
  --admin-chart-line: #0f172a;
  --admin-chart-compare: #64748b;
  --admin-chart-fill: rgb(15 23 42 / .08);
  --admin-weight: 500;
  --admin-pad-x: 1rem;
  --admin-control-border: #e2e8f0;
  --admin-control-border-hover: #cbd5e1;
  --admin-control-border-focus: #303030;
  --admin-control-pad-x: 12px;
  --admin-tab-idle: #64748b;
  --admin-tab-hover: #0f172a;
  --admin-tab-active: #0f172a;
  --admin-tab-line: #303030;
}

/* -------------------------------------------------------------------------- */
/* Core buttons                                                                */
/* -------------------------------------------------------------------------- */

#admin-shell .btn-default,
#admin-shell .btn-outline,
#admin-shell .btn-ghost,
#admin-shell .btn-primary,
#admin-shell .btn-danger-outline,
#admin-shell .btn-icon,
#admin-shell main .icon-btn,
#admin-shell .admin-btn-magaza-size,
#admin-shell a.admin-btn-magaza-size,
#admin-shell .admin-outline-btn,
#admin-shell .btn-s,
#admin-shell .btn-m,
#admin-shell .btn-l,
#admin-shell .products-tab-action,
#admin-shell .orders-tab-action,
#admin-shell [class$="-tab-action"],
#admin-shell .products-btn-filter,
#admin-shell .orders-btn-filter,
#admin-shell [class$="-btn-filter"],
#admin-shell .products-btn-save,
#admin-shell .orders-btn-save,
#admin-shell [class$="-btn-save"],
#admin-shell .wo-rh-btn,
#admin-shell .ks-btn-primary {
  box-sizing: border-box !important;
  height: var(--admin-h) !important;
  min-height: var(--admin-h) !important;
  max-height: var(--admin-h) !important;
  padding: 0 var(--admin-pad-x) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border-radius: var(--admin-radius) !important;
  font-size: var(--admin-font) !important;
  font-weight: var(--admin-weight) !important;
  line-height: var(--admin-line) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;
}

#admin-shell .btn-default,
#admin-shell .btn-outline,
#admin-shell .btn-primary,
#admin-shell .admin-outline-btn,
#admin-shell .admin-outline-btn.admin-outline-btn--magaza,
#admin-shell .products-tab-action,
#admin-shell .orders-tab-action,
#admin-shell [class$="-tab-action"],
#admin-shell [class$="-tab-action"].is-primary,
#admin-shell .products-btn-filter,
#admin-shell .orders-btn-filter,
#admin-shell [class$="-btn-filter"],
#admin-shell .products-btn-save,
#admin-shell .orders-btn-save,
#admin-shell [class$="-btn-save"],
#admin-shell .wo-rh-btn,
#admin-shell .wo-rh-btn--primary,
#admin-shell .ks-btn-primary,
#admin-shell #confirm-modal-ok,
#admin-shell .rb-btn-primary {
  background: var(--admin-bg) !important;
  color: var(--admin-text) !important;
  border: 1px solid var(--admin-border) !important;
  background-image: none !important;
  box-shadow: none !important;
}

#admin-shell .btn-default:hover,
#admin-shell .btn-outline:hover,
#admin-shell .btn-primary:hover,
#admin-shell .admin-outline-btn:hover,
#admin-shell .products-tab-action:hover,
#admin-shell .orders-tab-action:hover,
#admin-shell [class$="-tab-action"].is-primary:hover,
#admin-shell .products-btn-filter:hover,
#admin-shell .wo-rh-btn:hover,
#admin-shell .wo-rh-btn--primary:hover,
#admin-shell .ks-btn-primary:hover,
#admin-shell #confirm-modal-ok:hover,
#admin-shell .rb-btn-primary:hover {
  background: var(--admin-hover) !important;
  color: var(--admin-text-strong) !important;
  border-color: #cbd5e1 !important;
  background-image: none !important;
  filter: none !important;
}

#admin-shell .btn-ghost {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--admin-muted) !important;
  box-shadow: none !important;
}
#admin-shell .btn-ghost:hover {
  background: var(--admin-hover) !important;
  color: var(--admin-text-strong) !important;
}

/* Canonical birincil aksiyon: element.html #buttons. */
#admin-shell .btn-primary,
#admin-shell .products-tab-action.is-primary,
#admin-shell .orders-tab-action.is-primary,
#admin-shell [class$="-tab-action"].is-primary,
#admin-shell .ks-btn-primary,
#admin-shell #confirm-modal-ok,
#admin-shell .rb-btn-primary {
  font-weight: var(--admin-weight) !important;
  background: var(--admin-primary) !important;
  border-color: var(--admin-primary) !important;
  color: var(--admin-bg) !important;
}

#admin-shell .btn-primary:hover,
#admin-shell [class$="-tab-action"].is-primary:hover,
#admin-shell .ks-btn-primary:hover,
#admin-shell #confirm-modal-ok:hover,
#admin-shell .rb-btn-primary:hover {
  background: var(--admin-primary-hover) !important;
  border-color: var(--admin-primary) !important;
  color: var(--admin-bg) !important;
}

#admin-shell .btn-danger-outline,
#admin-shell main button.border-red-600,
#admin-shell main a.border-red-600 {
  background: var(--admin-danger-bg) !important;
  color: var(--admin-danger) !important;
  border: 1px solid var(--admin-danger) !important;
}
#admin-shell .btn-danger-outline:hover,
#admin-shell main button.border-red-600:hover,
#admin-shell main a.border-red-600:hover {
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

#admin-shell .btn-icon,
#admin-shell main .icon-btn,
#admin-shell .admin-btn-magaza-size.admin-btn-magaza-size--icon,
#admin-shell a.admin-btn-magaza-size.admin-btn-magaza-size--icon,
#admin-shell .admin-outline-btn.admin-outline-btn--icon,
#admin-shell .products-icon-btn,
#admin-shell .orders-icon-btn,
#admin-shell [class$="-icon-btn"],
#admin-shell .wo-rh-icon-btn {
  width: var(--admin-h) !important;
  min-width: var(--admin-h) !important;
  max-width: var(--admin-h) !important;
  height: var(--admin-h) !important;
  padding: 0 !important;
  gap: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
}
#admin-shell .btn-icon svg,
#admin-shell main .icon-btn svg,
#admin-shell .admin-btn-magaza-size.admin-btn-magaza-size--icon svg,
#admin-shell a.admin-btn-magaza-size.admin-btn-magaza-size--icon svg,
#admin-shell .admin-outline-btn.admin-outline-btn--icon svg,
#admin-shell .products-icon-btn svg,
#admin-shell .orders-icon-btn svg,
#admin-shell [class$="-icon-btn"] svg,
#admin-shell .wo-rh-icon-btn svg {
  width: var(--admin-icon) !important;
  height: var(--admin-icon) !important;
  min-width: var(--admin-icon) !important;
  min-height: var(--admin-icon) !important;
  display: block !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* Bağımsız ikon aksiyonu: kalıcı çerçeve; hover görünümü değiştirmez.
   Gezinme/kapatma/overflow aynı ailede data-variant="ghost" kullanır. */
#admin-shell :is(.btn-icon, .admin-btn-magaza-size--icon, .admin-outline-btn--icon, .products-icon-btn, .orders-icon-btn, .admin-ix-icon-btn, .wo-rh-icon-btn),
#admin-shell main .icon-btn {
  border: 1px solid var(--admin-border) !important;
  border-radius: var(--admin-radius) !important;
  background: var(--admin-bg) !important;
  color: var(--admin-text) !important;
  box-shadow: none !important;
}
#admin-shell :is(.btn-icon, .admin-btn-magaza-size--icon, .admin-outline-btn--icon, .products-icon-btn, .orders-icon-btn, .admin-ix-icon-btn, .wo-rh-icon-btn):is(:hover, :active):not([data-variant]):not(.is-on):not(.is-labeled),
#admin-shell .admin-btn-magaza-size--icon[data-variant="secondary"]:is(:hover, :active),
#admin-shell main .icon-btn:is(:hover, :active) {
  border-color: var(--admin-border) !important;
  background: var(--admin-bg) !important;
  color: var(--admin-text) !important;
}

/* element.html ile aynı semantik varyantlar; eski sınıf alias'ları korunur. */
#admin-shell .admin-btn-magaza-size[data-variant="primary"] {
  background: var(--admin-primary) !important;
  border: 1px solid var(--admin-primary) !important;
  color: var(--admin-bg) !important;
}
#admin-shell .admin-btn-magaza-size[data-variant="primary"]:is(:hover, :active) {
  background: var(--admin-primary-hover) !important;
}
#admin-shell .admin-btn-magaza-size[data-variant="secondary"] {
  background: var(--admin-bg) !important;
  border: 1px solid var(--admin-border) !important;
  color: var(--admin-text) !important;
}
#admin-shell .admin-btn-magaza-size[data-variant="secondary"]:not(.admin-btn-magaza-size--icon):hover {
  background: var(--admin-bg-muted) !important;
  border-color: var(--admin-control-border-hover) !important;
}
#admin-shell .admin-btn-magaza-size[data-variant="danger"] {
  background: var(--admin-danger) !important;
  border: 1px solid var(--admin-danger) !important;
  color: var(--admin-bg) !important;
}
#admin-shell .admin-btn-magaza-size[data-variant="danger"]:is(:hover, :active) {
  background: #b91c1c !important;
}
#admin-shell .admin-btn-magaza-size[data-variant="ghost"] {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--admin-text) !important;
}
#admin-shell .admin-btn-magaza-size[data-variant="ghost"]:hover {
  background: var(--admin-bg-muted) !important;
  border-color: transparent !important;
}
#admin-shell .admin-btn-magaza-size:is(:disabled, [aria-disabled="true"]) {
  opacity: .5;
  cursor: not-allowed !important;
}
#admin-shell .admin-btn-magaza-size:focus-visible,
#admin-shell main .icon-btn:focus-visible {
  outline: 1px solid var(--admin-control-border-focus) !important;
  outline-offset: -1px;
  box-shadow: none !important;
}

#admin-shell .admin-btn-magaza-size.w-full,
#admin-shell .admin-btn-magaza-size.admin-btn-magaza-size--block,
#admin-shell .btn-default.w-full,
#admin-shell .btn-primary.w-full,
#admin-shell .btn-s.w-full,
#admin-shell .btn-m.w-full,
#admin-shell .btn-l.w-full {
  width: 100%;
  min-height: var(--admin-h) !important;
  max-height: var(--admin-h) !important;
}

/* -------------------------------------------------------------------------- */
/* Yasak dolgular → outline (mor / indigo / rastgele slate).                   */
/* Birincil CTA (#100029 ink) burada EZİLMEZ — birincil ≠ ikincil.              */
/* -------------------------------------------------------------------------- */

#admin-shell main button[class*="bg-[#8662F6]"]:not([class*="bg-[#8662F6]/"]),
#admin-shell main a[class*="bg-[#8662F6]"]:not([class*="bg-[#8662F6]/"]),
#admin-shell main button.bg-indigo-600,
#admin-shell main a.bg-indigo-600,
#admin-shell main button.bg-gray-900,
#admin-shell main a.bg-gray-900,
#admin-shell main button.bg-slate-900,
#admin-shell main a.bg-slate-900,
#admin-shell main button.bg-slate-600,
#admin-shell main a.bg-slate-600,
#admin-shell main button.bg-slate-700,
#admin-shell main a.bg-slate-700,
#admin-shell main button.bg-amber-600,
#admin-shell main input[type="submit"].bg-indigo-600:not(.wo-stepper-input),
#admin-shell main button[style*="background:#6d28d9"],
#admin-shell main button[style*="background:#6D28D9"] {
  background: var(--admin-bg) !important;
  background-image: none !important;
  color: var(--admin-text) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: none !important;
}
#admin-shell main button.bg-indigo-600:hover,
#admin-shell main button.bg-slate-600:hover,
#admin-shell main button.bg-slate-700:hover {
  background: var(--admin-hover) !important;
  color: var(--admin-text-strong) !important;
  border-color: #cbd5e1 !important;
}

#admin-shell main button.bg-indigo-600 svg,
#admin-shell main button.bg-slate-600 svg,
#admin-shell main button.bg-slate-700 svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

/* Birincil dolgu — #100029 (sidebar ile aynı); hover #1a0d38 */
#admin-shell main button[class*="bg-[#100029]"]:not([role="switch"]),
#admin-shell main a[class*="bg-[#100029]"],
#admin-shell main input[type="submit"][class*="bg-[#100029]"]:not(.wo-stepper-input),
#admin-shell main button[style*="background:#100029"],
#admin-shell main button[style*="background: #100029"],
#admin-shell main a[style*="background:#100029"],
#admin-shell main a[style*="background: #100029"],
#admin-shell #confirm-modal-ok,
#admin-shell .ks-btn-primary,
#admin-shell .rb-btn-primary {
  background: #100029 !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #100029 !important;
  box-shadow: none !important;
}
#admin-shell main button[class*="bg-[#100029]"]:not([role="switch"]):hover,
#admin-shell main a[class*="bg-[#100029]"]:hover,
#admin-shell main button[style*="background:#100029"]:hover,
#admin-shell main button[style*="background: #100029"]:hover,
#admin-shell #confirm-modal-ok:hover,
#admin-shell .ks-btn-primary:hover,
#admin-shell .rb-btn-primary:hover {
  background: #1a0d38 !important;
  color: #fff !important;
  border-color: #1a0d38 !important;
}
#admin-shell main button[class*="bg-[#100029]"]:not([role="switch"]) svg,
#admin-shell main a[class*="bg-[#100029]"] svg,
#admin-shell #confirm-modal-ok svg,
#admin-shell .ks-btn-primary svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}
#admin-sidebar [data-lucide],
#admin-sidebar svg.lucide,
#admin-sidebar .ph-duotone {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* -------------------------------------------------------------------------- */
/* Inputs — 40px + 4px, toolbar ile aynı ölçü                                  */
/* -------------------------------------------------------------------------- */

#admin-shell main input[type="text"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main input[type="email"]:not(.wo-stepper-input),
#admin-shell main input[type="search"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main input[type="password"]:not(.wo-stepper-input),
#admin-shell main input[type="number"]:not(.wo-stepper-input),
#admin-shell main input[type="tel"]:not(.wo-stepper-input),
#admin-shell main input[type="url"]:not(.wo-stepper-input),
#admin-shell main input[type="date"]:not(.wo-stepper-input),
#admin-shell main input[type="time"]:not(.wo-stepper-input),
#admin-shell main input[type="datetime-local"]:not(.wo-stepper-input),
#admin-shell main select,
#admin-shell main .admin-date-trigger,
#admin-shell main .wo-admin-select,
#admin-shell main .input-s,
#admin-shell main .input-m,
#admin-shell main .input-l {
  height: var(--admin-h) !important;
  min-height: var(--admin-h) !important;
  max-height: var(--admin-h) !important;
  border-radius: var(--admin-radius) !important;
  box-sizing: border-box !important;
}

#admin-shell main .products-search,
#admin-shell main .orders-search {
  height: var(--admin-h) !important;
  border-radius: var(--admin-radius) !important;
}

#admin-shell main .orders-pg.is-on,
#admin-shell main .products-pg.is-on {
  background: var(--admin-bg) !important;
  color: var(--admin-text-strong) !important;
  border-color: #334155 !important;
  font-weight: 600 !important;
}
#admin-shell main :is(.orders-pg, .products-pg) {
  font-size: var(--admin-font);
  line-height: var(--admin-line);
}
#admin-shell :is(.products-icon-btn, .orders-icon-btn, .admin-ix-icon-btn).is-labeled:hover {
  background: var(--admin-bg-muted) !important;
  border-color: var(--admin-control-border-hover) !important;
}

/* -------------------------------------------------------------------------- */
/* Tabs — Siparişler line-tab (mor yok)                                        */
/* inactive #616161 · active #1f2937/600 · underline #303030 · focus nötr      */
/* -------------------------------------------------------------------------- */

#admin-shell main .orders-tabs-row,
#admin-shell main .products-tabs-row,
#admin-shell main .admin-ix-tabs-row {
  height: var(--admin-h) !important;
  padding: 0 !important;
  border-bottom-color: var(--admin-border) !important;
}
#admin-shell main .orders-tabs-scroll,
#admin-shell main .products-tabs-scroll,
#admin-shell main .admin-ix-tabs-scroll {
  margin: 0 !important;
  height: 100% !important;
  align-self: stretch !important;
}
/* İşlem butonlarına alan aç; sekmeler alt kenar çizgisine kadar uzansın. */
#admin-shell main :is(.orders-tabs-row, .products-tabs-row, .admin-ix-tabs-row, .categories-tabs-row):has(> :is(.orders-tabs-actions, .products-tabs-actions, .admin-ix-tabs-actions, .categories-tabs-actions)) {
  height: auto !important;
  min-height: calc(var(--admin-h) + 25px);
  padding: 0 16px !important;
}
#admin-shell main :is(.orders-tabs-actions, .products-tabs-actions, .admin-ix-tabs-actions, .categories-tabs-actions) {
  height: auto;
  padding: 12px 0;
}
#admin-shell main :is(.orders-tabs-row, .products-tabs-row, .admin-ix-tabs-row, .categories-tabs-row):has(> :is(.orders-tabs-actions, .products-tabs-actions, .admin-ix-tabs-actions, .categories-tabs-actions)) > :is(.orders-tabs-scroll, .products-tabs-scroll, .admin-ix-tabs-scroll, .categories-tabs-scroll) {
  height: auto !important;
}
#admin-shell main :is(.orders-tabs-row, .products-tabs-row, .admin-ix-tabs-row, .categories-tabs-row):has(> :is(.orders-tabs-actions, .products-tabs-actions, .admin-ix-tabs-actions, .categories-tabs-actions)) :is(a, button):is(.orders-tab, .products-tab, .admin-ix-tab, .categories-tab) {
  height: auto !important;
  max-height: none !important;
}
@media (max-width: 640px) {
  #admin-shell main :is(.orders-tabs-row, .products-tabs-row, .admin-ix-tabs-row, .categories-tabs-row):has(> :is(.orders-tabs-actions, .products-tabs-actions, .admin-ix-tabs-actions, .categories-tabs-actions)) {
    flex-wrap: wrap;
  }
  #admin-shell main :is(.orders-tabs-row, .products-tabs-row, .admin-ix-tabs-row, .categories-tabs-row):has(> :is(.orders-tabs-actions, .products-tabs-actions, .admin-ix-tabs-actions, .categories-tabs-actions)) > :is(.orders-tabs-scroll, .products-tabs-scroll, .admin-ix-tabs-scroll, .categories-tabs-scroll):not(:empty) {
    flex-basis: 100%;
    min-height: var(--admin-h);
  }
  #admin-shell main :is(.orders-tabs-actions, .products-tabs-actions, .admin-ix-tabs-actions, .categories-tabs-actions) {
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 100%;
    margin-left: auto;
  }
  #admin-shell main :is(.orders-tabs-row, .products-tabs-row):has(> :is(.orders-tabs-actions, .products-tabs-actions)) > :is(.orders-tab-arrow, .products-tab-arrow) {
    position: absolute;
    top: 0;
    right: 16px;
  }
}
#admin-shell main a.admin-ix-tab,
#admin-shell main button.admin-ix-tab,
#admin-shell main a.orders-tab,
#admin-shell main button.orders-tab,
#admin-shell main a.products-tab,
#admin-shell main button.products-tab {
  font-size: var(--admin-font) !important;
  line-height: var(--admin-line) !important;
  padding: 0 16px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--admin-tab-idle) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  margin-bottom: -1px !important;
  height: auto !important;
  align-self: stretch !important;
}
#admin-shell main a.admin-ix-tab:hover,
#admin-shell main button.admin-ix-tab:hover,
#admin-shell main a.orders-tab:hover,
#admin-shell main button.orders-tab:hover,
#admin-shell main a.products-tab:hover,
#admin-shell main button.products-tab:hover {
  color: var(--admin-tab-hover) !important;
  background: transparent !important;
}
#admin-shell main a.admin-ix-tab.is-on,
#admin-shell main button.admin-ix-tab.is-on,
#admin-shell main a.orders-tab.is-on,
#admin-shell main button.orders-tab.is-on,
#admin-shell main a.products-tab.is-on,
#admin-shell main button.products-tab.is-on {
  color: var(--admin-tab-active) !important;
  font-weight: 600 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom-color: var(--admin-tab-line) !important;
}
#admin-shell main a.admin-ix-tab:focus,
#admin-shell main button.admin-ix-tab:focus,
#admin-shell main a.orders-tab:focus,
#admin-shell main button.orders-tab:focus,
#admin-shell main a.products-tab:focus,
#admin-shell main button.products-tab:focus {
  outline: none;
  box-shadow: none !important;
  --tw-ring-shadow: 0 0 #0000;
  --tw-ring-color: transparent;
}
#admin-shell main a.admin-ix-tab:focus-visible,
#admin-shell main button.admin-ix-tab:focus-visible,
#admin-shell main a.orders-tab:focus-visible,
#admin-shell main button.orders-tab:focus-visible,
#admin-shell main a.products-tab:focus-visible,
#admin-shell main button.products-tab:focus-visible {
  outline: 1px solid var(--admin-tab-line);
  outline-offset: -3px;
}

/* Tailwind/Alpine line-tab (border-b-2 + mor) → aynı nötr underline */
#admin-shell main button[class*="border-b-2"][class*="border-[#8662F6]"],
#admin-shell main a[class*="border-b-2"][class*="border-[#8662F6]"],
#admin-shell main button[class*="border-b-2"][class*="text-[#8662F6]"],
#admin-shell main a[class*="border-b-2"][class*="text-[#8662F6]"],
#admin-shell main button[class*="border-b-2"][class*="border-indigo"],
#admin-shell main a[class*="border-b-2"][class*="border-indigo"],
#admin-shell main button[class*="border-b-2"][class*="border-violet"],
#admin-shell main a[class*="border-b-2"][class*="border-violet"] {
  color: var(--admin-tab-active) !important;
  border-bottom-color: var(--admin-tab-line) !important;
  background-color: transparent !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

#admin-shell main .products-tab-item:focus,
#admin-shell main .products-tab-item:focus-visible {
  outline: 2px solid var(--admin-tab-line);
  outline-offset: -2px;
}

#admin-shell main [role="tablist"] > a:not(.ntf-channel-tab):not(.mkt-send-tab):not(.tc-lab-seg__btn):not(.ex-store-tab),
#admin-shell main [role="tablist"] > button:not(.ntf-channel-tab):not(.mkt-send-tab):not(.tc-lab-seg__btn):not(.ex-store-tab) {
  background: transparent !important;
  color: var(--admin-tab-idle) !important;
  font-weight: 500 !important;
}
#admin-shell main [role="tablist"] > a:not(.ntf-channel-tab):not(.mkt-send-tab):not(.tc-lab-seg__btn):not(.ex-store-tab):hover,
#admin-shell main [role="tablist"] > button:not(.ntf-channel-tab):not(.mkt-send-tab):not(.tc-lab-seg__btn):not(.ex-store-tab):hover {
  color: var(--admin-tab-hover) !important;
}
#admin-shell main [role="tablist"] > a:not(.ntf-channel-tab):not(.mkt-send-tab):not(.tc-lab-seg__btn):not(.ex-store-tab)[aria-selected="true"],
#admin-shell main [role="tablist"] > button:not(.ntf-channel-tab):not(.mkt-send-tab):not(.tc-lab-seg__btn):not(.ex-store-tab)[aria-selected="true"] {
  color: var(--admin-tab-active) !important;
  font-weight: 600 !important;
}

/* products-tabs-container: kayan indicator = alt çizgi (JS aynı) */
#admin-shell main .products-tabs-container {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-radius: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
}
#admin-shell main .products-tab-item {
  color: var(--admin-tab-idle) !important;
  font-weight: 500 !important;
  height: 100% !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#admin-shell main .products-tab-item.active {
  background: transparent !important;
  color: var(--admin-tab-active) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
#admin-shell main .products-tab-indicator {
  background: var(--admin-tab-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  top: auto !important;
  bottom: 0 !important;
  height: 2px !important;
}

/* Kalan pill / segmented tab: açık gri / koyu gri */
#admin-shell main .ex-store-tab,
#admin-shell main button.ex-store-tab {
  background: #fff !important;
  color: var(--admin-tab-idle) !important;
  border-color: #e2e8f0 !important;
}
#admin-shell main .ex-store-tab:hover,
#admin-shell main button.ex-store-tab:hover {
  color: var(--admin-tab-hover) !important;
  background: #f8fafc !important;
}
#admin-shell main .ex-store-tab.is-active,
#admin-shell main button.ex-store-tab.is-active {
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
  color: var(--admin-tab-active) !important;
}
#admin-shell main .ks-pill.is-active {
  border-color: #94a3b8 !important;
  color: var(--admin-tab-active) !important;
  background: #f1f5f9 !important;
  box-shadow: none !important;
}
#admin-shell main .ks-segmented input:checked + label {
  background: #fff !important;
  color: var(--admin-tab-active) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}
#admin-shell main .mw-segmented-item.active,
#admin-shell main .mkt-send-tab.active,
#admin-shell main .ntf-channel-tab.active {
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
  color: var(--admin-tab-active) !important;
}
#admin-shell main .ntf-channel-tab.active:hover,
#admin-shell main .mkt-send-tab.active:hover {
  background: #cbd5e1 !important;
  color: var(--admin-tab-active) !important;
}
#admin-shell.theme-customize.tc-lab .tc-lab-seg__btn.is-active,
.tc-lab-portal .tc-lab-seg__btn.is-active {
  color: var(--admin-tab-active) !important;
  background: #e2e8f0 !important;
  box-shadow: none !important;
}
#admin-shell.theme-customize.tc-lab .tc-lab-seg__btn.is-active:hover,
.tc-lab-portal .tc-lab-seg__btn.is-active:hover {
  color: var(--admin-tab-active) !important;
  background: #cbd5e1 !important;
}

/* -------------------------------------------------------------------------- */
/* Tables                                                                      */
/* -------------------------------------------------------------------------- */

#admin-shell main table thead th {
  background: var(--admin-bg-muted) !important;
  color: #475569 !important;
  font-size: var(--admin-font) !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
/* Veri tabloları: içerik editörünün kendi tablolarına uygulanmaz. */
#admin-shell main .table-container,
#admin-shell main [class$="-index-card"] {
  border-radius: var(--admin-radius-card);
}
#admin-shell main .table-container table,
#admin-shell main table[data-admin-table] {
  min-width: 640px;
  border-collapse: collapse;
}
#admin-shell main .table-container :is(th, td),
#admin-shell main table[data-admin-table] :is(th, td) {
  padding: 12px 16px !important;
  font-size: var(--admin-font) !important;
  line-height: var(--admin-line) !important;
  vertical-align: middle;
}
#admin-shell main .table-container tbody tr {
  border-bottom: 1px solid #f1f5f9;
}
#admin-shell main .table-container tbody tr:last-child {
  border-bottom: 0;
}
#admin-shell main .table-container tbody tr:hover {
  background: rgb(248 250 252 / .8);
}
#admin-shell main .table-container .actions-cell {
  gap: 8px;
  justify-content: flex-end;
}
#admin-shell main .table-container .user-cell { gap: 12px; }
#admin-shell main .table-container .user-name {
  font-size: var(--admin-font);
  font-weight: 500;
  color: var(--admin-text-strong);
}
#admin-shell main .table-container .email-cell { color: var(--admin-muted); }
#admin-shell main .orders-index-card tbody tr:hover,
#admin-shell main .products-index-card tbody tr:hover,
#admin-shell main [class$="-index-card"] tbody tr:hover {
  background: #f8fafc !important;
}
#admin-shell main .orders-index-card tbody tr.is-sel,
#admin-shell main .products-index-card tbody tr.is-sel,
#admin-shell main [class$="-index-card"] tbody tr.is-sel {
  background: #f1f5f9 !important;
}

#admin-shell main .text-indigo-600,
#admin-shell main .text-indigo-700,
#admin-shell main a.text-indigo-600,
#admin-shell main td a[class*="text-[#8662F6]"],
#admin-shell main td a.text-indigo-600,
#admin-shell main td button[class*="text-[#8662F6]"],
#admin-shell main .ix-act a,
#admin-shell main .ix-act button {
  color: var(--admin-muted) !important;
}
#admin-shell main td a[class*="text-[#8662F6]"]:hover,
#admin-shell main .ix-act a:hover,
#admin-shell main .ix-act button:hover {
  color: var(--admin-text-strong) !important;
  background: var(--admin-hover) !important;
}

/* -------------------------------------------------------------------------- */
/* Cards / radius                                                              */
/* -------------------------------------------------------------------------- */

/* element.html #cards ve #form-field: aynı işaretler üretim ekranında da kullanılır. */
#admin-shell [data-card] {
  background: var(--admin-bg);
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-card) !important;
  padding: 24px;
  min-width: 0;
  box-shadow: none;
}
/* Eski utility kartlar da aynı 8px kabuğu kullanır; kontrol köşeleri 4px kalır. */
#admin-shell main :is(div, section, article, form, dialog):is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl).bg-white {
  border-radius: var(--admin-radius-card) !important;
}
#admin-shell [data-field] { min-width: 0; }
#admin-shell [data-field] > label {
  display: block;
  margin-bottom: 8px;
  font-size: var(--admin-font);
  font-weight: 500;
  line-height: var(--admin-line);
}
#admin-shell [data-field] > p {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
}
@media (max-width: 639px) {
  #admin-shell [data-card] { padding: 16px; }
}

#admin-shell main .ex-store-card,
#admin-shell main button.ex-store-card,
#admin-shell main button.ex-store-featured-card {
  border-radius: var(--admin-radius-card) !important;
}
#admin-shell main .edit-panel {
  border-radius: var(--admin-radius-card) !important;
}
#admin-shell .wo-settings-card,
#admin-shell .dashboard-kpi-card,
#admin-shell .wo-license-banner {
  border-radius: var(--admin-radius-card) !important;
}

#admin-shell .ex-store-featured-nav {
  width: var(--admin-h) !important;
  height: var(--admin-h) !important;
  border-radius: var(--admin-radius) !important;
}

#admin-shell .wo-btn-license {
  height: var(--admin-h) !important;
  min-height: var(--admin-h) !important;
  border-radius: var(--admin-radius) !important;
  font-size: var(--admin-font) !important;
}
#admin-shell .wo-btn-license--icon-only {
  width: var(--admin-h) !important;
  min-width: var(--admin-h) !important;
  height: var(--admin-h) !important;
  border-radius: var(--admin-radius) !important;
}

#admin-shell .wo-icon-btn {
  width: var(--admin-h) !important;
  height: var(--admin-h) !important;
  border-radius: var(--admin-radius) !important;
}

#admin-shell .wo-rh {
  --wo-rh-radius: 4px;
  --wo-rh-accent: #334155;
}
#admin-shell .wo-rh-hub-stat strong {
  color: var(--admin-text-strong) !important;
  font-weight: 700 !important;
}
#admin-shell .wo-settings-page button.wo-settings-card.wo-rh-hub-card:hover,
#admin-shell .wo-settings-page button.wo-settings-card.wo-rh-hub-card.is-selected {
  border-color: #cbd5e1 !important;
  background: #fff !important;
  box-shadow: none !important;
}
#admin-shell .wo-settings-page button.wo-settings-card.wo-rh-hub-card.is-selected {
  border-color: #94a3b8 !important;
  background: var(--admin-bg-muted) !important;
}

#admin-shell .toast-container {
  border-radius: var(--admin-radius-card) !important;
}

/* -------------------------------------------------------------------------- */
/* Form controls — left text, 1px neutral; focus = same 1px darker, no ring    */
/* -------------------------------------------------------------------------- */

#admin-shell main input[type="text"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main input[type="email"]:not(.wo-stepper-input),
#admin-shell main input[type="search"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main input[type="password"]:not(.wo-stepper-input),
#admin-shell main input[type="number"]:not(.wo-stepper-input),
#admin-shell main input[type="tel"]:not(.wo-stepper-input),
#admin-shell main input[type="url"]:not(.wo-stepper-input),
#admin-shell main input[type="date"]:not(.wo-stepper-input),
#admin-shell main input[type="time"]:not(.wo-stepper-input),
#admin-shell main input[type="datetime-local"]:not(.wo-stepper-input),
#admin-shell main input[type="month"]:not(.wo-stepper-input),
#admin-shell main input:not([type]):not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main select,
#admin-shell main textarea,
#admin-shell main .input-s,
#admin-shell main .input-m,
#admin-shell main .input-l,
#admin-shell main .wo-admin-select,
#admin-shell main .custom-select,
#admin-shell main .admin-date-trigger,
#admin-shell main .admin-date-trigger--select,
#admin-shell main [data-kit-dd-trigger],
#admin-shell main [class$="-as-sel"],
#admin-shell main [class$="-as-in"],
#admin-shell main .wf-select-trigger,
#admin-shell main .orders-search,
#admin-shell main .products-search,
#admin-shell main .categories-search,
#admin-shell main .admin-ix-search,
#admin-shell main .wo-rh-search-input {
  box-sizing: border-box !important;
  text-align: left !important;
  text-align-last: left !important;
  color: var(--admin-text-strong) !important;
  background-color: var(--admin-bg) !important;
  border: 1px solid var(--admin-control-border) !important;
  border-radius: var(--admin-radius) !important;
  box-shadow: none !important;
  outline: none !important;
}

#admin-shell main .rich-ph-ai-prompt-box textarea {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}

/* Dashboard AI composer: border dış kabukta; textarea bordersız */
#admin-shell main #dash-ai-input,
#admin-shell main .dash-ai-composer textarea {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #fff !important;
}
#admin-shell main #dash-ai-input:hover,
#admin-shell main #dash-ai-input:focus,
#admin-shell main #dash-ai-input:focus-visible,
#admin-shell main .dash-ai-composer textarea:hover,
#admin-shell main .dash-ai-composer textarea:focus,
#admin-shell main .dash-ai-composer textarea:focus-visible {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

#admin-shell main input[type="text"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main input[type="email"]:not(.wo-stepper-input),
#admin-shell main input[type="search"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main input[type="password"]:not(.wo-stepper-input),
#admin-shell main input[type="number"]:not(.wo-stepper-input),
#admin-shell main input[type="tel"]:not(.wo-stepper-input),
#admin-shell main input[type="url"]:not(.wo-stepper-input),
#admin-shell main input[type="date"]:not(.wo-stepper-input),
#admin-shell main input[type="time"]:not(.wo-stepper-input),
#admin-shell main input[type="datetime-local"]:not(.wo-stepper-input),
#admin-shell main input[type="month"]:not(.wo-stepper-input),
#admin-shell main input:not([type]):not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main select,
#admin-shell main .input-s,
#admin-shell main .input-m,
#admin-shell main .input-l,
#admin-shell main .wo-admin-select,
#admin-shell main .custom-select,
#admin-shell main .admin-date-trigger,
#admin-shell main .admin-date-trigger--select,
#admin-shell main [data-kit-dd-trigger],
#admin-shell main [class$="-as-sel"],
#admin-shell main [class$="-as-in"],
#admin-shell main .wf-select-trigger,
#admin-shell main .orders-search,
#admin-shell main .products-search,
#admin-shell main .categories-search,
#admin-shell main .admin-ix-search,
#admin-shell main .wo-rh-search-input {
  height: var(--admin-h) !important;
  min-height: var(--admin-h) !important;
  max-height: var(--admin-h) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: var(--admin-line) !important;
}

#admin-shell main textarea,
#admin-shell main textarea.input-s,
#admin-shell main textarea.input-m,
#admin-shell main textarea.input-l {
  height: auto !important;
  min-height: var(--admin-textarea-min) !important;
  max-height: none !important;
  line-height: var(--admin-line) !important;
  resize: vertical;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

#admin-shell main input[type="text"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main input[type="email"]:not(.wo-stepper-input),
#admin-shell main input[type="password"]:not(.wo-stepper-input),
#admin-shell main input[type="number"]:not(.wo-stepper-input),
#admin-shell main input[type="tel"]:not(.wo-stepper-input),
#admin-shell main input[type="url"]:not(.wo-stepper-input),
#admin-shell main input[type="date"]:not(.wo-stepper-input),
#admin-shell main input[type="time"]:not(.wo-stepper-input),
#admin-shell main input[type="datetime-local"]:not(.wo-stepper-input),
#admin-shell main input[type="month"]:not(.wo-stepper-input),
#admin-shell main input:not([type]):not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.wo-stepper-input),
#admin-shell main select,
#admin-shell main textarea,
#admin-shell main .input-s,
#admin-shell main .input-m,
#admin-shell main .input-l,
#admin-shell main .wo-admin-select,
#admin-shell main .custom-select,
#admin-shell main [class$="-as-in"] {
  padding-left: var(--admin-control-pad-x) !important;
  padding-right: var(--admin-control-pad-x) !important;
}

.lab-tool .lab-tool-qty input[type="number"],
#admin-shell .lab-tool-qty input[type="number"] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
  text-align: center !important;
}
.lab-tool .lab-tool-qty input[type="number"]::-webkit-outer-spin-button,
.lab-tool .lab-tool-qty input[type="number"]::-webkit-inner-spin-button,
#admin-shell .lab-tool-qty input[type="number"]::-webkit-outer-spin-button,
#admin-shell .lab-tool-qty input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  display: none !important;
}

#admin-shell main select,
#admin-shell main select.input-s,
#admin-shell main select.input-m,
#admin-shell main select.input-l,
#admin-shell main .wo-admin-select,
#admin-shell main .custom-select,
#admin-shell main select[class$="-as-in"] {
  padding-right: 2.25rem !important;
  background-position: right 8px center !important;
}

#admin-shell main .admin-date-trigger,
#admin-shell main .admin-date-trigger--select,
#admin-shell main [data-kit-dd-trigger],
#admin-shell main button[class$="-as-sel"],
#admin-shell main .wf-select-trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  padding-left: var(--admin-control-pad-x) !important;
  padding-right: var(--admin-control-pad-x) !important;
  font-size: var(--admin-font) !important;
  line-height: var(--admin-line) !important;
  font-weight: 500 !important;
  cursor: pointer;
}

#admin-shell main .admin-date-trigger--select,
#admin-shell main [data-kit-dd-trigger],
#admin-shell main .wf-select-trigger {
  justify-content: space-between !important;
}

/* 6px boşluk yalnızca solda 26px ikon kutusu varsa kullanılır.
   Metinle başlayan seçimler ortak 12px alan boşluğunu korur. */
#admin-shell main .admin-date-trigger--select:has(> .admin-date-trigger-icon) {
  padding-left: 6px !important;
}

#admin-shell main .admin-date-trigger-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  line-height: 0 !important;
  flex-shrink: 0 !important;
}

#admin-shell main .admin-date-trigger-icon svg,
#admin-shell main .admin-date-trigger-icon i,
#admin-shell main .admin-date-trigger-icon [data-lucide] {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  flex-shrink: 0;
}

#admin-shell main button[class$="-as-sel"] {
  justify-content: flex-start !important;
}

#admin-shell main .admin-date-trigger > span:not(.admin-date-trigger-icon),
#admin-shell main .admin-date-trigger-label,
#admin-shell main [data-kit-dd-label],
#admin-shell main [class*="-as-sel-txt"],
#admin-shell main [class$="-as-sel-txt"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
  line-height: 1.35 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#admin-shell main [class$="-as-caret"],
#admin-shell main [data-kit-dd-chevron],
#admin-shell main .admin-date-trigger > svg:last-child,
#admin-shell main .wf-select-trigger > svg:last-child {
  flex-shrink: 0 !important;
  margin-left: auto;
  color: var(--admin-muted) !important;
}

#admin-shell main input[type="text"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):hover:not(.wo-stepper-input),
#admin-shell main input[type="email"]:hover:not(.wo-stepper-input),
#admin-shell main input[type="search"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):hover:not(.wo-stepper-input),
#admin-shell main input[type="password"]:hover:not(.wo-stepper-input),
#admin-shell main input[type="number"]:hover:not(.wo-stepper-input),
#admin-shell main input[type="tel"]:hover:not(.wo-stepper-input),
#admin-shell main input[type="url"]:hover:not(.wo-stepper-input),
#admin-shell main input[type="date"]:hover:not(.wo-stepper-input),
#admin-shell main input[type="time"]:hover:not(.wo-stepper-input),
#admin-shell main input[type="datetime-local"]:hover:not(.wo-stepper-input),
#admin-shell main select:hover,
#admin-shell main textarea:hover,
#admin-shell main .admin-date-trigger:hover,
#admin-shell main [data-kit-dd-trigger]:hover,
#admin-shell main [class$="-as-sel"]:hover,
#admin-shell main [class$="-as-in"]:hover,
#admin-shell main .wf-select-trigger:hover,
#admin-shell main .wo-admin-select:hover,
#admin-shell main .custom-select:hover,
#admin-shell main .orders-search:hover,
#admin-shell main .products-search:hover,
#admin-shell main .categories-search:hover,
#admin-shell main .admin-ix-search:hover,
#admin-shell main .wo-rh-search-input:hover {
  border-color: var(--admin-control-border-hover) !important;
  box-shadow: none !important;
}

#admin-shell main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.ex-select-trigger *):not(.wo-stepper-input):focus,
#admin-shell main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.ex-select-trigger *):not(.wo-stepper-input):focus-visible,
#admin-shell main input[type="text"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):focus:not(.wo-stepper-input),
#admin-shell main input[type="email"]:focus:not(.wo-stepper-input),
#admin-shell main input[type="search"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):focus:not(.wo-stepper-input),
#admin-shell main input[type="password"]:focus:not(.wo-stepper-input),
#admin-shell main input[type="number"]:not(.wo-stepper-input):focus,
#admin-shell main input[type="tel"]:focus:not(.wo-stepper-input),
#admin-shell main input[type="url"]:focus:not(.wo-stepper-input),
#admin-shell main input[type="date"]:focus:not(.wo-stepper-input),
#admin-shell main input[type="time"]:focus:not(.wo-stepper-input),
#admin-shell main input[type="datetime-local"]:focus:not(.wo-stepper-input),
#admin-shell main select:focus,
#admin-shell main select:focus-visible,
#admin-shell main textarea:focus,
#admin-shell main textarea:focus-visible,
#admin-shell main .admin-date-trigger:focus,
#admin-shell main .admin-date-trigger:focus-visible,
#admin-shell main [data-kit-dd-trigger]:focus,
#admin-shell main [data-kit-dd-trigger]:focus-visible,
#admin-shell main [class$="-as-sel"]:focus,
#admin-shell main [class$="-as-sel"]:focus-visible,
#admin-shell main [class$="-as-in"]:focus,
#admin-shell main [class$="-as-in"]:focus-visible,
#admin-shell main .wf-select-trigger:focus,
#admin-shell main .wf-select-trigger:focus-visible,
#admin-shell main .wo-admin-select:focus,
#admin-shell main .custom-select:focus,
#admin-shell main .orders-search:focus,
#admin-shell main .products-search:focus,
#admin-shell main .categories-search:focus,
#admin-shell main .admin-ix-search:focus,
#admin-shell main .wo-rh-search-input:focus,
#admin-shell main .wo-rh-input:focus,
#admin-shell main .wo-rh-select:focus,
#admin-shell main .wo-rh-date-range-trigger:focus,
#admin-shell main .wo-rh-date-range-trigger:focus-visible,
#admin-shell main .wo-rh-save-input:focus,
#admin-shell main .input-focus:focus,
#admin-shell main .focus-ink:focus,
#admin-shell main .focus-ink:focus-visible,
.lab-tool .lab-tool-field:focus,
.lab-tool input:not([type="checkbox"]):not([type="radio"]):not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.ex-select-trigger *):focus,
.lab-tool select:focus,
.lab-tool textarea:focus,
.rb-input:focus,
.ntf-inp:focus,
.tc-lab-input:focus,
.ks-input:focus,
.ks-num:focus {
  outline: none !important;
  outline-offset: 0 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--admin-control-border-focus) !important;
  box-shadow: none !important;
  --tw-ring-offset-width: 0px !important;
  --tw-ring-offset-color: transparent !important;
  --tw-ring-color: transparent !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-shadow: 0 0 #0000 !important;
}

#admin-shell main [class*="focus-within:ring"]:focus-within,
#admin-shell main [class*="focus-within:border"]:focus-within {
  outline: none !important;
  box-shadow: none !important;
  border-width: 1px !important;
  border-color: var(--admin-control-border-focus) !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

#admin-shell main .orders-search,
#admin-shell main .products-search,
#admin-shell main .categories-search,
#admin-shell main .admin-ix-search,
#admin-shell main .wo-rh-search-input,
#admin-shell main input[type="search"].orders-search:not(.wo-stepper-input),
#admin-shell main input[type="search"].products-search:not(.wo-stepper-input) {
  padding-left: 38px !important;
  padding-right: 32px !important;
}

/* Sol iç ikon: genel .input-m pad’ini ezme — placeholder ikonla birleşmesin */
#admin-shell main .input-m.input-icon-left,
#admin-shell main .input-s.input-icon-left,
#admin-shell main .input-l.input-icon-left,
#admin-shell main input.input-icon-left:not(.wo-stepper-input) {
  padding-left: 2.5rem !important;
}
#admin-shell main .products-search-input.input-icon-left,
#admin-shell main input.products-search-input:not(.wo-stepper-input) {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

#admin-shell main [class$="-as-opt"],
#admin-shell main .admin-date-item,
#admin-shell main [data-kit-dd-panel] button,
#admin-shell main [data-kit-dd-panel] [role="option"],
#admin-shell main [role="listbox"] [role="option"],
#admin-shell main .admin-date-dropdown-shell .admin-date-item,
#admin-shell main .admin-date-dropdown .admin-date-item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
  box-shadow: none !important;
  border: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 8px 12px !important;
  border-radius: 0 !important;
}

#admin-shell main [class$="-as-drop"],
#admin-shell main [data-kit-dd-panel],
#admin-shell main .admin-date-dropdown-shell,
#admin-shell main .admin-date-dropdown {
  text-align: left !important;
}

#admin-shell main .admin-date-item:hover,
#admin-shell main [class$="-as-opt"]:hover,
#admin-shell main [data-kit-dd-panel] button:hover {
  background: #f5f5f5 !important;
  color: var(--admin-text-strong) !important;
}

#admin-shell main .admin-date-item.active,
#admin-shell main [class$="-as-opt"].is-on {
  background: #f5f5f5 !important;
  color: var(--admin-text-strong) !important;
}

#admin-shell main .is-open [class$="-as-sel"],
#admin-shell main [class$="-as"].is-open [class$="-as-sel"],
#admin-shell main [class$="-as-sel"]:focus-within,
#admin-shell main [class$="-as-sel"].is-searching,
#admin-shell main .ex-select-trigger:focus-within,
#admin-shell main .admin-date-picker-wrap.is-open .admin-date-trigger,
#admin-shell main .admin-date-trigger:focus-within,
#admin-shell main [data-kit-dd].is-open [data-kit-dd-trigger],
#admin-shell main [data-kit-dd-trigger]:focus-within,
#admin-shell main [aria-expanded="true"].admin-date-trigger,
#admin-shell main [aria-expanded="true"][data-kit-dd-trigger] {
  border-width: 1px !important;
  border-color: var(--admin-control-border-focus) !important;
  box-shadow: none !important;
  outline: none !important;
}

#admin-shell main select option,
#admin-shell main select optgroup {
  text-align: left !important;
}

/* -------------------------------------------------------------------------- */
/* Lab tools + page component aliases (barcode/POS/customizer/ks/rb/store)     */
/* Class names stay for JS/PHP; behavior matches products tabs + form-control. */
/* -------------------------------------------------------------------------- */

.lab-tool .lab-tool-btn,
.lab-tool .lab-tool-btn--primary,
.lab-tool .lab-tool-btn--soft {
  background: var(--admin-bg) !important;
  color: var(--admin-text) !important;
  border: 1px solid var(--admin-border) !important;
  box-shadow: none !important;
}
.lab-tool .lab-tool-btn:hover:not(:disabled),
.lab-tool .lab-tool-btn--primary:hover:not(:disabled),
.lab-tool .lab-tool-btn--soft:hover:not(:disabled) {
  background: var(--admin-hover) !important;
  color: var(--admin-text-strong) !important;
  border-color: #cbd5e1 !important;
}
.lab-tool .lab-tool-btn--primary {
  font-weight: 600 !important;
  color: var(--admin-text-strong) !important;
}
.lab-tool button[class*="bg-[#100029]"]:not([role="switch"]),
.lab-tool a[class*="bg-[#100029]"] {
  background: #100029 !important;
  color: #fff !important;
  border: 1px solid #100029 !important;
  box-shadow: none !important;
}
.lab-tool button[class*="bg-[#100029]"]:not([role="switch"]):hover,
.lab-tool a[class*="bg-[#100029]"]:hover {
  background: #1a0d38 !important;
  border-color: #1a0d38 !important;
  color: #fff !important;
}

.lab-tool-seg {
  background: var(--admin-bg) !important;
  border: 1px solid var(--admin-border) !important;
}
.lab-tool-seg__btn,
.tc-lab-seg__btn,
.tc-lab-device-btn,
.ntf-channel-tab,
#admin-shell .ex-store-tab {
  background: transparent !important;
  color: var(--admin-muted) !important;
  box-shadow: none !important;
}
.lab-tool-seg__btn:hover,
.tc-lab-seg__btn:hover,
.tc-lab-device-btn:hover,
.ntf-channel-tab:hover,
#admin-shell .ex-store-tab:hover {
  background: transparent !important;
  color: var(--admin-text-strong) !important;
}
.lab-tool-seg__btn.is-active,
.tc-lab-seg__btn.is-active,
.tc-lab-device-btn.is-active,
.ntf-channel-tab.active,
#admin-shell .ex-store-tab.is-active,
#admin-shell main button.ex-store-tab.is-active,
.tc-lab-bar__right .tc-lab-btn--square.is-active {
  background: #fff !important;
  color: var(--admin-text-strong) !important;
  box-shadow: inset 0 -2px 0 #334155 !important;
  border-color: var(--admin-border) !important;
}
.lab-tool-seg__btn.is-active:hover,
.tc-lab-seg__btn.is-active:hover,
.tc-lab-device-btn.is-active:hover,
.ntf-channel-tab.active:hover,
#admin-shell .ex-store-tab.is-active:hover,
.tc-lab-bar__right .tc-lab-btn--square.is-active:hover:not(:disabled) {
  background: #f8fafc !important;
  color: var(--admin-text-strong) !important;
}

.lab-tool .lab-tool-field,
.lab-tool input[type="text"],
.lab-tool input[type="search"],
.lab-tool input[type="email"],
.lab-tool input[type="password"],
.lab-tool input[type="number"],
.lab-tool input[type="tel"],
.lab-tool input[type="url"],
.lab-tool select,
.lab-tool textarea,
.lab-tool .admin-date-trigger,
.rb-input,
.ntf-inp,
.tc-lab-input,
.ks-input,
.ks-num,
.license-gate input[type="text"] {
  background-color: var(--admin-bg) !important;
  border: 1px solid var(--admin-control-border) !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--admin-text-strong) !important;
}
.lab-tool .lab-tool-field:focus,
.lab-tool input[type="text"]:focus,
.lab-tool input[type="search"]:focus,
.lab-tool input[type="email"]:focus,
.lab-tool input[type="password"]:focus,
.lab-tool input[type="number"]:focus,
.lab-tool select:focus,
.lab-tool textarea:focus,
.lab-tool .admin-date-trigger:focus,
.lab-tool .admin-date-trigger:focus-visible,
.rb-input:focus,
.ntf-inp:focus,
.tc-lab-input:focus,
.ks-input:focus,
.ks-num:focus,
.license-gate input[type="text"]:focus {
  background-color: #fff !important;
  border-width: 1px !important;
  border-color: var(--admin-control-border-focus) !important;
  box-shadow: none !important;
  outline: none !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-color: transparent !important;
}

.lab-tool-product-card:hover:not(:disabled),
.lab-tool-product-card:focus-visible,
.lab-tool-product-card.is-picked {
  border-color: #94a3b8 !important;
  box-shadow: none !important;
  outline: none !important;
}
.lab-tool-product-card.is-picked {
  background: var(--admin-bg-muted) !important;
}

.rb-chip.is-on {
  background: #fff !important;
  color: var(--admin-text-strong) !important;
  border-color: #334155 !important;
}
.ks-pill.is-active,
.ks-option-row.is-active,
.ks-segmented input:checked + label,
.tc-lab-style-card.is-active,
.tc-lab-choice.is-active {
  border-color: #94a3b8 !important;
  color: var(--admin-text-strong) !important;
  background: #fff !important;
  box-shadow: none !important;
}
.ks-option-row.is-active .ks-option-box,
.tc-lab-style-card.is-active .tc-lab-style-card__check {
  background: #334155 !important;
  border-color: #334155 !important;
}
.ks-switch input[type="checkbox"]:checked + .ks-switch-track {
  background: #334155 !important;
}
.ks-switch input[type="checkbox"]:focus-visible + .ks-switch-track,
.ks-section-head:focus-visible,
.ks-preview-zoom-btn:focus-visible {
  outline: 2px solid #334155 !important;
  outline-offset: 2px;
}

.wo-rh-date-range-trigger:hover {
  border-color: var(--admin-control-border-hover) !important;
  box-shadow: none !important;
}
.wo-rh-date-range-trigger:focus,
.wo-rh-date-range-trigger:focus-visible {
  border-width: 1px !important;
  border-color: var(--admin-control-border-focus) !important;
  box-shadow: none !important;
  outline: none !important;
}
.wo-rh-toolbar button.admin-outline-btn.is-compare-on,
.wo-rh-toolbar button.admin-outline-btn.is-compare-on:hover {
  border-color: #cbd5e1 !important;
  color: var(--admin-text-strong) !important;
  background: #fff !important;
}
.wo-rh-save-confirm {
  background: #fff !important;
  color: var(--admin-text-strong) !important;
  border: 1px solid var(--admin-border) !important;
}

.lab-tool input[type="checkbox"]:focus,
.rb-shell input[type="checkbox"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* x-teleport="body" overlay: #admin-shell main kuralları burada yok */
body [role="dialog"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
body [role="dialog"] input[type="search"],
body [role="dialog"] input[type="text"],
body [role="dialog"] select,
body [role="dialog"] textarea {
  outline: none !important;
  box-shadow: none !important;
}
body [role="dialog"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.ex-select-trigger *):focus,
body [role="dialog"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="image"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):not(.ex-select-trigger *):focus-visible,
body [role="dialog"] input[type="search"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):focus,
body [role="dialog"] input[type="search"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):focus-visible,
body [role="dialog"] input[type="text"]:not(.ex-select-filter):not(.admin-embed-input):not(#timeline-note-input):focus,
body [role="dialog"] select:focus,
body [role="dialog"] textarea:focus {
  outline: none !important;
  outline-offset: 0 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--admin-control-border-focus) !important;
  box-shadow: none !important;
  --tw-ring-offset-width: 0px !important;
  --tw-ring-color: transparent !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

/* -------------------------------------------------------------------------- */
/* Exripe select — native <select> gizlenir; combobox/listbox (mor yok)        */
/* Panel body’ye teleport (overflow:hidden kartlarda kesilmesin)               */
/* -------------------------------------------------------------------------- */

.ex-select {
  position: relative;
  display: block;
  min-width: 0;
  max-width: 100%;
}
#admin-shell main select.ex-select-native,
.lab-tool select.ex-select-native,
.rb-shell select.ex-select-native,
.ex-select-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
}
.ex-select-trigger.admin-date-trigger,
.ex-select-trigger {
  width: 100%;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px;
  padding: 0 10px 0 16px !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  outline: none !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: left !important;
  cursor: pointer;
}
.ex-select-trigger:hover {
  border-color: #cbd5e1 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.ex-select-trigger:focus,
.ex-select-trigger:focus-visible,
.ex-select.is-open .ex-select-trigger {
  outline: none !important;
  border-color: var(--admin-control-border-focus) !important;
  box-shadow: none !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-ring-color: transparent !important;
}
.ex-select-trigger:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.ex-select-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: #0f172a;
  font-weight: 500;
}
.ex-select-filter {
  display: none;
  flex: 1 1 auto;
  align-self: stretch;
  min-width: 0;
  width: auto;
  height: 100%;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  outline-offset: 0;
  background: transparent;
  box-shadow: none;
  color: #0f172a;
  font: inherit;
  font-weight: 500;
  appearance: none;
}
.ex-select.is-searching .ex-select-filter {
  display: block;
}
.ex-select.is-searching .ex-select-label {
  display: none;
}

/* Gömülü arama/filtre: dış kontrolün border'ı var; iç input ikinci çerçeve üretmez.
   Kaynak: global #admin-shell main input[type]/:focus !important chrome (yukarıda :not ile dışlandı).
   Bu blok, class'sız torun inputları ve dialog/lab kopyalarını da kapatır. */
#admin-shell main :is(
  input.ex-select-filter,
  input.admin-embed-input,
  .ex-select-trigger input,
  [role="combobox"] > input,
  [class$="-as-sel"] > input,
  [class$="-fp-cat-type"],
  .admin-date-trigger input,
  [data-kit-dd-trigger] input,
  .wf-select-trigger input,
  .ex-store-hero-search-field input
),
#admin-shell main :is(
  input.ex-select-filter,
  input.admin-embed-input,
  .ex-select-trigger input,
  [role="combobox"] > input,
  [class$="-as-sel"] > input,
  [class$="-fp-cat-type"],
  .admin-date-trigger input,
  [data-kit-dd-trigger] input,
  .wf-select-trigger input,
  .ex-store-hero-search-field input
):is(:hover, :focus, :focus-visible, :active),
#admin-shell header .admin-header-search-input,
#admin-shell header .admin-header-search-input:hover,
#admin-shell header .admin-header-search-input:focus,
#admin-shell header .admin-header-search-input:focus-visible,
.lab-tool .ex-select-trigger input,
.lab-tool .ex-select-trigger input:is(:hover, :focus, :focus-visible, :active),
body [role="dialog"] :is(
  input.ex-select-filter,
  input.admin-embed-input,
  .ex-select-trigger input,
  [role="combobox"] > input
),
body [role="dialog"] :is(
  input.ex-select-filter,
  input.admin-embed-input,
  .ex-select-trigger input,
  [role="combobox"] > input
):is(:hover, :focus, :focus-visible, :active) {
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  --tw-ring-offset-width: 0px !important;
  --tw-ring-offset-color: transparent !important;
  --tw-ring-color: transparent !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-shadow: 0 0 #0000 !important;
}

#admin-shell main :is(
  .ex-select-trigger input,
  [role="combobox"] > input,
  [class$="-as-sel"] > input,
  [class$="-fp-cat-type"],
  .admin-date-trigger input,
  [data-kit-dd-trigger] input,
  .wf-select-trigger input,
  .ex-store-hero-search-field input,
  input.ex-select-filter,
  input.admin-embed-input
),
#admin-shell main :is(
  .ex-select-trigger input,
  [role="combobox"] > input,
  [class$="-as-sel"] > input,
  [class$="-fp-cat-type"],
  .admin-date-trigger input,
  [data-kit-dd-trigger] input,
  .wf-select-trigger input,
  .ex-store-hero-search-field input,
  input.ex-select-filter,
  input.admin-embed-input
):is(:hover, :focus, :focus-visible, :active),
.lab-tool .ex-select-trigger input,
body [role="dialog"] .ex-select-trigger input,
body [role="dialog"] [role="combobox"] > input,
body [role="dialog"] input.ex-select-filter,
body [role="dialog"] input.admin-embed-input {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: inherit !important;
}
.ex-select-empty {
  display: none;
  padding: 10px 12px;
  font-size: 13px;
  color: #64748b;
}
.ex-select-empty.is-on {
  display: block;
}
.ex-select-chevron {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: #64748b;
  transition: transform 0.15s ease;
}
.ex-select.is-open .ex-select-chevron {
  transform: rotate(180deg);
}

.ex-select-panel {
  display: none;
  box-sizing: border-box;
  z-index: 4000;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: var(--admin-radius-card) !important;
  box-shadow: 0 12px 32px rgb(15 23 42 / .12) !important;
  text-align: left;
}
.ex-select-panel.is-open {
  display: block;
}
.ex-select-group {
  padding: 8px 12px 4px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  text-transform: none;
  letter-spacing: 0;
}
.ex-select-option,
.ex-select-panel .admin-date-item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px;
  width: 100% !important;
  height: var(--admin-h) !important;
  min-height: var(--admin-h) !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: var(--admin-radius) !important;
  background: transparent !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: left !important;
  cursor: pointer;
  box-shadow: none !important;
}
/* Arama filtresi seçenekleri hidden ile gizler; yukarıdaki display:flex !important
   tarayıcının [hidden] kuralını ezdiği için gizleme etkisizdi (arama çalışmıyordu). */
.ex-select-option[hidden],
.ex-select-panel .admin-date-item[hidden],
.ex-select-group[hidden] {
  display: none !important;
}
.ex-select-option:hover,
.ex-select-option.is-active,
.ex-select-panel .admin-date-item:hover,
.ex-select-panel .admin-date-item.active {
  background: #f8fafc !important;
  color: #0f172a !important;
}
.ex-select-option.is-selected {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  font-weight: 500 !important;
}
.ex-select-option.is-selected:hover,
.ex-select-option.is-selected.is-active {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
.ex-select-option[aria-disabled="true"] {
  opacity: 0.45;
  cursor: default;
}
.ex-select-option-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Sipariş zaman çizelgesi: kabuk tek kutu; iç input chrome yok */
#admin-shell main .timeline-note-shell input#timeline-note-input,
#admin-shell main .timeline-note-shell input#timeline-note-input:hover,
#admin-shell main .timeline-note-shell input#timeline-note-input:focus,
#admin-shell main .timeline-note-shell input#timeline-note-input:focus-visible {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 8px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* İçe/Dışa aktar: ikon + etiketli buton varyantı */
#admin-shell .products-icon-btn.is-labeled,
#admin-shell .orders-icon-btn.is-labeled,
#admin-shell .admin-ix-icon-btn.is-labeled,
#admin-shell [class*="-icon-btn"].is-labeled,
#admin-shell a[class*="-icon-btn"].is-labeled {
  height: var(--admin-h) !important;
  min-height: var(--admin-h) !important;
  max-height: var(--admin-h) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 var(--admin-pad-x) !important;
  gap: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  place-items: center !important;
  line-height: var(--admin-line) !important;
  white-space: nowrap !important;
  font-size: var(--admin-font) !important;
  font-weight: 500 !important;
}
#admin-shell .admin-ix-icon-btn.is-labeled svg,
#admin-shell [class*="-icon-btn"].is-labeled svg,
#admin-shell a[class*="-icon-btn"].is-labeled svg {
  flex: 0 0 auto !important;
}

/* Tarih seçicide etiket + aralık tek satır: "Geçen Ay: 1 Tem 2026 – 31 Tem 2026". */
#admin-shell main .admin-date-trigger-caption {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#admin-shell main .admin-date-trigger-caption .admin-date-trigger-label {
  flex: none !important;
  display: inline;
  overflow: visible;
  text-overflow: clip;
}
#admin-shell main .admin-date-trigger-range {
  display: inline;
  color: inherit;
  font-weight: inherit;
  white-space: nowrap;
}

/* Önek + adım sayacı: tek çerçeve (arama input ile aynı border/odak); −/+ içeride */
.wo-stepper {
  width: 100%;
  min-width: 0;
}
.wo-stepper-field {
  display: flex;
  height: 40px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  background: #fff;
}
.wo-stepper-field:focus-within {
  border-color: #303030;
  outline: none;
}
.wo-stepper-affix {
  display: flex;
  width: auto;
  min-width: var(--admin-h);
  padding: 0 var(--admin-control-pad-x);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e2e8f0;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 500;
  color: #475569;
  user-select: none;
}
.wo-stepper-input,
#admin-shell main input.wo-stepper-input {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  min-width: 0;
  flex: 1 1 0%;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff;
  padding: 0 var(--admin-control-pad-x) !important;
  line-height: var(--admin-line) !important;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0f172a;
  outline: none !important;
  box-shadow: none !important;
  appearance: textfield;
  -moz-appearance: textfield;
}
.wo-stepper-input:focus,
.wo-stepper-input:focus-visible {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.wo-stepper-input::-webkit-inner-spin-button,
.wo-stepper-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wo-stepper-btns {
  display: flex;
  height: 100%;
  width: calc(var(--admin-h) * 2 + 1px);
  flex-shrink: 0;
  border-left: 1px solid #e2e8f0;
  background: #fff;
}
.wo-stepper-btns button {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 500;
  color: #475569;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.wo-stepper-btns button:hover { background: #f8fafc; }
.wo-stepper-btns .wo-stepper-btns-sep {
  width: 1px;
  flex-shrink: 0;
  align-self: stretch;
  background: #e2e8f0;
}

/* Liste durum rozeti — siparişler .st ile aynı anatomi */
/* element.html #avatar: aynı kare avatar ve initials yüzeyi. */
#admin-shell [data-avatar] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--admin-radius);
  background: var(--admin-border);
  color: var(--admin-text);
  font-weight: 600;
  object-fit: cover;
  flex: none;
}
#admin-shell [data-avatar="sm"] { width: 32px; height: 32px; }
#admin-shell [data-avatar="md"] { width: 40px; height: 40px; }
#admin-shell [data-avatar="lg"] { width: 48px; height: 48px; }

.admin-st-wrap { display: inline-flex; flex-wrap: wrap; gap: 8px; }
.admin-st {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  background: #fff;
  color: var(--admin-text);
  border: 1px solid var(--admin-border);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
.admin-st .pip { width: 8px; height: 8px; border-radius: 9999px; flex-shrink: 0; }
.admin-st .pip-attention,
.admin-st .pip-warning { background: #b98900; }
.admin-st .pip-info { background: #005bd3; }
.admin-st .pip-success { background: #1a7f37; }
.admin-st .pip-critical { background: #d82c0d; }
.admin-st .pip-neutral { background: #8a8a8a; }

/* Uyarı kutusu — hepsi aynı slate border (info gibi); ikon türe göre renkli */
.admin-alert {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--admin-radius-card);
  border: 1px solid #e2e8f0;
  background: #fff;
  font-size: 0.875rem;
  line-height: var(--admin-line);
  color: #334155;
}
.admin-alert > i[data-lucide],
.admin-alert > svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.05rem;
}
.admin-alert--error > i,
.admin-alert--error > svg { color: #dc2626; stroke: #dc2626; }
.admin-alert--warn > i,
.admin-alert--warn > svg { color: #d97706; stroke: #d97706; }
.admin-alert--success > i,
.admin-alert--success > svg { color: #059669; stroke: #059669; }
.admin-alert--info > i,
.admin-alert--info > svg { color: #64748b; stroke: #64748b; }

/* element.html: kontrol odağı ve seçili checkbox aynı ortak davranışı kullanır. */
#admin-shell main input[type="checkbox"]:not(.sr-only) { border-radius: var(--admin-radius); }
#admin-shell main input[type="checkbox"]:not(.sr-only):indeterminate {
  border-color: var(--admin-primary) !important;
  background-image: linear-gradient(var(--admin-primary), var(--admin-primary)) !important;
  background-size: 60% 2px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#admin-shell main input:is([type="checkbox"], [type="radio"]):not(.sr-only):focus {
  box-shadow: none !important;
  outline: none !important;
}
#admin-shell main input:is([type="checkbox"], [type="radio"]):not(.sr-only):focus-visible {
  border-color: #303030 !important;
  border-style: dashed !important;
}
#admin-shell main input:is([type="checkbox"], [type="radio"]):disabled { opacity: .5; cursor: not-allowed; }

/* Canonical page header: dar ekranda aksiyonlar ikinci satıra geçer. */
@media (max-width: 639px) {
  #admin-shell header.admin-top-header {
    height: auto !important;
    min-height: 64px;
    padding: 16px;
    flex-wrap: wrap;
    gap: 8px;
  }
  #admin-shell header.admin-top-header > .flex:first-child { flex-basis: 100%; }
  #admin-shell header.admin-top-header > .flex-shrink-0 { width: 100%; flex-wrap: wrap; }
  #admin-shell header.admin-top-header h2 { font-size: 16px; line-height: 24px; }
}

/* Tek switch tipi (peer + track) */
.admin-switch {
  min-height: var(--admin-h);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.admin-switch-track {
  border: 1px solid transparent;
  display: flex;
  height: 1.75rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  border-radius: 4px;
  background: #e2e8f0;
  padding: 0.25rem;
  transition: background-color .15s ease;
}
.admin-switch input:checked + .admin-switch-track {
  background: #0f172a;
  justify-content: flex-end;
}
.admin-switch-knob {
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.12);
}

.admin-switch input:focus-visible + .admin-switch-track { border-color: #303030; border-style: dashed; }
.admin-switch input:disabled ~ span { opacity: .5; }

/* element.html #modal: aynı kabuk, başlık, gövde ve sol hizalı footer. */
#admin-shell [data-dialog] {
  border: 1px solid var(--admin-border);
  border-radius: var(--admin-radius-card);
  padding: 0;
  background: var(--admin-bg);
  color: var(--admin-text-strong);
  box-shadow: 0 25px 50px -12px rgb(15 23 42 / .25);
  width: 448px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  overflow: visible;
  font-size: var(--admin-font);
  line-height: var(--admin-line);
  flex-direction: column;
}
#admin-shell [data-dialog]:not(dialog),
#admin-shell dialog[data-dialog][open] { display: flex; }
#admin-shell [data-dialog][data-size="s"] { width: 384px; }
#admin-shell [data-dialog][data-size="l"] { width: 896px; }
#admin-shell [data-dialog][data-size="xl"] { width: 1152px; }
/* element.html #drawer: modal ile aynı kabuk, sağda 420px panel. */
#admin-shell [data-dialog="drawer"] {
  width: 420px;
  max-width: calc(100vw - 16px);
  height: calc(100dvh - 32px);
  margin: 16px 8px 16px auto;
}
#admin-shell [data-dialog="drawer"] > [data-dialog-body] { flex: 1; }
#admin-shell [data-dialog] > :is(header, footer) { padding: 24px; flex: none; display: flex; align-items: center; gap: 8px; }
#admin-shell [data-dialog] > header { border-bottom: 1px solid var(--admin-border); }
#admin-shell [data-dialog] > header > div { flex: 1; min-width: 0; }
#admin-shell [data-dialog] > header p { color: var(--admin-muted); margin-top: 8px; }
#admin-shell [data-dialog] > footer { border-top: 1px solid var(--admin-border); justify-content: flex-start; flex-wrap: wrap; }
#admin-shell [data-dialog] > [data-dialog-body] { padding: 24px; overflow: auto; min-height: 0; }
@media (max-width: 639px) {
  #admin-shell [data-dialog] > :is(header, footer, [data-dialog-body]) { padding: 16px; }
}

/* element.html #accordion ve #segmented: legacy adlar aynı bileşene bağlanır. */
#admin-shell [data-accordion] { border: 1px solid var(--admin-border); border-radius: var(--admin-radius-card); overflow: hidden; margin-bottom: 12px; background: var(--admin-bg); }
#admin-shell [data-accordion] h4 > .admin-btn-magaza-size { width: 100%; justify-content: space-between !important; background: transparent !important; border-color: transparent !important; border-radius: 0 !important; }
#admin-shell [data-accordion] h4 > .admin-btn-magaza-size:focus-visible { border-color: var(--admin-control-border-focus) !important; }
#admin-shell [data-accordion] h4 + div { padding: 16px; border-top: 1px solid var(--admin-border); }
#admin-shell [data-accordion] [aria-expanded="true"] svg { transform: rotate(180deg); }
#admin-shell main .ks-segmented { display: inline-flex; max-width: 100%; overflow-x: auto; align-items: stretch; gap: 0; padding: 0; height: var(--admin-h); border: 1px solid var(--admin-border); border-radius: var(--admin-radius); background: var(--admin-bg-muted); }
#admin-shell main .ks-segmented label { height: 100%; padding: 0 16px; display: inline-flex; align-items: center; font-size: var(--admin-font); line-height: var(--admin-line); font-weight: 500; cursor: pointer; border: 1px solid transparent; border-radius: var(--admin-radius); color: var(--admin-muted); }
#admin-shell main .ks-segmented input:checked + label { background: var(--admin-bg) !important; color: var(--admin-text-strong) !important; border-color: var(--admin-border) !important; box-shadow: none !important; }

#admin-shell main button.admin-ui-switch-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px;
  height: var(--admin-h) !important;
  min-height: var(--admin-h) !important;
  max-height: var(--admin-h) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: var(--admin-radius) !important;
  background: transparent !important;
  font-size: var(--admin-font) !important;
  line-height: var(--admin-line) !important;
}
#admin-shell main button.admin-ui-switch-wrap[aria-checked="true"] .admin-switch-track { background: var(--admin-text-strong); justify-content: flex-end; }
#admin-shell main button.admin-ui-switch-wrap:focus-visible .admin-switch-track { border-color: var(--admin-control-border-focus); border-style: dashed; }
#admin-shell main .ks-segmented input {
  display: block; position: absolute; width: 1px; height: 1px; min-width: 0; min-height: 0; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
#admin-shell main .ks-segmented input:focus-visible + label { border-color: var(--admin-control-border-focus) !important; }

#admin-shell dialog[data-dialog]::backdrop { background: rgb(15 23 42 / .4); }