@charset "UTF-8";
.x-admin-page-body {
  margin: 0;
  background: #f5f8fc;
  color: #172033;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }

/* Kabuk dışında kalan alan (overscroll, footer altı) tema ile aynı kalsın;
   koyu temada beyaz şerit görünmesin. Tema attribute'ı kök elemanda olduğu
   için :has() ile okunur. */
html:has(#x-admin-v2[data-admin-theme="dark"]),
.x-admin-page-body:has(#x-admin-v2[data-admin-theme="dark"]) {
  background: #0f172a;
  color: #e2e8f0; }

html:has(#x-admin-v2[data-admin-theme="light"]),
.x-admin-page-body:has(#x-admin-v2[data-admin-theme="light"]) {
  background: #f5f8fc; }

#x-admin-v2 {
  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--x-admin-sidebar-width) minmax(0, 1fr);
  grid-template-rows: var(--x-admin-header-height) minmax(0, 1fr);
  overflow-x: hidden;
  /* Kabuk ölçekleri: responsive katman yalnızca bu değişkenleri değiştirir. */
  --x-admin-header-height: 86px;
  --x-admin-shell-pad-x: 34px;
  --x-admin-shell-pad-y: 32px;
  --x-admin-shell-pad-bottom: 20px;
  background: linear-gradient(180deg, rgba(232, 242, 255, 0.82) 0%, #f5f8fc 280px), #f5f8fc;
  color: #172033;
  font-size: 14px;
  line-height: 1.5;
  --x-admin-primary: #2f80ed;
  --x-admin-primary-hover: #1f6dcc;
  --x-admin-primary-active: #195db0;
  --x-admin-primary-subtle: rgba(47, 128, 237, .06);
  --x-admin-primary-soft: #e8f2ff;
  --x-admin-primary-soft-hover: #d9ebff;
  --x-admin-primary-border: rgba(47, 128, 237, .24);
  --x-admin-primary-contrast: #ffffff;
  --x-admin-primary-rgb: 47, 128, 237;
  --x-admin-focus-ring: rgba(47, 128, 237, .3);
  --x-admin-link: #2f80ed;
  --x-admin-link-hover: #1f6dcc;
  --x-admin-toggle-active: #2f80ed;
  --x-admin-progress-primary: #2f80ed;
  --x-admin-selected-background: #e8f2ff;
  --x-admin-selected-border: rgba(47, 128, 237, .24);
  --x-admin-page-background: #f5f8fc;
  --x-admin-page-gradient: rgba(232, 242, 255, .82);
  --x-admin-sidebar-background: rgba(255, 255, 255, .9);
  --x-admin-header-background: rgba(245, 248, 252, .84);
  --x-admin-surface: #ffffff;
  --x-admin-surface-secondary: #f8fbff;
  --x-admin-surface-tertiary: #edf4fb;
  --x-admin-surface-hover: #f2f7fd;
  --x-admin-surface-active: #eaf3ff;
  --x-admin-border: #e5edf6;
  --x-admin-border-strong: #d6e2ef;
  --x-admin-divider: #e5edf6;
  --x-admin-text: #172033;
  --x-admin-text-secondary: #4f5d73;
  --x-admin-text-muted: #68758a;
  --x-admin-text-disabled: #98a5b8;
  --x-admin-text-soft: #4f5d73;
  --x-admin-heading: #172033;
  --x-admin-icon: #4f5d73;
  --x-admin-icon-muted: #68758a;
  --x-admin-input-background: #ffffff;
  --x-admin-popover-background: #ffffff;
  --x-admin-modal-background: #ffffff;
  --x-admin-overlay-background: rgba(15, 23, 42, .26);
  --x-admin-shadow: 0 14px 40px rgba(20, 42, 74, .08);
  --x-admin-shadow-soft: 0 8px 22px rgba(20, 42, 74, .06);
  --x-admin-shadow-sm: 0 8px 22px rgba(20, 42, 74, .06);
  --x-admin-shadow-md: 0 14px 40px rgba(20, 42, 74, .08);
  --x-admin-shadow-lg: 0 24px 60px rgba(20, 42, 74, .18);
  --x-admin-success: #18a058;
  --x-admin-success-soft: #eaf8f0;
  --x-admin-warning: #f5b83d;
  --x-admin-warning-soft: #fff7e6;
  --x-admin-danger: #df3f40;
  --x-admin-danger-soft: #fff0f0;
  --x-admin-info: #2f80ed;
  --x-admin-info-soft: #e8f2ff;
  --x-admin-input-border: #d6e2ef;
  --x-admin-input-hover-border: #c4d3e4;
  --x-admin-input-focus-border: #2f80ed;
  --x-admin-placeholder: #98a5b8;
  --x-admin-disabled-background: #eef3f8;
  --x-admin-table-header: #f8fbff;
  --x-admin-table-row: #ffffff;
  --x-admin-table-row-hover: #f4f8fe;
  --x-admin-table-row-selected: #e8f2ff;
  --x-admin-list-item: #ffffff;
  --x-admin-list-item-hover: #f4f8fe;
  --x-admin-table-cell-padding-y: 13px;
  --x-admin-table-cell-padding-x: 16px;
  --x-admin-list-row-gap: 12px;
  --x-admin-list-item-padding: 14px;
  --x-admin-font-scale: 1;
  --x-admin-sidebar-width: 272px;
  --x-admin-sidebar-collapsed-width: 74px;
  --x-admin-sidebar-transition-duration: 200ms;
  --x-admin-sidebar-transition-timing: cubic-bezier(.2, 0, .2, 1);
  transition: grid-template-columns var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing);
  /* Customer Admin v1 — "site erişiminiz yok" ekranı kilit ekranının
     yerleşimini paylaşır; yalnız okunabilir metin blokları eklenir. */
  /* ==========================================================
     Aşama 1A — ortak liste durumu, iskelet ve form doğrulama
     görsel dili. Yalnızca tema değişkenleri kullanılır.
     ========================================================== */
  /* Inline form doğrulama */
  /* Kaydedilmemiş değişiklik uyarısı: ikinci modal açılmaz, uyarı aynı
     diyalog içinde gösterilir. */
  /* Backend gerektiren işlemler: disabled ve read-only'den ayrı okunur. */
  /* Salt okunur alan: soluk değil, nötr etiketli. */
  /* PAW koyu tema: yüzey merdiveni aynı açıklık basamaklarında kalır ama
     ton, logo/login/super panelin derin lacivertine kaydırıldı (slate ->
     navy). Böylece login, super panel ve müşteri paneli tek renk dilini
     paylaşır; kontrast oranları korunur. */ }
  #x-admin-v2 *,
  #x-admin-v2 *::before,
  #x-admin-v2 *::after {
    box-sizing: border-box; }
  #x-admin-v2 [hidden] {
    display: none !important; }
  #x-admin-v2 button,
  #x-admin-v2 input,
  #x-admin-v2 textarea,
  #x-admin-v2 select {
    font: inherit; }
  #x-admin-v2 button {
    cursor: pointer; }
  #x-admin-v2 button:disabled {
    cursor: not-allowed; }
  #x-admin-v2 svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round; }
  #x-admin-v2 a {
    color: inherit;
    text-decoration: none; }
  #x-admin-v2 :focus-visible {
    outline: 3px solid rgba(47, 128, 237, 0.28);
    outline-offset: 2px; }
  #x-admin-v2 .x-admin-skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 1000;
    transform: translateY(-140%);
    padding: 10px 14px;
    border-radius: 8px;
    background: #2f80ed;
    color: #fff;
    transition: transform .18s ease; }
    #x-admin-v2 .x-admin-skip-link:focus {
      transform: translateY(0); }
  #x-admin-v2 .x-admin-sidebar {
    grid-row: 1 / span 2;
    position: sticky;
    top: 0;
    z-index: 30;
    height: 100vh;
    min-width: 0;
    padding: 24px 18px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: visible;
    background: rgba(255, 255, 255, 0.9);
    border-right: 1px solid #e5edf6;
    box-shadow: 8px 0 28px rgba(24, 42, 72, 0.04);
    backdrop-filter: blur(18px);
    transition: padding var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), gap var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease; }
  #x-admin-v2 .x-admin-brand {
    display: flex;
    align-items: center;
    min-height: 54px;
    gap: 12px;
    padding: 4px 8px;
    transition: min-height var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), padding var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), gap var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing); }
  #x-admin-v2 .x-admin-brand-logo {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #e8f2ff;
    transition: width var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), height var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), flex-basis var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), background-color 0.16s ease; }
  #x-admin-v2 .x-admin-brand-svg {
    width: 38px;
    height: 38px; }
    #x-admin-v2 .x-admin-brand-svg rect {
      fill: #2f80ed;
      stroke: none; }
    #x-admin-v2 .x-admin-brand-svg path {
      stroke: #fff;
      stroke-width: 2; }
  #x-admin-v2 .x-admin-brand-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    transition: opacity .18s ease, width .18s ease; }
  #x-admin-v2 .x-admin-brand-name {
    overflow: hidden;
    color: #172033;
    font-size: 16px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-brand-version {
    width: max-content;
    max-width: 100%;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f8fbff;
    color: #68758a;
    font-size: 12px; }
  #x-admin-v2 .x-admin-nav {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 6px;
    overflow: visible;
    transition: gap var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing); }
  #x-admin-v2 .x-admin-nav-link {
    position: relative;
    min-height: 46px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #4f5d73;
    font-weight: 700;
    text-align: left;
    transition: width var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), min-height var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), padding var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), gap var(--x-admin-sidebar-transition-duration) var(--x-admin-sidebar-transition-timing), border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; }
    #x-admin-v2 .x-admin-nav-link:hover, #x-admin-v2 .x-admin-nav-link.x-is-active {
      background: #e8f2ff;
      color: #2f80ed; }
    #x-admin-v2 .x-admin-nav-link.x-is-active {
      box-shadow: inset 0 0 0 1px rgba(47, 128, 237, 0.12); }
      #x-admin-v2 .x-admin-nav-link.x-is-active .x-admin-nav-cue {
        opacity: 1; }
  #x-admin-v2 .x-admin-nav-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: grid;
    place-items: center; }
  #x-admin-v2 .x-admin-nav-svg {
    width: 22px;
    height: 22px; }
  #x-admin-v2 .x-admin-nav-label {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity .18s ease, width .18s ease;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-nav-cue {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    opacity: 0;
    transition: opacity .16s ease, width .18s ease, transform .18s ease; }
    #x-admin-v2 .x-admin-nav-cue svg {
      width: 16px;
      height: 16px; }
  #x-admin-v2 .x-admin-nav-toggle {
    appearance: none; }
    #x-admin-v2 .x-admin-nav-toggle .x-admin-nav-cue {
      opacity: 1; }
    #x-admin-v2 .x-admin-nav-toggle.x-is-open .x-admin-nav-cue {
      transform: rotate(90deg); }
  #x-admin-v2 .x-admin-nav-submenu {
    display: grid;
    gap: 4px;
    max-height: 230px;
    margin: -2px 0 6px 36px;
    padding: 4px 0 4px 12px;
    overflow: hidden;
    border-left: 1px solid #e5edf6;
    opacity: 1;
    transition: max-height .18s ease, opacity .16s ease, margin .18s ease, padding .18s ease; }
    #x-admin-v2 .x-admin-nav-submenu[hidden] {
      display: grid !important;
      max-height: 0;
      margin-top: -6px;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 0;
      pointer-events: none; }
  #x-admin-v2 .x-admin-nav-submenu-item {
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #68758a;
    font-size: 13px;
    font-weight: 800;
    transition: background-color .16s ease, color .16s ease; }
    #x-admin-v2 .x-admin-nav-submenu-item:hover, #x-admin-v2 .x-admin-nav-submenu-item.x-is-active {
      background: #e8f2ff;
      color: #2f80ed; }
    #x-admin-v2 .x-admin-nav-submenu-item.x-is-active .x-admin-nav-submenu-dot {
      background: #2f80ed;
      box-shadow: 0 0 0 4px rgba(47, 128, 237, 0.14); }
  #x-admin-v2 .x-admin-nav-submenu-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #98a5b8;
    transition: background-color .16s ease, box-shadow .16s ease; }
  #x-admin-v2 .x-super-message-body strong {
    display: block;
    margin-bottom: 3px; }
  #x-admin-v2 .x-super-message-body p {
    margin: 0;
    max-width: 46ch;
    color: var(--x-admin-text-muted, #68758a);
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere; }
  #x-admin-v2 .x-admin-media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
    max-height: 55vh;
    overflow-y: auto;
    padding: 2px; }
  #x-admin-v2 .x-admin-media-tile {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 6px;
    border: 1px solid #e5edf6;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    text-align: left;
    transition: border-color .16s ease, box-shadow .16s ease; }
    #x-admin-v2 .x-admin-media-tile:hover, #x-admin-v2 .x-admin-media-tile:focus-visible {
      border-color: #2f80ed;
      box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.14); }
    #x-admin-v2 .x-admin-media-tile img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      border-radius: 6px;
      background: #f2f6fb; }
    #x-admin-v2 .x-admin-media-tile span {
      color: #68758a;
      font-size: 12px;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-nav-submenu.x-is-contract {
    max-height: 60vh;
    overflow-y: auto; }
  #x-admin-v2 .x-admin-nav-submenu-group {
    margin: 8px 0 2px;
    padding: 0 10px;
    color: #98a5b8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase; }
    #x-admin-v2 .x-admin-nav-submenu-group:first-child {
      margin-top: 0; }
  #x-admin-v2 .x-admin-nav-submenu-item.x-is-disabled {
    opacity: .5;
    cursor: not-allowed; }
    #x-admin-v2 .x-admin-nav-submenu-item.x-is-disabled:hover {
      background: transparent;
      color: #68758a; }
  #x-admin-v2 .x-admin-horizontal-submenu.x-is-contract {
    max-height: 60vh;
    overflow-y: auto; }
  #x-admin-v2 .x-admin-horizontal-submenu-group {
    display: block;
    padding: 8px 12px 2px;
    color: #98a5b8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase; }
  #x-admin-v2 .x-admin-horizontal-submenu .x-is-disabled {
    display: block;
    padding: 8px 12px;
    opacity: .5;
    cursor: not-allowed; }
  #x-admin-v2 .x-admin-nav-divider {
    height: 1px;
    margin: 12px 10px;
    background: #e5edf6; }
  #x-admin-v2 .x-admin-sidebar-profile {
    position: relative;
    display: grid;
    gap: 10px; }
  #x-admin-v2 .x-admin-sidebar-profile-actions {
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    left: 0;
    z-index: 45;
    padding: 10px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    color: var(--x-admin-text);
    box-shadow: var(--x-admin-shadow-lg);
    transform-origin: bottom center;
    animation: x-admin-sidebar-profile-actions-in .16s ease; }
    #x-admin-v2 .x-admin-sidebar-profile-actions[hidden] {
      display: none !important; }
  #x-admin-v2 .x-admin-sidebar-profile-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px; }
  #x-admin-v2 .x-admin-sidebar-profile-action-item {
    min-width: 0;
    min-height: 82px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 8px;
    padding: 12px 8px;
    border: 1px solid var(--x-admin-border);
    border-radius: 7px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-soft);
    font-weight: 800;
    text-align: center;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease; }
    #x-admin-v2 .x-admin-sidebar-profile-action-item:hover, #x-admin-v2 .x-admin-sidebar-profile-action-item:focus-visible {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-selected-background);
      color: var(--x-admin-primary);
      box-shadow: inset 0 0 0 1px var(--x-admin-primary-border); }
    #x-admin-v2 .x-admin-sidebar-profile-action-item:active {
      transform: translateY(1px); }
  #x-admin-v2 .x-admin-sidebar-profile-action-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-sidebar-profile-action-icon svg {
      width: 18px;
      height: 18px;
      stroke: currentColor; }
  #x-admin-v2 .x-admin-sidebar-profile-action-label {
    max-width: 100%;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-profile-card {
    width: 100%;
    min-height: 66px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    text-align: left;
    box-shadow: 0 8px 22px rgba(20, 42, 74, 0.06); }
  #x-admin-v2 .x-admin-avatar {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #2f80ed, #19a7ce);
    color: #fff;
    font-weight: 800; }
  #x-admin-v2 .x-admin-avatar-large {
    width: 48px;
    height: 48px;
    flex-basis: 48px; }
  #x-admin-v2 .x-admin-avatar-xl {
    width: 92px;
    height: 92px;
    flex-basis: 92px;
    font-size: 26px; }
  #x-admin-v2 .x-admin-profile-copy {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    transition: opacity .18s ease, width .18s ease; }
    #x-admin-v2 .x-admin-profile-copy strong,
    #x-admin-v2 .x-admin-profile-copy span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #x-admin-v2 .x-admin-profile-copy span {
      color: #68758a;
      font-size: 12px; }
  #x-admin-v2 .x-admin-profile-icon {
    color: #68758a;
    transition: opacity .18s ease, width .18s ease; }
  #x-admin-v2 .x-admin-sidebar-profile-trigger {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-muted);
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease; }
    #x-admin-v2 .x-admin-sidebar-profile-trigger svg {
      width: 18px;
      height: 18px;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 3; }
    #x-admin-v2 .x-admin-sidebar-profile-trigger:hover, #x-admin-v2 .x-admin-sidebar-profile-trigger[aria-expanded="true"] {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-selected-background);
      color: var(--x-admin-primary);
      box-shadow: var(--x-admin-shadow-soft); }
  #x-admin-v2 .x-admin-logout-modal {
    width: min(430px, 100%); }
  #x-admin-v2 .x-admin-lock-screen {
    position: fixed;
    inset: 0;
    z-index: 220;
    display: grid;
    place-items: center;
    padding: 32px;
    background: var(--x-admin-overlay-background);
    backdrop-filter: blur(8px); }
    #x-admin-v2 .x-admin-lock-screen[hidden] {
      display: none !important; }
  #x-admin-v2 #x-admin-no-site .x-admin-lock-screen-card {
    text-align: center;
    gap: 10px; }
  #x-admin-v2 #x-admin-no-site h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--x-admin-text-strong, var(--x-admin-text)); }
  #x-admin-v2 #x-admin-no-site p {
    margin: 0;
    max-width: 42ch;
    font-size: 13px;
    line-height: 1.55;
    color: var(--x-admin-text-muted);
    overflow-wrap: anywhere; }
  #x-admin-v2 .x-admin-lock-screen-card {
    width: min(430px, 100%);
    display: grid;
    justify-items: center;
    gap: 14px;
    padding: 30px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-modal-background);
    color: var(--x-admin-text);
    box-shadow: var(--x-admin-shadow-lg);
    animation: x-admin-lock-screen-in .18s ease; }
  #x-admin-v2 .x-admin-lock-screen-avatar {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast);
    font-size: 22px;
    font-weight: 850; }
  #x-admin-v2 .x-admin-lock-screen-user {
    display: grid;
    justify-items: center;
    gap: 2px;
    text-align: center; }
    #x-admin-v2 .x-admin-lock-screen-user strong {
      color: var(--x-admin-text);
      font-size: 17px;
      line-height: 1.25; }
    #x-admin-v2 .x-admin-lock-screen-user span {
      color: var(--x-admin-text-muted);
      font-size: 12px;
      font-weight: 750; }
  #x-admin-v2 .x-admin-lock-screen-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-lock-screen-icon svg {
      width: 22px;
      height: 22px;
      stroke: currentColor; }
  #x-admin-v2 .x-admin-lock-screen-copy {
    display: grid;
    justify-items: center;
    gap: 4px;
    text-align: center; }
    #x-admin-v2 .x-admin-lock-screen-copy h2 {
      margin: 0;
      color: var(--x-admin-text);
      font-size: 22px;
      line-height: 1.2; }
    #x-admin-v2 .x-admin-lock-screen-copy p {
      margin: 0;
      color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-lock-screen-field,
  #x-admin-v2 .x-admin-lock-screen-actions {
    width: 100%; }
  #x-admin-v2 .x-admin-lock-screen-error {
    width: 100%;
    margin: -2px 0 0;
    color: var(--x-admin-danger);
    font-size: 13px;
    font-weight: 800;
    text-align: left; }
    #x-admin-v2 .x-admin-lock-screen-error[hidden] {
      display: none !important; }
  #x-admin-v2 .x-admin-lock-screen-actions {
    display: grid; }
    #x-admin-v2 .x-admin-lock-screen-actions .x-admin-button {
      justify-content: center; }
  #x-admin-v2 .x-admin-header {
    grid-column: 2;
    grid-row: 1;
    position: sticky;
    top: 0;
    z-index: 25;
    min-width: 0;
    height: var(--x-admin-header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 var(--x-admin-shell-pad-x);
    border-bottom: 1px solid #e5edf6;
    background: rgba(245, 248, 252, 0.84);
    backdrop-filter: blur(18px); }
  #x-admin-v2 .x-admin-header-left,
  #x-admin-v2 .x-admin-header-right {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px; }
  #x-admin-v2 .x-admin-header-right {
    flex: 0 0 auto; }
  #x-admin-v2 .x-admin-icon-button,
  #x-admin-v2 .x-admin-avatar-button {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #ffffff;
    color: #4f5d73;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease; }
    #x-admin-v2 .x-admin-icon-button:hover,
    #x-admin-v2 .x-admin-avatar-button:hover {
      border-color: #d6e2ef;
      color: #2f80ed;
      box-shadow: 0 8px 22px rgba(20, 42, 74, 0.06); }
  #x-admin-v2 .x-admin-icon-button-small {
    width: 34px;
    height: 34px;
    flex-basis: 34px; }
    #x-admin-v2 .x-admin-icon-button-small svg {
      width: 17px;
      height: 17px; }
  #x-admin-v2 .x-admin-notification-button {
    position: relative; }
  #x-admin-v2 .x-admin-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: #df3f40;
    color: #fff;
    font-size: 11px;
    font-weight: 800; }
  #x-admin-v2 .x-admin-avatar-button {
    padding: 0; }
    #x-admin-v2 .x-admin-avatar-button .x-admin-avatar {
      width: 34px;
      height: 34px;
      flex-basis: 34px;
      font-size: 12px; }
  #x-admin-v2 .x-admin-search {
    position: relative;
    width: min(460px, 42vw);
    min-width: 320px;
    height: 46px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(24, 42, 72, 0.04); }
  #x-admin-v2 .x-admin-search-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: #68758a; }
  #x-admin-v2 .x-admin-search-input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #172033; }
  #x-admin-v2 .x-admin-search-key {
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid #e5edf6;
    border-radius: 6px;
    background: #f8fbff;
    color: #68758a;
    font-size: 12px; }
  #x-admin-v2 .x-admin-main {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    display: flex;
    flex-direction: column; }
  #x-admin-v2 .x-admin-assumed-banner {
    margin: 18px var(--x-admin-shell-pad-x) 0;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid var(--x-admin-warning);
    border-radius: 8px;
    background: var(--x-admin-warning-soft);
    color: var(--x-admin-text);
    box-shadow: var(--x-admin-shadow-soft); }
  #x-admin-v2 .x-admin-assumed-banner-copy {
    min-width: 0;
    display: grid;
    gap: 2px; }
    #x-admin-v2 .x-admin-assumed-banner-copy strong {
      color: var(--x-admin-heading);
      font-size: 14px;
      font-weight: 850; }
    #x-admin-v2 .x-admin-assumed-banner-copy span {
      color: var(--x-admin-text-secondary);
      font-size: 13px;
      font-weight: 700; }
  #x-admin-v2 .x-admin-content {
    width: 100%;
    min-width: 0;
    flex: 1;
    padding: var(--x-admin-shell-pad-y) var(--x-admin-shell-pad-x) var(--x-admin-shell-pad-bottom); }
  #x-admin-v2 .x-admin-page-titlebar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px; }
  #x-admin-v2 .x-admin-page-kicker {
    display: block;
    color: #2f80ed;
    font-weight: 800; }
  #x-admin-v2 .x-admin-page-title {
    margin: 3px 0 0;
    color: #172033;
    font-size: 30px;
    font-weight: 850;
    line-height: 1.12; }
  #x-admin-v2 .x-admin-page-status {
    padding: 7px 12px;
    border: 1px solid #e5edf6;
    border-radius: 999px;
    background: #ffffff;
    color: #68758a;
    font-size: 12px;
    font-weight: 700; }
  #x-admin-v2 .x-admin-page {
    min-width: 0; }
  #x-admin-v2 .x-admin-card {
    min-width: 0;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 40px rgba(20, 42, 74, 0.08); }
  #x-admin-v2 .x-admin-card-header {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 22px 0; }
    #x-admin-v2 .x-admin-card-header h2 {
      margin: 0;
      color: #172033;
      font-size: 18px;
      line-height: 1.25; }
    #x-admin-v2 .x-admin-card-header p {
      margin: 4px 0 0;
      color: #68758a; }
  #x-admin-v2 .x-admin-card-menu {
    width: 36px;
    height: 36px;
    flex-basis: 36px; }
  #x-admin-v2 .x-admin-social-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-bottom: 24px; }
  #x-admin-v2 .x-admin-social-card {
    position: relative;
    min-height: 214px;
    overflow: hidden;
    padding: 22px; }
    #x-admin-v2 .x-admin-social-card::after {
      content: "";
      position: absolute;
      right: 22px;
      bottom: 72px;
      left: 22px;
      height: 1px;
      background: #e5edf6; }
  #x-admin-v2 .x-admin-social-line {
    position: absolute;
    top: 18px;
    right: -32px;
    width: 130px;
    height: 72px;
    border: 1px solid currentColor;
    border-right: 0;
    border-radius: 80px 0 0 80px;
    opacity: .16; }
  #x-admin-v2 .x-admin-social-card-facebook .x-admin-social-line {
    color: #1877f2; }
  #x-admin-v2 .x-admin-social-card-google .x-admin-social-line {
    color: #34a853; }
  #x-admin-v2 .x-admin-social-card-instagram .x-admin-social-line {
    color: #e4405f; }
  #x-admin-v2 .x-admin-social-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 13px; }
    #x-admin-v2 .x-admin-social-head strong {
      display: block;
      font-size: 17px; }
    #x-admin-v2 .x-admin-social-head span {
      display: block;
      color: #68758a; }
  #x-admin-v2 .x-admin-platform-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #f8fbff; }
  #x-admin-v2 .x-admin-platform-svg {
    width: 30px;
    height: 30px;
    stroke: none; }
  #x-admin-v2 .x-admin-social-value {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-top: 30px; }
    #x-admin-v2 .x-admin-social-value strong {
      color: #172033;
      font-size: 34px;
      line-height: 1; }
    #x-admin-v2 .x-admin-social-value span {
      padding: 4px 8px;
      border-radius: 999px;
      background: #eaf8f0;
      color: #18a058;
      font-weight: 800; }
  #x-admin-v2 .x-admin-social-stats {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 30px; }
    #x-admin-v2 .x-admin-social-stats span {
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 2px; }
    #x-admin-v2 .x-admin-social-stats small {
      overflow: hidden;
      color: #68758a;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #x-admin-v2 .x-admin-social-stats strong {
      color: #172033;
      font-size: 16px; }
  #x-admin-v2 .x-admin-dashboard-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(320px, 0.43fr) minmax(0, 1fr);
    gap: 22px;
    align-items: start; }
  #x-admin-v2 .x-admin-rating-card,
  #x-admin-v2 .x-admin-reviews-card {
    padding-bottom: 22px; }
  #x-admin-v2 .x-admin-rating-score {
    padding: 24px 22px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px; }
    #x-admin-v2 .x-admin-rating-score strong {
      font-size: 38px;
      line-height: 1; }
  #x-admin-v2 .x-admin-stars {
    color: #f5b83d;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-rating-bars {
    display: grid;
    gap: 13px;
    padding: 0 22px; }
  #x-admin-v2 .x-admin-rating-row {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 12px; }
  #x-admin-v2 .x-admin-rating-label {
    color: #68758a;
    font-size: 13px; }
  #x-admin-v2 .x-admin-rating-track {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5edf6; }
  #x-admin-v2 .x-admin-rating-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f5b83d, #ffd86b); }
  #x-admin-v2 .x-admin-rating-count {
    text-align: right; }
  #x-admin-v2 .x-admin-rating-total {
    margin: 22px 22px 0;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: #f8fbff; }
    #x-admin-v2 .x-admin-rating-total span {
      color: #68758a; }
  #x-admin-v2 .x-admin-review-list {
    display: grid;
    gap: 14px;
    padding: 20px 22px 0; }
  #x-admin-v2 .x-admin-review {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #f8fbff;
    transition: border-color .16s ease, background-color .16s ease; }
    #x-admin-v2 .x-admin-review:hover, #x-admin-v2 .x-admin-review:focus {
      border-color: #d6e2ef;
      background: #fff; }
    #x-admin-v2 .x-admin-review p {
      margin: 6px 0 0;
      color: #4f5d73; }
  #x-admin-v2 .x-admin-review-compact {
    cursor: default; }
  #x-admin-v2 .x-admin-review-meta {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px; }
    #x-admin-v2 .x-admin-review-meta strong {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-review-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    color: #68758a;
    font-size: 13px; }
  #x-admin-v2 .x-admin-review-reply {
    margin-top: 12px;
    padding: 12px;
    border-left: 3px solid #2f80ed;
    border-radius: 8px;
    background: #fff; }
    #x-admin-v2 .x-admin-review-reply p {
      margin: 4px 0 0; }
  #x-admin-v2 .x-admin-link-button,
  #x-admin-v2 .x-admin-text-button,
  #x-admin-v2 .x-admin-popover-action,
  #x-admin-v2 .x-admin-footer-link {
    border: 0;
    background: transparent;
    color: #2f80ed;
    font-weight: 800; }
  #x-admin-v2 .x-admin-link-button {
    margin: 18px 22px 0;
    padding: 0; }
  #x-admin-v2 .x-admin-text-button {
    padding: 0;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-button {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 14px;
    border: 1px solid #2f80ed;
    border-radius: 8px;
    background: #2f80ed;
    color: #fff;
    font-weight: 800;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease; }
    #x-admin-v2 .x-admin-button:hover {
      border-color: #1f6dcc;
      background: #1f6dcc;
      box-shadow: 0 10px 20px rgba(47, 128, 237, 0.18); }
  #x-admin-v2 .x-admin-button-secondary {
    border-color: #e5edf6;
    background: #ffffff;
    color: #4f5d73; }
    #x-admin-v2 .x-admin-button-secondary:hover {
      border-color: #d6e2ef;
      background: #f8fbff;
      color: #172033;
      box-shadow: none; }
  #x-admin-v2 .x-admin-button-compact {
    min-height: 34px;
    padding: 7px 10px;
    font-size: 13px; }
  #x-admin-v2 .x-admin-review-page-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr) 300px;
    gap: 22px;
    align-items: start; }
  #x-admin-v2 .x-admin-review-summary {
    margin: 20px 22px 0;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: #e8f2ff;
    color: #2f80ed; }
    #x-admin-v2 .x-admin-review-summary strong {
      font-size: 24px; }
  #x-admin-v2 .x-admin-filter-stack {
    display: grid;
    gap: 16px;
    padding: 20px 22px 22px; }
  #x-admin-v2 .x-admin-filter-group {
    display: grid;
    gap: 8px; }
    #x-admin-v2 .x-admin-filter-group > span {
      color: #4f5d73;
      font-weight: 800; }
  #x-admin-v2 .x-admin-segmented {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; }
  #x-admin-v2 .x-admin-segment {
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #fff;
    color: #4f5d73;
    font-weight: 800; }
    #x-admin-v2 .x-admin-segment.x-is-active {
      border-color: rgba(47, 128, 237, 0.24);
      background: #e8f2ff;
      color: #2f80ed; }
  #x-admin-v2 .x-admin-review-list-card {
    min-width: 0;
    padding-bottom: 18px; }
  #x-admin-v2 .x-admin-review-list-full {
    padding-top: 18px; }
  #x-admin-v2 .x-admin-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 22px 0; }
  #x-admin-v2 .x-admin-review-detail {
    padding: 22px; }
    #x-admin-v2 .x-admin-review-detail h2 {
      margin: 0 0 14px;
      font-size: 18px; }
    #x-admin-v2 .x-admin-review-detail [data-field="review-detail-content"] {
      display: grid;
      gap: 10px;
      color: #4f5d73; }
  #x-admin-v2 .x-admin-two-column {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 22px;
    align-items: start; }
  #x-admin-v2 .x-admin-toolbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 180px 180px;
    gap: 14px;
    padding: 20px 22px 0; }
  #x-admin-v2 .x-admin-table-wrap {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    padding: 20px 22px 22px; }
  #x-admin-v2 .x-admin-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse; }
    #x-admin-v2 .x-admin-table th,
    #x-admin-v2 .x-admin-table td {
      padding: 14px 12px;
      border-bottom: 1px solid #e5edf6;
      text-align: left;
      vertical-align: middle; }
    #x-admin-v2 .x-admin-table th {
      color: #68758a;
      font-size: 12px;
      font-weight: 850;
      text-transform: uppercase; }
    #x-admin-v2 .x-admin-table td {
      color: #4f5d73; }
    #x-admin-v2 .x-admin-table tr:last-child td {
      border-bottom: 0; }
  #x-admin-v2 .x-admin-table-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-layout-editor {
    padding-bottom: 22px; }
  #x-admin-v2 .x-admin-layout-toolbar {
    max-width: 620px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    padding: 20px 22px 0; }
    #x-admin-v2 .x-admin-layout-toolbar .x-admin-field {
      flex: 1 1 240px; }
  #x-admin-v2 .x-admin-service-list,
  #x-admin-v2 .x-admin-team-list,
  #x-admin-v2 .x-admin-gallery-list {
    display: grid;
    gap: 14px;
    padding: 20px 22px 0; }
  #x-admin-v2 .x-admin-layout-item-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 14px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #f8fbff; }
  #x-admin-v2 .x-admin-layout-preview {
    width: 86px;
    height: 86px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #e8f2ff;
    color: #2f80ed;
    font-weight: 850; }
    #x-admin-v2 .x-admin-layout-preview img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  #x-admin-v2 .x-admin-layout-item-body {
    min-width: 0;
    display: grid;
    gap: 9px; }
    #x-admin-v2 .x-admin-layout-item-body p {
      margin: 0;
      color: #4f5d73; }
  #x-admin-v2 .x-admin-layout-item-head {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px; }
    #x-admin-v2 .x-admin-layout-item-head strong {
      min-width: 0;
      overflow: hidden;
      color: #172033;
      font-size: 16px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-layout-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0; }
    #x-admin-v2 .x-admin-layout-meta div {
      min-width: 0;
      padding: 10px;
      border-radius: 8px;
      background: #fff; }
    #x-admin-v2 .x-admin-layout-meta dt {
      color: #68758a;
      font-size: 12px;
      font-weight: 800; }
    #x-admin-v2 .x-admin-layout-meta dd {
      margin: 2px 0 0;
      overflow: hidden;
      color: #172033;
      font-weight: 800;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-layout-actions {
    min-width: 154px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px; }
  #x-admin-v2 .x-admin-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 850; }
  #x-admin-v2 .x-admin-status-success {
    background: #eaf8f0;
    color: #18a058; }
  #x-admin-v2 .x-admin-status-muted {
    background: #f8fbff;
    color: #68758a; }
  #x-admin-v2 .x-admin-switch {
    width: 46px;
    height: 26px;
    flex: 0 0 46px;
    position: relative;
    border: 1px solid #e5edf6;
    border-radius: 999px;
    background: #dbe5f0;
    transition: background-color .16s ease, border-color .16s ease; }
    #x-admin-v2 .x-admin-switch span {
      position: absolute;
      top: 3px;
      left: 3px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 2px 8px rgba(24, 42, 72, 0.22);
      transition: transform .16s ease; }
    #x-admin-v2 .x-admin-switch.x-is-active {
      border-color: rgba(24, 160, 88, 0.35);
      background: #18a058; }
      #x-admin-v2 .x-admin-switch.x-is-active span {
        transform: translateX(20px); }
  #x-admin-v2 .x-admin-form-card {
    padding-bottom: 22px; }
  #x-admin-v2 .x-admin-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 22px; }
  #x-admin-v2 .x-admin-form-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0; }
  #x-admin-v2 .x-admin-form-grid-modal {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #x-admin-v2 .x-admin-field-wide {
    grid-column: 1 / -1; }
  #x-admin-v2 .x-admin-field {
    min-width: 0;
    display: grid;
    gap: 8px;
    color: #4f5d73;
    font-weight: 800; }
    #x-admin-v2 .x-admin-field input,
    #x-admin-v2 .x-admin-field select,
    #x-admin-v2 .x-admin-field textarea {
      width: 100%;
      min-width: 0;
      min-height: 42px;
      padding: 10px 12px;
      border: 1px solid #e5edf6;
      border-radius: 8px;
      background: #fff;
      color: #172033;
      font-weight: 600; }
      #x-admin-v2 .x-admin-field input::placeholder,
      #x-admin-v2 .x-admin-field select::placeholder,
      #x-admin-v2 .x-admin-field textarea::placeholder {
        color: #98a5b8; }
    #x-admin-v2 .x-admin-field textarea {
      min-height: 104px;
      resize: vertical; }
  #x-admin-v2 .x-admin-toggle-field {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4f5d73;
    font-weight: 800; }
    #x-admin-v2 .x-admin-toggle-field input {
      width: 18px;
      height: 18px;
      accent-color: #2f80ed; }
  #x-admin-v2 .x-admin-contact-page {
    min-width: 0;
    display: grid;
    justify-items: center; }
  #x-admin-v2 .x-admin-contact-map {
    width: 100%;
    min-height: 360px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--x-admin-border, #e5edf6);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary, #f8fbff);
    box-shadow: var(--x-admin-shadow-soft, 0 8px 22px rgba(20, 42, 74, 0.06)); }
  #x-admin-v2 .x-admin-contact-map-frame {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 0;
    background: var(--x-admin-surface-secondary, #f8fbff);
    opacity: 0;
    transition: opacity .24s ease; }
    #x-admin-v2 .x-admin-contact-map-frame.x-is-loaded {
      opacity: 1; }
  #x-admin-v2 .x-admin-contact-map-preview {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(var(--x-admin-primary-rgb), 0.1), transparent 42%), linear-gradient(180deg, var(--x-admin-surface, #ffffff), var(--x-admin-surface-secondary, #f8fbff)); }
  #x-admin-v2 .x-admin-contact-map-grid {
    position: absolute;
    inset: -20%;
    background-image: linear-gradient(rgba(104, 117, 138, 0.16) 1px, transparent 1px), linear-gradient(90deg, rgba(104, 117, 138, 0.16) 1px, transparent 1px);
    background-size: 44px 44px;
    transform: rotate(-3deg); }
  #x-admin-v2 .x-admin-contact-map-road {
    position: absolute;
    border-radius: 999px;
    background: color-mix(in srgb, var(--x-admin-primary) 42%, var(--x-admin-surface));
    box-shadow: 0 0 0 8px rgba(var(--x-admin-primary-rgb), 0.08); }
  #x-admin-v2 .x-admin-contact-map-road-main {
    left: -7%;
    top: 50%;
    width: 114%;
    height: 22px;
    transform: rotate(-7deg); }
  #x-admin-v2 .x-admin-contact-map-road-secondary {
    left: 22%;
    top: -16%;
    width: 18px;
    height: 132%;
    transform: rotate(24deg); }
  #x-admin-v2 .x-admin-contact-map-road-tertiary {
    right: -8%;
    bottom: 17%;
    width: 64%;
    height: 14px;
    transform: rotate(18deg); }
  #x-admin-v2 .x-admin-contact-map-block {
    position: absolute;
    border: 1px solid var(--x-admin-border, #e5edf6);
    border-radius: 8px;
    background: color-mix(in srgb, var(--x-admin-surface) 86%, var(--x-admin-primary-soft));
    box-shadow: var(--x-admin-shadow-sm, 0 8px 22px rgba(20, 42, 74, 0.06)); }
  #x-admin-v2 .x-admin-contact-map-block-one {
    left: 9%;
    top: 18%;
    width: 19%;
    height: 24%; }
  #x-admin-v2 .x-admin-contact-map-block-two {
    right: 14%;
    top: 16%;
    width: 23%;
    height: 20%; }
  #x-admin-v2 .x-admin-contact-map-block-three {
    right: 24%;
    bottom: 14%;
    width: 17%;
    height: 22%; }
  #x-admin-v2 .x-admin-contact-map-pin {
    position: absolute;
    left: 50%;
    top: 48%;
    z-index: 3;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--x-admin-primary, #2f80ed);
    color: var(--x-admin-primary-contrast, #fff);
    box-shadow: 0 18px 36px rgba(var(--x-admin-primary-rgb), 0.28);
    transform: translate(-50%, -50%); }
    #x-admin-v2 .x-admin-contact-map-pin svg {
      width: 30px;
      height: 30px;
      stroke-width: 1.9; }
  #x-admin-v2 .x-admin-contact-map-label {
    position: absolute;
    left: 24px;
    bottom: 24px;
    z-index: 4;
    max-width: min(360px, calc(100% - 48px));
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    border: 1px solid var(--x-admin-border, #e5edf6);
    border-radius: 8px;
    background: color-mix(in srgb, var(--x-admin-surface) 94%, transparent);
    color: var(--x-admin-text, #172033);
    box-shadow: var(--x-admin-shadow-soft, 0 8px 22px rgba(20, 42, 74, 0.06)); }
    #x-admin-v2 .x-admin-contact-map-label strong,
    #x-admin-v2 .x-admin-contact-map-label span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #x-admin-v2 .x-admin-contact-map-label span {
      color: var(--x-admin-text-muted, #68758a);
      font-size: 13px;
      font-weight: 700; }
  #x-admin-v2 .x-admin-contact-map-fallback {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: grid;
    place-items: center;
    padding: 24px;
    background: color-mix(in srgb, var(--x-admin-surface-secondary) 92%, transparent);
    color: var(--x-admin-text-muted, #68758a);
    font-weight: 800;
    text-align: center; }
  #x-admin-v2 .x-admin-contact-card {
    width: min(920px, calc(100% - 64px));
    min-width: 0;
    position: relative;
    z-index: 6;
    display: grid;
    margin-top: -64px;
    padding: 30px;
    border: 1px solid var(--x-admin-border, #e5edf6);
    border-radius: 8px;
    background: var(--x-admin-surface, #ffffff);
    color: var(--x-admin-text, #172033);
    box-shadow: var(--x-admin-shadow-lg, 0 14px 40px rgba(20, 42, 74, 0.08)); }
  #x-admin-v2 .x-admin-contact-card-header {
    display: grid;
    gap: 8px;
    text-align: center; }
    #x-admin-v2 .x-admin-contact-card-header h2 {
      margin: 0;
      color: var(--x-admin-heading, #172033);
      font-size: 26px;
      line-height: 1.2;
      letter-spacing: 0; }
    #x-admin-v2 .x-admin-contact-card-header p {
      max-width: 540px;
      margin: 0 auto;
      color: var(--x-admin-text-muted, #68758a);
      font-size: 14px;
      font-weight: 600; }
  #x-admin-v2 .x-admin-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px; }
  #x-admin-v2 .x-admin-contact-field textarea {
    min-height: 138px; }
  #x-admin-v2 .x-admin-contact-submit {
    display: grid;
    gap: 12px;
    margin-top: 18px; }
  #x-admin-v2 .x-admin-contact-submit-button {
    width: 100%;
    min-height: 48px; }
  #x-admin-v2 .x-admin-contact-status {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--x-admin-border, #e5edf6);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary, #f8fbff);
    color: var(--x-admin-text-muted, #68758a);
    font-weight: 800;
    text-align: center; }
    #x-admin-v2 .x-admin-contact-status[data-tone="success"] {
      border-color: color-mix(in srgb, var(--x-admin-success) 34%, transparent);
      background: var(--x-admin-success-soft, #eaf8f0);
      color: var(--x-admin-success, #18a058); }
    #x-admin-v2 .x-admin-contact-status[data-tone="error"] {
      border-color: color-mix(in srgb, var(--x-admin-danger) 34%, transparent);
      background: var(--x-admin-danger-soft, #fff0f0);
      color: var(--x-admin-danger, #df3f40); }
  #x-admin-v2 .x-admin-settings-center {
    min-width: 0;
    display: grid;
    gap: 18px; }
  #x-admin-v2 .x-admin-settings-shell {
    padding: 10px; }
  #x-admin-v2 .x-admin-settings-tabs {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px; }
  #x-admin-v2 .x-admin-settings-tab {
    min-width: 0;
    min-height: 44px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #4f5d73;
    font-size: 13px;
    font-weight: 850;
    text-align: center;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease; }
    #x-admin-v2 .x-admin-settings-tab:hover {
      border-color: #e5edf6;
      background: #f8fbff;
      color: #172033; }
    #x-admin-v2 .x-admin-settings-tab.x-is-active {
      border-color: rgba(47, 128, 237, 0.24);
      background: #e8f2ff;
      color: #2f80ed;
      box-shadow: inset 0 0 0 1px rgba(47, 128, 237, 0.08); }
  #x-admin-v2 .x-admin-settings-panels {
    min-width: 0; }
  #x-admin-v2 .x-admin-settings-panel {
    min-width: 0; }
  #x-admin-v2 .x-admin-settings-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px; }
  #x-admin-v2 .x-admin-settings-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #x-admin-v2 .x-admin-settings-card {
    min-width: 0;
    display: grid;
    gap: 18px;
    padding: 22px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 40px rgba(20, 42, 74, 0.08); }
  #x-admin-v2 .x-admin-settings-card-wide {
    grid-column: 1 / -1; }
  #x-admin-v2 .x-admin-settings-card-header {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px; }
    #x-admin-v2 .x-admin-settings-card-header h2 {
      margin: 0;
      color: #172033;
      font-size: 18px;
      line-height: 1.25; }
    #x-admin-v2 .x-admin-settings-card-header h3 {
      margin: 0; }
    #x-admin-v2 .x-admin-settings-card-header p {
      margin: 4px 0 0;
      color: #68758a; }
  #x-admin-v2 .x-admin-settings-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px; }
  #x-admin-v2 .x-admin-settings-actions-stack {
    align-items: stretch;
    flex-direction: column; }
    #x-admin-v2 .x-admin-settings-actions-stack .x-admin-button {
      justify-content: flex-start; }
  #x-admin-v2 .x-admin-settings-actions-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #x-admin-v2 .x-admin-theme-active {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
    gap: 20px;
    align-items: stretch; }
  #x-admin-v2 .x-admin-theme-active-body {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 14px; }
    #x-admin-v2 .x-admin-theme-active-body h3 {
      margin: 0;
      color: #172033;
      font-size: 24px;
      line-height: 1.15; }
    #x-admin-v2 .x-admin-theme-active-body p {
      margin: 0;
      color: #4f5d73; }
  #x-admin-v2 .x-admin-theme-preview,
  #x-admin-v2 .x-admin-theme-card-preview {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #e8f2ff; }
  #x-admin-v2 .x-admin-theme-preview-large {
    min-height: 190px;
    position: relative;
    display: grid;
    align-content: end;
    padding: 18px;
    color: #fff; }
    #x-admin-v2 .x-admin-theme-preview-large span {
      position: absolute;
      inset: 18px 18px auto auto;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.72);
      box-shadow: 0 12px 30px rgba(20, 42, 74, 0.18); }
    #x-admin-v2 .x-admin-theme-preview-large strong {
      position: relative;
      z-index: 1;
      font-size: 22px;
      line-height: 1.1;
      text-shadow: 0 8px 20px rgba(12, 24, 44, 0.2); }
  #x-admin-v2 .x-admin-settings-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0; }
    #x-admin-v2 .x-admin-settings-meta div {
      min-width: 0;
      padding: 12px;
      border: 1px solid #e5edf6;
      border-radius: 8px;
      background: #f8fbff; }
    #x-admin-v2 .x-admin-settings-meta dt {
      color: #68758a;
      font-size: 12px;
      font-weight: 850; }
    #x-admin-v2 .x-admin-settings-meta dd {
      margin: 2px 0 0;
      overflow: hidden;
      color: #172033;
      font-weight: 850;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-theme-library {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px; }
  #x-admin-v2 .x-admin-theme-card {
    min-width: 0;
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #f8fbff; }
    #x-admin-v2 .x-admin-theme-card.x-is-active {
      border-color: rgba(47, 128, 237, 0.35);
      background: #fff;
      box-shadow: 0 8px 22px rgba(20, 42, 74, 0.06); }
  #x-admin-v2 .x-admin-theme-card-preview {
    height: 120px;
    display: grid;
    place-items: center; }
  #x-admin-v2 .x-admin-theme-swatch {
    width: 100%;
    height: 100%;
    display: block; }
  #x-admin-v2 .x-admin-theme-card-body {
    min-width: 0;
    display: grid;
    gap: 6px; }
    #x-admin-v2 .x-admin-theme-card-body strong,
    #x-admin-v2 .x-admin-theme-card-body span,
    #x-admin-v2 .x-admin-theme-card-body p {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis; }
    #x-admin-v2 .x-admin-theme-card-body strong {
      color: #172033;
      font-size: 16px; }
    #x-admin-v2 .x-admin-theme-card-body span,
    #x-admin-v2 .x-admin-theme-card-body p {
      color: #68758a; }
    #x-admin-v2 .x-admin-theme-card-body p {
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  #x-admin-v2 .x-admin-theme-card-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
  #x-admin-v2 .x-admin-theme-upload {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px dashed #d6e2ef;
    border-radius: 8px;
    background: #f8fbff; }
  #x-admin-v2 .x-admin-file-drop {
    min-width: 0;
    display: grid;
    gap: 3px;
    color: #4f5d73;
    font-weight: 850; }
    #x-admin-v2 .x-admin-file-drop small {
      color: #68758a;
      font-weight: 650; }
    #x-admin-v2 .x-admin-file-drop input {
      margin-top: 8px;
      color: #68758a; }
  #x-admin-v2 .x-admin-file-name {
    min-width: 180px;
    overflow: hidden;
    padding: 9px 12px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #fff;
    color: #68758a;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-color-field > span:last-child {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 8px; }
  #x-admin-v2 .x-admin-color-field input[type="color"] {
    min-height: 42px;
    padding: 4px; }
  #x-admin-v2 .x-admin-settings-split {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.45fr);
    gap: 18px; }
  #x-admin-v2 .x-admin-settings-subcard {
    min-width: 0;
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #f8fbff; }
    #x-admin-v2 .x-admin-settings-subcard h3 {
      margin: 0;
      color: #172033;
      font-size: 16px; }
    #x-admin-v2 .x-admin-settings-subcard p {
      margin: 0;
      color: #68758a; }
  #x-admin-v2 .x-admin-social-preview {
    min-height: 190px;
    display: grid;
    align-content: end;
    gap: 8px;
    padding: 18px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #fff; }
    #x-admin-v2 .x-admin-social-preview span {
      width: 100%;
      min-height: 86px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      background: #e8f2ff;
      color: #2f80ed;
      font-weight: 850; }
    #x-admin-v2 .x-admin-social-preview strong {
      color: #172033;
      font-size: 17px; }
    #x-admin-v2 .x-admin-social-preview p {
      margin: 0;
      color: #68758a; }
  #x-admin-v2 .x-admin-status-grid,
  #x-admin-v2 .x-admin-security-summary,
  #x-admin-v2 .x-admin-system-summary {
    display: grid;
    gap: 10px; }
  #x-admin-v2 .x-admin-status-row {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #f8fbff; }
    #x-admin-v2 .x-admin-status-row > span {
      min-width: 0;
      overflow: hidden;
      color: #4f5d73;
      font-weight: 800;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-maintenance-preview {
    min-height: 150px;
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 20px;
    border: 1px solid rgba(47, 128, 237, 0.2);
    border-radius: 8px;
    background: linear-gradient(135deg, #fff, #e8f2ff); }
    #x-admin-v2 .x-admin-maintenance-preview strong {
      color: #172033;
      font-size: 20px; }
    #x-admin-v2 .x-admin-maintenance-preview p {
      max-width: 560px;
      margin: 0;
      color: #4f5d73; }
  #x-admin-v2 .x-admin-history-list {
    display: grid;
    gap: 10px; }
  #x-admin-v2 .x-admin-history-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 138px minmax(0, 1fr) 96px auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #f8fbff; }
    #x-admin-v2 .x-admin-history-item span,
    #x-admin-v2 .x-admin-history-item small,
    #x-admin-v2 .x-admin-history-item strong {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #x-admin-v2 .x-admin-history-item span,
    #x-admin-v2 .x-admin-history-item small {
      color: #68758a; }
    #x-admin-v2 .x-admin-history-item strong {
      color: #172033; }
  #x-admin-v2 .x-admin-integration-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px; }
  #x-admin-v2 .x-admin-integration-card {
    min-width: 0;
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #f8fbff; }
  #x-admin-v2 .x-admin-integration-header {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px; }
    #x-admin-v2 .x-admin-integration-header h3 {
      margin: 0;
      color: #172033;
      font-size: 16px; }
    #x-admin-v2 .x-admin-integration-header p {
      margin: 3px 0 0;
      color: #68758a; }
  #x-admin-v2 .x-admin-integration-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #e8f2ff;
    color: #2f80ed;
    font-weight: 850; }
  #x-admin-v2 .x-admin-integration-check {
    color: #68758a;
    font-weight: 750; }
  #x-admin-v2 .x-admin-integration-fields {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px; }
  #x-admin-v2 .x-admin-danger-zone {
    border-color: rgba(223, 63, 64, 0.32);
    background: #fffafa; }
    #x-admin-v2 .x-admin-danger-zone .x-admin-settings-card-header h2 {
      color: #9f2229; }
    #x-admin-v2 .x-admin-danger-zone .x-admin-button-secondary {
      border-color: rgba(223, 63, 64, 0.28);
      color: #9f2229; }
      #x-admin-v2 .x-admin-danger-zone .x-admin-button-secondary:hover {
        border-color: rgba(223, 63, 64, 0.42);
        background: #fff0f0; }
  #x-admin-v2 .x-admin-avatar-editor {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 16px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #f8fbff; }
  #x-admin-v2 .x-admin-section-block {
    margin: 0 22px;
    padding: 20px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #f8fbff; }
    #x-admin-v2 .x-admin-section-block h2 {
      margin: 0 0 16px;
      font-size: 17px; }
  #x-admin-v2 .x-admin-toggle-list {
    display: grid;
    gap: 12px;
    padding: 20px 22px 22px; }
  #x-admin-v2 .x-admin-notification-page {
    display: grid;
    gap: 16px; }
  #x-admin-v2 .x-admin-notification-page-header {
    align-items: flex-start; }
    #x-admin-v2 .x-admin-notification-page-header .x-admin-notification-page-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 8px; }
  #x-admin-v2 .x-admin-notification-toolbar {
    display: grid;
    grid-template-columns: minmax(280px, 1.6fr) repeat(3, minmax(170px, 1fr));
    gap: 14px;
    padding: 18px; }
  #x-admin-v2 .x-admin-notification-filter-field {
    position: relative; }
  #x-admin-v2 .x-admin-notification-select {
    position: relative;
    min-width: 0; }
  #x-admin-v2 .x-admin-notification-select-button {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--x-admin-input-border);
    border-radius: 8px;
    background: var(--x-admin-input-background);
    color: var(--x-admin-text);
    font: inherit;
    font-weight: 700;
    text-align: left;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease; }
    #x-admin-v2 .x-admin-notification-select-button:hover {
      border-color: var(--x-admin-input-hover-border);
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-notification-select-button:focus-visible {
      border-color: var(--x-admin-input-focus-border);
      outline: none;
      box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }
    #x-admin-v2 .x-admin-notification-select-button [data-select-label] {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-notification-select-chevron {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    color: var(--x-admin-icon-muted);
    transition: transform .16s ease, color .16s ease; }
  #x-admin-v2 .x-admin-notification-select.x-is-open .x-admin-notification-select-button {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-subtle);
    box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }
  #x-admin-v2 .x-admin-notification-select.x-is-open .x-admin-notification-select-chevron {
    color: var(--x-admin-primary);
    transform: rotate(180deg); }
  #x-admin-v2 .x-admin-notification-select-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 230;
    max-height: min(292px, calc(100vh - 260px));
    display: grid;
    gap: 2px;
    overflow: auto;
    padding: 6px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-popover-background);
    box-shadow: var(--x-admin-shadow-lg);
    transform-origin: top;
    animation: x-admin-menu-enter .14s ease; }
    #x-admin-v2 .x-admin-notification-select-menu[hidden] {
      display: none; }
  #x-admin-v2 .x-admin-notification-select-option {
    position: relative;
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px 8px 34px;
    border-radius: 7px;
    color: var(--x-admin-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease; }
    #x-admin-v2 .x-admin-notification-select-option::before {
      content: "";
      position: absolute;
      left: 11px;
      top: 50%;
      width: 14px;
      height: 14px;
      border: 1px solid transparent;
      border-radius: 50%;
      transform: translateY(-50%); }
    #x-admin-v2 .x-admin-notification-select-option::after {
      content: "";
      position: absolute;
      left: 16px;
      top: 50%;
      width: 4px;
      height: 8px;
      border-right: 2px solid var(--x-admin-primary);
      border-bottom: 2px solid var(--x-admin-primary);
      opacity: 0;
      transform: translateY(-62%) rotate(45deg); }
    #x-admin-v2 .x-admin-notification-select-option:hover, #x-admin-v2 .x-admin-notification-select-option:focus-visible {
      background: var(--x-admin-primary-subtle);
      color: var(--x-admin-primary);
      outline: none; }
    #x-admin-v2 .x-admin-notification-select-option[aria-selected="true"] {
      background: var(--x-admin-selected-background);
      color: var(--x-admin-primary); }
      #x-admin-v2 .x-admin-notification-select-option[aria-selected="true"]::before {
        border-color: var(--x-admin-primary-border);
        background: var(--x-admin-surface); }
      #x-admin-v2 .x-admin-notification-select-option[aria-selected="true"]::after {
        opacity: 1; }
  #x-admin-v2 .x-admin-notification-bulk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px; }
  #x-admin-v2 .x-admin-notification-select-all {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #4f5d73;
    font-weight: 700; }
  #x-admin-v2 .x-admin-notification-bulk-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px; }
  #x-admin-v2 .x-admin-notification-list {
    display: grid;
    gap: 12px; }
  #x-admin-v2 .x-admin-notification-list-page {
    padding: 0; }
  #x-admin-v2 .x-admin-notification-list-popover {
    padding: 10px 12px 12px;
    max-height: min(560px, calc(100vh - 220px));
    overflow: auto; }
  #x-admin-v2 .x-admin-notification-group {
    display: grid;
    gap: 8px; }
  #x-admin-v2 .x-admin-notification-group + .x-admin-notification-group {
    margin-top: 8px; }
  #x-admin-v2 .x-admin-notification-group-title {
    margin: 2px 2px 0;
    color: #68758a;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em; }
  #x-admin-v2 .x-admin-notification-card {
    position: relative;
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 24px 38px 10px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 16px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(20, 42, 74, 0.06);
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
    #x-admin-v2 .x-admin-notification-card:hover, #x-admin-v2 .x-admin-notification-card:focus-visible {
      border-color: rgba(47, 128, 237, 0.34);
      box-shadow: 0 12px 28px rgba(20, 42, 74, 0.1);
      outline: none; }
    #x-admin-v2 .x-admin-notification-card:active {
      transform: translateY(1px); }
  #x-admin-v2 .x-admin-notification-card-compact {
    grid-template-columns: 34px 9px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    box-shadow: none; }
  #x-admin-v2 .x-admin-notification-card-unread {
    border-color: rgba(47, 128, 237, 0.32);
    background: #e8f2ff; }
    #x-admin-v2 .x-admin-notification-card-unread .x-admin-notification-card-title strong {
      color: #172033;
      font-weight: 850; }
  #x-admin-v2 .x-admin-notification-card-priority {
    border-left: 3px solid #df3f40; }
  #x-admin-v2 .x-admin-notification-check {
    display: grid;
    place-items: center;
    padding-top: 8px; }
  #x-admin-v2 .x-admin-notification-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #eef5ff;
    color: #2f80ed; }
    #x-admin-v2 .x-admin-notification-icon svg {
      width: 19px;
      height: 19px; }
  #x-admin-v2 .x-admin-notification-dot {
    width: 9px;
    height: 9px;
    margin-top: 14px;
    border-radius: 50%;
    background: transparent; }
  #x-admin-v2 .x-admin-notification-card-unread .x-admin-notification-dot {
    background: #2f80ed; }
  #x-admin-v2 .x-admin-notification-content {
    min-width: 0;
    display: grid;
    gap: 7px; }
  #x-admin-v2 .x-admin-notification-card-title {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px; }
    #x-admin-v2 .x-admin-notification-card-title strong {
      min-width: 0;
      color: #172033;
      font-size: 14px;
      line-height: 1.35; }
  #x-admin-v2 .x-admin-notification-message {
    margin: 0;
    color: #4f5d73;
    line-height: 1.45; }
  #x-admin-v2 .x-admin-notification-time {
    flex: 0 0 auto;
    color: #68758a;
    font-size: 12px;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-notification-details {
    display: flex;
    flex-wrap: wrap;
    gap: 7px; }
    #x-admin-v2 .x-admin-notification-details span {
      padding: 3px 8px;
      border: 1px solid #e5edf6;
      border-radius: 999px;
      background: #f8fbff;
      color: #68758a;
      font-size: 12px;
      font-weight: 700; }
  #x-admin-v2 .x-admin-notification-priority {
    width: max-content;
    padding: 3px 8px;
    border-radius: 999px;
    background: #fff0f0;
    color: #df3f40;
    font-size: 12px;
    font-weight: 800; }
  #x-admin-v2 .x-admin-notification-actions {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 2px; }
  #x-admin-v2 .x-admin-notification-actions-menu,
  #x-admin-v2 .x-admin-notification-settings-menu {
    position: absolute;
    z-index: 190;
    min-width: 190px;
    display: grid;
    gap: 4px;
    padding: 6px;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(20, 42, 74, 0.16); }
    #x-admin-v2 .x-admin-notification-actions-menu button,
    #x-admin-v2 .x-admin-notification-settings-menu button {
      width: 100%;
      padding: 9px 10px;
      border: 0;
      border-radius: 6px;
      background: transparent;
      color: #172033;
      text-align: left; }
      #x-admin-v2 .x-admin-notification-actions-menu button:hover, #x-admin-v2 .x-admin-notification-actions-menu button:focus-visible,
      #x-admin-v2 .x-admin-notification-settings-menu button:hover,
      #x-admin-v2 .x-admin-notification-settings-menu button:focus-visible {
        background: #e8f2ff;
        outline: none; }
  #x-admin-v2 .x-admin-notification-actions-menu {
    position: fixed;
    right: auto;
    top: auto;
    z-index: 260;
    width: max-content;
    min-width: 168px;
    max-width: min(240px, calc(100vw - 24px));
    gap: 2px;
    padding: 5px;
    border-color: var(--x-admin-border);
    background: var(--x-admin-popover-background);
    box-shadow: var(--x-admin-shadow-lg);
    transform-origin: top right;
    animation: x-admin-menu-enter .14s ease; }
    #x-admin-v2 .x-admin-notification-actions-menu.x-admin-menu-opens-up {
      transform-origin: bottom right; }
    #x-admin-v2 .x-admin-notification-actions-menu button {
      min-height: 34px;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 9px;
      color: var(--x-admin-text);
      font-size: 13px;
      font-weight: 750;
      line-height: 1.2;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-notification-menu-icon {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    color: currentColor; }
    #x-admin-v2 .x-admin-notification-menu-icon svg {
      width: 16px;
      height: 16px; }
  #x-admin-v2 .x-admin-notification-actions-menu .x-admin-notification-menu-danger {
    color: var(--x-admin-danger); }
    #x-admin-v2 .x-admin-notification-actions-menu .x-admin-notification-menu-danger:hover, #x-admin-v2 .x-admin-notification-actions-menu .x-admin-notification-menu-danger:focus-visible {
      background: var(--x-admin-danger-soft);
      color: var(--x-admin-danger); }
  #x-admin-v2 .x-admin-notification-state {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 28px 18px;
    border: 1px dashed #d6e2ef;
    border-radius: 8px;
    background: #f8fbff;
    color: #68758a;
    text-align: center; }
    #x-admin-v2 .x-admin-notification-state p {
      margin: 0; }
  #x-admin-v2 .x-admin-notification-error {
    color: #df3f40;
    background: #fff0f0; }
  #x-admin-v2 .x-admin-notification-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #68758a;
    font-weight: 700; }
  #x-admin-v2 .x-admin-empty-state {
    padding: 20px;
    border: 1px dashed #d6e2ef;
    border-radius: 8px;
    background: #f8fbff;
    color: #68758a;
    text-align: center; }
  #x-admin-v2 .x-admin-list-state {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 22px 18px;
    border: 1px dashed var(--x-admin-border-strong, #d6e2ef);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary, #f8fbff);
    color: var(--x-admin-text-muted, #68758a);
    text-align: center; }
    #x-admin-v2 .x-admin-list-state p {
      margin: 0;
      max-width: 46ch; }
    #x-admin-v2 .x-admin-list-state[data-tone="error"] {
      border-style: solid;
      border-color: var(--x-admin-danger, #df3f40);
      background: var(--x-admin-danger-soft, #fff0f0);
      color: var(--x-admin-danger, #df3f40); }
    #x-admin-v2 .x-admin-list-state[data-tone="loading"] {
      justify-items: stretch;
      text-align: left;
      border-style: solid;
      border-color: var(--x-admin-border, #e5edf6);
      background: var(--x-admin-surface, #ffffff); }
  #x-admin-v2 .x-admin-list-state-message {
    color: inherit;
    font-weight: 800; }
  #x-admin-v2 .x-admin-list-state-hint {
    color: var(--x-admin-text-muted, #68758a);
    font-weight: 600; }
  #x-admin-v2 .x-admin-list-state[data-tone="error"] .x-admin-list-state-hint {
    color: inherit;
    opacity: .82; }
  #x-admin-v2 .x-admin-list-state-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 4px; }
  #x-admin-v2 .x-admin-skeleton {
    display: grid;
    gap: 12px;
    margin-bottom: 10px; }
  #x-admin-v2 .x-admin-skeleton-row {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) 84px;
    align-items: center;
    gap: 12px; }
  #x-admin-v2 .x-admin-skeleton-bar {
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--x-admin-surface-tertiary, #f8fbff) 0%, var(--x-admin-surface-hover, #f8fbff) 45%, var(--x-admin-surface-tertiary, #f8fbff) 90%);
    background-size: 240% 100%;
    animation: x-admin-skeleton-shimmer 1.4s ease-in-out infinite; }
  #x-admin-v2 .x-admin-skeleton-bar-lead {
    height: 34px;
    border-radius: 8px; }
  #x-admin-v2 .x-admin-skeleton-bar-short {
    height: 12px; }
  #x-admin-v2 .x-admin-refresh-banner {
    padding: 8px 12px;
    border: 1px solid var(--x-admin-primary-border, rgba(47, 128, 237, 0.24));
    border-radius: 8px;
    background: var(--x-admin-primary-soft, #e8f2ff);
    color: var(--x-admin-primary, #2f80ed);
    font-weight: 700;
    text-align: center; }
  #x-admin-v2 .x-admin-table-state-row > td {
    padding: 14px 16px; }
  #x-admin-v2 .x-admin-required-mark {
    color: var(--x-admin-danger, #df3f40);
    font-style: normal;
    font-weight: 900; }
  #x-admin-v2 .x-admin-field-error {
    margin: 0;
    color: var(--x-admin-danger, #df3f40);
    font-size: 12.5px;
    font-weight: 700; }
  #x-admin-v2 .x-admin-field-hint {
    margin: 0;
    color: var(--x-admin-text-muted, #68758a);
    font-size: 12.5px;
    font-weight: 600; }
  #x-admin-v2 .x-admin-field.x-is-invalid input,
  #x-admin-v2 .x-admin-field.x-is-invalid select,
  #x-admin-v2 .x-admin-field.x-is-invalid textarea,
  #x-admin-v2 .x-admin-toggle-field.x-is-invalid input,
  #x-admin-v2 .x-admin-toggle-field.x-is-invalid select,
  #x-admin-v2 .x-admin-toggle-field.x-is-invalid textarea {
    border-color: var(--x-admin-danger, #df3f40);
    background: var(--x-admin-danger-soft, #fff0f0); }
  #x-admin-v2 .x-admin-form-status {
    flex: 1 1 100%;
    margin: 0;
    order: -1;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--x-admin-surface-secondary, #f8fbff);
    color: var(--x-admin-text-muted, #68758a);
    font-weight: 700; }
    #x-admin-v2 .x-admin-form-status[data-tone="error"] {
      background: var(--x-admin-danger-soft, #fff0f0);
      color: var(--x-admin-danger, #df3f40); }
  #x-admin-v2 .x-admin-modal-footer-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px; }
  #x-admin-v2 .x-admin-modal-guard {
    flex: 1 1 100%;
    display: grid;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--x-admin-warning, #f5b83d);
    border-radius: 8px;
    /* Zemin tema yüzeyinden türetilir; açık ve koyu temada metin kontrastı korunur. */
    background: color-mix(in srgb, var(--x-admin-warning) 14%, var(--x-admin-surface));
    color: var(--x-admin-text, #172033); }
    #x-admin-v2 .x-admin-modal-guard p {
      margin: 0;
      font-weight: 700; }
  #x-admin-v2 .x-admin-modal-guard-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; }
  #x-admin-v2 .x-admin-backend-required-control {
    display: inline-grid;
    gap: 4px;
    justify-items: start; }
  #x-admin-v2 .x-admin-backend-required-chip {
    display: inline-block;
    padding: 3px 8px;
    border: 1px dashed var(--x-admin-border-strong, #d6e2ef);
    border-radius: 999px;
    color: var(--x-admin-text-muted, #68758a);
    font-size: 11.5px;
    font-weight: 700; }
  #x-admin-v2 .x-admin-readonly-chip {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary, #f8fbff);
    color: var(--x-admin-text-muted, #68758a);
    font-size: 11px;
    font-weight: 700; }
  #x-admin-v2 [data-backend-required="true"] {
    cursor: not-allowed;
    opacity: .58;
    text-decoration: line-through;
    text-decoration-thickness: 1px; }
  #x-admin-v2 .x-admin-popover {
    position: fixed;
    z-index: 80;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 20px 48px rgba(20, 42, 74, 0.16); }
  #x-admin-v2 .x-admin-search-popover {
    top: 72px;
    left: 332px;
    width: 420px; }
  #x-admin-v2 .x-admin-notification-popover {
    top: 72px;
    right: clamp(24px, 6.5vw, 84px);
    z-index: 170;
    width: min(470px, calc(100vw - 48px));
    max-height: calc(100vh - 96px);
    overflow: hidden;
    transform-origin: top right;
    animation: x-admin-popover-in .16s ease; }
  #x-admin-v2 .x-admin-profile-popover {
    top: 78px;
    right: 24px;
    z-index: 160;
    width: min(370px, calc(100vw - 48px));
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(20, 42, 74, 0.18);
    transform-origin: top right; }
  #x-admin-v2 .x-admin-popover-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #e5edf6; }
    #x-admin-v2 .x-admin-popover-header span {
      color: #68758a;
      font-size: 12px; }
  #x-admin-v2 .x-admin-notification-header {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
    border-bottom: 1px solid #e5edf6;
    background: #ffffff; }
  #x-admin-v2 .x-admin-notification-title {
    margin: 0;
    color: #172033;
    font-size: 18px;
    line-height: 1.25; }
  #x-admin-v2 .x-admin-notification-count {
    display: block;
    margin-top: 3px;
    color: #68758a;
    font-size: 12px;
    font-weight: 700; }
  #x-admin-v2 .x-admin-notification-header-actions {
    display: flex;
    align-items: center;
    gap: 8px; }
  #x-admin-v2 .x-admin-notification-settings-menu {
    top: 54px;
    right: 16px; }
  #x-admin-v2 .x-admin-notification-footer {
    padding: 12px 16px 16px;
    border-top: 1px solid #e5edf6;
    background: #ffffff; }
    #x-admin-v2 .x-admin-notification-footer .x-admin-button {
      width: 100%;
      justify-content: center; }
@keyframes x-admin-skeleton-shimmer {
  from {
    background-position: 140% 0; }
  to {
    background-position: -40% 0; } }
@keyframes x-admin-menu-enter {
  from {
    opacity: 0;
    transform: translateY(-4px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes x-admin-popover-in {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.98); }
  to {
    opacity: 1;
    transform: translateY(0) scale(1); } }
@keyframes x-admin-sidebar-profile-actions-in {
  from {
    opacity: 0;
    transform: translateY(6px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes x-admin-sidebar-flyout-in {
  from {
    opacity: 0;
    transform: translateX(-4px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
@keyframes x-admin-lock-screen-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98); }
  to {
    opacity: 1;
    transform: translateY(0) scale(1); } }
  @media (prefers-reduced-motion: reduce) {
    #x-admin-v2 .x-admin-notification-popover,
    #x-admin-v2 .x-admin-notification-card,
    #x-admin-v2 .x-admin-nav-submenu,
    #x-admin-v2 .x-admin-sidebar-profile-actions,
    #x-admin-v2 .x-admin-lock-screen-card {
      animation: none;
      transition: none; } }
  #x-admin-v2 .x-admin-popover-list,
  #x-admin-v2 .x-admin-search-results {
    display: grid;
    gap: 8px;
    padding: 12px;
    max-height: 360px;
    overflow: auto; }
  #x-admin-v2 .x-admin-search-result,
  #x-admin-v2 .x-admin-popover-action {
    width: 100%;
    display: grid;
    gap: 2px;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #172033;
    text-align: left; }
    #x-admin-v2 .x-admin-search-result span,
    #x-admin-v2 .x-admin-popover-action span {
      color: #68758a;
      font-size: 13px;
      font-weight: 600; }
    #x-admin-v2 .x-admin-search-result:hover,
    #x-admin-v2 .x-admin-popover-action:hover {
      border-color: #e5edf6;
      background: #f8fbff; }
  #x-admin-v2 .x-admin-profile-popover-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid #e5edf6; }
    #x-admin-v2 .x-admin-profile-popover-header h2 {
      margin: 0;
      color: #172033;
      font-size: 16px;
      font-weight: 850;
      letter-spacing: 0; }
  #x-admin-v2 .x-admin-profile-popover-close {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #e5edf6;
    border-radius: 50%;
    background: #fff;
    color: #68758a;
    transition: border-color .16s ease, color .16s ease, background-color .16s ease; }
    #x-admin-v2 .x-admin-profile-popover-close svg {
      width: 18px;
      height: 18px; }
    #x-admin-v2 .x-admin-profile-popover-close:hover {
      border-color: #2f80ed;
      background: #e8f2ff;
      color: #2f80ed; }
    #x-admin-v2 .x-admin-profile-popover-close:focus-visible {
      outline: 3px solid rgba(47, 150, 255, 0.22);
      outline-offset: 2px; }
  #x-admin-v2 .x-admin-profile-summary {
    min-width: 0;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px; }
  #x-admin-v2 .x-admin-profile-avatar {
    width: 56px;
    height: 56px;
    overflow: hidden;
    display: inline-grid;
    place-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    background: linear-gradient(135deg, #2f80ed, #19a7ce);
    box-shadow: 0 8px 22px rgba(47, 150, 255, 0.24);
    color: #fff;
    font-size: 20px;
    font-weight: 850;
    text-transform: uppercase; }
    #x-admin-v2 .x-admin-profile-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  #x-admin-v2 .x-admin-profile-identity {
    min-width: 0;
    display: grid;
    gap: 3px; }
    #x-admin-v2 .x-admin-profile-identity strong,
    #x-admin-v2 .x-admin-profile-identity span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-profile-name {
    color: #172033;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25; }
  #x-admin-v2 .x-admin-profile-email {
    color: #2f80ed;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.25; }
  #x-admin-v2 .x-admin-profile-badge {
    align-self: center;
    max-width: 82px;
    overflow: hidden;
    padding: 5px 9px;
    border-radius: 999px;
    background: #e8f2ff;
    color: #2f80ed;
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-profile-group {
    display: grid;
    gap: 2px;
    padding: 9px 12px;
    border-top: 1px solid #e5edf6; }
  #x-admin-v2 .x-admin-profile-item {
    width: 100%;
    min-height: 46px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #4f5d73;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease; }
    #x-admin-v2 .x-admin-profile-item:hover {
      border-color: #e5edf6;
      background: #e8f2ff;
      color: #2f80ed; }
    #x-admin-v2 .x-admin-profile-item:focus-visible {
      outline: 3px solid rgba(47, 150, 255, 0.22);
      outline-offset: 2px; }
  #x-admin-v2 .x-admin-profile-item-icon {
    width: 26px;
    height: 26px;
    display: inline-grid;
    place-items: center;
    color: currentColor; }
    #x-admin-v2 .x-admin-profile-item-icon svg {
      width: 21px;
      height: 21px; }
  #x-admin-v2 .x-admin-profile-item-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-profile-item-meta {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
    color: #68758a;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap; }
    #x-admin-v2 .x-admin-profile-item-meta svg {
      width: 16px;
      height: 16px; }
  #x-admin-v2 .x-admin-profile-count {
    min-width: 26px;
    min-height: 24px;
    display: inline-grid;
    place-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: #e8f2ff;
    color: #2f80ed;
    font-size: 12px;
    font-weight: 850;
    line-height: 1; }
  #x-admin-v2 .x-admin-profile-count-alert {
    background: #fff0f0;
    color: #df3f40; }
  #x-admin-v2 .x-admin-profile-language {
    display: grid;
    gap: 4px; }
  #x-admin-v2 .x-admin-profile-language-menu {
    display: grid;
    gap: 4px;
    margin: 0 0 6px 38px;
    padding: 6px;
    border: 1px solid #e5edf6;
    border-radius: 12px;
    background: #f8fbff; }
    #x-admin-v2 .x-admin-profile-language-menu[hidden] {
      display: none !important; }
  #x-admin-v2 .x-admin-profile-language-option {
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #4f5d73;
    font-size: 13px;
    font-weight: 800;
    text-align: left;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease; }
    #x-admin-v2 .x-admin-profile-language-option:hover {
      border-color: #e5edf6;
      background: #fff;
      color: #2f80ed; }
    #x-admin-v2 .x-admin-profile-language-option:focus-visible {
      outline: 3px solid rgba(47, 150, 255, 0.22);
      outline-offset: 2px; }
    #x-admin-v2 .x-admin-profile-language-option[aria-checked="true"], #x-admin-v2 .x-admin-profile-language-option.x-is-active {
      border-color: rgba(47, 150, 255, 0.22);
      background: #fff;
      color: #2f80ed;
      box-shadow: 0 8px 18px rgba(20, 42, 74, 0.08); }
  #x-admin-v2 .x-admin-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 120;
    /* Ic ice acilan modal (urun -> medya kitapligi / kaydetme onayi).
       Katman DOM sirasina birakilamaz: medya kitapligi belgede urun
       modalindan once tanimli. JS yigin derinligine gore isaretler. */
    display: grid;
    place-items: center;
    padding: 32px;
    background: rgba(16, 26, 42, 0.44); }
    #x-admin-v2 .x-admin-modal-backdrop.x-is-stacked {
      z-index: 132; }
  #x-admin-v2 .x-admin-modal {
    width: min(620px, 100%);
    max-height: calc(100vh - 64px);
    overflow: auto;
    border: 1px solid #e5edf6;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 26px 70px rgba(12, 24, 44, 0.26); }
  #x-admin-v2 .x-admin-modal-form {
    display: grid; }
  #x-admin-v2 .x-admin-modal-header,
  #x-admin-v2 .x-admin-modal-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px; }
  #x-admin-v2 .x-admin-modal-header {
    border-bottom: 1px solid #e5edf6; }
    #x-admin-v2 .x-admin-modal-header h2 {
      margin: 0;
      font-size: 20px; }
    #x-admin-v2 .x-admin-modal-header p {
      margin: 4px 0 0;
      color: #68758a; }
  #x-admin-v2 .x-admin-modal-body {
    display: grid;
    gap: 16px;
    padding: 20px; }
  #x-admin-v2 .x-admin-modal-footer {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid #e5edf6; }
  #x-admin-v2 .x-admin-original-review {
    padding: 14px;
    border-radius: 8px;
    background: #f8fbff; }
    #x-admin-v2 .x-admin-original-review p {
      margin: 4px 0 0;
      color: #4f5d73; }
  #x-admin-v2 .x-admin-toast-region {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 150;
    display: grid;
    gap: 10px;
    width: 330px; }
  #x-admin-v2.x-is-customizer-open .x-admin-toast-region {
    pointer-events: none; }
  #x-admin-v2 .x-admin-toast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(47, 128, 237, 0.18);
    border-radius: 8px;
    background: #172033;
    color: #fff;
    box-shadow: 0 16px 40px rgba(12, 24, 44, 0.24); }
  #x-admin-v2 .x-admin-toast-error {
    border-color: rgba(223, 63, 64, 0.42);
    background: #8f1f28; }
  #x-admin-v2 .x-admin-toast-close {
    border: 0;
    background: transparent;
    color: #fff;
    font-weight: 800; }
  #x-admin-v2 .x-admin-footer {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 34px 26px;
    color: #68758a; }
  #x-admin-v2 .x-admin-footer-links {
    display: flex;
    align-items: center;
    gap: 14px; }
  #x-admin-v2 .x-admin-footer-link {
    color: #68758a; }
    #x-admin-v2 .x-admin-footer-link:disabled {
      opacity: .7; }
  #x-admin-v2 .x-admin-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    /* min-height/min-width verilmezse form alanı kuralları (42px) kazanıyor ve
       gizli alanlar belge yüksekliğini şişiriyordu. */
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    clip-path: inset(50%); }
  #x-admin-v2.x-admin-density-compact .x-admin-card-header {
    padding-top: 18px; }
  #x-admin-v2.x-admin-density-compact .x-admin-review,
  #x-admin-v2.x-admin-density-compact .x-admin-notification {
    padding: 11px; }
  #x-admin-v2.x-admin-is-collapsed {
    grid-template-columns: var(--x-admin-sidebar-collapsed-width) minmax(0, 1fr); }
    #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar {
      align-items: center;
      gap: 18px;
      padding: 18px 10px; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-brand {
      width: 100%;
      min-height: 44px;
      justify-content: center;
      gap: 0;
      padding: 0; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-brand-logo {
      width: 44px;
      height: 44px;
      flex-basis: 44px; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-brand-svg {
      width: 34px;
      height: 34px; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-brand-copy,
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-label,
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-cue,
    #x-admin-v2.x-admin-is-collapsed .x-admin-profile-copy {
      display: none;
      width: 0;
      height: 0;
      opacity: 0;
      overflow: hidden;
      pointer-events: none; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav {
      position: relative;
      align-items: center;
      gap: 8px;
      width: 100%; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-link {
      width: 44px;
      min-width: 44px;
      min-height: 44px;
      height: 44px;
      flex: 0 0 44px;
      justify-content: center;
      gap: 0;
      padding: 0;
      border-color: transparent;
      color: var(--x-admin-icon-muted); }
      #x-admin-v2.x-admin-is-collapsed .x-admin-nav-link:hover, #x-admin-v2.x-admin-is-collapsed .x-admin-nav-link:focus-visible {
        border-color: var(--x-admin-primary-border);
        background: var(--x-admin-surface-hover);
        color: var(--x-admin-primary);
        box-shadow: var(--x-admin-shadow-soft); }
      #x-admin-v2.x-admin-is-collapsed .x-admin-nav-link.x-is-active {
        border-color: var(--x-admin-selected-border);
        background: var(--x-admin-selected-background);
        color: var(--x-admin-primary);
        box-shadow: inset 0 0 0 1px var(--x-admin-selected-border); }
      #x-admin-v2.x-admin-is-collapsed .x-admin-nav-link::after {
        content: attr(aria-label);
        position: absolute;
        top: 50%;
        left: calc(100% + 18px);
        z-index: 80;
        max-width: 210px;
        padding: 7px 10px;
        border: 1px solid var(--x-admin-border);
        border-radius: 7px;
        background: var(--x-admin-popover-background);
        color: var(--x-admin-text);
        box-shadow: var(--x-admin-shadow-lg);
        font-size: 12px;
        font-weight: 850;
        line-height: 1.25;
        opacity: 0;
        pointer-events: none;
        text-align: left;
        transform: translateY(-50%) translateX(-4px);
        transition: opacity .14s ease, transform .14s ease;
        white-space: nowrap; }
      #x-admin-v2.x-admin-is-collapsed .x-admin-nav-link:hover::after, #x-admin-v2.x-admin-is-collapsed .x-admin-nav-link:focus-visible::after {
        opacity: 1;
        transform: translateY(-50%) translateX(0); }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-toggle.x-is-open::after {
      opacity: 0;
      visibility: hidden; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-icon {
      width: 44px;
      height: 44px;
      flex-basis: 44px; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-svg {
      width: 21px;
      height: 21px; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-submenu {
      position: absolute;
      top: 52px;
      left: calc(100% + 12px);
      z-index: 70;
      width: 224px;
      max-height: none;
      display: grid;
      gap: 4px;
      margin: 0;
      padding: 8px;
      overflow: visible;
      border: 1px solid var(--x-admin-border);
      border-radius: 8px;
      background: var(--x-admin-popover-background);
      box-shadow: var(--x-admin-shadow-lg);
      opacity: 1;
      transform-origin: top left;
      animation: x-admin-sidebar-flyout-in .16s ease; }
      #x-admin-v2.x-admin-is-collapsed .x-admin-nav-submenu[hidden] {
        display: none !important; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-submenu-item {
      min-height: 38px;
      gap: 10px;
      padding: 9px 10px;
      border: 1px solid transparent;
      color: var(--x-admin-text-soft);
      font-size: 13px; }
      #x-admin-v2.x-admin-is-collapsed .x-admin-nav-submenu-item:hover, #x-admin-v2.x-admin-is-collapsed .x-admin-nav-submenu-item.x-is-active {
        border-color: var(--x-admin-primary-border);
        background: var(--x-admin-selected-background);
        color: var(--x-admin-primary); }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-submenu-dot {
      background: var(--x-admin-icon-muted); }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-divider {
      width: 44px;
      margin: 4px 0; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-profile-card {
      width: 52px;
      min-height: 0;
      display: grid;
      justify-items: center;
      justify-content: center;
      gap: 5px;
      padding: 6px 0;
      box-shadow: var(--x-admin-shadow-soft); }
    #x-admin-v2.x-admin-is-collapsed .x-admin-profile-card .x-admin-avatar {
      width: 32px;
      height: 32px;
      flex-basis: 32px;
      font-size: 11px; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar-profile-trigger {
      width: 28px;
      height: 28px;
      flex-basis: 28px; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar-profile-actions {
      right: auto;
      bottom: 0;
      left: calc(100% + 12px);
      width: 224px;
      transform-origin: bottom left; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-search-popover {
      left: calc(var(--x-admin-sidebar-collapsed-width) + 24px); }
  #x-admin-v2[data-admin-color="navy"] {
    --x-admin-primary: #3451a3;
    --x-admin-primary-hover: #2b448c;
    --x-admin-primary-active: #233875;
    --x-admin-primary-subtle: rgba(52, 81, 163, .06);
    --x-admin-primary-soft: #edf2ff;
    --x-admin-primary-soft-hover: #dde7ff;
    --x-admin-primary-border: rgba(52, 81, 163, .28);
    --x-admin-primary-rgb: 52, 81, 163;
    --x-admin-focus-ring: rgba(52, 81, 163, .32);
    --x-admin-link: #3451a3;
    --x-admin-link-hover: #2b448c;
    --x-admin-progress-primary: #3451a3;
    --x-admin-toggle-active: #3451a3;
    --x-admin-selected-background: #edf2ff;
    --x-admin-selected-border: rgba(52, 81, 163, .28); }
  #x-admin-v2[data-admin-color="indigo"] {
    --x-admin-primary: #4f46e5;
    --x-admin-primary-hover: #4338ca;
    --x-admin-primary-active: #3730a3;
    --x-admin-primary-subtle: rgba(79, 70, 229, .06);
    --x-admin-primary-soft: #eef2ff;
    --x-admin-primary-soft-hover: #dfe6ff;
    --x-admin-primary-border: rgba(79, 70, 229, .28);
    --x-admin-primary-rgb: 79, 70, 229;
    --x-admin-focus-ring: rgba(79, 70, 229, .32);
    --x-admin-link: #4f46e5;
    --x-admin-link-hover: #4338ca;
    --x-admin-progress-primary: #4f46e5;
    --x-admin-toggle-active: #4f46e5;
    --x-admin-selected-background: #eef2ff;
    --x-admin-selected-border: rgba(79, 70, 229, .28); }
  #x-admin-v2[data-admin-color="purple"] {
    --x-admin-primary: #7c3aed;
    --x-admin-primary-hover: #6d28d9;
    --x-admin-primary-active: #5b21b6;
    --x-admin-primary-subtle: rgba(124, 58, 237, .06);
    --x-admin-primary-soft: #f3eefe;
    --x-admin-primary-soft-hover: #eadcff;
    --x-admin-primary-border: rgba(124, 58, 237, .28);
    --x-admin-primary-rgb: 124, 58, 237;
    --x-admin-focus-ring: rgba(124, 58, 237, .32);
    --x-admin-link: #7c3aed;
    --x-admin-link-hover: #6d28d9;
    --x-admin-progress-primary: #7c3aed;
    --x-admin-toggle-active: #7c3aed;
    --x-admin-selected-background: #f3eefe;
    --x-admin-selected-border: rgba(124, 58, 237, .28); }
  #x-admin-v2[data-admin-color="green"] {
    --x-admin-primary: #159957;
    --x-admin-primary-hover: #11834a;
    --x-admin-primary-active: #0f6f40;
    --x-admin-primary-subtle: rgba(21, 153, 87, .06);
    --x-admin-primary-soft: #e9f7ef;
    --x-admin-primary-soft-hover: #d6f0e2;
    --x-admin-primary-border: rgba(21, 153, 87, .28);
    --x-admin-primary-rgb: 21, 153, 87;
    --x-admin-focus-ring: rgba(21, 153, 87, .32);
    --x-admin-link: #147d49;
    --x-admin-link-hover: #0f6f40;
    --x-admin-progress-primary: #159957;
    --x-admin-toggle-active: #159957;
    --x-admin-selected-background: #e9f7ef;
    --x-admin-selected-border: rgba(21, 153, 87, .28); }
  #x-admin-v2[data-admin-color="teal"] {
    --x-admin-primary: #0d9488;
    --x-admin-primary-hover: #0f766e;
    --x-admin-primary-active: #115e59;
    --x-admin-primary-subtle: rgba(13, 148, 136, .06);
    --x-admin-primary-soft: #e7f7f5;
    --x-admin-primary-soft-hover: #d3efec;
    --x-admin-primary-border: rgba(13, 148, 136, .28);
    --x-admin-primary-rgb: 13, 148, 136;
    --x-admin-focus-ring: rgba(13, 148, 136, .32);
    --x-admin-link: #0f766e;
    --x-admin-link-hover: #115e59;
    --x-admin-progress-primary: #0d9488;
    --x-admin-toggle-active: #0d9488;
    --x-admin-selected-background: #e7f7f5;
    --x-admin-selected-border: rgba(13, 148, 136, .28); }
  #x-admin-v2[data-admin-color="cyan"] {
    --x-admin-primary: #0891b2;
    --x-admin-primary-hover: #0e7490;
    --x-admin-primary-active: #155e75;
    --x-admin-primary-subtle: rgba(8, 145, 178, .06);
    --x-admin-primary-soft: #e6f6fa;
    --x-admin-primary-soft-hover: #cfedf4;
    --x-admin-primary-border: rgba(8, 145, 178, .28);
    --x-admin-primary-rgb: 8, 145, 178;
    --x-admin-focus-ring: rgba(8, 145, 178, .32);
    --x-admin-link: #087c98;
    --x-admin-link-hover: #155e75;
    --x-admin-progress-primary: #0891b2;
    --x-admin-toggle-active: #0891b2;
    --x-admin-selected-background: #e6f6fa;
    --x-admin-selected-border: rgba(8, 145, 178, .28); }
  #x-admin-v2[data-admin-color="orange"] {
    --x-admin-primary: #f97316;
    --x-admin-primary-hover: #ea580c;
    --x-admin-primary-active: #c2410c;
    --x-admin-primary-subtle: rgba(249, 115, 22, .06);
    --x-admin-primary-soft: #fff3e8;
    --x-admin-primary-soft-hover: #ffe5ce;
    --x-admin-primary-border: rgba(249, 115, 22, .3);
    --x-admin-primary-rgb: 249, 115, 22;
    --x-admin-focus-ring: rgba(249, 115, 22, .34);
    --x-admin-link: #c85511;
    --x-admin-link-hover: #a9470d;
    --x-admin-progress-primary: #f97316;
    --x-admin-toggle-active: #f97316;
    --x-admin-selected-background: #fff3e8;
    --x-admin-selected-border: rgba(249, 115, 22, .3); }
  #x-admin-v2[data-admin-color="red"] {
    --x-admin-primary: #dc3545;
    --x-admin-primary-hover: #bb2d3b;
    --x-admin-primary-active: #9f2632;
    --x-admin-primary-subtle: rgba(220, 53, 69, .06);
    --x-admin-primary-soft: #fff0f2;
    --x-admin-primary-soft-hover: #ffe0e4;
    --x-admin-primary-border: rgba(220, 53, 69, .3);
    --x-admin-primary-rgb: 220, 53, 69;
    --x-admin-focus-ring: rgba(220, 53, 69, .34);
    --x-admin-link: #b02a37;
    --x-admin-link-hover: #8f1f28;
    --x-admin-progress-primary: #dc3545;
    --x-admin-toggle-active: #dc3545;
    --x-admin-selected-background: #fff0f2;
    --x-admin-selected-border: rgba(220, 53, 69, .3); }
  #x-admin-v2[data-admin-color="gray"] {
    --x-admin-primary: #64748b;
    --x-admin-primary-hover: #526176;
    --x-admin-primary-active: #475569;
    --x-admin-primary-subtle: rgba(100, 116, 139, .06);
    --x-admin-primary-soft: #f1f5f9;
    --x-admin-primary-soft-hover: #e2e8f0;
    --x-admin-primary-border: rgba(100, 116, 139, .3);
    --x-admin-primary-rgb: 100, 116, 139;
    --x-admin-focus-ring: rgba(100, 116, 139, .34);
    --x-admin-link: #526176;
    --x-admin-link-hover: #475569;
    --x-admin-progress-primary: #64748b;
    --x-admin-toggle-active: #64748b;
    --x-admin-selected-background: #f1f5f9;
    --x-admin-selected-border: rgba(100, 116, 139, .3); }
  #x-admin-v2[data-admin-theme="dark"] {
    --x-admin-page-background: #030914;
    --x-admin-page-gradient: rgba(6, 16, 32, .94);
    /* Kenar cubugu ana yuzeyden DAHA KOYU. */
    --x-admin-sidebar-background: rgba(3, 9, 20, .97);
    --x-admin-header-background: rgba(4, 11, 24, .9);
    /* Kartlar sayfadan bir tik acik: okunur ayrisma, mavi degil lacivert. */
    --x-admin-surface: #08152a;
    --x-admin-surface-secondary: #0c1d38;
    --x-admin-surface-tertiary: #122747;
    --x-admin-surface-hover: #0f2340;
    --x-admin-surface-active: #142c4f;
    --x-admin-popover-background: #08152a;
    --x-admin-modal-background: #08152a;
    --x-admin-overlay-background: rgba(1, 4, 12, .78);
    /* Kenarlik: sogun mavi-gri, bastirilmis. */
    --x-admin-border: #17304f;
    --x-admin-border-strong: #244367;
    --x-admin-divider: #17304f;
    --x-admin-text: #e6edf7;
    --x-admin-text-secondary: #c4cedd;
    --x-admin-text-muted: #98a6ba;
    --x-admin-text-disabled: #64748b;
    --x-admin-text-soft: #c4cedd;
    --x-admin-heading: #f4f7fb;
    --x-admin-icon: #c4cedd;
    --x-admin-icon-muted: #98a6ba;
    --x-admin-input-background: #0d1627;
    --x-admin-input-border: #344761;
    --x-admin-input-hover-border: #4a5f7c;
    --x-admin-input-focus-border: var(--x-admin-primary);
    --x-admin-placeholder: #718096;
    --x-admin-disabled-background: #18263c;
    --x-admin-table-header: #17243a;
    --x-admin-table-row: #111c2f;
    --x-admin-table-row-hover: #1a2942;
    --x-admin-table-row-selected: rgba(var(--x-admin-primary-rgb), .16);
    --x-admin-list-item: #17243a;
    --x-admin-list-item-hover: #1f2f4a;
    --x-admin-shadow: 0 18px 44px rgba(0, 0, 0, .26);
    --x-admin-shadow-soft: 0 10px 26px rgba(0, 0, 0, .22);
    --x-admin-shadow-sm: 0 10px 26px rgba(0, 0, 0, .2);
    --x-admin-shadow-md: 0 18px 44px rgba(0, 0, 0, .26);
    --x-admin-shadow-lg: 0 28px 68px rgba(0, 0, 0, .34);
    --x-admin-primary-subtle: rgba(47, 128, 237, .1);
    --x-admin-primary-soft: rgba(var(--x-admin-primary-rgb), .16);
    --x-admin-primary-soft-hover: rgba(var(--x-admin-primary-rgb), .24);
    --x-admin-primary-border: rgba(var(--x-admin-primary-rgb), .42);
    --x-admin-focus-ring: rgba(var(--x-admin-primary-rgb), .52);
    --x-admin-selected-background: rgba(var(--x-admin-primary-rgb), .16);
    --x-admin-selected-border: rgba(var(--x-admin-primary-rgb), .46);
    --x-admin-success: #4ade80;
    --x-admin-success-soft: rgba(34, 197, 94, .16);
    --x-admin-warning: #fbbf24;
    --x-admin-warning-soft: rgba(245, 158, 11, .18);
    --x-admin-danger: #f87171;
    --x-admin-danger-soft: rgba(248, 113, 113, .16);
    --x-admin-info: var(--x-admin-primary);
    --x-admin-info-soft: rgba(var(--x-admin-primary-rgb), .16); }
    #x-admin-v2[data-admin-theme="dark"][data-admin-color="navy"] {
      --x-admin-primary-subtle: rgba(52, 81, 163, .1); }
    #x-admin-v2[data-admin-theme="dark"][data-admin-color="indigo"] {
      --x-admin-primary-subtle: rgba(79, 70, 229, .1); }
    #x-admin-v2[data-admin-theme="dark"][data-admin-color="purple"] {
      --x-admin-primary-subtle: rgba(124, 58, 237, .1); }
    #x-admin-v2[data-admin-theme="dark"][data-admin-color="green"] {
      --x-admin-primary-subtle: rgba(21, 153, 87, .1); }
    #x-admin-v2[data-admin-theme="dark"][data-admin-color="teal"] {
      --x-admin-primary-subtle: rgba(13, 148, 136, .1); }
    #x-admin-v2[data-admin-theme="dark"][data-admin-color="cyan"] {
      --x-admin-primary-subtle: rgba(8, 145, 178, .1); }
    #x-admin-v2[data-admin-theme="dark"][data-admin-color="orange"] {
      --x-admin-primary-subtle: rgba(249, 115, 22, .1); }
    #x-admin-v2[data-admin-theme="dark"][data-admin-color="red"] {
      --x-admin-primary-subtle: rgba(220, 53, 69, .1); }
    #x-admin-v2[data-admin-theme="dark"][data-admin-color="gray"] {
      --x-admin-primary-subtle: rgba(100, 116, 139, .1); }
    #x-admin-v2[data-admin-theme="dark"] .x-admin-brand-version,
    #x-admin-v2[data-admin-theme="dark"] .x-admin-search-key,
    #x-admin-v2[data-admin-theme="dark"] .x-admin-status-muted,
    #x-admin-v2[data-admin-theme="dark"] .x-admin-file-drop,
    #x-admin-v2[data-admin-theme="dark"] .x-admin-original-review {
      background: var(--x-admin-surface-secondary); }
    #x-admin-v2[data-admin-theme="dark"] input::placeholder,
    #x-admin-v2[data-admin-theme="dark"] textarea::placeholder {
      color: #718096; }
  #x-admin-v2 {
    background: linear-gradient(180deg, var(--x-admin-page-gradient) 0%, var(--x-admin-page-background) 280px), var(--x-admin-page-background);
    color: var(--x-admin-text); }
  #x-admin-v2 :focus-visible {
    outline-color: var(--x-admin-focus-ring); }
  #x-admin-v2[data-admin-focus="high"] :focus-visible {
    outline: 3px solid var(--x-admin-primary);
    outline-offset: 3px; }
  #x-admin-v2 .x-admin-sidebar,
  #x-admin-v2 .x-admin-header,
  #x-admin-v2 .x-admin-card,
  #x-admin-v2 .x-admin-settings-card,
  #x-admin-v2 .x-admin-settings-subcard,
  #x-admin-v2 .x-admin-popover,
  #x-admin-v2 .x-admin-notification-actions-menu,
  #x-admin-v2 .x-admin-notification-settings-menu,
  #x-admin-v2 .x-admin-profile-language-menu,
  #x-admin-v2 .x-admin-modal,
  #x-admin-v2 .x-admin-search,
  #x-admin-v2 .x-admin-page-status {
    border-color: var(--x-admin-border);
    background: var(--x-admin-surface);
    color: var(--x-admin-text);
    box-shadow: var(--x-admin-shadow); }
  #x-admin-v2 .x-admin-header {
    background: color-mix(in srgb, var(--x-admin-page-background) 82%, var(--x-admin-surface)); }
  #x-admin-v2 .x-admin-brand-name,
  #x-admin-v2 .x-admin-page-title,
  #x-admin-v2 .x-admin-card-header h2,
  #x-admin-v2 .x-admin-settings-card-header h2,
  #x-admin-v2 .x-admin-settings-subcard h3,
  #x-admin-v2 .x-admin-notification-title,
  #x-admin-v2 .x-admin-profile-popover-header h2,
  #x-admin-v2 .x-admin-profile-name,
  #x-admin-v2 .x-admin-theme-active-body strong,
  #x-admin-v2 .x-admin-theme-card-body strong,
  #x-admin-v2 .x-admin-integration-header strong,
  #x-admin-v2 .x-admin-table td,
  #x-admin-v2 .x-admin-modal-header h2 {
    color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-brand-version,
  #x-admin-v2 .x-admin-card-header p,
  #x-admin-v2 .x-admin-settings-card-header p,
  #x-admin-v2 .x-admin-settings-subcard p,
  #x-admin-v2 .x-admin-page-status,
  #x-admin-v2 .x-admin-notification-count,
  #x-admin-v2 .x-admin-notification-time,
  #x-admin-v2 .x-admin-notification-group-title,
  #x-admin-v2 .x-admin-footer,
  #x-admin-v2 .x-admin-footer-link,
  #x-admin-v2 .x-admin-table th,
  #x-admin-v2 .x-admin-modal-header p,
  #x-admin-v2 .x-admin-customizer-option-copy small {
    color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-nav-link,
  #x-admin-v2 .x-admin-nav-submenu-item,
  #x-admin-v2 .x-admin-icon-button,
  #x-admin-v2 .x-admin-avatar-button,
  #x-admin-v2 .x-admin-button-secondary,
  #x-admin-v2 .x-admin-segment,
  #x-admin-v2 .x-admin-settings-tab,
  #x-admin-v2 .x-admin-profile-item,
  #x-admin-v2 .x-admin-profile-language-option {
    color: var(--x-admin-text-soft); }
  #x-admin-v2 .x-admin-brand-logo,
  #x-admin-v2 .x-admin-layout-preview,
  #x-admin-v2 .x-admin-integration-icon {
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-brand-svg rect {
    fill: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-page-kicker,
  #x-admin-v2 .x-admin-link-button,
  #x-admin-v2 .x-admin-text-button,
  #x-admin-v2 .x-admin-popover-action,
  #x-admin-v2 .x-admin-profile-email,
  #x-admin-v2 .x-admin-profile-badge,
  #x-admin-v2 .x-admin-profile-count,
  #x-admin-v2 .x-admin-footer-link:hover {
    color: var(--x-admin-link); }
  #x-admin-v2 .x-admin-nav-link,
  #x-admin-v2 .x-admin-nav-submenu-item,
  #x-admin-v2 .x-admin-icon-button,
  #x-admin-v2 .x-admin-avatar-button,
  #x-admin-v2 .x-admin-button-secondary,
  #x-admin-v2 .x-admin-segment,
  #x-admin-v2 .x-admin-settings-tab,
  #x-admin-v2 .x-admin-theme-card,
  #x-admin-v2 .x-admin-notification-card,
  #x-admin-v2 .x-admin-review,
  #x-admin-v2 .x-admin-field input,
  #x-admin-v2 .x-admin-field textarea,
  #x-admin-v2 .x-admin-field select,
  #x-admin-v2 .x-admin-color-field,
  #x-admin-v2 .x-admin-search-input,
  #x-admin-v2 input,
  #x-admin-v2 textarea,
  #x-admin-v2 select {
    border-color: var(--x-admin-border); }
  #x-admin-v2 .x-admin-field input,
  #x-admin-v2 .x-admin-field textarea,
  #x-admin-v2 .x-admin-field select,
  #x-admin-v2 .x-admin-search-input,
  #x-admin-v2 input,
  #x-admin-v2 textarea,
  #x-admin-v2 select {
    background: var(--x-admin-input-background);
    color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-nav-link:hover,
  #x-admin-v2 .x-admin-nav-submenu-item:hover,
  #x-admin-v2 .x-admin-icon-button:hover,
  #x-admin-v2 .x-admin-avatar-button:hover,
  #x-admin-v2 .x-admin-button:hover,
  #x-admin-v2 .x-admin-button-secondary:hover,
  #x-admin-v2 .x-admin-segment:hover,
  #x-admin-v2 .x-admin-settings-tab:hover,
  #x-admin-v2 .x-admin-theme-card:hover,
  #x-admin-v2 .x-admin-profile-item:hover,
  #x-admin-v2 .x-admin-profile-language-option:hover {
    border-color: var(--x-admin-primary-border);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-nav-link.x-is-active, #x-admin-v2 .x-admin-nav-link[aria-selected="true"],
  #x-admin-v2 .x-admin-nav-submenu-item.x-is-active,
  #x-admin-v2 .x-admin-nav-submenu-item[aria-selected="true"],
  #x-admin-v2 .x-admin-segment.x-is-active,
  #x-admin-v2 .x-admin-segment[aria-selected="true"],
  #x-admin-v2 .x-admin-settings-tab.x-is-active,
  #x-admin-v2 .x-admin-settings-tab[aria-selected="true"],
  #x-admin-v2 .x-admin-theme-card.x-is-active,
  #x-admin-v2 .x-admin-theme-card[aria-selected="true"],
  #x-admin-v2 .x-admin-notification-card-unread.x-is-active,
  #x-admin-v2 .x-admin-notification-card-unread[aria-selected="true"] {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-selected-background);
    color: var(--x-admin-primary);
    box-shadow: inset 0 0 0 1px var(--x-admin-primary-border); }
  #x-admin-v2 .x-admin-nav-link:hover,
  #x-admin-v2 .x-admin-nav-link.x-is-active,
  #x-admin-v2 .x-admin-nav-submenu-item:hover,
  #x-admin-v2 .x-admin-nav-submenu-item.x-is-active,
  #x-admin-v2 .x-admin-profile-item:hover,
  #x-admin-v2 .x-admin-profile-language-option:hover,
  #x-admin-v2 .x-admin-profile-language-option.x-is-active {
    background: var(--x-admin-selected-background);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-nav-submenu-dot,
  #x-admin-v2 .x-admin-rating-fill {
    background: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-button {
    border-color: var(--x-admin-primary);
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast); }
    #x-admin-v2 .x-admin-button:hover {
      border-color: var(--x-admin-primary-hover);
      background: var(--x-admin-primary-hover); }
    #x-admin-v2 .x-admin-button:active {
      border-color: var(--x-admin-primary-active);
      background: var(--x-admin-primary-active); }
  #x-admin-v2 .x-admin-button-secondary {
    background: var(--x-admin-surface);
    color: var(--x-admin-text-soft); }
  #x-admin-v2 .x-admin-horizontal-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    z-index: 24;
    display: none;
    min-width: 0;
    border-bottom: 1px solid var(--x-admin-border);
    background: var(--x-admin-surface);
    box-shadow: var(--x-admin-shadow-soft); }
  #x-admin-v2 .x-admin-horizontal-nav-inner {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 28px; }
  #x-admin-v2 .x-admin-horizontal-link {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--x-admin-text-soft);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease; }
    #x-admin-v2 .x-admin-horizontal-link svg {
      width: 15px;
      height: 15px; }
    #x-admin-v2 .x-admin-horizontal-link:hover, #x-admin-v2 .x-admin-horizontal-link.x-is-active {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-selected-background);
      color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-horizontal-dropdown {
    position: relative; }
  #x-admin-v2 .x-admin-horizontal-toggle {
    border: 1px solid transparent; }
  #x-admin-v2 .x-admin-horizontal-submenu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 60;
    width: 220px;
    padding: 8px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    box-shadow: var(--x-admin-shadow); }
    #x-admin-v2 .x-admin-horizontal-submenu a {
      min-height: 38px;
      display: flex;
      align-items: center;
      padding: 9px 10px;
      border-radius: 7px;
      color: var(--x-admin-text-soft);
      font-weight: 750; }
      #x-admin-v2 .x-admin-horizontal-submenu a:hover, #x-admin-v2 .x-admin-horizontal-submenu a.x-is-active {
        background: var(--x-admin-selected-background);
        color: var(--x-admin-primary); }
  #x-admin-v2[data-admin-menu="horizontal"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 76px 58px minmax(0, 1fr); }
    #x-admin-v2[data-admin-menu="horizontal"] .x-admin-sidebar {
      display: none; }
    #x-admin-v2[data-admin-menu="horizontal"] .x-admin-header {
      grid-column: 1;
      height: 76px; }
    #x-admin-v2[data-admin-menu="horizontal"] .x-admin-horizontal-nav {
      display: block; }
    #x-admin-v2[data-admin-menu="horizontal"] .x-admin-main {
      grid-column: 1;
      grid-row: 3; }
    #x-admin-v2[data-admin-menu="horizontal"] .x-admin-search-popover {
      top: 72px;
      left: 34px; }
  #x-admin-v2.x-admin-is-collapsed[data-admin-menu="horizontal"] {
    grid-template-columns: minmax(0, 1fr); }
  #x-admin-v2[data-admin-layout="compact"] {
    --x-admin-sidebar-width: 240px;
    --x-admin-header-height: 74px;
    --x-admin-shell-pad-x: 26px;
    --x-admin-shell-pad-y: 24px;
    --x-admin-shell-pad-bottom: 16px;
    grid-template-columns: var(--x-admin-sidebar-width) minmax(0, 1fr);
    grid-template-rows: var(--x-admin-header-height) minmax(0, 1fr); }
    #x-admin-v2[data-admin-layout="compact"] .x-admin-sidebar {
      padding: 18px 14px;
      gap: 16px; }
    #x-admin-v2[data-admin-layout="compact"] .x-admin-nav-link {
      min-height: 40px;
      padding: 9px 10px; }
    #x-admin-v2[data-admin-layout="compact"] .x-admin-card-header {
      padding: 18px 18px 0; }
  #x-admin-v2[data-admin-layout="compact"][data-admin-menu="horizontal"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 70px 54px minmax(0, 1fr); }
  #x-admin-v2[data-admin-animations="false"], #x-admin-v2[data-admin-reduce-motion="true"] {
    --x-admin-sidebar-transition-duration: .01ms; }
    #x-admin-v2[data-admin-animations="false"] *,
    #x-admin-v2[data-admin-animations="false"] *::before,
    #x-admin-v2[data-admin-animations="false"] *::after, #x-admin-v2[data-admin-reduce-motion="true"] *,
    #x-admin-v2[data-admin-reduce-motion="true"] *::before,
    #x-admin-v2[data-admin-reduce-motion="true"] *::after {
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important; }
  #x-admin-v2 {
    font-size: calc(14px * var(--x-admin-font-scale)); }
  #x-admin-v2 :focus-visible {
    outline: 2px solid var(--x-admin-focus-ring);
    outline-offset: 2px; }
  #x-admin-v2[data-admin-table-density="comfortable"] {
    --x-admin-table-cell-padding-y: 16px;
    --x-admin-table-cell-padding-x: 18px;
    --x-admin-list-row-gap: 16px;
    --x-admin-list-item-padding: 16px; }
  #x-admin-v2[data-admin-table-density="compact"] {
    --x-admin-table-cell-padding-y: 9px;
    --x-admin-table-cell-padding-x: 12px;
    --x-admin-list-row-gap: 8px;
    --x-admin-list-item-padding: 10px; }
  #x-admin-v2 .x-admin-sidebar {
    border-color: var(--x-admin-border);
    background: var(--x-admin-sidebar-background);
    box-shadow: var(--x-admin-shadow-sm); }
  #x-admin-v2 .x-admin-header {
    border-color: var(--x-admin-border);
    background: var(--x-admin-header-background);
    box-shadow: var(--x-admin-shadow-sm); }
  #x-admin-v2 .x-admin-card,
  #x-admin-v2 .x-admin-settings-card,
  #x-admin-v2 .x-admin-settings-subcard,
  #x-admin-v2 .x-admin-social-card,
  #x-admin-v2 .x-admin-rating-card,
  #x-admin-v2 .x-admin-reviews-card,
  #x-admin-v2 .x-admin-review-detail,
  #x-admin-v2 .x-admin-notification-overview,
  #x-admin-v2 .x-admin-notification-toolbar,
  #x-admin-v2 .x-admin-notification-bulk,
  #x-admin-v2 .x-admin-settings-shell,
  #x-admin-v2 .x-admin-table-wrap,
  #x-admin-v2 .x-admin-avatar-editor,
  #x-admin-v2 .x-admin-section-block,
  #x-admin-v2 .x-admin-theme-active,
  #x-admin-v2 .x-admin-theme-card,
  #x-admin-v2 .x-admin-theme-upload,
  #x-admin-v2 .x-admin-file-drop,
  #x-admin-v2 .x-admin-social-preview,
  #x-admin-v2 .x-admin-status-row,
  #x-admin-v2 .x-admin-maintenance-preview,
  #x-admin-v2 .x-admin-history-item,
  #x-admin-v2 .x-admin-integration-card,
  #x-admin-v2 .x-admin-empty-state,
  #x-admin-v2 .x-admin-notification-state,
  #x-admin-v2 .x-admin-profile-card {
    border-color: var(--x-admin-border);
    background: var(--x-admin-surface);
    color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-settings-subcard,
  #x-admin-v2 .x-admin-review,
  #x-admin-v2 .x-admin-review-reply,
  #x-admin-v2 .x-admin-layout-item-card,
  #x-admin-v2 .x-admin-layout-meta div,
  #x-admin-v2 .x-admin-settings-meta div,
  #x-admin-v2 .x-admin-notification-card,
  #x-admin-v2 .x-admin-notification-details span,
  #x-admin-v2 .x-admin-file-name,
  #x-admin-v2 .x-admin-theme-card,
  #x-admin-v2 .x-admin-theme-upload,
  #x-admin-v2 .x-admin-file-drop,
  #x-admin-v2 .x-admin-status-row,
  #x-admin-v2 .x-admin-history-item,
  #x-admin-v2 .x-admin-integration-card,
  #x-admin-v2 .x-admin-avatar-editor,
  #x-admin-v2 .x-admin-section-block,
  #x-admin-v2 .x-admin-notification-state,
  #x-admin-v2 .x-admin-empty-state,
  #x-admin-v2 .x-admin-social-preview,
  #x-admin-v2 .x-admin-rating-total {
    border-color: var(--x-admin-border);
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-review:hover,
  #x-admin-v2 .x-admin-review:focus,
  #x-admin-v2 .x-admin-layout-item-card:hover,
  #x-admin-v2 .x-admin-notification-card:hover,
  #x-admin-v2 .x-admin-notification-card:focus-visible,
  #x-admin-v2 .x-admin-theme-card:hover,
  #x-admin-v2 .x-admin-status-row:hover,
  #x-admin-v2 .x-admin-history-item:hover,
  #x-admin-v2 .x-admin-integration-card:hover,
  #x-admin-v2 .x-admin-profile-card:hover {
    border-color: var(--x-admin-selected-border);
    background: var(--x-admin-surface-hover); }
  #x-admin-v2 .x-admin-popover,
  #x-admin-v2 .x-admin-notification-actions-menu,
  #x-admin-v2 .x-admin-notification-settings-menu,
  #x-admin-v2 .x-admin-profile-language-menu,
  #x-admin-v2 .x-admin-horizontal-submenu {
    border-color: var(--x-admin-border);
    background: var(--x-admin-popover-background);
    color: var(--x-admin-text);
    box-shadow: var(--x-admin-shadow-lg); }
  #x-admin-v2 .x-admin-modal {
    border-color: var(--x-admin-border);
    background: var(--x-admin-modal-background);
    color: var(--x-admin-text);
    box-shadow: var(--x-admin-shadow-lg); }
  #x-admin-v2 .x-admin-modal-backdrop,
  #x-admin-v2 .x-admin-customizer-overlay {
    background: var(--x-admin-overlay-background); }
  #x-admin-v2 .x-admin-modal-header,
  #x-admin-v2 .x-admin-modal-footer,
  #x-admin-v2 .x-admin-notification-header,
  #x-admin-v2 .x-admin-notification-footer,
  #x-admin-v2 .x-admin-popover-header,
  #x-admin-v2 .x-admin-profile-popover-header,
  #x-admin-v2 .x-admin-customizer-header,
  #x-admin-v2 .x-admin-customizer-footer {
    border-color: var(--x-admin-divider);
    background: var(--x-admin-surface); }
  #x-admin-v2 .x-admin-customizer {
    border-color: var(--x-admin-border);
    background: var(--x-admin-modal-background);
    color: var(--x-admin-text);
    box-shadow: var(--x-admin-shadow-lg); }
  #x-admin-v2 .x-admin-customizer-section,
  #x-admin-v2 .x-admin-customizer-option,
  #x-admin-v2 .x-admin-customizer-color,
  #x-admin-v2 .x-admin-customizer-switch,
  #x-admin-v2 .x-admin-customizer-field,
  #x-admin-v2 .x-admin-customizer-confirm,
  #x-admin-v2 .x-admin-customizer-preview {
    border-color: var(--x-admin-border);
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-customizer-option,
  #x-admin-v2 .x-admin-customizer-color,
  #x-admin-v2 .x-admin-customizer-switch,
  #x-admin-v2 .x-admin-customizer-field,
  #x-admin-v2 .x-admin-customizer-confirm {
    background: var(--x-admin-surface); }
  #x-admin-v2 .x-admin-customizer-option:hover,
  #x-admin-v2 .x-admin-customizer-color:hover,
  #x-admin-v2 .x-admin-customizer-option.x-is-active,
  #x-admin-v2 .x-admin-customizer-option.x-admin-customizer-option-active,
  #x-admin-v2 .x-admin-customizer-color.x-is-active,
  #x-admin-v2 .x-admin-customizer-color.x-admin-customizer-option-active {
    border-color: var(--x-admin-selected-border);
    background: var(--x-admin-selected-background);
    color: var(--x-admin-primary);
    box-shadow: inset 0 0 0 1px var(--x-admin-selected-border); }
  #x-admin-v2 .x-admin-brand-name,
  #x-admin-v2 .x-admin-page-title,
  #x-admin-v2 .x-admin-card-header h2,
  #x-admin-v2 .x-admin-settings-card-header h2,
  #x-admin-v2 .x-admin-settings-card-header h3,
  #x-admin-v2 .x-admin-settings-subcard h3,
  #x-admin-v2 .x-admin-theme-active-body h3,
  #x-admin-v2 .x-admin-theme-active-body strong,
  #x-admin-v2 .x-admin-theme-card-body strong,
  #x-admin-v2 .x-admin-social-head strong,
  #x-admin-v2 .x-admin-social-value strong,
  #x-admin-v2 .x-admin-social-stats strong,
  #x-admin-v2 .x-admin-rating-score strong,
  #x-admin-v2 .x-admin-layout-item-head strong,
  #x-admin-v2 .x-admin-layout-meta dd,
  #x-admin-v2 .x-admin-settings-meta dd,
  #x-admin-v2 .x-admin-status-row > span,
  #x-admin-v2 .x-admin-history-item strong,
  #x-admin-v2 .x-admin-integration-header h3,
  #x-admin-v2 .x-admin-integration-header strong,
  #x-admin-v2 .x-admin-notification-title,
  #x-admin-v2 .x-admin-notification-card-title strong,
  #x-admin-v2 .x-admin-profile-popover-header h2,
  #x-admin-v2 .x-admin-profile-name,
  #x-admin-v2 .x-admin-profile-item strong,
  #x-admin-v2 .x-admin-modal-header h2,
  #x-admin-v2 .x-admin-customizer-section legend,
  #x-admin-v2 .x-admin-customizer-option-copy strong,
  #x-admin-v2 .x-admin-customizer-color strong,
  #x-admin-v2 .x-admin-customizer-field span,
  #x-admin-v2 .x-admin-customizer-confirm h3 {
    color: var(--x-admin-heading); }
  #x-admin-v2 .x-admin-brand-version,
  #x-admin-v2 .x-admin-card-header p,
  #x-admin-v2 .x-admin-settings-card-header p,
  #x-admin-v2 .x-admin-settings-subcard p,
  #x-admin-v2 .x-admin-page-status,
  #x-admin-v2 .x-admin-social-head span,
  #x-admin-v2 .x-admin-social-stats small,
  #x-admin-v2 .x-admin-rating-label,
  #x-admin-v2 .x-admin-rating-total span,
  #x-admin-v2 .x-admin-review p,
  #x-admin-v2 .x-admin-review-footer,
  #x-admin-v2 .x-admin-layout-item-body p,
  #x-admin-v2 .x-admin-layout-meta dt,
  #x-admin-v2 .x-admin-settings-meta dt,
  #x-admin-v2 .x-admin-theme-active-body p,
  #x-admin-v2 .x-admin-theme-card-body span,
  #x-admin-v2 .x-admin-theme-card-body p,
  #x-admin-v2 .x-admin-file-drop small,
  #x-admin-v2 .x-admin-file-name,
  #x-admin-v2 .x-admin-social-preview p,
  #x-admin-v2 .x-admin-history-item span,
  #x-admin-v2 .x-admin-history-item small,
  #x-admin-v2 .x-admin-integration-header p,
  #x-admin-v2 .x-admin-integration-check,
  #x-admin-v2 .x-admin-notification-count,
  #x-admin-v2 .x-admin-notification-time,
  #x-admin-v2 .x-admin-notification-group-title,
  #x-admin-v2 .x-admin-notification-message,
  #x-admin-v2 .x-admin-notification-details span,
  #x-admin-v2 .x-admin-notification-pagination,
  #x-admin-v2 .x-admin-empty-state,
  #x-admin-v2 .x-admin-notification-state,
  #x-admin-v2 .x-admin-modal-header p,
  #x-admin-v2 .x-admin-customizer-section legend small,
  #x-admin-v2 .x-admin-customizer-option-copy small,
  #x-admin-v2 .x-admin-footer,
  #x-admin-v2 .x-admin-footer-link {
    color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-page-kicker,
  #x-admin-v2 .x-admin-link-button,
  #x-admin-v2 .x-admin-text-button,
  #x-admin-v2 .x-admin-popover-action,
  #x-admin-v2 .x-admin-footer-link:hover,
  #x-admin-v2 .x-admin-profile-email,
  #x-admin-v2 .x-admin-profile-badge,
  #x-admin-v2 .x-admin-profile-count {
    color: var(--x-admin-link); }
  #x-admin-v2 .x-admin-link-button:hover,
  #x-admin-v2 .x-admin-text-button:hover,
  #x-admin-v2 .x-admin-popover-action:hover {
    color: var(--x-admin-link-hover); }
  #x-admin-v2 .x-admin-nav-link,
  #x-admin-v2 .x-admin-nav-submenu-item,
  #x-admin-v2 .x-admin-horizontal-link,
  #x-admin-v2 .x-admin-horizontal-submenu a,
  #x-admin-v2 .x-admin-icon-button,
  #x-admin-v2 .x-admin-avatar-button,
  #x-admin-v2 .x-admin-button-secondary,
  #x-admin-v2 .x-admin-segment,
  #x-admin-v2 .x-admin-settings-tab,
  #x-admin-v2 .x-admin-profile-item,
  #x-admin-v2 .x-admin-profile-language-option {
    color: var(--x-admin-text-soft); }
  #x-admin-v2 .x-admin-icon-button,
  #x-admin-v2 .x-admin-avatar-button {
    border-color: var(--x-admin-border);
    background: var(--x-admin-surface);
    color: var(--x-admin-icon); }
  #x-admin-v2 .x-admin-icon-button svg,
  #x-admin-v2 .x-admin-avatar-button svg,
  #x-admin-v2 .x-admin-header svg,
  #x-admin-v2 .x-admin-nav-svg,
  #x-admin-v2 .x-admin-profile-item-icon svg {
    color: inherit;
    stroke: currentColor; }
  #x-admin-v2 .x-admin-icon-button:hover,
  #x-admin-v2 .x-admin-avatar-button:hover,
  #x-admin-v2 .x-admin-button-secondary:hover,
  #x-admin-v2 .x-admin-segment:hover,
  #x-admin-v2 .x-admin-settings-tab:hover,
  #x-admin-v2 .x-admin-profile-item:hover,
  #x-admin-v2 .x-admin-profile-language-option:hover,
  #x-admin-v2 .x-admin-horizontal-link:hover,
  #x-admin-v2 .x-admin-horizontal-submenu a:hover {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-surface-hover);
    color: var(--x-admin-primary);
    box-shadow: var(--x-admin-shadow-sm); }
  #x-admin-v2 .x-admin-nav-link:hover,
  #x-admin-v2 .x-admin-nav-link.x-is-active,
  #x-admin-v2 .x-admin-nav-submenu-item:hover,
  #x-admin-v2 .x-admin-nav-submenu-item.x-is-active,
  #x-admin-v2 .x-admin-horizontal-link.x-is-active,
  #x-admin-v2 .x-admin-horizontal-submenu a.x-is-active,
  #x-admin-v2 .x-admin-segment.x-is-active,
  #x-admin-v2 .x-admin-settings-tab.x-is-active,
  #x-admin-v2 .x-admin-theme-card.x-is-active,
  #x-admin-v2 .x-admin-profile-language-option.x-is-active,
  #x-admin-v2 .x-admin-notification-card-unread {
    border-color: var(--x-admin-selected-border);
    background: var(--x-admin-selected-background);
    color: var(--x-admin-primary);
    box-shadow: inset 0 0 0 1px var(--x-admin-selected-border); }
  #x-admin-v2 .x-admin-nav-submenu-dot,
  #x-admin-v2 .x-admin-notification-card-unread .x-admin-notification-dot,
  #x-admin-v2 .x-admin-rating-fill {
    background: var(--x-admin-progress-primary); }
  #x-admin-v2 .x-admin-brand-logo,
  #x-admin-v2 .x-admin-layout-preview,
  #x-admin-v2 .x-admin-integration-icon,
  #x-admin-v2 .x-admin-notification-icon,
  #x-admin-v2 .x-admin-customizer-section-icon,
  #x-admin-v2 .x-admin-social-preview span {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-brand-svg rect {
    fill: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-avatar {
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast); }
  #x-admin-v2 .x-admin-search,
  #x-admin-v2 .x-admin-search-input,
  #x-admin-v2 .x-admin-field input,
  #x-admin-v2 .x-admin-field select,
  #x-admin-v2 .x-admin-field textarea,
  #x-admin-v2 .x-admin-customizer-field select,
  #x-admin-v2 .x-admin-color-field,
  #x-admin-v2 input,
  #x-admin-v2 select,
  #x-admin-v2 textarea {
    border-color: var(--x-admin-input-border);
    background: var(--x-admin-input-background);
    color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-search-input {
    background: transparent; }
  #x-admin-v2 .x-admin-field input:hover,
  #x-admin-v2 .x-admin-field select:hover,
  #x-admin-v2 .x-admin-field textarea:hover,
  #x-admin-v2 .x-admin-customizer-field select:hover,
  #x-admin-v2 input:hover,
  #x-admin-v2 select:hover,
  #x-admin-v2 textarea:hover {
    border-color: var(--x-admin-input-hover-border); }
  #x-admin-v2 .x-admin-field input:focus,
  #x-admin-v2 .x-admin-field select:focus,
  #x-admin-v2 .x-admin-field textarea:focus,
  #x-admin-v2 .x-admin-customizer-field select:focus,
  #x-admin-v2 input:focus,
  #x-admin-v2 select:focus,
  #x-admin-v2 textarea:focus {
    border-color: var(--x-admin-input-focus-border); }
  #x-admin-v2 input::placeholder,
  #x-admin-v2 textarea::placeholder,
  #x-admin-v2 .x-admin-search-input::placeholder {
    color: var(--x-admin-placeholder); }
  #x-admin-v2 input:disabled,
  #x-admin-v2 select:disabled,
  #x-admin-v2 textarea:disabled,
  #x-admin-v2 button:disabled {
    background: var(--x-admin-disabled-background);
    color: var(--x-admin-text-disabled); }
  #x-admin-v2 input:where([type="checkbox"], [type="radio"]) {
    accent-color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-button {
    border-color: var(--x-admin-primary);
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast); }
  #x-admin-v2 .x-admin-button:hover {
    border-color: var(--x-admin-primary-hover);
    background: var(--x-admin-primary-hover); }
  #x-admin-v2 .x-admin-button:active {
    border-color: var(--x-admin-primary-active);
    background: var(--x-admin-primary-active); }
  #x-admin-v2 .x-admin-button-secondary {
    border-color: var(--x-admin-border);
    background: var(--x-admin-surface);
    color: var(--x-admin-text-soft); }
  #x-admin-v2 .x-admin-table {
    background: var(--x-admin-table-row);
    color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-table th,
  #x-admin-v2 .x-admin-table td {
    padding: var(--x-admin-table-cell-padding-y) var(--x-admin-table-cell-padding-x);
    border-color: var(--x-admin-divider);
    background: var(--x-admin-table-row); }
  #x-admin-v2 .x-admin-table th {
    background: var(--x-admin-table-header);
    color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-table td {
    color: var(--x-admin-text-secondary); }
  #x-admin-v2 .x-admin-table tr:hover td {
    background: var(--x-admin-table-row-hover); }
  #x-admin-v2 .x-admin-review,
  #x-admin-v2 .x-admin-notification-card,
  #x-admin-v2 .x-admin-layout-item-card,
  #x-admin-v2 .x-admin-history-item {
    padding: var(--x-admin-list-item-padding); }
  #x-admin-v2 .x-admin-review-list,
  #x-admin-v2 .x-admin-service-list,
  #x-admin-v2 .x-admin-team-list,
  #x-admin-v2 .x-admin-gallery-list,
  #x-admin-v2 .x-admin-history-list,
  #x-admin-v2 .x-admin-notification-list {
    gap: var(--x-admin-list-row-gap); }
  #x-admin-v2 .x-admin-switch {
    border-color: var(--x-admin-border-strong);
    background: var(--x-admin-surface-tertiary); }
  #x-admin-v2 .x-admin-switch.x-is-active,
  #x-admin-v2 .x-admin-customizer-switch input:checked + .x-admin-customizer-switch-control {
    border-color: var(--x-admin-toggle-active);
    background: var(--x-admin-toggle-active); }
  #x-admin-v2 .x-admin-customizer-switch-control {
    border-color: var(--x-admin-border-strong);
    background: var(--x-admin-surface-tertiary); }
  #x-admin-v2 .x-admin-status-success,
  #x-admin-v2 .x-admin-social-value span {
    background: var(--x-admin-success-soft);
    color: var(--x-admin-success); }
  #x-admin-v2 .x-admin-status-muted {
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-status-warning {
    background: var(--x-admin-warning-soft);
    color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-notification-priority,
  #x-admin-v2 .x-admin-notification-error,
  #x-admin-v2 .x-admin-toast-error {
    background: var(--x-admin-danger-soft);
    color: var(--x-admin-danger); }
  #x-admin-v2 .x-admin-danger-zone {
    border-color: rgba(223, 63, 64, 0.36);
    background: var(--x-admin-danger-soft); }
  #x-admin-v2 .x-admin-danger-zone .x-admin-settings-card-header h2,
  #x-admin-v2 .x-admin-danger-zone .x-admin-button-secondary {
    color: var(--x-admin-danger); }
  #x-admin-v2 .x-admin-review-summary {
    background: var(--x-admin-info-soft);
    color: var(--x-admin-info); }
  #x-admin-v2 .x-admin-rating-track {
    background: var(--x-admin-surface-tertiary); }
  #x-admin-v2 .x-admin-toast {
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast); }
  #x-admin-v2 .x-admin-customizer-overlay {
    position: fixed;
    inset: 0;
    z-index: 20;
    background: var(--x-admin-overlay-background);
    backdrop-filter: blur(2px);
    animation: x-admin-customizer-fade .16s ease; }
  #x-admin-v2 .x-admin-customizer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    width: min(430px, calc(100vw - 48px));
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--x-admin-border);
    background: var(--x-admin-modal-background);
    color: var(--x-admin-text);
    box-shadow: var(--x-admin-shadow-lg);
    animation: x-admin-customizer-in .2s ease; }
  #x-admin-v2.x-is-customizer-open .x-admin-header-right {
    position: fixed;
    top: 22px;
    right: min(446px, calc(100vw - 58px));
    z-index: 110;
    padding: 0;
    border-radius: 8px;
    box-shadow: var(--x-admin-shadow); }
  #x-admin-v2 .x-admin-customizer-header,
  #x-admin-v2 .x-admin-customizer-footer {
    flex: 0 0 auto;
    border-color: var(--x-admin-border);
    background: var(--x-admin-surface); }
  #x-admin-v2 .x-admin-customizer-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 24px 18px;
    border-bottom: 1px solid var(--x-admin-border); }
    #x-admin-v2 .x-admin-customizer-header h2 {
      margin: 4px 0 0;
      color: var(--x-admin-text);
      font-size: 24px;
      line-height: 1.16; }
    #x-admin-v2 .x-admin-customizer-header p {
      margin: 6px 0 0;
      color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-customizer-kicker {
    color: var(--x-admin-primary);
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase; }
  #x-admin-v2 .x-admin-customizer-close {
    flex: 0 0 38px;
    width: 38px;
    height: 38px; }
  #x-admin-v2 .x-admin-customizer-alert {
    margin: 14px 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(223, 63, 64, 0.26);
    border-radius: 8px;
    background: var(--x-admin-danger-soft);
    color: var(--x-admin-danger);
    font-weight: 750; }
  #x-admin-v2 .x-admin-customizer-content {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 18px; }
  #x-admin-v2 .x-admin-customizer-section {
    min-width: 0;
    margin: 0 0 16px;
    padding: 16px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2 .x-admin-customizer-section legend {
      width: 100%;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: 0 0 14px;
      color: var(--x-admin-text); }
      #x-admin-v2 .x-admin-customizer-section legend strong,
      #x-admin-v2 .x-admin-customizer-section legend small {
        display: block; }
      #x-admin-v2 .x-admin-customizer-section legend strong {
        font-size: 15px;
        line-height: 1.3; }
      #x-admin-v2 .x-admin-customizer-section legend small {
        margin-top: 2px;
        color: var(--x-admin-text-muted);
        font-size: 12px; }
  #x-admin-v2 .x-admin-customizer-section-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-customizer-section-icon svg {
      width: 18px;
      height: 18px; }
  #x-admin-v2 .x-admin-customizer-option-grid {
    display: grid;
    gap: 10px; }
  #x-admin-v2 .x-admin-customizer-option-grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #x-admin-v2 .x-admin-customizer-option-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #x-admin-v2 .x-admin-customizer-option,
  #x-admin-v2 .x-admin-customizer-color {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    color: var(--x-admin-text);
    text-align: left;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; }
    #x-admin-v2 .x-admin-customizer-option:hover, #x-admin-v2 .x-admin-customizer-option.x-is-active, #x-admin-v2 .x-admin-customizer-option.x-admin-customizer-option-active,
    #x-admin-v2 .x-admin-customizer-color:hover,
    #x-admin-v2 .x-admin-customizer-color.x-is-active,
    #x-admin-v2 .x-admin-customizer-color.x-admin-customizer-option-active {
      border-color: var(--x-admin-primary-border);
      box-shadow: inset 0 0 0 1px var(--x-admin-primary-border); }
    #x-admin-v2 .x-admin-customizer-option.x-is-active, #x-admin-v2 .x-admin-customizer-option.x-admin-customizer-option-active,
    #x-admin-v2 .x-admin-customizer-color.x-is-active,
    #x-admin-v2 .x-admin-customizer-color.x-admin-customizer-option-active {
      background: var(--x-admin-selected-background); }
  #x-admin-v2 .x-admin-customizer-option-copy {
    display: grid;
    gap: 2px; }
    #x-admin-v2 .x-admin-customizer-option-copy strong {
      color: var(--x-admin-text);
      font-size: 13px; }
    #x-admin-v2 .x-admin-customizer-option-copy small {
      font-size: 11px;
      line-height: 1.35; }
  #x-admin-v2 .x-admin-customizer-preview {
    height: 70px;
    display: grid;
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--x-admin-border);
    border-radius: 7px;
    background: var(--x-admin-page-background); }
    #x-admin-v2 .x-admin-customizer-preview span {
      display: block;
      border-radius: 5px;
      background: var(--x-admin-surface); }
  #x-admin-v2 .x-admin-customizer-preview-layout {
    grid-template-columns: 28% 1fr 1fr;
    grid-template-rows: 18px 1fr; }
    #x-admin-v2 .x-admin-customizer-preview-layout span:first-child {
      grid-row: 1 / span 2;
      background: var(--x-admin-primary-soft); }
    #x-admin-v2 .x-admin-customizer-preview-layout span:nth-child(2) {
      grid-column: 2 / span 2; }
  #x-admin-v2 .x-admin-customizer-preview-compact {
    grid-template-columns: 22% 1fr 1fr;
    gap: 4px; }
  #x-admin-v2 .x-admin-customizer-preview-menu {
    grid-template-columns: 30% 1fr;
    grid-template-rows: repeat(3, 1fr); }
    #x-admin-v2 .x-admin-customizer-preview-menu span:first-child {
      grid-row: 1 / span 3;
      background: var(--x-admin-primary-soft); }
  #x-admin-v2 .x-admin-customizer-preview-horizontal {
    grid-template-columns: 1fr;
    grid-template-rows: 16px 14px 1fr; }
    #x-admin-v2 .x-admin-customizer-preview-horizontal span:first-child {
      grid-row: auto; }
    #x-admin-v2 .x-admin-customizer-preview-horizontal span:nth-child(2) {
      background: var(--x-admin-primary-soft); }
  #x-admin-v2 .x-admin-customizer-preview-theme {
    grid-template-columns: 34% 1fr;
    grid-template-rows: 18px 1fr 1fr; }
  #x-admin-v2 .x-admin-customizer-preview-dark {
    background: #0f172a; }
    #x-admin-v2 .x-admin-customizer-preview-dark span {
      background: #1f2a44; }
    #x-admin-v2 .x-admin-customizer-preview-dark span:first-child {
      background: #2a3a5d; }
  #x-admin-v2 .x-admin-customizer-preview-system {
    background: linear-gradient(90deg, #f8fbff 0 50%, #0f172a 50% 100%); }
  #x-admin-v2 .x-admin-customizer-color-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px; }
  #x-admin-v2 .x-admin-customizer-color {
    min-height: 74px;
    flex-direction: row;
    align-items: center; }
    #x-admin-v2 .x-admin-customizer-color span {
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      border-radius: 10px;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45); }
    #x-admin-v2 .x-admin-customizer-color strong {
      color: var(--x-admin-text);
      font-size: 12px;
      line-height: 1.25; }
    #x-admin-v2 .x-admin-customizer-color[data-color="default-blue"] span {
      background: #2f80ed; }
    #x-admin-v2 .x-admin-customizer-color[data-color="navy"] span {
      background: #3451a3; }
    #x-admin-v2 .x-admin-customizer-color[data-color="indigo"] span {
      background: #4f46e5; }
    #x-admin-v2 .x-admin-customizer-color[data-color="purple"] span {
      background: #7c3aed; }
    #x-admin-v2 .x-admin-customizer-color[data-color="green"] span {
      background: #159957; }
    #x-admin-v2 .x-admin-customizer-color[data-color="teal"] span {
      background: #0d9488; }
    #x-admin-v2 .x-admin-customizer-color[data-color="cyan"] span {
      background: #0891b2; }
    #x-admin-v2 .x-admin-customizer-color[data-color="orange"] span {
      background: #f97316; }
    #x-admin-v2 .x-admin-customizer-color[data-color="red"] span {
      background: #dc3545; }
    #x-admin-v2 .x-admin-customizer-color[data-color="gray"] span {
      background: #64748b; }
  #x-admin-v2 .x-admin-customizer-segmented {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px; }
    #x-admin-v2 .x-admin-customizer-segmented button {
      min-height: 38px;
      border: 1px solid var(--x-admin-border);
      border-radius: 8px;
      background: var(--x-admin-surface);
      color: var(--x-admin-text-soft);
      font-weight: 800; }
      #x-admin-v2 .x-admin-customizer-segmented button:hover, #x-admin-v2 .x-admin-customizer-segmented button.x-is-active {
        border-color: var(--x-admin-primary-border);
        background: var(--x-admin-selected-background);
        color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-customizer-control-list {
    display: grid;
    gap: 10px; }
  #x-admin-v2 .x-admin-customizer-switch,
  #x-admin-v2 .x-admin-customizer-field {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    color: var(--x-admin-text);
    font-weight: 750; }
  #x-admin-v2 .x-admin-customizer-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
  #x-admin-v2 .x-admin-customizer-switch input:checked + .x-admin-customizer-switch-control {
    border-color: var(--x-admin-toggle-active);
    background: var(--x-admin-toggle-active); }
    #x-admin-v2 .x-admin-customizer-switch input:checked + .x-admin-customizer-switch-control::after {
      transform: translateX(18px); }
  #x-admin-v2 .x-admin-customizer-switch-control {
    width: 42px;
    height: 24px;
    flex: 0 0 42px;
    position: relative;
    order: 2;
    border: 1px solid var(--x-admin-border-strong);
    border-radius: 999px;
    background: #dbe5f0;
    transition: background-color .16s ease, border-color .16s ease; }
    #x-admin-v2 .x-admin-customizer-switch-control::after {
      content: "";
      position: absolute;
      top: 3px;
      left: 3px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 2px 8px rgba(24, 42, 72, 0.22);
      transition: transform .16s ease; }
  #x-admin-v2 .x-admin-customizer-field {
    flex-direction: column;
    align-items: stretch; }
    #x-admin-v2 .x-admin-customizer-field span {
      color: var(--x-admin-text);
      font-size: 12px; }
    #x-admin-v2 .x-admin-customizer-field select {
      min-height: 38px;
      width: 100%;
      border: 1px solid var(--x-admin-border);
      border-radius: 8px;
      background: var(--x-admin-input-background);
      color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-customizer-confirm {
    position: absolute;
    right: 18px;
    bottom: 84px;
    left: 18px;
    z-index: 2;
    padding: 16px;
    border: 1px solid var(--x-admin-primary-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    box-shadow: var(--x-admin-shadow); }
    #x-admin-v2 .x-admin-customizer-confirm h3 {
      margin: 0;
      color: var(--x-admin-text);
      font-size: 16px; }
    #x-admin-v2 .x-admin-customizer-confirm p {
      margin: 6px 0 0;
      color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-customizer-confirm-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 14px; }
  #x-admin-v2 .x-admin-customizer-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 14px 18px 18px;
    border-top: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-toast {
    background: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-toast-error {
    background: var(--x-admin-danger); }
  #x-admin-v2 .x-admin-page-kicker,
  #x-admin-v2 .x-admin-customizer-kicker {
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-link-button,
  #x-admin-v2 .x-admin-text-button,
  #x-admin-v2 .x-admin-popover-action,
  #x-admin-v2 .x-admin-footer-link:hover,
  #x-admin-v2 .x-admin-profile-email {
    color: var(--x-admin-link); }
    #x-admin-v2 .x-admin-link-button:hover, #x-admin-v2 .x-admin-link-button:focus-visible,
    #x-admin-v2 .x-admin-text-button:hover,
    #x-admin-v2 .x-admin-text-button:focus-visible,
    #x-admin-v2 .x-admin-popover-action:hover,
    #x-admin-v2 .x-admin-popover-action:focus-visible,
    #x-admin-v2 .x-admin-footer-link:hover:hover,
    #x-admin-v2 .x-admin-footer-link:hover:focus-visible,
    #x-admin-v2 .x-admin-profile-email:hover,
    #x-admin-v2 .x-admin-profile-email:focus-visible {
      color: var(--x-admin-link-hover); }
  #x-admin-v2 .x-admin-nav-link:hover, #x-admin-v2 .x-admin-nav-link.x-is-active,
  #x-admin-v2 .x-admin-nav-submenu-item:hover,
  #x-admin-v2 .x-admin-nav-submenu-item.x-is-active,
  #x-admin-v2 .x-admin-horizontal-link:hover,
  #x-admin-v2 .x-admin-horizontal-link.x-is-active,
  #x-admin-v2 .x-admin-horizontal-submenu a:hover,
  #x-admin-v2 .x-admin-horizontal-submenu a.x-is-active {
    border-color: var(--x-admin-selected-border);
    background: var(--x-admin-selected-background);
    color: var(--x-admin-primary);
    box-shadow: inset 0 0 0 1px var(--x-admin-primary-border); }
  #x-admin-v2 .x-admin-nav-link.x-is-active .x-admin-nav-svg,
  #x-admin-v2 .x-admin-nav-submenu-item.x-is-active .x-admin-nav-svg,
  #x-admin-v2 .x-admin-horizontal-link.x-is-active .x-admin-nav-svg,
  #x-admin-v2 .x-admin-horizontal-submenu a.x-is-active .x-admin-nav-svg {
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-nav-submenu-dot,
  #x-admin-v2 .x-admin-notification-card-unread .x-admin-notification-dot,
  #x-admin-v2 .x-admin-rating-fill {
    background: var(--x-admin-progress-primary); }
  #x-admin-v2 .x-admin-settings-tab {
    position: relative; }
    #x-admin-v2 .x-admin-settings-tab::after {
      content: "";
      position: absolute;
      right: 10px;
      bottom: 5px;
      left: 10px;
      height: 2px;
      border-radius: 999px;
      background: var(--x-admin-primary);
      opacity: 0;
      transform: translateY(2px);
      transition: opacity .16s ease, transform .16s ease; }
    #x-admin-v2 .x-admin-settings-tab:hover {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-primary-subtle);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-settings-tab.x-is-active {
      border-color: var(--x-admin-selected-border);
      background: var(--x-admin-selected-background);
      color: var(--x-admin-primary);
      box-shadow: inset 0 0 0 1px var(--x-admin-primary-border); }
      #x-admin-v2 .x-admin-settings-tab.x-is-active::after {
        opacity: 1;
        transform: translateY(0); }
  #x-admin-v2 .x-admin-segment:hover, #x-admin-v2 .x-admin-segment:focus-visible,
  #x-admin-v2 .x-admin-pagination .x-admin-button-secondary:hover,
  #x-admin-v2 .x-admin-pagination .x-admin-button-secondary:focus-visible,
  #x-admin-v2 .x-admin-notification-pagination .x-admin-button-secondary:hover,
  #x-admin-v2 .x-admin-notification-pagination .x-admin-button-secondary:focus-visible {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-subtle);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-segment.x-is-active, #x-admin-v2 .x-admin-segment[aria-current="page"], #x-admin-v2 .x-admin-segment[aria-pressed="true"],
  #x-admin-v2 .x-admin-pagination .x-admin-button-secondary.x-is-active,
  #x-admin-v2 .x-admin-pagination .x-admin-button-secondary[aria-current="page"],
  #x-admin-v2 .x-admin-pagination .x-admin-button-secondary[aria-pressed="true"],
  #x-admin-v2 .x-admin-notification-pagination .x-admin-button-secondary.x-is-active,
  #x-admin-v2 .x-admin-notification-pagination .x-admin-button-secondary[aria-current="page"],
  #x-admin-v2 .x-admin-notification-pagination .x-admin-button-secondary[aria-pressed="true"] {
    border-color: var(--x-admin-selected-border);
    background: var(--x-admin-selected-background);
    color: var(--x-admin-primary);
    box-shadow: inset 0 0 0 1px var(--x-admin-primary-border); }
  #x-admin-v2 .x-admin-icon-button:hover,
  #x-admin-v2 .x-admin-avatar-button:hover,
  #x-admin-v2 .x-admin-button-secondary:hover,
  #x-admin-v2 .x-admin-profile-item:hover,
  #x-admin-v2 .x-admin-profile-language-option:hover,
  #x-admin-v2 .x-admin-sidebar-profile-action-item:hover,
  #x-admin-v2 .x-admin-sidebar-profile-action-item:focus-visible,
  #x-admin-v2 .x-admin-notification-actions-menu button:not(.x-admin-notification-menu-danger):hover,
  #x-admin-v2 .x-admin-notification-actions-menu button:not(.x-admin-notification-menu-danger):focus-visible,
  #x-admin-v2 .x-admin-notification-settings-menu button:hover,
  #x-admin-v2 .x-admin-notification-settings-menu button:focus-visible {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-subtle);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-notification-actions-menu .x-admin-notification-menu-danger:hover,
  #x-admin-v2 .x-admin-notification-actions-menu .x-admin-notification-menu-danger:focus-visible {
    background: var(--x-admin-danger-soft);
    color: var(--x-admin-danger); }
  #x-admin-v2 .x-admin-brand-logo,
  #x-admin-v2 .x-admin-layout-preview,
  #x-admin-v2 .x-admin-integration-icon,
  #x-admin-v2 .x-admin-notification-icon,
  #x-admin-v2 .x-admin-customizer-section-icon,
  #x-admin-v2 .x-admin-sidebar-profile-action-icon,
  #x-admin-v2 .x-admin-lock-screen-icon,
  #x-admin-v2 .x-admin-contact-map-pin,
  #x-admin-v2 .x-admin-social-preview span {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-contact-map-pin {
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast); }
  #x-admin-v2 .x-admin-avatar {
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast);
    box-shadow: 0 0 0 3px var(--x-admin-primary-border); }
  #x-admin-v2 .x-admin-profile-badge,
  #x-admin-v2 .x-admin-profile-count,
  #x-admin-v2 .x-admin-badge,
  #x-admin-v2 .x-admin-page-status,
  #x-admin-v2 .x-admin-notification-count,
  #x-admin-v2 .x-admin-review-summary {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-status-muted,
  #x-admin-v2 .x-admin-notification-details span,
  #x-admin-v2 .x-admin-layout-meta div,
  #x-admin-v2 .x-admin-settings-meta div {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-subtle); }
  #x-admin-v2 .x-admin-theme-card.x-is-active,
  #x-admin-v2 .x-admin-customizer-option.x-is-active,
  #x-admin-v2 .x-admin-customizer-option.x-admin-customizer-option-active,
  #x-admin-v2 .x-admin-customizer-color.x-is-active,
  #x-admin-v2 .x-admin-customizer-color.x-admin-customizer-option-active,
  #x-admin-v2 .x-admin-avatar-editor:focus-within,
  #x-admin-v2 .x-admin-section-block:focus-within {
    border-color: var(--x-admin-selected-border);
    background: var(--x-admin-selected-background);
    box-shadow: inset 0 0 0 1px var(--x-admin-primary-border); }
  #x-admin-v2 .x-admin-notification-card-unread {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-subtle);
    box-shadow: inset 3px 0 0 var(--x-admin-primary), var(--x-admin-shadow-soft); }
  #x-admin-v2 .x-admin-notification-card:hover,
  #x-admin-v2 .x-admin-notification-card:focus-visible,
  #x-admin-v2 .x-admin-review:hover,
  #x-admin-v2 .x-admin-review:focus,
  #x-admin-v2 .x-admin-layout-item-card:hover,
  #x-admin-v2 .x-admin-theme-card:hover,
  #x-admin-v2 .x-admin-status-row:hover,
  #x-admin-v2 .x-admin-history-item:hover,
  #x-admin-v2 .x-admin-integration-card:hover,
  #x-admin-v2 .x-admin-table tr:hover td {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-subtle); }
  #x-admin-v2 .x-admin-field input:focus,
  #x-admin-v2 .x-admin-field select:focus,
  #x-admin-v2 .x-admin-field textarea:focus,
  #x-admin-v2 .x-admin-customizer-field select:focus,
  #x-admin-v2 .x-admin-color-field:focus,
  #x-admin-v2 input:focus,
  #x-admin-v2 select:focus,
  #x-admin-v2 textarea:focus {
    border-color: var(--x-admin-primary);
    box-shadow: 0 0 0 3px var(--x-admin-focus-ring);
    outline: none; }
  #x-admin-v2 input:where([type="checkbox"], [type="radio"]) {
    accent-color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-switch.x-is-active,
  #x-admin-v2 .x-admin-customizer-switch input:checked + .x-admin-customizer-switch-control {
    border-color: var(--x-admin-primary);
    background: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-customizer-switch input:focus-visible + .x-admin-customizer-switch-control {
    box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }
  #x-admin-v2 .x-admin-tooltip,
  #x-admin-v2 .x-admin-nav-link::after {
    border-color: var(--x-admin-primary-border); }
@keyframes x-admin-customizer-in {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }
@keyframes x-admin-customizer-fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  #x-admin-v2 {
    --x-admin-sidebar-transition-duration: .01ms; }
    #x-admin-v2 *,
    #x-admin-v2 *::before,
    #x-admin-v2 *::after {
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important; } }
/* ==========================================================================
   Yeni modüller: site kimliği, header/menü, footer, gelen mesajlar,
   değişiklik geçmişi, yetkiler, panel özeti, iletişim araçları
   ========================================================================== */
#x-admin-v2 {
  /* "Sitem Hazır mı?" kartı. Tamamlanan satır tıklanamaz (div), eksik
     olan tıklanabilir (button); ikisi de aynı satır görünümünü paylaşır. */
  /* Site teması seçici. Kartların içindeki küçük örnek GERÇEK tema
     renkleriyle çizilir (JS inline stil yazar), o yüzden burada yalnız
     ölçü ve yerleşim vardır — renk YOKTUR. */
  /* Küçük sayfa örneği: zemin + kart + başlık/metin/buton çubukları. */
  /* "Normal Tema" kartinin onizlemesi. Renk YOKTUR: sitenin ozgun paleti
     panelde bilinmiyor, uydurma renk gostermek yanlis soz vermek olurdu. */
  /* Ziyaret grafiği. Sütun yükseklikleri JS'ten gelir (oranlı), burada
     yalnız yerleşim var. */
  /* Çok sütun dar ekrana sığmaz; yatay kayar. Sayfanın kendisi kaymaz. */
  /* Sıfır gün: ince gri çizgi. "Veri yok" ile "o gün kimse girmedi"
     ayrı görünmeli. */
  /* Koyu tema + açık logo uyarısı. Pill DEĞİL, paragraf: kendi iç
     boşluğu olmalı (pill sınıfı yalnız renk verir). */ }
  #x-admin-v2 .x-admin-muted-text {
    color: var(--x-admin-text-muted);
    font-size: 12px; }
  #x-admin-v2 .x-admin-card-header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center; }
  #x-admin-v2 .x-admin-modal-body-scroll {
    max-height: 62vh;
    overflow-y: auto; }
  #x-admin-v2 .x-admin-status-list {
    min-width: 0;
    display: grid;
    gap: 10px; }
  #x-admin-v2 .x-admin-dashboard-grid-secondary {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-top: 22px; }
  #x-admin-v2 .x-admin-pending-list {
    min-width: 0;
    display: grid;
    gap: 10px; }
  #x-admin-v2 .x-admin-pending-row {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text);
    font: inherit;
    text-align: left;
    cursor: pointer; }
    #x-admin-v2 .x-admin-pending-row:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-pending-row.x-is-active {
      border-color: var(--x-admin-primary-border); }
  #x-admin-v2 .x-admin-pending-count {
    min-width: 28px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary);
    font-weight: 600;
    text-align: center; }
  #x-admin-v2 .x-admin-pending-row.x-is-active .x-admin-pending-count {
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast); }
  #x-admin-v2 .x-admin-dashboard-grid-readiness {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 22px; }
  #x-admin-v2 .x-admin-readiness-progress {
    display: grid;
    gap: 6px;
    margin-bottom: 14px; }
  #x-admin-v2 .x-admin-readiness-bar {
    height: 8px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    overflow: hidden; }
    #x-admin-v2 .x-admin-readiness-bar > span {
      display: block;
      width: 0;
      height: 100%;
      border-radius: 999px;
      background: var(--x-admin-primary);
      transition: width .25s ease; }
  #x-admin-v2 .x-admin-readiness-score {
    margin: 0;
    color: var(--x-admin-text-secondary);
    font-weight: 600;
    font-size: 13px; }
  #x-admin-v2 .x-admin-readiness-list {
    min-width: 0;
    display: grid;
    gap: 8px; }
  #x-admin-v2 .x-admin-readiness-row {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text);
    font: inherit;
    text-align: left; }
  #x-admin-v2 button.x-admin-readiness-row {
    cursor: pointer; }
    #x-admin-v2 button.x-admin-readiness-row:hover {
      background: var(--x-admin-surface-hover); }
  #x-admin-v2 .x-admin-readiness-row[data-done="true"] {
    background: transparent;
    color: var(--x-admin-text-secondary); }
  #x-admin-v2 .x-admin-readiness-mark {
    flex: none;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary);
    font-weight: 800;
    font-size: 12px; }
    #x-admin-v2 .x-admin-readiness-mark[data-done="true"] {
      background: var(--x-admin-success-soft, #eaf8f0);
      color: var(--x-admin-success, #18a058); }
  #x-admin-v2 .x-admin-readiness-text {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: 2px; }
  #x-admin-v2 .x-admin-readiness-hint {
    color: var(--x-admin-text-muted);
    font-weight: 500;
    font-size: 12px; }
  #x-admin-v2 .x-admin-theme-preset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px; }
  #x-admin-v2 .x-admin-theme-preset {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface); }
    #x-admin-v2 .x-admin-theme-preset.x-is-active {
      border-color: var(--x-admin-primary);
      box-shadow: 0 0 0 1px var(--x-admin-primary) inset; }
  #x-admin-v2 .x-admin-theme-preset-body {
    display: grid;
    gap: 4px; }
    #x-admin-v2 .x-admin-theme-preset-body p {
      margin: 0;
      color: var(--x-admin-text-muted);
      font-size: 12px; }
  #x-admin-v2 .x-admin-theme-preset-mode {
    justify-self: start;
    padding: 1px 8px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary);
    font-size: 11px;
    font-weight: 700; }
    #x-admin-v2 .x-admin-theme-preset-mode[data-mode="dark"] {
      background: var(--x-admin-text);
      color: var(--x-admin-surface); }
  #x-admin-v2 .x-admin-theme-preset-actions {
    margin-top: auto; }
  #x-admin-v2 .x-admin-theme-preset-current {
    display: block;
    color: var(--x-admin-text-muted);
    font-size: 12px;
    font-weight: 600; }
  #x-admin-v2 .x-admin-theme-mini {
    display: block;
    height: 96px;
    padding: 12px;
    border: 1px solid;
    border-radius: 6px;
    overflow: hidden; }
  #x-admin-v2 .x-admin-theme-mini-card {
    display: block;
    height: 100%;
    padding: 10px;
    border: 1px solid;
    border-radius: 4px; }
  #x-admin-v2 .x-admin-theme-mini-title,
  #x-admin-v2 .x-admin-theme-mini-line,
  #x-admin-v2 .x-admin-theme-mini-button {
    display: block;
    border-radius: 2px; }
  #x-admin-v2 .x-admin-theme-mini-original {
    display: grid;
    place-items: center;
    border-style: dashed;
    border-color: var(--x-admin-border-strong, #d6e2ef);
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-muted);
    font-size: 12px;
    font-weight: 600;
    text-align: center; }
  #x-admin-v2 .x-admin-visit-chart {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-visit-chart-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px; }
    #x-admin-v2 .x-admin-visit-chart-head strong {
      display: block; }
  #x-admin-v2 .x-admin-visit-chart-note {
    color: var(--x-admin-text-muted);
    font-size: 12px; }
  #x-admin-v2 .x-admin-visit-bars {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    min-height: 132px;
    overflow-x: auto;
    padding-bottom: 4px; }
  #x-admin-v2 .x-admin-visit-bar {
    flex: 1 0 22px;
    min-width: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px; }
  #x-admin-v2 .x-admin-visit-bar-track {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: flex-end;
    border-radius: 4px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-visit-bar-fill {
    width: 100%;
    border-radius: 4px;
    background: var(--x-admin-primary);
    transition: height .2s ease; }
  #x-admin-v2 .x-admin-visit-bar[data-zero="true"] .x-admin-visit-bar-fill {
    background: var(--x-admin-border-strong, #d6e2ef); }
  #x-admin-v2 .x-admin-visit-bar-label {
    color: var(--x-admin-text-muted);
    font-size: 10px;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-theme-preset-mode[data-mode="original"] {
    background: var(--x-admin-primary-soft, var(--x-admin-surface-tertiary));
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-theme-mini-title {
    width: 62%;
    height: 8px; }
  #x-admin-v2 .x-admin-theme-mini-line {
    width: 88%;
    height: 5px;
    margin-top: 7px;
    opacity: .75; }
  #x-admin-v2 .x-admin-theme-mini-button {
    width: 44%;
    height: 14px;
    margin-top: 12px;
    border-radius: 4px; }
  #x-admin-v2 .x-admin-theme-warning {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--x-admin-warning-soft);
    color: var(--x-admin-text);
    font-size: 13px;
    font-weight: 600; }
  #x-admin-v2 .x-admin-list-state[data-tone="success"] {
    border-style: solid;
    border-color: var(--x-admin-success, #18a058);
    background: var(--x-admin-success-soft, #eaf8f0);
    color: var(--x-admin-success, #18a058); }
  #x-admin-v2 .x-admin-brand-image {
    max-width: 100%;
    max-height: 32px;
    object-fit: contain; }
  #x-admin-v2 .x-admin-identity-preview {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--x-admin-border); }
    #x-admin-v2 .x-admin-identity-preview h3 {
      margin: 0 0 12px;
      font-size: 14px; }
  #x-admin-v2 .x-admin-identity-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px; }
  #x-admin-v2 .x-admin-identity-preview-item {
    display: grid;
    gap: 8px;
    justify-items: start;
    padding: 16px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px; }
  #x-admin-v2 .x-admin-identity-preview-light {
    background: #ffffff;
    color: #172033; }
  #x-admin-v2 .x-admin-identity-preview-dark {
    background: #111c2f;
    color: #e6edf7; }
  #x-admin-v2 .x-admin-identity-preview-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .7; }
  #x-admin-v2 .x-admin-identity-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    background: rgba(127, 143, 166, 0.16);
    font-weight: 600; }
    #x-admin-v2 .x-admin-identity-logo img {
      max-width: 120px;
      max-height: 32px;
      object-fit: contain; }
  #x-admin-v2 .x-admin-identity-note {
    margin: 12px 0 0;
    color: var(--x-admin-text-muted);
    font-size: 12px; }
  #x-admin-v2 .x-admin-menu-list {
    min-width: 0;
    display: grid;
    gap: 10px; }
  #x-admin-v2 .x-admin-menu-row {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2 .x-admin-menu-row:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-menu-row[data-visible="false"] {
      opacity: .72; }
  #x-admin-v2 .x-admin-menu-row-child {
    margin-left: 28px;
    border-left: 3px solid var(--x-admin-primary-border); }
  #x-admin-v2 .x-admin-menu-row-main {
    min-width: 0;
    display: grid;
    gap: 2px; }
    #x-admin-v2 .x-admin-menu-row-main strong {
      color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-menu-row-target {
    color: var(--x-admin-text-muted);
    font-size: 12px;
    overflow-wrap: anywhere; }
  #x-admin-v2 .x-admin-menu-row-meta {
    display: flex;
    align-items: center;
    gap: 10px; }
  #x-admin-v2 .x-admin-menu-row-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px; }
  #x-admin-v2 .x-admin-footer-social-list {
    min-width: 0;
    display: grid;
    gap: 8px; }
  #x-admin-v2 .x-admin-footer-social-item {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-inbox-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(320px, 0.45fr) minmax(0, 1fr);
    gap: 22px;
    align-items: start; }
  #x-admin-v2 .x-admin-inbox-list {
    min-width: 0;
    display: grid;
    gap: 8px;
    max-height: 620px;
    overflow-y: auto; }
  #x-admin-v2 .x-admin-inbox-item {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    width: 100%;
    padding: 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text);
    font: inherit;
    text-align: left;
    cursor: pointer; }
    #x-admin-v2 .x-admin-inbox-item:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-inbox-item.x-is-active {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-selected-background); }
  #x-admin-v2 .x-admin-inbox-item-unread {
    border-left: 3px solid var(--x-admin-primary); }
  #x-admin-v2 .x-admin-inbox-item-unread .x-admin-inbox-item-subject {
    font-weight: 600; }
  #x-admin-v2 .x-admin-inbox-item-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary);
    font-size: 12px;
    font-weight: 600; }
  #x-admin-v2 .x-admin-inbox-item-body {
    min-width: 0;
    display: grid;
    gap: 3px; }
  #x-admin-v2 .x-admin-inbox-item-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px; }
  #x-admin-v2 .x-admin-inbox-item-time {
    color: var(--x-admin-text-muted);
    font-size: 11px;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-inbox-item-subject {
    color: var(--x-admin-text);
    font-size: 13px; }
  #x-admin-v2 .x-admin-inbox-item-meta {
    display: flex;
    align-items: center; }
  #x-admin-v2 .x-admin-inbox-item-preview {
    color: var(--x-admin-text-muted);
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  #x-admin-v2 .x-admin-inbox-detail {
    min-width: 0;
    display: grid;
    gap: 16px; }
  #x-admin-v2 .x-admin-inbox-detail-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px; }
    #x-admin-v2 .x-admin-inbox-detail-header h2 {
      margin: 0 0 4px;
      font-size: 17px; }
    #x-admin-v2 .x-admin-inbox-detail-header p {
      margin: 0;
      color: var(--x-admin-text-muted);
      font-size: 12px; }
  #x-admin-v2 .x-admin-inbox-detail-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; }
  #x-admin-v2 .x-admin-inbox-detail-message {
    padding: 16px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2 .x-admin-inbox-detail-message p {
      margin: 0;
      white-space: pre-line;
      overflow-wrap: anywhere; }
  #x-admin-v2 .x-admin-inbox-reply-actions,
  #x-admin-v2 .x-admin-inbox-detail-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px; }
  #x-admin-v2 .x-admin-inbox-detail-actions {
    padding-top: 14px;
    border-top: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-change-log-table td {
    vertical-align: top; }
  #x-admin-v2 .x-admin-invite-list,
  #x-admin-v2 .x-admin-role-template-list {
    min-width: 0;
    display: grid;
    gap: 10px; }
  #x-admin-v2 .x-admin-role-template-list {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  #x-admin-v2 .x-admin-invite-row {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-invite-main {
    min-width: 0;
    display: grid;
    gap: 2px; }
  #x-admin-v2 .x-admin-invite-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; }
  #x-admin-v2 .x-admin-role-template {
    padding: 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2 .x-admin-role-template strong {
      display: block;
      margin-bottom: 6px;
      color: var(--x-admin-text); }
    #x-admin-v2 .x-admin-role-template p {
      margin: 0;
      color: var(--x-admin-text-muted);
      font-size: 12px; }
  #x-admin-v2 .x-admin-permission-section,
  #x-admin-v2 .x-admin-user-account-section {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--x-admin-border); }
    #x-admin-v2 .x-admin-permission-section h3,
    #x-admin-v2 .x-admin-user-account-section h3 {
      margin: 0 0 10px;
      font-size: 14px; }
  #x-admin-v2 .x-admin-permission-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px; }
    #x-admin-v2 .x-admin-permission-head h3 {
      margin: 0; }
  #x-admin-v2 .x-admin-permission-note {
    margin: 8px 0 0;
    color: var(--x-admin-text-muted);
    font-size: 12px; }
  #x-admin-v2 .x-admin-permission-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 8px;
    margin-top: 10px; }
  #x-admin-v2 .x-admin-permission-grid .x-is-locked {
    opacity: .68; }
  #x-admin-v2 .x-admin-contact-map-frame-wrap {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-settings-map-frame {
    display: block;
    width: 100%;
    height: 260px;
    border: 0; }
  #x-admin-v2 .x-admin-mock-image-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px; }
  #x-admin-v2 .x-admin-mock-image {
    display: grid;
    gap: 4px;
    justify-items: center;
    padding: 6px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-muted);
    font-size: 11px;
    cursor: pointer; }
    #x-admin-v2 .x-admin-mock-image:hover {
      border-color: var(--x-admin-primary-border); }
    #x-admin-v2 .x-admin-mock-image img {
      width: 82px;
      height: 54px;
      object-fit: cover;
      border-radius: 6px; }
  #x-admin-v2 .x-admin-notification-card-pinned {
    border-left: 3px solid var(--x-admin-primary); }
  #x-admin-v2 .x-admin-notification-card-archived {
    opacity: .78; }
  #x-admin-v2 .x-admin-notification-pin-flag,
  #x-admin-v2 .x-admin-notification-archive-flag {
    color: var(--x-admin-primary);
    font-weight: 600; }
  #x-admin-v2 .x-admin-notification-preference-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px; }
  #x-admin-v2 .x-admin-nav-badge {
    margin-left: auto; }

/* ==========================================================================
   Sayfa içerik tasarımı: Gelen Mesajlar, Bildirimler, Kullanıcılar ve Yetkiler
   ========================================================================== */
#x-admin-v2 {
  /* --- Ortak sayfa başlığı --- */
  /* --- Özet kartları --- */
  /* --- Filtre barı --- */
  /* --- Liste altı --- */
  /* --- Soft rozet --- */
  /* --- Satır menüsü --- */
  /* ======================= GELEN MESAJLAR ======================= */
  /* ======================= BİLDİRİMLER ======================= */
  /* ======================= KULLANICILAR VE YETKİLER ======================= */
  /* Satır menüsünün kırpılmaması için: tablo min-width 760px, masaüstü
     kapsamındaki en dar genişlikte (1280px) içerik alanına sığar. */ }
  #x-admin-v2 .x-admin-page-titlebar[hidden] {
    display: none; }
  #x-admin-v2 .x-admin-page-head {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px; }
  #x-admin-v2 .x-admin-page-head-main {
    min-width: 0;
    display: grid;
    gap: 6px; }
  #x-admin-v2 .x-admin-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--x-admin-text-muted); }
    #x-admin-v2 .x-admin-breadcrumb a {
      color: var(--x-admin-text-muted);
      text-decoration: none;
      border-radius: 4px; }
      #x-admin-v2 .x-admin-breadcrumb a:hover {
        color: var(--x-admin-link-hover); }
  #x-admin-v2 .x-admin-breadcrumb-sep {
    display: inline-flex;
    width: 12px;
    height: 12px;
    color: var(--x-admin-text-disabled); }
    #x-admin-v2 .x-admin-breadcrumb-sep svg {
      width: 100%;
      height: 100%;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-breadcrumb-current {
    color: var(--x-admin-text-secondary);
    font-weight: 500; }
  #x-admin-v2 .x-admin-page-head-title {
    margin: 0;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 650;
    letter-spacing: -.01em;
    color: var(--x-admin-heading, var(--x-admin-text)); }
  #x-admin-v2 .x-admin-page-head-description {
    margin: 0;
    max-width: 720px;
    color: var(--x-admin-text-muted);
    font-size: 13px; }
  #x-admin-v2 .x-admin-page-head-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; }
  #x-admin-v2 .x-admin-metric-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px; }
  #x-admin-v2 .x-admin-metric-card {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--x-admin-border);
    border-radius: 12px;
    background: var(--x-admin-surface);
    box-shadow: var(--x-admin-shadow-sm); }
  #x-admin-v2 .x-admin-metric-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary); }
    #x-admin-v2 .x-admin-metric-icon svg {
      width: 19px;
      height: 19px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-metric-card[data-tone="primary"] .x-admin-metric-icon {
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-metric-card[data-tone="success"] .x-admin-metric-icon {
    background: rgba(24, 160, 88, 0.12);
    color: #18a058; }
  #x-admin-v2 .x-admin-metric-card[data-tone="warning"] .x-admin-metric-icon {
    background: rgba(245, 184, 61, 0.16);
    color: #b8801a; }
  #x-admin-v2 .x-admin-metric-card[data-tone="danger"] .x-admin-metric-icon {
    background: rgba(223, 63, 64, 0.12);
    color: #df3f40; }
  #x-admin-v2 .x-admin-metric-body {
    min-width: 0;
    display: grid;
    gap: 2px; }
  #x-admin-v2 .x-admin-metric-label {
    color: var(--x-admin-text-muted);
    font-size: 12px; }
  #x-admin-v2 .x-admin-metric-value {
    font-size: 22px;
    line-height: 1.15;
    font-weight: 650;
    color: var(--x-admin-heading, var(--x-admin-text)); }
  #x-admin-v2 .x-admin-filter-bar {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 14px 16px; }
  #x-admin-v2 .x-admin-inbox-list-card > .x-admin-filter-bar,
  #x-admin-v2 .x-admin-user-list-card > .x-admin-filter-bar {
    border-bottom: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-filter-bar-compact {
    padding: 12px 14px; }
  #x-admin-v2 .x-admin-filter-search {
    position: relative;
    flex: 1 1 200px;
    min-width: 0;
    display: flex;
    align-items: center; }
    #x-admin-v2 .x-admin-filter-search input {
      width: 100%;
      min-width: 0;
      height: 38px;
      padding: 0 12px 0 34px;
      border: 1px solid var(--x-admin-input-border);
      border-radius: 9px;
      background: var(--x-admin-input-background);
      color: var(--x-admin-text);
      font: inherit; }
      #x-admin-v2 .x-admin-filter-search input::placeholder {
        color: var(--x-admin-placeholder); }
      #x-admin-v2 .x-admin-filter-search input:hover {
        border-color: var(--x-admin-input-hover-border); }
      #x-admin-v2 .x-admin-filter-search input:focus-visible {
        border-color: var(--x-admin-input-focus-border);
        outline: 2px solid var(--x-admin-focus-ring);
        outline-offset: 1px; }
  #x-admin-v2 .x-admin-filter-search-icon {
    position: absolute;
    left: 11px;
    display: inline-flex;
    width: 15px;
    height: 15px;
    color: var(--x-admin-icon-muted);
    pointer-events: none; }
    #x-admin-v2 .x-admin-filter-search-icon svg {
      width: 100%;
      height: 100%;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-filter-select {
    flex: 0 0 auto;
    min-width: 0; }
    #x-admin-v2 .x-admin-filter-select select {
      height: 38px;
      min-width: 148px;
      padding: 0 30px 0 12px;
      border: 1px solid var(--x-admin-input-border);
      border-radius: 9px;
      background: var(--x-admin-input-background);
      color: var(--x-admin-text);
      font: inherit; }
      #x-admin-v2 .x-admin-filter-select select:hover {
        border-color: var(--x-admin-input-hover-border); }
      #x-admin-v2 .x-admin-filter-select select:focus-visible {
        border-color: var(--x-admin-input-focus-border);
        outline: 2px solid var(--x-admin-focus-ring);
        outline-offset: 1px; }
  #x-admin-v2 .x-admin-filter-bar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto; }
  #x-admin-v2 .x-admin-filter-reset {
    flex: none; }
  #x-admin-v2 .x-admin-list-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-list-count {
    color: var(--x-admin-text-muted);
    font-size: 12px; }
  #x-admin-v2 .x-admin-list-pagination {
    display: flex;
    align-items: center;
    gap: 6px; }
  #x-admin-v2 .x-admin-pagination-info {
    min-width: 46px;
    color: var(--x-admin-text-secondary);
    font-size: 12px;
    font-weight: 600;
    text-align: center; }
  #x-admin-v2 .x-admin-soft-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap; }
    #x-admin-v2 .x-admin-soft-badge[data-tone="primary"] {
      background: var(--x-admin-primary-soft);
      border-color: var(--x-admin-primary-border);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-soft-badge[data-tone="success"] {
      background: rgba(24, 160, 88, 0.12);
      border-color: rgba(24, 160, 88, 0.26);
      color: #128049; }
    #x-admin-v2 .x-admin-soft-badge[data-tone="warning"] {
      background: rgba(245, 184, 61, 0.16);
      border-color: rgba(245, 184, 61, 0.32);
      color: #97690f; }
    #x-admin-v2 .x-admin-soft-badge[data-tone="danger"] {
      background: rgba(223, 63, 64, 0.12);
      border-color: rgba(223, 63, 64, 0.26);
      color: #c33334; }
    #x-admin-v2 .x-admin-soft-badge[data-tone="info"] {
      background: rgba(47, 128, 237, 0.1);
      border-color: rgba(47, 128, 237, 0.24);
      color: #2069c4; }
    #x-admin-v2 .x-admin-soft-badge[data-tone="muted"] {
      background: var(--x-admin-surface-secondary);
      border-color: var(--x-admin-border);
      color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-count-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary);
    font-size: 11px;
    font-weight: 700; }
  #x-admin-v2 .x-admin-unread-dot {
    display: inline-block;
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-row-menu-wrap {
    position: relative;
    display: inline-flex; }
  #x-admin-v2 .x-admin-row-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 40;
    min-width: 216px;
    display: grid;
    gap: 2px;
    padding: 6px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-popover-background, var(--x-admin-surface));
    box-shadow: var(--x-admin-shadow-lg); }
  #x-admin-v2 .x-admin-row-menu-item {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--x-admin-text);
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer; }
    #x-admin-v2 .x-admin-row-menu-item:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-row-menu-item:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: -2px; }
  #x-admin-v2 .x-admin-row-menu-item-danger {
    color: #c33334; }
    #x-admin-v2 .x-admin-row-menu-item-danger:hover {
      background: rgba(223, 63, 64, 0.1); }
  #x-admin-v2 .x-admin-inbox-list-card,
  #x-admin-v2 .x-admin-inbox-detail-card {
    padding: 0;
    overflow: visible; }
  #x-admin-v2 .x-admin-inbox-list {
    gap: 6px;
    padding: 10px;
    max-height: 640px; }
  #x-admin-v2 .x-admin-inbox-item {
    grid-template-columns: auto minmax(0, 1fr) auto;
    border-color: transparent;
    background: transparent;
    border-radius: 10px; }
    #x-admin-v2 .x-admin-inbox-item:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-inbox-item.x-is-active {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-primary-subtle); }
  #x-admin-v2 .x-admin-inbox-item-unread {
    border-left: 0; }
  #x-admin-v2 .x-admin-inbox-item-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px; }
  #x-admin-v2 .x-admin-inbox-item-flag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    padding-top: 6px; }
  #x-admin-v2 .x-admin-inbox-detail {
    padding: 20px 22px 22px; }
  #x-admin-v2 .x-admin-inbox-empty {
    display: grid;
    gap: 8px;
    justify-items: center;
    padding: 60px 20px;
    text-align: center; }
    #x-admin-v2 .x-admin-inbox-empty strong {
      color: var(--x-admin-text); }
    #x-admin-v2 .x-admin-inbox-empty p {
      margin: 0;
      color: var(--x-admin-text-muted);
      font-size: 13px; }
  #x-admin-v2 .x-admin-inbox-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-icon-muted); }
    #x-admin-v2 .x-admin-inbox-empty-icon svg {
      width: 22px;
      height: 22px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.6;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-inbox-detail-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-inbox-detail-bar-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px; }
  #x-admin-v2 .x-admin-inbox-back {
    display: inline-flex;
    align-items: center;
    gap: 6px; }
  #x-admin-v2 .x-admin-inbox-back-icon {
    display: inline-flex;
    width: 14px;
    height: 14px; }
    #x-admin-v2 .x-admin-inbox-back-icon svg {
      width: 100%;
      height: 100%;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-inbox-detail-identity {
    display: flex;
    align-items: flex-start;
    gap: 14px; }
  #x-admin-v2 .x-admin-inbox-detail-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary);
    font-size: 14px;
    font-weight: 700; }
  #x-admin-v2 .x-admin-inbox-detail-identity-body {
    min-width: 0;
    display: grid;
    gap: 4px; }
  #x-admin-v2 .x-admin-inbox-detail-identity-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px; }
    #x-admin-v2 .x-admin-inbox-detail-identity-head h2 {
      margin: 0;
      font-size: 17px;
      font-weight: 640; }
  #x-admin-v2 .x-admin-inbox-detail-subject {
    margin: 0;
    color: var(--x-admin-text-secondary);
    font-size: 13px; }
  #x-admin-v2 .x-admin-inbox-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-inbox-info-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px; }
  #x-admin-v2 .x-admin-inbox-info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--x-admin-surface);
    color: var(--x-admin-icon-muted); }
    #x-admin-v2 .x-admin-inbox-info-icon svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-inbox-info-body {
    min-width: 0;
    display: grid;
    gap: 1px; }
  #x-admin-v2 .x-admin-inbox-info-label {
    color: var(--x-admin-text-muted);
    font-size: 11px; }
  #x-admin-v2 .x-admin-inbox-info-value {
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere; }
  #x-admin-v2 .x-admin-inbox-message-box {
    display: grid;
    gap: 8px;
    padding: 16px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2 .x-admin-inbox-message-box p {
      margin: 0;
      white-space: pre-line;
      overflow-wrap: anywhere;
      color: var(--x-admin-text);
      line-height: 1.65; }
  #x-admin-v2 .x-admin-inbox-message-label {
    color: var(--x-admin-text-muted);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em; }
  #x-admin-v2 .x-admin-inbox-activity {
    display: grid;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-inbox-activity-head {
    display: flex;
    align-items: center;
    gap: 8px; }
    #x-admin-v2 .x-admin-inbox-activity-head h3 {
      margin: 0;
      font-size: 14px; }
  #x-admin-v2 .x-admin-inbox-activity-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    color: var(--x-admin-icon-muted); }
    #x-admin-v2 .x-admin-inbox-activity-icon svg {
      width: 100%;
      height: 100%;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-inbox-activity-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none; }
    #x-admin-v2 .x-admin-inbox-activity-list li {
      display: grid;
      gap: 2px;
      padding: 10px 12px;
      border: 1px solid var(--x-admin-border);
      border-radius: 9px;
      background: var(--x-admin-surface-secondary);
      font-size: 12px; }
  #x-admin-v2 .x-admin-button-whatsapp {
    border-color: rgba(18, 140, 74, 0.3);
    background: #128c4a;
    color: #ffffff; }
    #x-admin-v2 .x-admin-button-whatsapp:hover:not(:disabled) {
      background: #0f7a40; }
    #x-admin-v2 .x-admin-button-whatsapp:disabled {
      background: var(--x-admin-disabled-background);
      border-color: var(--x-admin-border);
      color: var(--x-admin-text-disabled); }
  #x-admin-v2 .x-admin-notification-tabs-row {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px; }
  #x-admin-v2 .x-admin-segment-tabs {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface); }
  #x-admin-v2 .x-admin-segment-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 13px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--x-admin-text-secondary);
    font: inherit;
    font-size: 13px;
    font-weight: 550;
    cursor: pointer; }
    #x-admin-v2 .x-admin-segment-tab:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-segment-tab.x-is-active {
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-segment-tab:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-segment-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-muted);
    font-size: 11px;
    font-weight: 700; }
  #x-admin-v2 .x-admin-segment-tab.x-is-active .x-admin-segment-tab-count {
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast); }
  #x-admin-v2 .x-admin-notification-view-tools {
    display: flex;
    align-items: center;
    gap: 10px; }
  #x-admin-v2 .x-admin-notification-sort-field {
    min-width: 140px; }
  #x-admin-v2 .x-admin-view-switch {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--x-admin-border);
    border-radius: 9px;
    background: var(--x-admin-surface); }
  #x-admin-v2 .x-admin-view-switch-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 30px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--x-admin-icon-muted);
    cursor: pointer; }
    #x-admin-v2 .x-admin-view-switch-button svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round; }
    #x-admin-v2 .x-admin-view-switch-button:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-view-switch-button.x-is-active {
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-view-switch-button:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-archive-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 38px;
    padding: 0 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 9px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-secondary);
    font: inherit;
    font-size: 13px;
    font-weight: 550;
    cursor: pointer; }
    #x-admin-v2 .x-admin-archive-toggle svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
    #x-admin-v2 .x-admin-archive-toggle:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-archive-toggle.x-is-active {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-archive-toggle:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-archive-toggle-icon {
    display: inline-flex; }
  #x-admin-v2 .x-admin-bulk-divider {
    width: 1px;
    height: 20px;
    background: var(--x-admin-border); }
  #x-admin-v2 .x-admin-notification-card.x-admin-notification-row {
    grid-template-columns: 24px 38px minmax(0, 1fr);
    align-items: center;
    padding: 14px 16px;
    box-shadow: none; }
    #x-admin-v2 .x-admin-notification-card.x-admin-notification-row:hover, #x-admin-v2 .x-admin-notification-card.x-admin-notification-row:focus-visible {
      box-shadow: var(--x-admin-shadow-sm); }
  #x-admin-v2 .x-admin-notification-card-compact {
    grid-template-columns: 38px minmax(0, 1fr); }
  #x-admin-v2 .x-admin-notification-row.x-admin-notification-card-unread {
    border-left: 3px solid var(--x-admin-primary);
    background: var(--x-admin-primary-subtle); }
  #x-admin-v2 .x-admin-notification-row .x-admin-notification-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px; }
  #x-admin-v2 .x-admin-notification-main {
    min-width: 0;
    display: grid;
    gap: 4px; }
  #x-admin-v2 .x-admin-notification-title-row {
    display: flex;
    align-items: center;
    gap: 8px; }
  #x-admin-v2 .x-admin-notification-title-text {
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-notification-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px; }
  #x-admin-v2 .x-admin-notification-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px; }
  #x-admin-v2 .x-admin-notification-row .x-admin-notification-message {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--x-admin-text-muted);
    font-size: 12.5px; }
  #x-admin-v2 .x-admin-pin-button {
    color: var(--x-admin-icon-muted); }
    #x-admin-v2 .x-admin-pin-button.x-is-active {
      color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-notification-list[data-view="compact"] {
    gap: 6px; }
    #x-admin-v2 .x-admin-notification-list[data-view="compact"] .x-admin-notification-card.x-admin-notification-row {
      padding: 9px 14px; }
    #x-admin-v2 .x-admin-notification-list[data-view="compact"] .x-admin-notification-badges {
      display: none; }
    #x-admin-v2 .x-admin-notification-list[data-view="compact"] .x-admin-notification-message {
      -webkit-line-clamp: 1; }
  #x-admin-v2 .x-admin-user-list-card {
    padding: 0;
    overflow: visible; }
  #x-admin-v2 .x-admin-user-list-card .x-admin-table-wrap {
    overflow: visible; }
  #x-admin-v2 .x-admin-user-cell {
    display: flex;
    align-items: center;
    gap: 10px; }
  #x-admin-v2 .x-admin-user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary);
    font-size: 12px;
    font-weight: 700; }
    #x-admin-v2 .x-admin-user-avatar[data-tone="primary"] {
      background: rgba(47, 128, 237, 0.14);
      color: #2069c4; }
    #x-admin-v2 .x-admin-user-avatar[data-tone="success"] {
      background: rgba(24, 160, 88, 0.14);
      color: #128049; }
    #x-admin-v2 .x-admin-user-avatar[data-tone="warning"] {
      background: rgba(245, 184, 61, 0.2);
      color: #97690f; }
    #x-admin-v2 .x-admin-user-avatar[data-tone="info"] {
      background: rgba(64, 158, 255, 0.16);
      color: #2069c4; }
    #x-admin-v2 .x-admin-user-avatar[data-tone="danger"] {
      background: rgba(223, 63, 64, 0.14);
      color: #c33334; }
  #x-admin-v2 .x-admin-user-cell-body {
    min-width: 0;
    display: grid;
    gap: 1px; }
    #x-admin-v2 .x-admin-user-cell-body strong {
      font-size: 13px; }
  #x-admin-v2 .x-admin-session-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    padding: 3px 9px;
    border: 1px solid var(--x-admin-border);
    border-radius: 999px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-muted);
    font-size: 12px;
    font-weight: 650; }
    #x-admin-v2 .x-admin-session-chip.x-is-active {
      border-color: rgba(24, 160, 88, 0.28);
      background: rgba(24, 160, 88, 0.12);
      color: #128049; }
  #x-admin-v2 .x-admin-table-actions-head {
    text-align: right; }
  #x-admin-v2 .x-admin-table-actions-cell .x-admin-table-actions {
    justify-content: flex-end; }
  #x-admin-v2 .x-admin-access-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px; }
  #x-admin-v2 .x-admin-access-card {
    display: flex;
    flex-direction: column;
    gap: 12px; }
  #x-admin-v2 .x-admin-access-card-footer {
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-invite-row {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px; }
  #x-admin-v2 .x-admin-invite-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px; }
  #x-admin-v2 .x-admin-invite-actions {
    grid-column: 1 / -1; }
  #x-admin-v2 .x-admin-role-template {
    display: flex;
    align-items: flex-start;
    gap: 12px; }
  #x-admin-v2 .x-admin-role-template-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary); }
    #x-admin-v2 .x-admin-role-template-icon svg {
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-role-template[data-tone="primary"] .x-admin-role-template-icon {
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-role-template[data-tone="success"] .x-admin-role-template-icon {
    background: rgba(24, 160, 88, 0.12);
    color: #128049; }
  #x-admin-v2 .x-admin-role-template[data-tone="warning"] .x-admin-role-template-icon {
    background: rgba(245, 184, 61, 0.16);
    color: #97690f; }
  #x-admin-v2 .x-admin-role-template-body {
    min-width: 0;
    display: grid;
    gap: 4px; }
  #x-admin-v2 .x-admin-role-template-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px; }
  #x-admin-v2 .x-admin-role-template-list {
    grid-template-columns: minmax(0, 1fr); }
  #x-admin-v2 .x-admin-permission-group-list {
    min-width: 0;
    display: grid;
    gap: 8px; }
  #x-admin-v2 .x-admin-permission-group-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 9px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-permission-group-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--x-admin-surface);
    color: var(--x-admin-icon-muted); }
    #x-admin-v2 .x-admin-permission-group-icon svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-permission-group-label {
    min-width: 0;
    flex: 1 1 auto;
    font-size: 13px; }

/* ==========================================================================
   Google Yorumlar sayfası ve bildirim kaynak ikonları
   ========================================================================== */
#x-admin-v2 {
  /* --- Google çok renkli kaynak ikonu --- */
  /* --- Yıldızlar (sarı semantik) --- */
  /* --- Üç sütunlu yerleşim --- */
  /* --- Orta liste --- */
  /* --- Sağ detay --- */
  /* --- Bildirim kaynak ikon kutuları --- */ }
  #x-admin-v2 .x-admin-page-head-kicker {
    color: var(--x-admin-text-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em; }
  #x-admin-v2 .x-admin-mode-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 999px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-muted);
    font-size: 12px;
    font-weight: 600; }
  #x-admin-v2 .x-admin-google-glyph {
    fill: none;
    stroke: none; }
    #x-admin-v2 .x-admin-google-glyph path {
      stroke: none; }
  #x-admin-v2 .x-admin-google-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    #x-admin-v2 .x-admin-google-mark svg {
      width: 16px;
      height: 16px; }
  #x-admin-v2 .x-admin-star-row {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #f5b83d; }
  #x-admin-v2 .x-admin-star {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    opacity: .38; }
  #x-admin-v2 .x-admin-star.x-is-filled {
    fill: currentColor;
    opacity: 1; }
  #x-admin-v2 .x-admin-star-row-large .x-admin-star {
    width: 17px;
    height: 17px; }
  #x-admin-v2 .x-admin-review-page-grid {
    /* Kesirler 1'i aşmalı; aksi halde minmax alt sınırları dondurulunca
       sütunlar kalan genişliği doldurmaz. */
    grid-template-columns: minmax(228px, 1fr) minmax(0, 2.5fr) minmax(268px, 1.7fr); }
  #x-admin-v2 .x-admin-review-tools .x-admin-filter-stack {
    gap: 14px; }
  #x-admin-v2 .x-admin-review-tools .x-admin-filter-search input {
    height: 38px; }
  #x-admin-v2 .x-admin-filter-clear {
    justify-self: start;
    width: 100%; }
  #x-admin-v2 .x-admin-segmented-rating {
    flex-wrap: wrap; }
  #x-admin-v2 .x-admin-review-list-card {
    padding: 0; }
  #x-admin-v2 .x-admin-review-list-header {
    align-items: center; }
  #x-admin-v2 .x-admin-review-sort-field {
    min-width: 158px; }
  #x-admin-v2 .x-admin-review-list-full {
    padding: 4px 20px 8px; }
  #x-admin-v2 .x-admin-review-list-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 20px 16px;
    border-top: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-review-perpage-field {
    min-width: 140px; }
  #x-admin-v2 .x-admin-review-list-footer .x-admin-pagination {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: 0; }
  #x-admin-v2 .x-admin-review.x-admin-review-row {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border-color: var(--x-admin-border);
    background: var(--x-admin-surface);
    cursor: pointer; }
    #x-admin-v2 .x-admin-review.x-admin-review-row:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-review.x-admin-review-row.x-is-active {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-primary-subtle); }
    #x-admin-v2 .x-admin-review.x-admin-review-row:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-review-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary);
    font-size: 13px;
    font-weight: 700; }
    #x-admin-v2 .x-admin-review-avatar[data-tone="primary"] {
      background: rgba(47, 128, 237, 0.14);
      color: #2069c4; }
    #x-admin-v2 .x-admin-review-avatar[data-tone="success"] {
      background: rgba(24, 160, 88, 0.14);
      color: #128049; }
    #x-admin-v2 .x-admin-review-avatar[data-tone="warning"] {
      background: rgba(245, 184, 61, 0.2);
      color: #97690f; }
    #x-admin-v2 .x-admin-review-avatar[data-tone="info"] {
      background: rgba(64, 158, 255, 0.16);
      color: #2069c4; }
    #x-admin-v2 .x-admin-review-avatar[data-tone="danger"] {
      background: rgba(223, 63, 64, 0.14);
      color: #c33334; }
  #x-admin-v2 .x-admin-review-avatar-large {
    width: 46px;
    height: 46px;
    font-size: 14px; }
  #x-admin-v2 .x-admin-review-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px; }
  #x-admin-v2 .x-admin-review-identity {
    min-width: 0;
    display: grid;
    gap: 1px; }
    #x-admin-v2 .x-admin-review-identity strong {
      font-size: 13.5px; }
  #x-admin-v2 .x-admin-review-date {
    color: var(--x-admin-text-muted);
    font-size: 11.5px; }
  #x-admin-v2 .x-admin-review-text {
    margin: 6px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--x-admin-text-secondary);
    font-size: 13px;
    line-height: 1.55; }
  #x-admin-v2 .x-admin-review-row .x-admin-review-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px; }
  #x-admin-v2 .x-admin-review-reply-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--x-admin-link);
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer; }
    #x-admin-v2 .x-admin-review-reply-action:hover {
      background: var(--x-admin-primary-subtle);
      color: var(--x-admin-link-hover); }
    #x-admin-v2 .x-admin-review-reply-action:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-review-reply-icon {
    display: inline-flex; }
    #x-admin-v2 .x-admin-review-reply-icon svg {
      width: 13px;
      height: 13px; }
  #x-admin-v2 .x-admin-review-detail {
    padding: 0; }
  #x-admin-v2 .x-admin-review-detail-content {
    display: grid;
    gap: 14px;
    padding: 18px 20px 20px; }
  #x-admin-v2 .x-admin-review-detail-identity {
    display: flex;
    align-items: center;
    gap: 12px; }
  #x-admin-v2 .x-admin-review-detail-identity-body {
    min-width: 0;
    display: grid;
    gap: 5px;
    justify-items: start; }
    #x-admin-v2 .x-admin-review-detail-identity-body strong {
      font-size: 15px; }
  #x-admin-v2 .x-admin-review-detail-text {
    padding: 14px 16px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2 .x-admin-review-detail-text p {
      margin: 0;
      white-space: pre-line;
      overflow-wrap: anywhere;
      line-height: 1.65;
      font-size: 13px; }
  #x-admin-v2 .x-admin-review-detail-date {
    color: var(--x-admin-text-muted);
    font-size: 12px; }
  #x-admin-v2 .x-admin-review-detail-google {
    display: grid;
    gap: 6px; }
  #x-admin-v2 .x-admin-google-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    text-decoration: none; }
  #x-admin-v2 .x-admin-review-answer {
    display: grid;
    gap: 5px;
    padding: 14px 16px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-tertiary); }
    #x-admin-v2 .x-admin-review-answer p {
      margin: 0;
      white-space: pre-line;
      overflow-wrap: anywhere;
      font-size: 13px;
      line-height: 1.6; }
  #x-admin-v2 .x-admin-review-answer-label {
    color: var(--x-admin-text-muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em; }
  #x-admin-v2 .x-admin-review-source-card {
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-review-source-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0; }
  #x-admin-v2 .x-admin-review-source-label {
    flex: none;
    color: var(--x-admin-text-muted);
    font-size: 11.5px; }
  #x-admin-v2 .x-admin-review-source-value {
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
    font-size: 12.5px;
    font-weight: 600;
    text-align: right; }
  #x-admin-v2 .x-admin-notification-icon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary); }
    #x-admin-v2 .x-admin-notification-icon svg {
      width: 21px;
      height: 21px; }
    #x-admin-v2 .x-admin-notification-icon[data-tone="primary"] {
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-notification-icon[data-tone="info"] {
      background: rgba(64, 158, 255, 0.16);
      color: #2069c4; }
    #x-admin-v2 .x-admin-notification-icon[data-tone="success"] {
      background: rgba(24, 160, 88, 0.13);
      color: #128049; }
    #x-admin-v2 .x-admin-notification-icon[data-tone="warning"] {
      background: rgba(245, 184, 61, 0.18);
      color: #97690f; }
    #x-admin-v2 .x-admin-notification-icon[data-tone="danger"] {
      background: rgba(223, 63, 64, 0.12);
      color: #c33334; }
    #x-admin-v2 .x-admin-notification-icon[data-tone="google"] {
      background: var(--x-admin-surface);
      border: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-notification-card.x-admin-notification-row {
    grid-template-columns: 24px 42px minmax(0, 1fr); }
  #x-admin-v2 .x-admin-notification-card-compact {
    grid-template-columns: 42px minmax(0, 1fr); }

/* ==========================================================================
   Genel Ayarlar: sekme çubuğu ve Sistem ve Veri sekmesi
   ========================================================================== */
#x-admin-v2 {
  /* --- Sekme çubuğu --- */
  /* --- Sistem paneli yerleşimi --- */
  /* --- İlerleme çubuğu --- */
  /* --- İki sütunlu ana alan --- */
  /* --- Sistem özeti satırları --- */
  /* --- Veri aktarım kartları --- */
  /* --- Dosya seçici --- */
  /* --- Kompakt işlem kartları --- */
  /* --- Değişiklik geçmişi --- */
  /* --- Tehlikeli işlemler --- */ }
  #x-admin-v2 .x-admin-settings-tabbar {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 6px 8px 0;
    border: 1px solid var(--x-admin-border);
    border-radius: 12px;
    background: var(--x-admin-surface);
    box-shadow: var(--x-admin-shadow-sm); }
    #x-admin-v2 .x-admin-settings-tabbar .x-admin-settings-tab {
      flex: 1 1 auto;
      min-height: 42px;
      padding: 10px 12px;
      border: 0;
      border-bottom: 2px solid transparent;
      /* Mevcut ::after alt çizgisi ile çift çizgi oluşmasın. */
      border-radius: 8px 8px 0 0;
      background: transparent;
      color: var(--x-admin-text-muted);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0; }
      #x-admin-v2 .x-admin-settings-tabbar .x-admin-settings-tab::after {
        display: none; }
      #x-admin-v2 .x-admin-settings-tabbar .x-admin-settings-tab:hover {
        border-color: transparent;
        border-bottom-color: var(--x-admin-border-strong);
        background: var(--x-admin-surface-hover);
        color: var(--x-admin-text); }
      #x-admin-v2 .x-admin-settings-tabbar .x-admin-settings-tab.x-is-active {
        border-bottom-color: var(--x-admin-primary);
        background: var(--x-admin-primary-subtle);
        color: var(--x-admin-primary);
        box-shadow: none; }
      #x-admin-v2 .x-admin-settings-tabbar .x-admin-settings-tab:focus-visible {
        outline: 2px solid var(--x-admin-focus-ring);
        outline-offset: -2px; }
  #x-admin-v2 [data-settings-panel="system"] {
    display: grid;
    gap: 18px; }
  #x-admin-v2 .x-admin-system-metric-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px; }
  #x-admin-v2 .x-admin-system-metric-card {
    align-items: flex-start;
    padding: 14px 16px; }
  #x-admin-v2 .x-admin-system-metric-card .x-admin-metric-icon {
    width: 44px;
    height: 44px; }
    #x-admin-v2 .x-admin-system-metric-card .x-admin-metric-icon svg {
      width: 21px;
      height: 21px; }
  #x-admin-v2 .x-admin-metric-value-sm {
    font-size: 15px;
    font-weight: 640;
    overflow-wrap: anywhere; }
  #x-admin-v2 .x-admin-system-metric-card .x-admin-metric-body {
    gap: 4px;
    justify-items: start; }
  #x-admin-v2 .x-admin-progress {
    display: block;
    width: 100%;
    height: 6px;
    margin-top: 2px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    overflow: hidden; }
  #x-admin-v2 .x-admin-progress-fill {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: #18a058;
    transition: width .2s ease; }
  #x-admin-v2 .x-admin-progress[data-tone="warning"] .x-admin-progress-fill {
    background: #d99514; }
  #x-admin-v2 .x-admin-progress[data-tone="danger"] .x-admin-progress-fill {
    background: #df3f40; }
  #x-admin-v2 .x-admin-system-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(300px, 43fr) minmax(0, 57fr);
    gap: 18px;
    align-items: start; }
  #x-admin-v2 .x-admin-system-operations {
    min-width: 0;
    display: grid;
    gap: 18px; }
  #x-admin-v2 .x-admin-system-summary {
    gap: 4px; }
  #x-admin-v2 .x-admin-system-row {
    min-width: 0;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 9px; }
    #x-admin-v2 .x-admin-system-row:hover {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-system-row + .x-admin-system-row {
      border-top: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-system-row-progress {
    grid-template-areas: "icon label meta" ". bar bar";
    row-gap: 6px; }
    #x-admin-v2 .x-admin-system-row-progress .x-admin-system-row-icon {
      grid-area: icon; }
    #x-admin-v2 .x-admin-system-row-progress .x-admin-system-row-label {
      grid-area: label; }
    #x-admin-v2 .x-admin-system-row-progress .x-admin-system-row-meta {
      grid-area: meta; }
    #x-admin-v2 .x-admin-system-row-progress .x-admin-progress {
      grid-area: bar;
      margin: 0; }
  #x-admin-v2 .x-admin-system-row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary); }
    #x-admin-v2 .x-admin-system-row-icon svg {
      width: 16px;
      height: 16px; }
    #x-admin-v2 .x-admin-system-row-icon[data-tone="primary"] {
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-system-row-icon[data-tone="success"] {
      background: rgba(24, 160, 88, 0.13);
      color: #128049; }
    #x-admin-v2 .x-admin-system-row-icon[data-tone="warning"] {
      background: rgba(245, 184, 61, 0.18);
      color: #97690f; }
    #x-admin-v2 .x-admin-system-row-icon[data-tone="info"] {
      background: rgba(64, 158, 255, 0.16);
      color: #2069c4; }
  #x-admin-v2 .x-admin-system-row-label {
    min-width: 0;
    color: var(--x-admin-text-secondary);
    font-size: 13px; }
  #x-admin-v2 .x-admin-system-row-meta {
    display: inline-flex;
    align-items: center;
    gap: 6px; }
  #x-admin-v2 .x-admin-system-row-value {
    color: var(--x-admin-text);
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere; }
  #x-admin-v2 .x-admin-transfer-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px; }
  #x-admin-v2 .x-admin-transfer-card {
    display: grid;
    gap: 12px;
    align-content: start;
    padding: 18px; }
  #x-admin-v2 .x-admin-transfer-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary); }
    #x-admin-v2 .x-admin-transfer-icon svg {
      width: 21px;
      height: 21px; }
    #x-admin-v2 .x-admin-transfer-icon[data-tone="primary"] {
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-transfer-icon[data-tone="success"] {
      background: rgba(24, 160, 88, 0.13);
      color: #128049; }
  #x-admin-v2 .x-admin-transfer-body {
    display: grid;
    gap: 4px; }
    #x-admin-v2 .x-admin-transfer-body h3 {
      margin: 0;
      font-size: 14.5px;
      font-weight: 640; }
    #x-admin-v2 .x-admin-transfer-body p {
      margin: 0;
      color: var(--x-admin-text-muted);
      font-size: 12.5px;
      line-height: 1.5; }
  #x-admin-v2 .x-admin-file-picker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px dashed var(--x-admin-border-strong);
    border-radius: 10px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-file-picker-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    color: var(--x-admin-text);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer; }
    #x-admin-v2 .x-admin-file-picker-button:hover {
      border-color: var(--x-admin-primary-border);
      color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-file-picker input:focus-visible + .x-admin-file-picker-name,
  #x-admin-v2 .x-admin-file-picker:focus-within .x-admin-file-picker-button {
    outline: 2px solid var(--x-admin-focus-ring);
    outline-offset: 1px; }
  #x-admin-v2 .x-admin-file-picker-icon {
    display: inline-flex; }
    #x-admin-v2 .x-admin-file-picker-icon svg {
      width: 15px;
      height: 15px; }
  #x-admin-v2 .x-admin-file-picker-name {
    min-width: 0;
    flex: 1 1 auto;
    color: var(--x-admin-text-muted);
    font-size: 12.5px;
    overflow-wrap: anywhere; }
  #x-admin-v2 .x-admin-file-picker-note {
    margin: 0;
    color: var(--x-admin-text-muted);
    font-size: 11.5px; }
  #x-admin-v2 .x-admin-operation-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px; }
  #x-admin-v2 .x-admin-operation-card {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 11px;
    background: var(--x-admin-surface);
    color: var(--x-admin-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease; }
    #x-admin-v2 .x-admin-operation-card:hover {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-surface-hover);
      box-shadow: var(--x-admin-shadow-sm); }
    #x-admin-v2 .x-admin-operation-card:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-operation-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary); }
    #x-admin-v2 .x-admin-operation-icon svg {
      width: 19px;
      height: 19px; }
    #x-admin-v2 .x-admin-operation-icon[data-tone="primary"] {
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-operation-icon[data-tone="success"] {
      background: rgba(24, 160, 88, 0.13);
      color: #128049; }
    #x-admin-v2 .x-admin-operation-icon[data-tone="warning"] {
      background: rgba(245, 184, 61, 0.18);
      color: #97690f; }
    #x-admin-v2 .x-admin-operation-icon[data-tone="info"] {
      background: rgba(64, 158, 255, 0.16);
      color: #2069c4; }
  #x-admin-v2 .x-admin-operation-body {
    min-width: 0;
    display: grid;
    gap: 3px; }
    #x-admin-v2 .x-admin-operation-body strong {
      font-size: 13px; }
    #x-admin-v2 .x-admin-operation-body span {
      color: var(--x-admin-text-muted);
      font-size: 11.5px;
      line-height: 1.45; }
  #x-admin-v2 .x-admin-user-avatar-sm {
    width: 28px;
    height: 28px;
    font-size: 11px; }
  #x-admin-v2 .x-admin-table-empty {
    display: grid;
    gap: 6px;
    justify-items: center;
    padding: 34px 16px;
    text-align: center; }
    #x-admin-v2 .x-admin-table-empty strong {
      color: var(--x-admin-text);
      font-size: 13.5px; }
    #x-admin-v2 .x-admin-table-empty p {
      margin: 0;
      color: var(--x-admin-text-muted);
      font-size: 12.5px; }
  #x-admin-v2 .x-admin-table-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-icon-muted); }
    #x-admin-v2 .x-admin-table-empty-icon svg {
      width: 21px;
      height: 21px; }
  #x-admin-v2 .x-admin-danger-zone {
    border-color: rgba(223, 63, 64, 0.34);
    background: linear-gradient(0deg, rgba(223, 63, 64, 0.05), rgba(223, 63, 64, 0.05)), var(--x-admin-surface); }
  #x-admin-v2 .x-admin-danger-header {
    display: flex;
    align-items: flex-start;
    gap: 12px; }
    #x-admin-v2 .x-admin-danger-header h2 {
      color: #c33334; }
  #x-admin-v2 .x-admin-danger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: rgba(223, 63, 64, 0.12);
    color: #c33334; }
    #x-admin-v2 .x-admin-danger-icon svg {
      width: 21px;
      height: 21px; }
  #x-admin-v2 .x-admin-danger-actions {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px; }
  #x-admin-v2 .x-admin-danger-button {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(223, 63, 64, 0.38);
    border-radius: 10px;
    background: var(--x-admin-surface);
    color: #c33334;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease; }
    #x-admin-v2 .x-admin-danger-button:hover {
      border-color: rgba(223, 63, 64, 0.6);
      background: rgba(223, 63, 64, 0.08); }
    #x-admin-v2 .x-admin-danger-button:focus-visible {
      outline: 2px solid rgba(223, 63, 64, 0.45);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-danger-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(223, 63, 64, 0.12); }
    #x-admin-v2 .x-admin-danger-button-icon svg {
      width: 16px;
      height: 16px; }

/* ==========================================================================
   Google Yorumlar / Sistem ve Veri düzeltmeleri, İletişim Ayarları ve
   Bize Ulaşın sayfa tasarımları
   ========================================================================== */
#x-admin-v2 {
  /* --- Ortak: ikonlu buton --- */
  /* --- Ortak: ikon kutulu kart başlığı --- */
  /* --- Ortak: ikonlu form alanı --- */
  /* ======================= GOOGLE YORUMLAR ======================= */
  /* --- Numaralı sayfalama --- */
  /* --- Detay paneli --- */
  /* ======================= SİSTEM VE VERİ ======================= */
  /* Dar sağ sütunda üç kart yan yana sığsın diye kompakt ölçüler. */
  /* ======================= İLETİŞİM AYARLARI ======================= */
  /* --- Sosyal medya tablosu --- */
  /* ======================= BİZE ULAŞIN ======================= */ }
  #x-admin-v2 .x-admin-button-icon > svg {
    flex: none;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round; }
  #x-admin-v2 .x-admin-icon-card-header {
    align-items: center; }
    #x-admin-v2 .x-admin-icon-card-header > div {
      min-width: 0;
      flex: 1 1 auto; }
    #x-admin-v2 .x-admin-icon-card-header h2 {
      font-size: 16px; }
    #x-admin-v2 .x-admin-icon-card-header p {
      font-size: 12.5px;
      line-height: 1.5; }
  #x-admin-v2 .x-admin-card-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary); }
    #x-admin-v2 .x-admin-card-header-icon svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
    #x-admin-v2 .x-admin-card-header-icon[data-tone="primary"] {
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-card-header-icon[data-tone="success"] {
      background: rgba(24, 160, 88, 0.13);
      color: #128049; }
    #x-admin-v2 .x-admin-card-header-icon[data-tone="info"] {
      background: rgba(64, 158, 255, 0.16);
      color: #2069c4; }
  #x-admin-v2 .x-admin-input-icon {
    position: relative;
    min-width: 0;
    display: block; }
    #x-admin-v2 .x-admin-input-icon input,
    #x-admin-v2 .x-admin-input-icon textarea {
      padding-left: 38px; }
  #x-admin-v2 .x-admin-input-icon-glyph {
    position: absolute;
    left: 12px;
    top: 12px;
    display: inline-flex;
    color: var(--x-admin-icon-muted, var(--x-admin-text-muted));
    pointer-events: none; }
    #x-admin-v2 .x-admin-input-icon-glyph svg {
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
    #x-admin-v2 .x-admin-input-icon-glyph[data-tone="whatsapp"] {
      color: #25d366; }
  #x-admin-v2 .x-admin-input-icon-area textarea {
    padding-top: 11px; }
  #x-admin-v2 .x-admin-input-icon-end input {
    padding-left: 12px;
    padding-right: 38px; }
  #x-admin-v2 .x-admin-input-icon-end .x-admin-input-icon-glyph {
    left: auto;
    right: 12px; }
  #x-admin-v2 .x-admin-metric-hint {
    color: var(--x-admin-text-muted);
    font-size: 11.5px;
    font-weight: 600; }
  #x-admin-v2 .x-admin-review-tools-header {
    padding-bottom: 0; }
  #x-admin-v2 .x-admin-review-tools-title {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px; }
  #x-admin-v2 .x-admin-review-tools-icon {
    display: inline-flex;
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-review-tools-icon svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-review-search-field {
    gap: 7px; }
    #x-admin-v2 .x-admin-review-search-field label {
      color: var(--x-admin-text-secondary);
      font-size: 12.5px;
      font-weight: 700; }
  #x-admin-v2 .x-admin-review-head-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: none; }
  #x-admin-v2 .x-admin-review-row .x-admin-review-footer {
    justify-content: flex-end;
    margin-top: 6px; }
  #x-admin-v2 .x-admin-review-list-footer .x-admin-pagination {
    gap: 4px; }
  #x-admin-v2 .x-admin-page-step,
  #x-admin-v2 .x-admin-page-number {
    min-width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    color: var(--x-admin-text-secondary);
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease; }
    #x-admin-v2 .x-admin-page-step:hover:not(:disabled),
    #x-admin-v2 .x-admin-page-number:hover:not(:disabled) {
      border-color: var(--x-admin-primary-border);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-page-step:disabled,
    #x-admin-v2 .x-admin-page-number:disabled {
      opacity: .45;
      cursor: not-allowed; }
    #x-admin-v2 .x-admin-page-step:focus-visible,
    #x-admin-v2 .x-admin-page-number:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-page-number.x-is-active {
    border-color: var(--x-admin-primary);
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast); }
  #x-admin-v2 .x-admin-page-step svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round; }
  #x-admin-v2 .x-admin-page-step-next {
    transform: rotate(180deg); }
  #x-admin-v2 .x-admin-page-gap {
    padding: 0 2px;
    color: var(--x-admin-text-muted);
    font-size: 13px; }
  #x-admin-v2 .x-admin-review-detail-identity {
    align-items: flex-start; }
    #x-admin-v2 .x-admin-review-detail-identity .x-admin-soft-badge {
      flex: none;
      margin-left: auto; }
  #x-admin-v2 .x-admin-review-detail-identity-body {
    flex: 1 1 auto;
    gap: 4px; }
  #x-admin-v2 .x-admin-review-detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px; }
  #x-admin-v2 .x-admin-review-detail-date {
    display: inline-flex;
    align-items: center;
    gap: 6px; }
  #x-admin-v2 .x-admin-review-detail-date-icon {
    display: inline-flex;
    color: var(--x-admin-icon-muted, var(--x-admin-text-muted)); }
    #x-admin-v2 .x-admin-review-detail-date-icon svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-review-detail-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--x-admin-link);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none; }
    #x-admin-v2 .x-admin-review-detail-link:hover {
      color: var(--x-admin-link-hover);
      text-decoration: underline; }
    #x-admin-v2 .x-admin-review-detail-link.x-is-disabled {
      color: var(--x-admin-text-muted);
      font-weight: 600; }
      #x-admin-v2 .x-admin-review-detail-link.x-is-disabled:hover {
        text-decoration: none; }
  #x-admin-v2 .x-admin-review-detail-action {
    width: 100%; }
    #x-admin-v2 .x-admin-review-detail-action .x-admin-review-reply-icon svg {
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-review-source-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px; }
  #x-admin-v2 .x-admin-review-source-block {
    min-width: 0;
    display: grid;
    gap: 3px; }
  #x-admin-v2 .x-admin-review-source-block .x-admin-review-source-value {
    text-align: left; }
  #x-admin-v2 .x-admin-review-source-id {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
    padding-top: 10px;
    border-top: 1px solid var(--x-admin-border); }
    #x-admin-v2 .x-admin-review-source-id > span {
      min-width: 0;
      display: block; }
    #x-admin-v2 .x-admin-review-source-id .x-admin-review-source-value {
      font-size: 12px;
      overflow-wrap: anywhere; }
    #x-admin-v2 .x-admin-review-source-id .x-admin-icon-button {
      flex: none;
      margin-left: auto; }
  #x-admin-v2 .x-admin-soft-badge-icon {
    display: inline-flex; }
    #x-admin-v2 .x-admin-soft-badge-icon svg {
      width: 13px;
      height: 13px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-system-row-ok {
    display: inline-flex;
    color: #18a058; }
    #x-admin-v2 .x-admin-system-row-ok svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-system-row-progress {
    grid-template-areas: "icon label bar meta";
    grid-template-columns: 30px auto minmax(80px, 1fr) auto;
    row-gap: 0; }
  #x-admin-v2 .x-admin-system-operations {
    display: grid;
    gap: 16px;
    align-content: start; }
  #x-admin-v2 .x-admin-system-operations .x-admin-transfer-grid,
  #x-admin-v2 .x-admin-system-operations .x-admin-operation-grid {
    padding: 0 22px; }
  #x-admin-v2 .x-admin-system-operations .x-admin-operation-card {
    gap: 9px;
    padding: 12px; }
  #x-admin-v2 .x-admin-system-operations .x-admin-operation-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px; }
    #x-admin-v2 .x-admin-system-operations .x-admin-operation-icon svg {
      width: 17px;
      height: 17px; }
  #x-admin-v2 .x-admin-system-operations .x-admin-operation-body strong {
    font-size: 12.5px;
    line-height: 1.35; }
  #x-admin-v2 .x-admin-system-operations .x-admin-operation-body span {
    font-size: 11px;
    line-height: 1.4; }
  #x-admin-v2 .x-admin-system-operations .x-admin-operation-grid {
    padding-bottom: 22px; }
  #x-admin-v2 .x-admin-transfer-card {
    display: grid;
    gap: 9px;
    align-content: start;
    justify-items: start;
    padding: 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 11px;
    background: var(--x-admin-surface-secondary);
    box-shadow: none; }
  #x-admin-v2 .x-admin-transfer-card .x-admin-transfer-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px; }
    #x-admin-v2 .x-admin-transfer-card .x-admin-transfer-icon svg {
      width: 18px;
      height: 18px; }
  #x-admin-v2 .x-admin-transfer-card .x-admin-transfer-body h3 {
    font-size: 13.5px; }
  #x-admin-v2 .x-admin-transfer-card .x-admin-transfer-body p {
    font-size: 12px;
    line-height: 1.45; }
  #x-admin-v2 .x-admin-transfer-card .x-admin-file-picker {
    width: 100%;
    flex-wrap: nowrap;
    gap: 0;
    padding: 0;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    overflow: hidden; }
  #x-admin-v2 .x-admin-transfer-card .x-admin-file-picker-name {
    padding: 9px 12px;
    font-size: 12.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #x-admin-v2 .x-admin-transfer-card .x-admin-file-picker-button {
    flex: none;
    padding: 9px 13px;
    border: 0;
    border-left: 1px solid var(--x-admin-border);
    border-radius: 0;
    background: var(--x-admin-surface-tertiary); }
  #x-admin-v2 .x-admin-file-picker-note {
    display: inline-flex;
    align-items: center;
    gap: 6px; }
  #x-admin-v2 .x-admin-file-picker-note-icon {
    display: inline-flex;
    color: #d99514; }
    #x-admin-v2 .x-admin-file-picker-note-icon svg {
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-change-log-footer {
    display: flex;
    justify-content: center;
    padding: 12px 22px 18px; }
  #x-admin-v2 .x-admin-danger-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #x-admin-v2 .x-admin-danger-button {
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    font-size: 12.5px;
    line-height: 1.35;
    text-align: center; }
  #x-admin-v2 .x-admin-danger-button .x-admin-danger-button-icon {
    width: 20px;
    height: 20px;
    border-radius: 0;
    background: transparent; }
    #x-admin-v2 .x-admin-danger-button .x-admin-danger-button-icon svg {
      width: 17px;
      height: 17px; }
  #x-admin-v2 .x-admin-contact-summary-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* Üç özet kart arasında gerçek, görünür boşluk */
    gap: 20px; }
  #x-admin-v2 .x-admin-contact-summary-card {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    border: 1px solid var(--x-admin-border);
    border-radius: 12px;
    background: var(--x-admin-surface);
    box-shadow: var(--x-admin-shadow-sm); }
  #x-admin-v2 .x-admin-contact-summary-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-secondary); }
    #x-admin-v2 .x-admin-contact-summary-icon svg {
      width: 21px;
      height: 21px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
    #x-admin-v2 .x-admin-contact-summary-icon[data-tone="primary"] {
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-contact-summary-icon[data-tone="success"] {
      background: rgba(24, 160, 88, 0.13);
      color: #128049; }
    #x-admin-v2 .x-admin-contact-summary-icon[data-tone="info"] {
      background: var(--x-admin-primary-soft);
      color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-contact-summary-body {
    min-width: 0;
    display: grid;
    gap: 2px; }
    #x-admin-v2 .x-admin-contact-summary-body strong {
      color: var(--x-admin-heading, var(--x-admin-text));
      font-size: 14px; }
    #x-admin-v2 .x-admin-contact-summary-body span {
      color: var(--x-admin-text-muted);
      font-size: 12.5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-contact-settings-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 49fr) minmax(0, 51fr);
    gap: 18px;
    align-items: start; }
  #x-admin-v2 .x-admin-contact-side {
    min-width: 0;
    display: grid;
    gap: 18px;
    align-content: start; }
  #x-admin-v2 .x-admin-contact-field-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
    padding: 18px 22px 0; }
    #x-admin-v2 .x-admin-contact-field-grid .x-admin-field-wide {
      grid-column: 1 / -1; }
    #x-admin-v2 .x-admin-contact-field-grid textarea {
      min-height: 74px; }
  #x-admin-v2 .x-admin-contact-info-card,
  #x-admin-v2 .x-admin-contact-map-card,
  #x-admin-v2 .x-admin-contact-test-card {
    padding-bottom: 20px; }
  #x-admin-v2 .x-admin-day-field {
    align-content: start; }
  #x-admin-v2 .x-admin-day-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; }
  #x-admin-v2 .x-admin-day-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer; }
    #x-admin-v2 .x-admin-day-chip > input {
      left: 0;
      top: 0; }
    #x-admin-v2 .x-admin-day-chip > span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 42px;
      min-height: 34px;
      padding: 6px 10px;
      border: 1px solid var(--x-admin-border);
      border-radius: 8px;
      background: var(--x-admin-surface);
      color: var(--x-admin-text-secondary);
      font-size: 12.5px;
      font-weight: 600;
      transition: border-color .16s ease, background-color .16s ease, color .16s ease; }
    #x-admin-v2 .x-admin-day-chip:hover > span {
      border-color: var(--x-admin-primary-border);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-day-chip input:checked + span {
      border-color: var(--x-admin-primary);
      background: var(--x-admin-primary-subtle);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-day-chip input:focus-visible + span {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-contact-map-card .x-admin-contact-map-frame-wrap {
    position: relative;
    height: 172px;
    margin: 14px 22px 0;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-secondary);
    overflow: hidden; }
  #x-admin-v2 .x-admin-contact-map-card .x-admin-settings-map-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0; }
  #x-admin-v2 .x-admin-map-empty {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 8px;
    padding: 16px;
    text-align: center; }
    #x-admin-v2 .x-admin-map-empty p {
      max-width: 260px;
      margin: 0;
      color: var(--x-admin-text-muted);
      font-size: 12.5px;
      line-height: 1.5; }
  #x-admin-v2 .x-admin-map-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-map-empty-icon svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-contact-map-card > .x-admin-field {
    padding: 14px 22px 0; }
  #x-admin-v2 .x-admin-contact-test-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 16px 22px 0; }
    #x-admin-v2 .x-admin-contact-test-actions .x-admin-button {
      min-height: 38px;
      padding: 8px 10px;
      font-size: 12.5px; }
    #x-admin-v2 .x-admin-contact-test-actions .x-admin-button-icon > svg {
      width: 16px;
      height: 16px; }
  #x-admin-v2 .x-admin-contact-test-card .x-admin-status-list:not(:empty) {
    display: grid;
    gap: 8px;
    padding: 14px 22px 0; }
  #x-admin-v2 .x-admin-social-links-card .x-admin-social-table {
    min-width: 720px; }
  #x-admin-v2 .x-admin-social-platform-cell {
    display: flex;
    align-items: center;
    gap: 10px; }
    #x-admin-v2 .x-admin-social-platform-cell strong {
      font-size: 13px; }
  #x-admin-v2 .x-admin-social-platform-icon {
    display: inline-flex;
    flex: none; }
    #x-admin-v2 .x-admin-social-platform-icon svg {
      width: 22px;
      height: 22px; }
  #x-admin-v2 .x-admin-social-url {
    display: block;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--x-admin-text-secondary);
    font-size: 12.5px; }
  #x-admin-v2 .x-admin-social-links-card .x-admin-table-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px; }
  #x-admin-v2 .x-admin-social-links-card .x-admin-button-icon > svg {
    width: 15px;
    height: 15px; }
  #x-admin-v2 .x-admin-icon-button-danger {
    color: #c33334; }
    #x-admin-v2 .x-admin-icon-button-danger:hover {
      border-color: rgba(223, 63, 64, 0.45);
      background: rgba(223, 63, 64, 0.08);
      color: #c33334; }
  #x-admin-v2 .x-admin-contact-page {
    justify-items: stretch;
    gap: 18px; }
  #x-admin-v2 .x-admin-support-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 999px;
    background: var(--x-admin-surface);
    font-size: 12.5px; }
    #x-admin-v2 .x-admin-support-status strong {
      color: var(--x-admin-text);
      font-size: 12.5px; }
    #x-admin-v2 .x-admin-support-status > span:last-child {
      color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-support-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #18a058;
    box-shadow: 0 0 0 3px rgba(24, 160, 88, 0.16); }
  #x-admin-v2 .x-admin-contact-page .x-admin-contact-map {
    min-height: 200px;
    height: 200px;
    box-shadow: none; }
  #x-admin-v2 .x-admin-contact-map-marker {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 8px;
    pointer-events: none; }
  #x-admin-v2 .x-admin-contact-page .x-admin-contact-map-pin {
    position: static;
    width: 50px;
    height: 50px;
    transform: none; }
  #x-admin-v2 .x-admin-contact-map-marker-text {
    padding: 3px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--x-admin-surface) 92%, transparent);
    color: var(--x-admin-text-secondary);
    font-size: 12px;
    font-weight: 600; }
  #x-admin-v2 .x-admin-contact-page .x-admin-contact-map-label {
    left: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 10px; }
  #x-admin-v2 .x-admin-contact-map-label-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-contact-map-label-icon svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-contact-map-label-body {
    min-width: 0;
    display: grid;
    gap: 2px; }
    #x-admin-v2 .x-admin-contact-map-label-body strong {
      font-size: 13.5px; }
    #x-admin-v2 .x-admin-contact-map-label-body span {
      font-size: 12px;
      font-weight: 600; }
  #x-admin-v2 .x-admin-contact-page .x-admin-contact-card {
    width: min(920px, 100%);
    justify-self: center;
    margin-top: 4px;
    padding: 26px 28px 28px; }
  #x-admin-v2 .x-admin-contact-card-header {
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left; }
    #x-admin-v2 .x-admin-contact-card-header h2 {
      font-size: 20px; }
    #x-admin-v2 .x-admin-contact-card-header p {
      max-width: none;
      margin: 3px 0 0;
      font-size: 13px; }
  #x-admin-v2 .x-admin-contact-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-contact-card-icon svg {
      width: 22px;
      height: 22px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-contact-page .x-admin-contact-form-grid {
    gap: 16px;
    margin-top: 20px; }
  #x-admin-v2 .x-admin-contact-page .x-admin-contact-field textarea {
    min-height: 120px; }
  #x-admin-v2 .x-admin-button-spinner {
    display: none;
    flex: none;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: x-admin-spin .7s linear infinite; }
  #x-admin-v2 .x-admin-button.x-is-loading > svg {
    display: none; }
  #x-admin-v2 .x-admin-button.x-is-loading .x-admin-button-spinner {
    display: inline-block; }

@keyframes x-admin-spin {
  to {
    transform: rotate(360deg); } }
/* ==========================================================================
   Profil Ayarları sayfası
   Tüm renkler tema token'larından beslenir; sabit accent rengi yoktur.
   ========================================================================== */
#x-admin-v2 {
  /* --- Profil fotoğrafı bloğu --- */
  /* --- Hesap bilgileri --- */
  /* --- Şifre bölümü --- */
  /* --- Şifre gücü ve kurallar --- */
  /* --- Dar genişlikte tek sütun --- */ }
  #x-admin-v2 .x-admin-account-card {
    display: grid;
    gap: 22px;
    padding: 24px; }
  #x-admin-v2 .x-admin-account-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
    gap: 22px;
    align-items: start; }
  #x-admin-v2 .x-admin-account-photo {
    min-width: 0;
    display: grid;
    gap: 16px;
    align-content: start;
    padding: 20px;
    border: 1px solid var(--x-admin-border);
    border-radius: 14px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-account-photo-head {
    display: grid;
    gap: 4px; }
    #x-admin-v2 .x-admin-account-photo-head h2 {
      margin: 0;
      color: var(--x-admin-heading, var(--x-admin-text));
      font-size: 15px;
      line-height: 1.3; }
    #x-admin-v2 .x-admin-account-photo-head p {
      margin: 0;
      color: var(--x-admin-text-muted);
      font-size: 12.5px;
      font-weight: 600; }
  #x-admin-v2 .x-admin-account-photo-body {
    display: flex;
    align-items: center;
    gap: 18px; }
  #x-admin-v2 .x-admin-account-avatar-frame {
    position: relative;
    display: inline-flex;
    flex: none;
    padding: 4px;
    border-radius: 50%;
    background: linear-gradient(140deg, rgba(var(--x-admin-primary-rgb), 0.55), rgba(var(--x-admin-primary-rgb), 0.12)); }
  #x-admin-v2 .x-admin-account-avatar-frame .x-admin-avatar-xl {
    width: 96px;
    height: 96px;
    flex: none;
    flex-basis: 96px;
    border: 3px solid var(--x-admin-surface-secondary);
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast);
    font-size: 34px;
    font-weight: 700;
    letter-spacing: .02em; }
  #x-admin-v2 .x-admin-account-avatar-image {
    width: 96px;
    height: 96px;
    border: 3px solid var(--x-admin-surface-secondary);
    border-radius: 50%;
    object-fit: cover;
    background: var(--x-admin-surface-tertiary); }
  #x-admin-v2 .x-admin-account-avatar-badge {
    position: absolute;
    right: 2px;
    bottom: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 2px solid var(--x-admin-surface-secondary);
    border-radius: 50%;
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast); }
    #x-admin-v2 .x-admin-account-avatar-badge svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-account-avatar-field {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 18px 14px;
    border: 1px dashed var(--x-admin-border-strong);
    border-radius: 12px;
    background: var(--x-admin-surface);
    text-align: center;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease; }
    #x-admin-v2 .x-admin-account-avatar-field:hover {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-primary-subtle); }
  #x-admin-v2 .x-admin-account-avatar-field-icon {
    display: inline-flex;
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-account-avatar-field-icon svg {
      width: 24px;
      height: 24px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.6;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-account-avatar-field-body {
    display: grid;
    gap: 3px; }
    #x-admin-v2 .x-admin-account-avatar-field-body strong {
      color: var(--x-admin-primary);
      font-size: 13.5px; }
    #x-admin-v2 .x-admin-account-avatar-field-body span {
      color: var(--x-admin-text-muted);
      font-size: 12px;
      font-weight: 600; }
  #x-admin-v2 .x-admin-account-details {
    min-width: 0;
    display: grid;
    align-content: start; }
  #x-admin-v2 .x-admin-account-field-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px; }
    #x-admin-v2 .x-admin-account-field-grid .x-admin-field-wide {
      grid-column: 1 / -1; }
  #x-admin-v2 .x-admin-account-field-grid .x-admin-field label {
    color: var(--x-admin-text-secondary);
    font-size: 12.5px;
    font-weight: 700; }
  #x-admin-v2 .x-admin-account-note {
    align-self: center;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--x-admin-border);
    border-left: 3px solid var(--x-admin-primary);
    border-radius: 10px;
    background: var(--x-admin-primary-subtle);
    color: var(--x-admin-text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5; }
  #x-admin-v2 .x-admin-account-security {
    min-width: 0;
    display: grid;
    gap: 18px;
    padding: 20px;
    border: 1px solid var(--x-admin-primary-border);
    border-radius: 14px;
    /* Tema accent'i yüzeyin üzerine ince bir katman olarak binsin. */
    background: linear-gradient(0deg, var(--x-admin-primary-subtle), var(--x-admin-primary-subtle)), var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-account-security-head {
    display: flex;
    align-items: center;
    gap: 12px; }
    #x-admin-v2 .x-admin-account-security-head h2 {
      margin: 0;
      color: var(--x-admin-heading, var(--x-admin-text));
      font-size: 16px;
      line-height: 1.3; }
    #x-admin-v2 .x-admin-account-security-head p {
      margin: 3px 0 0;
      color: var(--x-admin-text-muted);
      font-size: 12.5px;
      font-weight: 600; }
  #x-admin-v2 .x-admin-account-security-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-account-security-icon svg {
      width: 19px;
      height: 19px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-account-password-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px; }
    #x-admin-v2 .x-admin-account-password-grid .x-admin-field label {
      color: var(--x-admin-text-secondary);
      font-size: 12.5px;
      font-weight: 700; }
  #x-admin-v2 .x-admin-mfa-panel .x-admin-account-security-head {
    align-items: flex-start; }
  #x-admin-v2 .x-admin-mfa-panel [data-field="mfa-status"] {
    margin-left: auto;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-mfa-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; }
  #x-admin-v2 .x-admin-mfa-setup,
  #x-admin-v2 .x-admin-mfa-recovery {
    display: grid;
    gap: 12px; }
  #x-admin-v2 .x-admin-mfa-secret {
    display: block;
    max-width: 100%;
    padding: 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    color: var(--x-admin-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere; }
  #x-admin-v2 .x-admin-mfa-codes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none; }
    #x-admin-v2 .x-admin-mfa-codes li {
      padding: 9px 10px;
      border: 1px solid var(--x-admin-border);
      border-radius: 8px;
      background: var(--x-admin-surface);
      color: var(--x-admin-text);
      font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
      font-size: 12px;
      font-weight: 700;
      text-align: center; }
  #x-admin-v2 .x-admin-input-password input {
    padding-right: 42px; }
  #x-admin-v2 .x-admin-password-toggle {
    position: absolute;
    right: 6px;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--x-admin-icon-muted, var(--x-admin-text-muted));
    cursor: pointer;
    transform: translateY(-50%);
    transition: background-color .16s ease, color .16s ease; }
    #x-admin-v2 .x-admin-password-toggle svg {
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
    #x-admin-v2 .x-admin-password-toggle:hover, #x-admin-v2 .x-admin-password-toggle.x-is-active {
      background: var(--x-admin-surface-hover);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-password-toggle:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-account-strength-row {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
    gap: 18px;
    align-items: center; }
  #x-admin-v2 .x-admin-account-strength {
    min-width: 0;
    display: grid;
    gap: 10px;
    align-content: center; }
  #x-admin-v2 .x-admin-account-strength-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--x-admin-text-secondary);
    font-size: 12.5px;
    font-weight: 700; }
    #x-admin-v2 .x-admin-account-strength-label strong {
      color: var(--x-admin-text-muted);
      font-size: 12.5px; }
      #x-admin-v2 .x-admin-account-strength-label strong[data-tone="primary"] {
        color: var(--x-admin-primary); }
      #x-admin-v2 .x-admin-account-strength-label strong[data-tone="warning"] {
        color: var(--x-admin-warning); }
      #x-admin-v2 .x-admin-account-strength-label strong[data-tone="success"] {
        color: var(--x-admin-success); }
  #x-admin-v2 .x-admin-account-strength-track {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px; }
  #x-admin-v2 .x-admin-account-strength-segment {
    height: 5px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    transition: background-color .18s ease; }
    #x-admin-v2 .x-admin-account-strength-segment.x-is-filled {
      background: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-account-strength-segment.x-is-filled[data-tone="warning"] {
      background: var(--x-admin-warning); }
    #x-admin-v2 .x-admin-account-strength-segment.x-is-filled[data-tone="success"] {
      background: var(--x-admin-success); }
  #x-admin-v2 .x-admin-account-rules {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid var(--x-admin-border);
    border-radius: 12px;
    background: var(--x-admin-surface);
    list-style: none; }
  #x-admin-v2 .x-admin-account-rule {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--x-admin-text-muted);
    font-size: 12px;
    font-weight: 600; }
    #x-admin-v2 .x-admin-account-rule.x-is-valid {
      color: var(--x-admin-text-secondary); }
  #x-admin-v2 .x-admin-account-rule-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 16px;
    height: 16px;
    color: var(--x-admin-text-disabled); }
    #x-admin-v2 .x-admin-account-rule-icon svg {
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.1;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-account-rule.x-is-valid .x-admin-account-rule-icon {
    color: var(--x-admin-success); }
  @media (max-width: 1180px) {
    #x-admin-v2 .x-admin-account-grid,
    #x-admin-v2 .x-admin-account-strength-row {
      grid-template-columns: minmax(0, 1fr); }
    #x-admin-v2 .x-admin-account-password-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 820px) {
    #x-admin-v2 .x-admin-account-field-grid,
    #x-admin-v2 .x-admin-account-password-grid,
    #x-admin-v2 .x-admin-account-rules {
      grid-template-columns: minmax(0, 1fr); }
    #x-admin-v2 .x-admin-account-photo-body {
      flex-wrap: wrap; } }

/* ==========================================================================
   Giriş ekranı, kilit ekranı ve 404 durumu
   Renkler yalnızca tema token'larından beslenir.
   ========================================================================== */
.x-admin-auth-body {
  min-height: 100vh;
  margin: 0; }

#x-admin-v2 {
  /* --- Referans: tek merkezî kart, ortalanmış marka kilidi --- */
  /* "Beni hatırla" + "Şifremi unuttum" tek satır. */
  /* Logo kutusuz, doğrudan işaret: yapıştırılmış değil bütünleşik dursun.
     Parlama abartısız tek drop-shadow ile verilir. */
  /* --- 404 durumu --- */
  /* --- Kilit ekranı --- */
  /* --- Profil şifre bölümü hata satırı --- */ }
  #x-admin-v2.x-admin-auth-shell {
    min-height: 100vh;
    display: block;
    /* PAW giriş ekranı: derin lacivert zemin + elektrik mavisi ışıma (marka
       board'u). Birincil aksiyon token'ları burada PAW mavisine sabitlenir —
       yalnız giriş kabuğunu etkiler, panel token'ları değişmez. */
    --x-admin-primary: #1f7bff;
    --x-admin-primary-hover: #1465e0;
    --x-admin-primary-active: #0d55d6;
    --x-admin-primary-rgb: 31, 123, 255;
    --x-admin-primary-contrast: #ffffff;
    --x-admin-focus-ring: rgba(31, 123, 255, .4);
    --x-admin-link: #5fb0ff;
    --x-admin-link-hover: #8cc7ff;
    --x-admin-input-focus-border: #1f7bff;
    /* Panelin PAW Imza tabaniyla AYNI midnight navy. Coklu parlak gradyan
       yerine kart arkasinda tek, genis ve kontrollu elektrik mavisi isik. */
    background: radial-gradient(ellipse 62% 46% at 50% 34%, rgba(47, 139, 255, 0.16), transparent 66%), linear-gradient(168deg, #061020 0, #030914 48%, #020712 100%);
    color: var(--x-admin-text);
    position: relative;
    /* Dikey kaydırma AÇIK kalmalı: kısa ekranda (ör. 1366x768 dizüstü, ~620px
       viewport) kart viewport'tan uzun olur; `overflow: hidden` olsaydı şifre
       alanı ve giriş butonu kırpılır ve hiçbir şekilde erişilemezdi. Yatay
       taşıma dekoratif katmanlar için kapalı tutulur. */
    overflow-x: hidden;
    overflow-y: auto;
    /* Doku: cok hafif, genis ve merkeze dogru sonumlenen tek katman.
       Onceki 64px kare izgara KALDIRILDI (baskin ve ucuz duruyordu). */
    /* Kartin arkasindaki tek genis hale; cember cizgisi kaldirildi. */ }
    #x-admin-v2.x-admin-auth-shell::before, #x-admin-v2.x-admin-auth-shell::after {
      content: "";
      position: fixed;
      pointer-events: none; }
    #x-admin-v2.x-admin-auth-shell::before {
      inset: 0;
      background-image: radial-gradient(ellipse 46% 38% at 82% 88%, rgba(31, 123, 255, 0.09), transparent 70%);
      background-repeat: no-repeat; }
    #x-admin-v2.x-admin-auth-shell::after {
      width: min(880px, 92vw);
      height: min(880px, 92vw);
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(47, 139, 255, 0.1) 0, transparent 62%); }
  #x-admin-v2 .x-admin-auth-main {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(360px, 430px);
    align-items: center;
    justify-content: center;
    gap: clamp(32px, 7vw, 96px);
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: clamp(20px, 4vh, 44px) 24px;
    position: relative;
    z-index: 1; }
  #x-admin-v2 .x-admin-auth-showcase {
    display: grid;
    justify-items: start;
    gap: 14px;
    min-height: 420px;
    align-content: center;
    padding: 34px;
    border: 1px solid rgba(99, 170, 255, 0.2);
    border-radius: 20px;
    background: radial-gradient(circle at 20% 18%, rgba(29, 126, 255, 0.24), transparent 30%), linear-gradient(160deg, rgba(11, 27, 49, 0.42), rgba(7, 16, 29, 0.78));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 28px 80px rgba(0, 0, 0, 0.3); }
    #x-admin-v2 .x-admin-auth-showcase::after {
      content: "";
      width: min(360px, 100%);
      height: 1px;
      margin-top: 10px;
      background: linear-gradient(90deg, rgba(64, 156, 255, 0.8), transparent); }
    #x-admin-v2 .x-admin-auth-showcase strong {
      color: #ffffff;
      font-size: clamp(42px, 5vw, 72px);
      line-height: 1;
      letter-spacing: .16em;
      text-transform: uppercase; }
    #x-admin-v2 .x-admin-auth-showcase small {
      color: #5fb4ff;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .34em; }
  #x-admin-v2 .x-admin-auth-showcase-mark {
    display: grid;
    width: 168px;
    height: 168px;
    place-items: center;
    filter: drop-shadow(0 0 26px rgba(28, 124, 255, 0.72)); }
    #x-admin-v2 .x-admin-auth-showcase-mark img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  #x-admin-v2 .x-admin-auth-card {
    width: min(430px, 100%);
    display: grid;
    gap: 22px;
    padding: 34px;
    border: 1px solid rgba(100, 172, 255, 0.24);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(14, 28, 56, 0.9), rgba(8, 16, 34, 0.96)), var(--x-admin-surface);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(18px); }
  #x-admin-v2 .x-admin-auth-card-wide {
    width: min(560px, 100%); }
  #x-admin-v2 .x-admin-auth-main-centered {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center; }
  #x-admin-v2 .x-admin-auth-card-centered {
    width: min(420px, 100%);
    gap: 20px; }
    #x-admin-v2 .x-admin-auth-card-centered .x-admin-auth-head {
      flex-direction: column;
      gap: 12px;
      text-align: center; }
    #x-admin-v2 .x-admin-auth-card-centered .x-admin-auth-brand {
      align-items: center; }
      #x-admin-v2 .x-admin-auth-card-centered .x-admin-auth-brand strong {
        font-size: 22px;
        letter-spacing: .06em; }
    #x-admin-v2 .x-admin-auth-card-centered .x-admin-auth-copy {
      text-align: center; }
  #x-admin-v2 .x-admin-auth-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap; }
  #x-admin-v2 .x-admin-auth-forgot {
    color: var(--x-admin-primary);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none; }
    #x-admin-v2 .x-admin-auth-forgot:hover {
      text-decoration: underline; }
  #x-admin-v2 .x-admin-auth-copyright {
    margin: 0;
    color: var(--x-admin-muted);
    font-size: 12px;
    text-align: center; }
  #x-admin-v2 .x-admin-auth-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 4px; }
  #x-admin-v2 .x-admin-auth-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 58px;
    height: 62px; }
    #x-admin-v2 .x-admin-auth-logo svg,
    #x-admin-v2 .x-admin-auth-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: drop-shadow(0 6px 22px rgba(31, 123, 255, 0.38)); }
  #x-admin-v2 .x-admin-auth-tagline {
    color: #5fb0ff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .34em;
    text-transform: uppercase; }
  #x-admin-v2 .x-admin-auth-brand {
    min-width: 0;
    display: grid;
    gap: 1px; }
    #x-admin-v2 .x-admin-auth-brand strong {
      background: linear-gradient(90deg, #1f7bff, #eaf3ff 55%, #ffffff 100%);
      color: #ffffff;
      font-size: 26px;
      font-weight: 900;
      letter-spacing: .3em;
      margin-right: -.3em;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; }
    #x-admin-v2 .x-admin-auth-brand span {
      color: var(--x-admin-text-muted);
      font-size: 12px;
      font-weight: 600; }
  #x-admin-v2 .x-admin-auth-copy {
    display: grid;
    gap: 8px; }
    #x-admin-v2 .x-admin-auth-copy h1 {
      margin: 0;
      color: #f8fbff;
      font-size: 30px;
      line-height: 1.25; }
    #x-admin-v2 .x-admin-auth-copy p {
      margin: 0;
      color: rgba(218, 230, 248, 0.72);
      font-size: 13px;
      font-weight: 600;
      line-height: 1.5; }
  #x-admin-v2 .x-admin-auth-kicker {
    color: #4ea1ff;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em; }
  #x-admin-v2 .x-admin-auth-form {
    display: grid;
    gap: 16px; }
    #x-admin-v2 .x-admin-auth-form label {
      color: rgba(230, 241, 255, 0.78);
      font-size: 12.5px;
      font-weight: 700; }
    #x-admin-v2 .x-admin-auth-form[hidden] {
      display: none; }
    #x-admin-v2 .x-admin-auth-form .x-admin-input-icon {
      min-height: 46px;
      border-color: rgba(103, 166, 255, 0.24);
      background: rgba(7, 16, 30, 0.72);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); }
      #x-admin-v2 .x-admin-auth-form .x-admin-input-icon:focus-within {
        border-color: rgba(82, 166, 255, 0.72);
        box-shadow: 0 0 0 3px rgba(36, 126, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
      #x-admin-v2 .x-admin-auth-form .x-admin-input-icon input {
        color: #f6fbff; }
        #x-admin-v2 .x-admin-auth-form .x-admin-input-icon input::placeholder {
          color: rgba(196, 214, 238, 0.42); }
    #x-admin-v2 .x-admin-auth-form .x-admin-input-icon-glyph,
    #x-admin-v2 .x-admin-auth-form .x-admin-password-toggle {
      color: rgba(103, 171, 255, 0.86); }
  #x-admin-v2 .x-admin-auth-alert {
    margin: 0;
    padding: 11px 14px;
    border: 1px solid rgba(105, 164, 255, 0.26);
    border-radius: 10px;
    background: rgba(10, 25, 48, 0.82);
    color: rgba(221, 234, 255, 0.86);
    font-size: 12.5px;
    font-weight: 600; }
    #x-admin-v2 .x-admin-auth-alert[data-tone="danger"] {
      border-color: color-mix(in srgb, var(--x-admin-danger) 34%, transparent);
      background: var(--x-admin-danger-soft);
      color: var(--x-admin-danger); }
    #x-admin-v2 .x-admin-auth-alert[data-tone="success"] {
      border-color: color-mix(in srgb, var(--x-admin-success) 34%, transparent);
      background: var(--x-admin-success-soft);
      color: var(--x-admin-success); }
  #x-admin-v2 .x-admin-auth-hint {
    margin: -6px 0 0;
    color: var(--x-admin-text-muted);
    font-size: 12px;
    font-weight: 600; }
  #x-admin-v2 .x-admin-auth-capslock {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -6px 0 0;
    color: var(--x-admin-warning);
    font-size: 12px;
    font-weight: 700; }
    #x-admin-v2 .x-admin-auth-capslock svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
    #x-admin-v2 .x-admin-auth-capslock[hidden] {
      display: none; }
  #x-admin-v2 .x-admin-auth-remember {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: rgba(220, 234, 255, 0.78);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer; }
    #x-admin-v2 .x-admin-auth-remember input {
      width: 16px;
      height: 16px;
      accent-color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-auth-submit {
    width: 100%;
    min-height: 46px;
    box-shadow: 0 16px 34px rgba(0, 110, 255, 0.28); }
  #x-admin-v2 .x-admin-auth-footer {
    padding-top: 6px;
    border-top: 1px solid rgba(94, 151, 236, 0.18); }
  #x-admin-v2 .x-admin-auth-note {
    margin: 12px 0 0;
    color: var(--x-admin-text-muted);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center; }
    #x-admin-v2 .x-admin-auth-note a {
      color: #6eb1ff;
      text-decoration: none; }
      #x-admin-v2 .x-admin-auth-note a:hover {
        color: #ffffff; }
  @media (max-width: 860px) {
    #x-admin-v2.x-admin-auth-shell .x-admin-auth-main {
      grid-template-columns: minmax(0, 1fr);
      gap: 22px;
      padding: 28px 16px; }
    #x-admin-v2.x-admin-auth-shell .x-admin-auth-showcase {
      min-height: auto;
      justify-items: center;
      padding: 24px;
      text-align: center; }
      #x-admin-v2.x-admin-auth-shell .x-admin-auth-showcase strong {
        font-size: 34px; }
      #x-admin-v2.x-admin-auth-shell .x-admin-auth-showcase small {
        letter-spacing: .18em; }
    #x-admin-v2.x-admin-auth-shell .x-admin-auth-showcase-mark {
      width: 104px;
      height: 104px; } }
  #x-admin-v2 .x-admin-not-found {
    display: grid;
    gap: 10px;
    justify-items: center;
    padding: 24px 8px 8px;
    text-align: center; }
  #x-admin-v2 .x-admin-not-found-art {
    display: inline-flex;
    width: 168px;
    max-width: 100%;
    color: var(--x-admin-primary);
    opacity: .55; }
    #x-admin-v2 .x-admin-not-found-art svg {
      width: 100%;
      height: auto;
      fill: none;
      stroke: currentColor;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-not-found-code {
    color: var(--x-admin-primary);
    font-size: 46px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .04em; }
  #x-admin-v2 .x-admin-not-found-title {
    margin: 0;
    color: var(--x-admin-heading, var(--x-admin-text));
    font-size: 21px;
    line-height: 1.3; }
  #x-admin-v2 .x-admin-not-found-description {
    max-width: 420px;
    margin: 0;
    color: var(--x-admin-text-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55; }
  #x-admin-v2 .x-admin-not-found-route {
    margin: 0;
    padding: 5px 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 999px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-muted);
    font-size: 12px;
    font-weight: 700; }
    #x-admin-v2 .x-admin-not-found-route[hidden] {
      display: none; }
  #x-admin-v2 .x-admin-not-found-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 8px; }
    #x-admin-v2 .x-admin-not-found-actions .x-admin-button {
      text-decoration: none; }
  #x-admin-v2 .x-admin-lock-screen-card {
    width: min(400px, 100%);
    display: grid;
    gap: 14px;
    justify-items: center;
    padding: 30px 28px;
    border: 1px solid var(--x-admin-border);
    border-radius: 16px;
    background: var(--x-admin-surface);
    box-shadow: var(--x-admin-shadow-lg);
    text-align: center; }
  #x-admin-v2 .x-admin-lock-screen-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--x-admin-border);
    width: 100%; }
  #x-admin-v2 .x-admin-lock-screen-brand-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    border: 1px solid var(--x-admin-primary-border);
    border-radius: 10px;
    background: var(--x-admin-primary-soft);
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-lock-screen-brand-logo svg {
      width: 19px;
      height: 19px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-lock-screen-brand-copy {
    min-width: 0;
    display: grid;
    gap: 1px;
    text-align: left; }
    #x-admin-v2 .x-admin-lock-screen-brand-copy strong {
      color: var(--x-admin-heading, var(--x-admin-text));
      font-size: 13.5px; }
    #x-admin-v2 .x-admin-lock-screen-brand-copy span {
      color: var(--x-admin-text-muted);
      font-size: 11.5px;
      font-weight: 600; }
  #x-admin-v2 .x-admin-lock-screen-copy {
    display: grid;
    gap: 8px;
    justify-items: center; }
    #x-admin-v2 .x-admin-lock-screen-copy h2 {
      margin: 0;
      color: var(--x-admin-heading, var(--x-admin-text));
      font-size: 20px;
      line-height: 1.3; }
    #x-admin-v2 .x-admin-lock-screen-copy p {
      margin: 0;
      max-width: 300px;
      color: var(--x-admin-text-muted);
      font-size: 12.5px;
      font-weight: 600;
      line-height: 1.5; }
  #x-admin-v2 .x-admin-lock-screen-field {
    width: 100%;
    text-align: left; }
  #x-admin-v2 .x-admin-lock-screen-error {
    width: 100%;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--x-admin-danger) 34%, transparent);
    border-radius: 10px;
    background: var(--x-admin-danger-soft);
    color: var(--x-admin-danger);
    font-size: 12.5px;
    font-weight: 600; }
    #x-admin-v2 .x-admin-lock-screen-error[hidden] {
      display: none; }
  #x-admin-v2 .x-admin-lock-screen-actions {
    width: 100%;
    display: grid;
    gap: 10px;
    justify-items: center; }
  #x-admin-v2 .x-admin-lock-screen-submit {
    width: 100%;
    min-height: 44px; }
  #x-admin-v2 .x-admin-lock-screen-logout {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--x-admin-text-muted);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer; }
    #x-admin-v2 .x-admin-lock-screen-logout svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
    #x-admin-v2 .x-admin-lock-screen-logout:hover {
      background: var(--x-admin-surface-hover);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-lock-screen-logout:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-account-password-error {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--x-admin-danger) 34%, transparent);
    border-radius: 10px;
    background: var(--x-admin-danger-soft);
    color: var(--x-admin-danger);
    font-size: 12.5px;
    font-weight: 600; }
    #x-admin-v2 .x-admin-account-password-error[hidden] {
      display: none; }
  #x-admin-v2 .x-admin-account-security[data-mode="create"] .x-admin-account-password-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Kilit ekranı açıkken arka plan tamamen devre dışı kalır. */
body.x-admin-is-locked {
  overflow: hidden; }

/* ==========================================================================
   Tek tip form kontrol sistemi
   Native select / checkbox / radio / number / color görünümleri panel
   tasarımıyla değiştirilir. Tüm renkler tema token'larından gelir.
   ========================================================================== */
#x-admin-v2 {
  /* --- Geliştirilmiş select --------------------------------------------- */
  /* Gerçek <select> DOM'da kalır (form ve state davranışı korunur),
     yalnızca ekrandan kaldırılır. */
  /* Filtre dropdown'ları ile aynı görsel dil: koyu temada yüzey uyumu */
  /* --- Checkbox ve radio ------------------------------------------------ */
  /* Açıklamalı onay satırlarında dikey hizalama */
  /* --- Number input: native spinner kaldırılır --------------------------- */
  /* --- Color input: tema uyumlu swatch ---------------------------------- */
  /* --- Native file input hiçbir yerde görünmez --------------------------- */
  /* Klavye ile dosya seçicide odak görünürlüğü */ }
  #x-admin-v2 .x-admin-select-native {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0; }
  #x-admin-v2 .x-admin-select-shell {
    position: relative;
    min-width: 0;
    display: block; }
  #x-admin-v2 .x-admin-select-button {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--x-admin-input-border);
    border-radius: 8px;
    background: var(--x-admin-input-background);
    color: var(--x-admin-text);
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease; }
    #x-admin-v2 .x-admin-select-button:hover:not(:disabled) {
      border-color: var(--x-admin-input-hover-border);
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-select-button:focus-visible {
      border-color: var(--x-admin-input-focus-border);
      outline: none;
      box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }
    #x-admin-v2 .x-admin-select-button:disabled {
      background: var(--x-admin-disabled-background);
      color: var(--x-admin-text-disabled);
      cursor: not-allowed; }
  #x-admin-v2 .x-admin-select-value {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #x-admin-v2 .x-admin-select-value.x-is-placeholder {
      color: var(--x-admin-placeholder);
      font-weight: 600; }
  #x-admin-v2 .x-admin-select-chevron {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--x-admin-icon-muted);
    transition: transform .16s ease, color .16s ease; }
    #x-admin-v2 .x-admin-select-chevron svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-select-shell.x-is-open .x-admin-select-button {
    border-color: var(--x-admin-primary-border);
    background: var(--x-admin-primary-subtle);
    box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }
  #x-admin-v2 .x-admin-select-shell.x-is-open .x-admin-select-chevron {
    color: var(--x-admin-primary);
    transform: rotate(180deg); }
  #x-admin-v2 .x-admin-select-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 240;
    max-height: min(288px, calc(100vh - 160px));
    display: grid;
    gap: 2px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-popover-background);
    box-shadow: var(--x-admin-shadow-lg);
    transform-origin: top;
    animation: x-admin-menu-enter .14s ease; }
    #x-admin-v2 .x-admin-select-menu[hidden] {
      display: none; }
    #x-admin-v2 .x-admin-select-menu.x-is-above {
      top: auto;
      bottom: calc(100% + 6px);
      transform-origin: bottom; }
  #x-admin-v2 .x-admin-select-option {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 7px;
    color: var(--x-admin-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
    /* Secili satirin METNI govde rengidir, aksan degil.
       Olculdu: koyu temada aksan metin rgb(47,128,237) secili yuzeyde
       ~3.4:1 kontrast veriyordu (WCAG AA 4.5:1 altinda) ve bazi seceneklerin
       okunmamasi sikayetinin olculebilir karsiligiydi. Aksan artik yalniz
       ARKA PLAN tonu ve onay isaretiyle tasinir; yeni renk EKLENMEDI. */ }
    #x-admin-v2 .x-admin-select-option:hover, #x-admin-v2 .x-admin-select-option:focus-visible {
      background: var(--x-admin-primary-subtle);
      color: var(--x-admin-primary);
      outline: none; }
    #x-admin-v2 .x-admin-select-option:focus-visible {
      box-shadow: inset 0 0 0 1px var(--x-admin-primary-border); }
    #x-admin-v2 .x-admin-select-option.x-is-selected {
      background: var(--x-admin-selected-background);
      color: var(--x-admin-text); }
    #x-admin-v2 .x-admin-select-option[aria-disabled="true"] {
      color: var(--x-admin-text-disabled);
      cursor: not-allowed; }
  #x-admin-v2 .x-admin-select-option-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-select-option-check {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--x-admin-primary);
    opacity: 0; }
    #x-admin-v2 .x-admin-select-option-check svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-select-option.x-is-selected .x-admin-select-option-check {
    opacity: 1; }
  #x-admin-v2 .x-admin-select-button,
  #x-admin-v2 .x-admin-notification-select-button {
    background: var(--x-admin-input-background); }
  #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden),
  #x-admin-v2 input[type="radio"]:not(.x-admin-visually-hidden) {
    appearance: none;
    -webkit-appearance: none;
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    display: inline-grid;
    place-content: center;
    border: 1.5px solid var(--x-admin-input-border);
    background: var(--x-admin-input-background);
    color: var(--x-admin-primary-contrast);
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
    /* Grid alanı içerik boyutunda olduğu için tik kutusu açık ölçü alır;
       yüzde tabanlı ölçü 0'a çözülüp ikonu görünmez yapıyordu. */ }
    #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden)::before,
    #x-admin-v2 input[type="radio"]:not(.x-admin-visually-hidden)::before {
      content: "";
      width: 12px;
      height: 12px;
      background: currentColor;
      transform: scale(0);
      transition: transform .12s ease; }
    #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden):hover:not(:disabled),
    #x-admin-v2 input[type="radio"]:not(.x-admin-visually-hidden):hover:not(:disabled) {
      border-color: var(--x-admin-primary-border); }
    #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden):focus-visible,
    #x-admin-v2 input[type="radio"]:not(.x-admin-visually-hidden):focus-visible {
      outline: none;
      border-color: var(--x-admin-input-focus-border);
      box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }
    #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden):checked,
    #x-admin-v2 input[type="radio"]:not(.x-admin-visually-hidden):checked {
      border-color: var(--x-admin-primary);
      background: var(--x-admin-primary); }
    #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden):checked::before,
    #x-admin-v2 input[type="radio"]:not(.x-admin-visually-hidden):checked::before {
      transform: scale(1); }
    #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden):disabled,
    #x-admin-v2 input[type="radio"]:not(.x-admin-visually-hidden):disabled {
      border-color: var(--x-admin-border);
      background: var(--x-admin-disabled-background);
      cursor: not-allowed;
      opacity: .7; }
  #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden) {
    border-radius: 5px;
    /* Tik ikonu SVG maskesi olarak uygulanır; rengi tema token'ından gelir. */ }
    #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden)::before {
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%; }
    #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden):indeterminate {
      border-color: var(--x-admin-primary);
      background: var(--x-admin-primary); }
    #x-admin-v2 input[type="checkbox"]:not(.x-admin-visually-hidden):indeterminate::before {
      transform: scale(1);
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E"); }
  #x-admin-v2 input[type="radio"]:not(.x-admin-visually-hidden) {
    border-radius: 50%; }
    #x-admin-v2 input[type="radio"]:not(.x-admin-visually-hidden)::before {
      width: 8px;
      height: 8px;
      border-radius: 50%; }
  #x-admin-v2 .x-admin-toggle-field {
    align-items: flex-start; }
    #x-admin-v2 .x-admin-toggle-field input[type="checkbox"] {
      margin-top: 2px; }
  #x-admin-v2 input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield; }
  #x-admin-v2 input[type="number"]::-webkit-outer-spin-button,
  #x-admin-v2 input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0; }
  #x-admin-v2 input[type="color"] {
    width: 46px;
    min-height: 42px;
    padding: 4px;
    border: 1px solid var(--x-admin-input-border);
    border-radius: 8px;
    background: var(--x-admin-input-background);
    cursor: pointer; }
    #x-admin-v2 input[type="color"]::-webkit-color-swatch-wrapper {
      padding: 0; }
    #x-admin-v2 input[type="color"]::-webkit-color-swatch {
      border: 0;
      border-radius: 5px; }
    #x-admin-v2 input[type="color"]::-moz-color-swatch {
      border: 0;
      border-radius: 5px; }
    #x-admin-v2 input[type="color"]:focus-visible {
      outline: none;
      border-color: var(--x-admin-input-focus-border);
      box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }
  #x-admin-v2 input[type="file"]:not(.x-admin-visually-hidden) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap; }
  #x-admin-v2 input[type="file"]::-webkit-file-upload-button, #x-admin-v2 input[type="file"]::file-selector-button {
    display: none; }
  #x-admin-v2 .x-admin-file-picker input[type="file"]:focus-visible + .x-admin-file-picker-button,
  #x-admin-v2 .x-admin-file-picker input[type="file"]:focus-visible ~ .x-admin-file-picker-button {
    border-color: var(--x-admin-input-focus-border);
    box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }

#x-admin-v2 {
  /* Kendi görsel kontrolüne sahip switch bileşenlerinde native input zaten
     gizlidir; genel checkbox stilinin ölçüleri buraya uygulanmaz. */ }
  #x-admin-v2 .x-admin-customizer-switch input[type="checkbox"] {
    width: 0;
    height: 0;
    border: 0;
    background: transparent; }

#x-admin-v2 {
  /* Görsel olarak gizlenen native kontroller hiçbir koşulda alan kaplamasın. */ }
  #x-admin-v2 input.x-admin-visually-hidden {
    width: 1px;
    height: 1px;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent; }

/* ==========================================================================
   Düzen, boşluk ve hiyerarşi düzeltmeleri
   Tüm renkler tema token'larından gelir; sabit accent yoktur.
   ========================================================================== */
#x-admin-v2 {
  /* --- Footer: tek satır, ortalanmış telif (madde 2) --- */
  /* --- Sidebar sabit kalsın, uzun menüde kendi içinde kaysın (madde 3) --- */
  /* --- Panel: durum satırı (madde 1) --- */
  /* --- Site Kimliği ön izleme kartları (madde 5) --- */
  /* --- Header ve Menü: liste iç boşluğu (madde 6) --- */
  /* Aynı sorun diğer kart içi listelerde de olmasın */
  /* --- Google Yorumlar: tema dışı beyaz yüzeyler (madde 7) --- */
  /* Yorum sayfası başlığı artık aksiyonsuz; hizayı koru */
  /* --- Bildirim/filtre dropdown'ları: dar ve sıkışık görünmesin (madde 10) --- */
  /* --- Kullanıcı modalı: alt aksiyon bloğu (madde 12) --- */
  /* --- Tehlikeli İşlemler (madde 13) --- */
  /* Başlık grubu (ikon + başlık + açıklama) kartın üst bölümünde
     gerçekten ortalanır. */
  /* Dört işlem kartı: kompakt, sınırlı genişlik, grup ortalanır;
     orta genişlikte 2 sütuna düşer. */
  /* --- İletişim Ayarları özet kartları (madde 14) --- */
  /* --- Bize Ulaşın: kartlar kalktı, akış sıkılaştı (madde 15) --- */
  /* --- Profil açılır paneli (madde 16) --- */
  /* --- Ayarlar sekme çubuğu: gizli sekmeler yer kaplamasın (madde 17) --- */
  /* --- Genel tutarlılık --- */ }
  #x-admin-v2 .x-admin-footer {
    justify-content: center;
    padding: 22px 34px 28px;
    border-top: 1px solid var(--x-admin-border);
    font-size: 12.5px;
    text-align: center; }
  #x-admin-v2 .x-admin-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden; }
  #x-admin-v2 .x-admin-sidebar > .x-admin-nav {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    /* Alt profil kartıyla arasında nefes payı */
    padding-right: 2px; }
  #x-admin-v2 .x-admin-sidebar > .x-admin-sidebar-profile {
    flex: 0 0 auto; }
  #x-admin-v2 .x-admin-dashboard-grid-status {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #x-admin-v2 .x-admin-site-status-card,
  #x-admin-v2 .x-admin-pending-card {
    display: flex;
    flex-direction: column; }
  #x-admin-v2 .x-admin-site-status-card .x-admin-status-list,
  #x-admin-v2 .x-admin-pending-card .x-admin-pending-list {
    flex: 1 1 auto;
    padding: 16px 22px 22px; }
  #x-admin-v2 .x-admin-identity-preview {
    margin-top: 22px;
    padding: 20px;
    border: 1px solid var(--x-admin-border);
    border-radius: 14px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2 .x-admin-identity-preview h3 {
      margin: 0 0 14px; }
  #x-admin-v2 .x-admin-identity-preview-grid {
    gap: 18px; }
  #x-admin-v2 .x-admin-identity-preview-item {
    gap: 12px;
    padding: 22px;
    border-radius: 12px;
    box-shadow: var(--x-admin-shadow-sm); }
  #x-admin-v2 .x-admin-menu-list {
    gap: 12px;
    padding: 18px 22px 22px; }
  #x-admin-v2 .x-admin-menu-row {
    padding: 14px 16px;
    column-gap: 16px; }
  #x-admin-v2 .x-admin-menu-row-child {
    margin-left: 32px; }
  #x-admin-v2 .x-admin-menu-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px; }
  #x-admin-v2 .x-admin-footer-link-list,
  #x-admin-v2 .x-admin-invite-list,
  #x-admin-v2 .x-admin-role-template-list,
  #x-admin-v2 .x-admin-permission-group-list {
    padding: 18px 22px 22px; }
  #x-admin-v2 .x-admin-segment {
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-secondary); }
    #x-admin-v2 .x-admin-segment:hover, #x-admin-v2 .x-admin-segment:focus-visible {
      background: var(--x-admin-surface-hover); }
    #x-admin-v2 .x-admin-segment.x-is-active {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-primary-subtle);
      color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-review:hover,
  #x-admin-v2 .x-admin-review:focus {
    background: var(--x-admin-surface-hover); }
  #x-admin-v2 .x-admin-review-reply {
    border-left-color: var(--x-admin-primary);
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-filter-search input,
  #x-admin-v2 .x-admin-filter-select select {
    background: var(--x-admin-input-background);
    color: var(--x-admin-text); }
  #x-admin-v2 .x-admin-review-page-grid {
    align-items: start; }
  #x-admin-v2 .x-admin-notification-select-menu,
  #x-admin-v2 .x-admin-select-menu {
    min-width: 100%;
    width: max-content;
    max-width: min(340px, calc(100vw - 48px));
    padding: 8px; }
  #x-admin-v2 .x-admin-notification-select-option,
  #x-admin-v2 .x-admin-select-option {
    min-height: 38px;
    padding-top: 9px;
    padding-bottom: 9px;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-notification-filter-field {
    min-width: 172px; }
  #x-admin-v2 .x-admin-filter-bar .x-admin-notification-filter-field {
    flex: 1 1 172px; }
  #x-admin-v2 .x-admin-user-account-section {
    margin-top: 24px;
    padding: 18px;
    border: 1px solid var(--x-admin-border);
    border-top: 1px solid var(--x-admin-border);
    border-radius: 12px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2 .x-admin-user-account-section h3 {
      margin: 0 0 12px;
      color: var(--x-admin-heading, var(--x-admin-text)); }
  #x-admin-v2 .x-admin-user-account-section .x-admin-settings-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-danger-zone {
    display: grid;
    gap: 16px; }
  #x-admin-v2 .x-admin-danger-header {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 22px 22px 0;
    text-align: center; }
    #x-admin-v2 .x-admin-danger-header > div {
      flex: 0 1 auto;
      min-width: 0; }
    #x-admin-v2 .x-admin-danger-header h2 {
      margin: 0;
      font-size: 15px;
      line-height: 1.3; }
    #x-admin-v2 .x-admin-danger-header p {
      margin: 4px auto 0;
      max-width: 52ch;
      font-size: 12.5px;
      line-height: 1.5; }
  #x-admin-v2 .x-admin-danger-actions {
    grid-template-columns: repeat(4, minmax(150px, 220px));
    justify-content: center;
    gap: 12px;
    padding: 0 22px 22px; }
  @media (max-width: 1120px) {
    #x-admin-v2 .x-admin-danger-actions {
      grid-template-columns: repeat(2, minmax(150px, 220px)); } }
  #x-admin-v2 .x-admin-danger-button {
    min-height: 44px;
    justify-content: center;
    padding: 10px 14px;
    text-align: center; }
  #x-admin-v2 .x-admin-contact-summary-grid {
    gap: 20px; }
  #x-admin-v2 .x-admin-contact-summary-card {
    gap: 16px;
    padding: 20px 22px; }
  #x-admin-v2 .x-admin-contact-page .x-admin-contact-card {
    margin-top: 2px; }
  #x-admin-v2 .x-admin-profile-popover {
    width: min(300px, calc(100vw - 32px));
    padding: 14px;
    display: grid;
    gap: 12px; }
  #x-admin-v2 .x-admin-profile-summary {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 4px 14px;
    border-bottom: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-profile-popover .x-admin-profile-badge {
    justify-self: start;
    margin-top: -4px; }
  #x-admin-v2 .x-admin-profile-group {
    display: grid;
    gap: 2px;
    padding-top: 10px;
    border-top: 1px solid var(--x-admin-border); }
    #x-admin-v2 .x-admin-profile-group:first-of-type {
      padding-top: 0;
      border-top: 0; }
  #x-admin-v2 .x-admin-profile-item {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--x-admin-text-secondary);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    cursor: pointer; }
    #x-admin-v2 .x-admin-profile-item:hover, #x-admin-v2 .x-admin-profile-item:focus-visible {
      background: var(--x-admin-primary-subtle);
      color: var(--x-admin-primary);
      outline: none; }
  #x-admin-v2 .x-admin-profile-item-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-profile-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--x-admin-surface-tertiary);
    color: inherit; }
    #x-admin-v2 .x-admin-profile-item-icon svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-profile-item:hover .x-admin-profile-item-icon,
  #x-admin-v2 .x-admin-profile-item:focus-visible .x-admin-profile-item-icon {
    background: var(--x-admin-primary-soft); }
  #x-admin-v2 .x-admin-profile-item-meta {
    display: inline-flex;
    flex: none;
    color: var(--x-admin-icon-muted); }
    #x-admin-v2 .x-admin-profile-item-meta svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-profile-item-hint {
    flex: none;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-muted);
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em; }
  #x-admin-v2 .x-admin-profile-item-danger {
    color: var(--x-admin-danger); }
    #x-admin-v2 .x-admin-profile-item-danger:hover, #x-admin-v2 .x-admin-profile-item-danger:focus-visible {
      background: var(--x-admin-danger-soft);
      color: var(--x-admin-danger); }
    #x-admin-v2 .x-admin-profile-item-danger:hover .x-admin-profile-item-icon, #x-admin-v2 .x-admin-profile-item-danger:focus-visible .x-admin-profile-item-icon {
      background: var(--x-admin-danger-soft); }
  #x-admin-v2 .x-admin-settings-tab[hidden] {
    display: none !important; }
  #x-admin-v2 .x-admin-settings-shell {
    margin-top: 4px; }
  #x-admin-v2 .x-admin-page-head {
    margin-bottom: 4px; }
  #x-admin-v2 .x-admin-card-header + .x-admin-status-list {
    padding: 16px 22px 22px; }

/* ==========================================================================
   Uygulama kabuğu: sidebar ve topbar gerçekten sabit kalsın
   (#x-admin-v2 üzerindeki overflow-x: hidden, position: sticky için
   kaydırılmayan bir scrollport oluşturup sabitlemeyi etkisiz kılıyordu.)
   ========================================================================== */
#x-admin-v2 {
  /* Kabuk kendi scrollport'u; mutlak konumlu torunlar belgeye taşmasın. */
  position: relative;
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  /* Kilit ekranı açıkken arka plan kaymasın */ }
  #x-admin-v2.x-is-lock-screen-open {
    overflow: hidden; }
  #x-admin-v2 .x-admin-sidebar {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    max-height: 100vh; }
  #x-admin-v2 .x-admin-header {
    position: sticky;
    top: 0; }

#x-admin-v2 {
  /* Bu iki modaldaki kapatma butonu hiç stillenmemişti; tarayıcı
     varsayılanı (gri native buton) görünüyordu. */
  /* Puan filtresi tek satırda kalsın */ }
  #x-admin-v2 .x-admin-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--x-admin-border);
    border-radius: 9px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-icon-muted, var(--x-admin-text-muted));
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease; }
    #x-admin-v2 .x-admin-modal-close svg {
      width: 17px;
      height: 17px; }
    #x-admin-v2 .x-admin-modal-close:hover {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-primary-subtle);
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-modal-close:focus-visible {
      outline: 2px solid var(--x-admin-focus-ring);
      outline-offset: 1px; }
  #x-admin-v2 .x-admin-segmented-rating .x-admin-segment {
    min-width: 30px;
    padding: 6px 8px;
    justify-content: center; }

#x-admin-v2 {
  /* Menülerde yatay kaydırma çubuğu görünmesin */ }
  #x-admin-v2 .x-admin-notification-select-menu,
  #x-admin-v2 .x-admin-select-menu {
    overflow-x: hidden; }

/* ==========================================================================
   Panel tercih sistemi ve yerleşim düzeltmeleri
   Tüm ölçüler tema/tercih değişkenlerinden türetilir; sabit renk yoktur.
   ========================================================================== */
#x-admin-v2 {
  /* --- Yoğunluk ölçek değişkenleri (varsayılan: standart) --- */
  --x-admin-space-section: 22px;
  --x-admin-space-grid: 22px;
  --x-admin-space-card: 22px;
  --x-admin-space-form: 18px;
  --x-admin-row-padding-y: 14px;
  --x-admin-control-height: 42px;
  --x-admin-filter-padding-y: 14px;
  --x-admin-text-scale: 0px;
  /* --- Sayfa içi section ritmi: yoğunluğa bağlı gerçek boşluk (5, 11) --- */
  /* Eski tekil margin'ler artık gap ile çakışmasın */
  /* --- Rahat --- */
  /* --- Sıkı --- */
  /* --- Tablo satır yoğunluğu: değişkenler artık gerçekten kullanılıyor (6) --- */
  /* --- Büyük yazı desteği: bileşen bazlı, ~3-4px artış (7) --- */
  /* --- Yüksek kontrast odak çizgisi (8) --- */
  /* --- Gelen Mesajlar sekme satırı taşması (1) --- */
  /* --- Bildirim filtre satırı hizası (9) --- */
  /* --- İletişim Ayarları section boşlukları (11) --- */
  /* --- Kompakt panel düzeninde sidebar (2) --- */
  /* --- Daraltılmış sidebar (13) --- */
  /* --- Profil hızlı menüsü: her durumda görünür kalsın (14) --- */ }
  #x-admin-v2 .x-admin-page {
    display: grid;
    align-content: start;
    gap: var(--x-admin-space-section); }
  #x-admin-v2 .x-admin-page > .x-admin-social-grid,
  #x-admin-v2 .x-admin-page > .x-admin-metric-grid,
  #x-admin-v2 .x-admin-page > .x-admin-dashboard-grid,
  #x-admin-v2 .x-admin-page > .x-admin-contact-summary-grid,
  #x-admin-v2 .x-admin-page > .x-admin-contact-settings-grid,
  #x-admin-v2 .x-admin-page > .x-admin-page-head {
    margin-bottom: 0; }
  #x-admin-v2 .x-admin-dashboard-grid,
  #x-admin-v2 .x-admin-social-grid,
  #x-admin-v2 .x-admin-metric-grid,
  #x-admin-v2 .x-admin-inbox-grid,
  #x-admin-v2 .x-admin-review-page-grid,
  #x-admin-v2 .x-admin-access-grid,
  #x-admin-v2 .x-admin-contact-settings-grid,
  #x-admin-v2 .x-admin-contact-side,
  #x-admin-v2 .x-admin-system-grid {
    gap: var(--x-admin-space-grid); }
  #x-admin-v2 .x-admin-card-header,
  #x-admin-v2 .x-admin-settings-card-header {
    padding: var(--x-admin-space-card) var(--x-admin-space-card) 0; }
  #x-admin-v2 .x-admin-form-grid,
  #x-admin-v2 .x-admin-settings-grid,
  #x-admin-v2 .x-admin-contact-field-grid,
  #x-admin-v2 .x-admin-account-field-grid {
    gap: var(--x-admin-space-form); }
  #x-admin-v2 .x-admin-filter-bar {
    padding: var(--x-admin-filter-padding-y) 16px; }
  #x-admin-v2[data-admin-density="comfortable"] {
    --x-admin-space-section: 34px;
    --x-admin-space-grid: 28px;
    --x-admin-space-card: 28px;
    --x-admin-space-form: 24px;
    --x-admin-row-padding-y: 20px;
    --x-admin-control-height: 48px;
    --x-admin-filter-padding-y: 20px;
    --x-admin-shell-pad-y: 38px;
    --x-admin-shell-pad-bottom: 24px; }
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-review,
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-notification-card,
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-layout-item-card,
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-menu-row,
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-inbox-item,
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-status-row {
      padding-top: var(--x-admin-row-padding-y);
      padding-bottom: var(--x-admin-row-padding-y); }
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-metric-card {
      padding: 22px 24px; }
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-inbox-list,
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-notification-list,
    #x-admin-v2[data-admin-density="comfortable"] .x-admin-menu-list {
      gap: 14px; }
  #x-admin-v2[data-admin-density="compact"] {
    --x-admin-space-section: 12px;
    --x-admin-space-grid: 12px;
    --x-admin-space-card: 14px;
    --x-admin-space-form: 10px;
    --x-admin-row-padding-y: 8px;
    --x-admin-control-height: 36px;
    --x-admin-filter-padding-y: 9px;
    --x-admin-shell-pad-x: 22px;
    --x-admin-shell-pad-y: 18px;
    --x-admin-shell-pad-bottom: 12px; }
    #x-admin-v2[data-admin-density="compact"] .x-admin-review,
    #x-admin-v2[data-admin-density="compact"] .x-admin-notification-card,
    #x-admin-v2[data-admin-density="compact"] .x-admin-layout-item-card,
    #x-admin-v2[data-admin-density="compact"] .x-admin-menu-row,
    #x-admin-v2[data-admin-density="compact"] .x-admin-inbox-item,
    #x-admin-v2[data-admin-density="compact"] .x-admin-status-row {
      padding-top: var(--x-admin-row-padding-y);
      padding-bottom: var(--x-admin-row-padding-y); }
    #x-admin-v2[data-admin-density="compact"] .x-admin-metric-card {
      padding: 11px 13px; }
    #x-admin-v2[data-admin-density="compact"] .x-admin-inbox-list,
    #x-admin-v2[data-admin-density="compact"] .x-admin-notification-list,
    #x-admin-v2[data-admin-density="compact"] .x-admin-menu-list {
      gap: 6px; }
    #x-admin-v2[data-admin-density="compact"] .x-admin-field input,
    #x-admin-v2[data-admin-density="compact"] .x-admin-field select,
    #x-admin-v2[data-admin-density="compact"] .x-admin-select-button,
    #x-admin-v2[data-admin-density="compact"] .x-admin-notification-select-button {
      min-height: var(--x-admin-control-height); }
  #x-admin-v2 .x-admin-table th,
  #x-admin-v2 .x-admin-table td {
    padding: var(--x-admin-table-cell-padding-y) var(--x-admin-table-cell-padding-x); }
  #x-admin-v2[data-admin-table-density="comfortable"] {
    --x-admin-table-cell-padding-y: 20px;
    --x-admin-table-cell-padding-x: 18px; }
    #x-admin-v2[data-admin-table-density="comfortable"] .x-admin-table .x-admin-user-avatar,
    #x-admin-v2[data-admin-table-density="comfortable"] .x-admin-table .x-admin-avatar {
      width: 38px;
      height: 38px;
      flex-basis: 38px; }
  #x-admin-v2[data-admin-table-density="compact"] {
    --x-admin-table-cell-padding-y: 6px;
    --x-admin-table-cell-padding-x: 10px; }
    #x-admin-v2[data-admin-table-density="compact"] .x-admin-table .x-admin-user-avatar,
    #x-admin-v2[data-admin-table-density="compact"] .x-admin-table .x-admin-avatar {
      width: 26px;
      height: 26px;
      flex-basis: 26px;
      font-size: 10.5px; }
    #x-admin-v2[data-admin-table-density="compact"] .x-admin-table .x-admin-button-compact {
      min-height: 28px;
      padding: 4px 8px;
      font-size: 12px; }
    #x-admin-v2[data-admin-table-density="compact"] .x-admin-table .x-admin-icon-button-small {
      width: 28px;
      height: 28px; }
    #x-admin-v2[data-admin-table-density="compact"] .x-admin-table .x-admin-soft-badge,
    #x-admin-v2[data-admin-table-density="compact"] .x-admin-table .x-admin-status-pill {
      padding-top: 1px;
      padding-bottom: 1px; }
  #x-admin-v2[data-admin-large-text="true"] {
    --x-admin-font-scale: 1;
    --x-admin-text-scale: 3px;
    font-size: calc(14px + var(--x-admin-text-scale));
    /* Uzun başlıklar kesilmek yerine kontrollü sarsın */ }
    #x-admin-v2[data-admin-large-text="true"] .x-admin-page-title,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-page-head-title {
      font-size: calc(28px + var(--x-admin-text-scale)); }
    #x-admin-v2[data-admin-large-text="true"] .x-admin-card-header h2,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-settings-card-header h2,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-page-head-description,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-card-header p,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-settings-card-header p {
      font-size: calc(14px + var(--x-admin-text-scale)); }
    #x-admin-v2[data-admin-large-text="true"] .x-admin-field > span,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-field > label,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-table,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-table th,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-table td,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-nav-label,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-profile-item,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-segment,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-segment-tab,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-button,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-select-button,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-notification-select-button,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-select-option,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-notification-select-option,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-status-row,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-metric-label,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-soft-badge,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-status-pill,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-notification-title-text,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-notification-message {
      font-size: calc(13px + var(--x-admin-text-scale)); }
    #x-admin-v2[data-admin-large-text="true"] .x-admin-field input,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-field textarea,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-field select,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-input-icon input {
      min-height: calc(42px + var(--x-admin-text-scale) * 2);
      font-size: calc(13px + var(--x-admin-text-scale)); }
    #x-admin-v2[data-admin-large-text="true"] .x-admin-button {
      min-height: calc(40px + var(--x-admin-text-scale) * 2); }
    #x-admin-v2[data-admin-large-text="true"] .x-admin-metric-value {
      font-size: calc(24px + var(--x-admin-text-scale)); }
    #x-admin-v2[data-admin-large-text="true"] .x-admin-page-head-title,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-card-header h2,
    #x-admin-v2[data-admin-large-text="true"] .x-admin-nav-label {
      overflow-wrap: anywhere;
      white-space: normal; }
  #x-admin-v2[data-admin-focus="high"] :focus-visible {
    outline: 3px solid var(--x-admin-primary);
    outline-offset: 2px;
    box-shadow: 0 0 0 6px rgba(var(--x-admin-primary-rgb), 0.28);
    border-radius: 6px; }
  #x-admin-v2[data-admin-focus="high"] .x-admin-nav-link:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-profile-item:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-segment:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-segment-tab:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-settings-tab:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-select-button:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-notification-select-button:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-select-option:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-button:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-icon-button:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-page-number:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-page-step:focus-visible,
  #x-admin-v2[data-admin-focus="high"] .x-admin-archive-toggle:focus-visible,
  #x-admin-v2[data-admin-focus="high"] input:focus-visible,
  #x-admin-v2[data-admin-focus="high"] textarea:focus-visible,
  #x-admin-v2[data-admin-focus="high"] select:focus-visible {
    outline: 3px solid var(--x-admin-primary);
    outline-offset: 2px;
    box-shadow: 0 0 0 6px rgba(var(--x-admin-primary-rgb), 0.28); }
  #x-admin-v2 .x-admin-inbox-tabs {
    width: auto;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 12px 16px 0;
    padding: 4px; }
  #x-admin-v2 .x-admin-inbox-tabs .x-admin-segment-tab {
    min-width: 0;
    flex: 0 1 auto;
    gap: 6px;
    padding: 6px 9px;
    font-size: 12.5px;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-inbox-tabs .x-admin-segment-tab-count {
    min-width: 18px;
    padding: 1px 5px;
    font-size: 10.5px; }
  #x-admin-v2 .x-admin-inbox-list {
    margin-top: 12px; }
  #x-admin-v2 .x-admin-notification-toolbar.x-admin-filter-bar {
    align-items: flex-end; }
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-filter-search,
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-notification-filter-field,
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-archive-toggle {
    align-self: flex-end; }
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-notification-filter-field {
    display: grid;
    gap: 6px;
    align-content: end; }
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-filter-search input,
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-notification-select-button,
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-archive-toggle {
    min-height: var(--x-admin-control-height);
    height: var(--x-admin-control-height); }
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-archive-toggle {
    display: inline-flex;
    align-items: center; }
  #x-admin-v2 .x-admin-page > .x-admin-social-links-card {
    margin-top: 4px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-sidebar {
    padding: 16px 8px;
    gap: 14px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-nav {
    gap: 2px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-nav-link {
    min-height: 38px;
    gap: 9px;
    padding: 8px 8px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-nav-icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-nav-label {
    font-size: 12.5px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-nav-submenu {
    margin-left: 26px;
    padding-left: 9px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-brand {
    padding: 0 4px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-sidebar-profile {
    padding: 0; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-profile-card {
    gap: 8px;
    padding: 8px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-profile-card .x-admin-avatar {
    width: 32px;
    height: 32px;
    flex-basis: 32px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-profile-copy strong {
    font-size: 12.5px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-profile-copy span {
    font-size: 11px; }
  #x-admin-v2[data-admin-layout="compact"] .x-admin-sidebar-profile-trigger {
    width: 28px;
    height: 28px;
    flex: none; }
  #x-admin-v2.x-admin-is-collapsed {
    --x-admin-sidebar-collapsed-width: 84px;
    /* Hızlı işlem menüsü sidebar'ın sağında açılır, kırpılmaz */
    /* Daraltılmış sidebar'da alt menü tamamen gizlenmiyor; sidebar'ın sağında
       flyout olarak açılıyor (kural: "&.x-admin-is-collapsed .x-admin-nav-submenu"
       bloğu). Buradaki eski "display: none" alt menüyü tıklanamaz hale
       getiriyordu. Yalnızca kapalıyken gizlenir. */ }
    #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar {
      align-items: stretch;
      padding: 18px 12px;
      overflow: visible; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav {
      align-items: stretch;
      gap: 6px;
      overflow: visible; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-link {
      width: 100%;
      min-height: 46px;
      justify-content: center;
      gap: 0;
      padding: 0; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-icon {
      margin: 0; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-brand {
      justify-content: center;
      padding: 0; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar-profile {
      overflow: visible; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-profile-card {
      flex-direction: column;
      align-items: center;
      gap: 8px;
      padding: 10px 6px; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-profile-card .x-admin-avatar {
      margin: 0; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar-profile-trigger {
      width: 32px;
      height: 32px;
      margin: 0; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar-profile-actions {
      right: auto;
      left: calc(100% + 10px);
      bottom: 0;
      width: 236px;
      max-width: calc(100vw - var(--x-admin-sidebar-collapsed-width) - 24px); }
    #x-admin-v2.x-admin-is-collapsed .x-admin-nav-submenu {
      max-height: min(420px, calc(100vh - 140px));
      overflow-y: auto; }
      #x-admin-v2.x-admin-is-collapsed .x-admin-nav-submenu[hidden] {
        display: none !important; }
  #x-admin-v2 .x-admin-sidebar-profile {
    position: relative; }
  #x-admin-v2 .x-admin-sidebar-profile-actions {
    max-height: min(420px, calc(100vh - 120px));
    overflow-y: auto; }

/* ==========================================================================
   Panel Görünümü çekmecesi: hizalama ve tema ön izlemeleri
   ========================================================================== */
#x-admin-v2 {
  /* --- Bölüm başlıkları tek hizalama sistemi (3) --- */
  /* Seçim kartları aynı başlangıç çizgisi ve dikey ritim */
  /* Alt buton alanı çekmece genişliğine otursun */
  /* --- Tema modu ön izlemeleri (4) --- */
  /* Ön izleme yüzeyleri panel temasından bağımsızdır; sabit
     web sitesi renkleri yalnızca bu kutucuklarla sınırlıdır. */
  /* Sistem: tam beyaz sayfa yüzeyi, üzerinde koyu bloklar */ }
  #x-admin-v2 .x-admin-customizer-section legend {
    align-items: center;
    gap: 12px; }
  #x-admin-v2 .x-admin-customizer-section legend > span:last-child {
    min-width: 0;
    flex: 1 1 auto; }
  #x-admin-v2 .x-admin-customizer-section-icon {
    align-self: center; }
  #x-admin-v2 .x-admin-customizer-option {
    align-content: start;
    gap: 10px;
    padding: 12px; }
  #x-admin-v2 .x-admin-customizer-option-copy {
    min-height: 34px;
    align-content: start; }
  #x-admin-v2 .x-admin-customizer-segmented,
  #x-admin-v2 .x-admin-customizer-control-list,
  #x-admin-v2 .x-admin-customizer-option-grid,
  #x-admin-v2 .x-admin-customizer-color-grid {
    margin-top: 0; }
  #x-admin-v2 .x-admin-customizer-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; }
    #x-admin-v2 .x-admin-customizer-footer .x-admin-button {
      flex: 1 1 140px;
      min-width: 0; }
  #x-admin-v2 .x-admin-customizer-preview-theme {
    grid-template-columns: 34% 1fr;
    grid-template-rows: 16px 1fr 1fr;
    grid-template-areas: "side top" "side body" "side body2";
    gap: 5px; }
    #x-admin-v2 .x-admin-customizer-preview-theme span:nth-child(1) {
      grid-area: side; }
    #x-admin-v2 .x-admin-customizer-preview-theme span:nth-child(2) {
      grid-area: top; }
    #x-admin-v2 .x-admin-customizer-preview-theme span:nth-child(3) {
      grid-area: body; }
  #x-admin-v2 .x-admin-customizer-preview-light {
    background: #ffffff;
    border-color: #d8e2ee; }
    #x-admin-v2 .x-admin-customizer-preview-light span {
      background: #e6edf6; }
    #x-admin-v2 .x-admin-customizer-preview-light span:nth-child(1) {
      background: #ccd9e8; }
  #x-admin-v2 .x-admin-customizer-preview-dark {
    background: #0f172a;
    border-color: #2a3a5d; }
    #x-admin-v2 .x-admin-customizer-preview-dark span {
      background: #1f2a44; }
    #x-admin-v2 .x-admin-customizer-preview-dark span:nth-child(1) {
      background: #2a3a5d; }
  #x-admin-v2 .x-admin-customizer-preview-system {
    background: #ffffff;
    border-color: #d8e2ee; }
    #x-admin-v2 .x-admin-customizer-preview-system span {
      background: #33415c; }
    #x-admin-v2 .x-admin-customizer-preview-system span:nth-child(1) {
      background: #0f172a; }
    #x-admin-v2 .x-admin-customizer-preview-system span:nth-child(2) {
      background: #c3cede; }

#x-admin-v2 {
  /* Bildirim filtre satırı tek satırda dengeli dursun (9) */ }
  #x-admin-v2 .x-admin-notification-toolbar.x-admin-filter-bar {
    flex-wrap: wrap;
    gap: 10px; }
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-filter-search {
    flex: 1 1 190px;
    min-width: 170px; }
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-notification-filter-field {
    flex: 0 1 152px;
    min-width: 132px; }
  #x-admin-v2 .x-admin-notification-toolbar .x-admin-archive-toggle {
    flex: 0 0 auto; }

#x-admin-v2 {
  /* Daraltılmış sidebar'da kaydırma çubuğu sağ boşluğu bozmasın (13) */ }
  #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar > .x-admin-nav {
    scrollbar-width: none;
    padding-right: 0; }
    #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar > .x-admin-nav::-webkit-scrollbar {
      width: 0;
      height: 0; }

#x-admin-v2 {
  /* Daraltılmış durum, kompakt panel düzeninden bağımsız olmalı;
     kompakt düzenin sabit sidebar genişliği collapsed'i eziyordu (13). */ }
  #x-admin-v2.x-admin-is-collapsed, #x-admin-v2.x-admin-is-collapsed[data-admin-layout="compact"], #x-admin-v2.x-admin-is-collapsed[data-admin-layout="default"] {
    grid-template-columns: var(--x-admin-sidebar-collapsed-width) minmax(0, 1fr); }
  #x-admin-v2.x-admin-is-collapsed[data-admin-layout="compact"] .x-admin-sidebar {
    padding: 16px 10px; }

/* ==========================================================================
   RESPONSIVE KATMANI
   Tek konsolide bölüm. Tasarım dili, renk, radius, gölge ve tipografi
   sistemi aynen korunur; yalnızca ölçek ve akış değişir.

   Kırılım noktaları (yalnızca gerçekten gereken yerler):
     1439.98px  laptop üst sınırı  -> dikey alan tasarrufu
     1279.98px  dar laptop / yatay tablet -> 4 sütun 2'ye iner
     1023.98px  tablet ve mobil -> sidebar drawer + tablo kart görünümü
      767.98px  büyük telefon -> her şey tek sütun
      359.98px  küçük telefon -> mikro ayar
   ========================================================================== */
/* --------------------------------------------------------------------------
   1) Laptop aralığı (1024-1439): desktop'un küçültülmüşü değil, dikey alanı
   az olan ekranlar için ayrı optimize edilmiş düzen.
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1439.98px) {
  #x-admin-v2,
  #x-admin-v2[data-admin-layout="default"] {
    --x-admin-sidebar-width: 246px;
    --x-admin-header-height: 68px;
    --x-admin-shell-pad-x: 26px;
    --x-admin-shell-pad-y: 22px;
    --x-admin-shell-pad-bottom: 14px; }

  #x-admin-v2[data-admin-layout="compact"] {
    --x-admin-sidebar-width: 224px;
    --x-admin-header-height: 62px;
    --x-admin-shell-pad-x: 20px;
    --x-admin-shell-pad-y: 18px; }

  #x-admin-v2 .x-admin-sidebar {
    padding: 16px 12px;
    gap: 16px; }
  #x-admin-v2 .x-admin-brand {
    min-height: 44px;
    padding: 2px 6px;
    gap: 10px; }
  #x-admin-v2 .x-admin-brand-logo {
    width: 38px;
    height: 38px;
    flex-basis: 38px; }
  #x-admin-v2 .x-admin-brand-svg {
    width: 30px;
    height: 30px; }
  #x-admin-v2 .x-admin-nav-link {
    min-height: 38px;
    padding: 8px 10px; }
  #x-admin-v2 .x-admin-search {
    height: 40px; }
  #x-admin-v2 .x-admin-icon-button,
  #x-admin-v2 .x-admin-avatar-button {
    width: 38px;
    height: 38px;
    flex-basis: 38px; }
  #x-admin-v2 .x-admin-page-titlebar {
    margin-bottom: 16px; }
  #x-admin-v2 .x-admin-page-title {
    font-size: 24px; }
  #x-admin-v2 .x-admin-table-wrap {
    padding: 14px 18px 16px; }
  #x-admin-v2 .x-admin-footer {
    padding: 14px var(--x-admin-shell-pad-x) 18px; }
  #x-admin-v2 .x-admin-modal-backdrop {
    padding: 20px; }
  #x-admin-v2 .x-admin-modal {
    max-height: calc(100vh - 40px); }
  #x-admin-v2 .x-admin-customizer-header {
    padding: 16px 18px 12px; }
    #x-admin-v2 .x-admin-customizer-header h2 {
      font-size: 20px; }
  #x-admin-v2 .x-admin-customizer-content {
    padding: 14px; } }
/* Kısa laptop ekranları: 1366x768, 1366x720, 1536x864, 1600x900 */
@media (min-width: 1024px) and (max-height: 900px) {
  #x-admin-v2 {
    --x-admin-header-height: 64px;
    --x-admin-shell-pad-y: 18px;
    --x-admin-shell-pad-bottom: 12px; }
    #x-admin-v2 .x-admin-page-titlebar {
      margin-bottom: 14px; }
    #x-admin-v2 .x-admin-metric-card {
      padding: 14px 16px; }
    #x-admin-v2 .x-admin-table-wrap {
      padding-top: 12px;
      padding-bottom: 14px; }
    #x-admin-v2 .x-admin-table th,
    #x-admin-v2 .x-admin-table td {
      padding-top: 10px;
      padding-bottom: 10px; }
    #x-admin-v2 .x-admin-footer {
      padding-top: 12px;
      padding-bottom: 14px; }
    #x-admin-v2 .x-admin-modal {
      max-height: calc(100vh - 32px); }
    #x-admin-v2 .x-admin-modal-backdrop {
      padding: 16px; } }
/* --------------------------------------------------------------------------
   2) Dar laptop / yatay tablet: 4 sütunlu bloklar 2'ye iner.
   -------------------------------------------------------------------------- */
@media (max-width: 1279.98px) {
  /* Kullanıcı listesi kartı satır menüsü için overflow: visible kullanıyor;
     tablo min-content genişliği (760px) 1280px altında içerik alanına
     sığmadığı için taşıyordu. Hücre iç boşluğu daraltılarak sığdırılır. */
  #x-admin-v2,
  #x-admin-v2[data-admin-table-density="comfortable"],
  #x-admin-v2[data-admin-table-density="compact"] {
    --x-admin-table-cell-padding-x: 9px; }

  #x-admin-v2 {
    /* Yatay menü satıra sığmayınca kendi içinde kaysın */ }
    #x-admin-v2 .x-admin-table,
    #x-admin-v2 .x-admin-social-links-card .x-admin-social-table {
      min-width: 0; }
    #x-admin-v2 .x-admin-table-actions {
      gap: 6px; }
    #x-admin-v2 .x-admin-metric-grid,
    #x-admin-v2 .x-admin-system-metric-grid,
    #x-admin-v2 .x-admin-settings-actions-grid,
    #x-admin-v2 .x-admin-layout-meta,
    #x-admin-v2 .x-admin-danger-actions,
    #x-admin-v2 .x-admin-social-grid,
    #x-admin-v2 .x-admin-theme-library,
    #x-admin-v2 .x-admin-access-grid,
    #x-admin-v2 .x-admin-operation-grid,
    #x-admin-v2 .x-admin-contact-summary-grid,
    #x-admin-v2 .x-admin-contact-test-actions,
    #x-admin-v2 .x-admin-account-password-grid,
    #x-admin-v2 .x-admin-form-grid-three,
    #x-admin-v2 .x-admin-settings-grid-three {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #x-admin-v2 .x-admin-review-page-grid {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    #x-admin-v2 .x-admin-review-page-grid > :last-child {
      grid-column: 1 / -1; }
    #x-admin-v2 .x-admin-two-column {
      grid-template-columns: minmax(0, 1fr) minmax(280px, 320px); }
    #x-admin-v2 .x-admin-settings-tabs {
      grid-template-columns: repeat(4, minmax(0, 1fr)); }
    #x-admin-v2 .x-admin-toolbar {
      grid-template-columns: minmax(200px, 1fr) minmax(0, 160px) minmax(0, 160px); }
    #x-admin-v2 .x-admin-horizontal-nav {
      overflow-x: auto;
      scrollbar-width: none; }
      #x-admin-v2 .x-admin-horizontal-nav::-webkit-scrollbar {
        width: 0;
        height: 0; }
    #x-admin-v2 .x-admin-horizontal-nav-inner {
      width: max-content;
      min-width: 100%; } }
#x-admin-v2.x-super-admin {
  --x-super-sidebar-width: 272px;
  --x-super-sidebar-rail-width: 88px;
  min-height: 100vh;
  display: block;
  background: var(--x-admin-bg); }
  #x-admin-v2.x-super-admin .x-super-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: var(--x-super-sidebar-width);
    height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 22px 18px;
    border-right: 1px solid var(--x-admin-border);
    background: var(--x-admin-sidebar-background);
    color: var(--x-admin-text);
    overflow: hidden;
    transition: width .18s ease, padding .18s ease; }
  #x-admin-v2.x-super-admin.x-super-sidebar-collapsed {
    --x-super-sidebar-width: var(--x-super-sidebar-rail-width); }
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-sidebar {
      gap: 16px;
      padding: 20px 12px; }
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-brand {
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px; }
      #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-brand > span:not(.x-super-brand-mark) {
        display: none; }
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-sidebar-toggle {
      margin-left: 0; }
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-nav-link {
      justify-content: center;
      padding: 0; }
      #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-nav-link > span:not(.x-super-nav-icon) {
        display: none; }
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-account {
      grid-template-columns: minmax(0, 1fr);
      justify-items: center;
      padding: 12px 8px; }
      #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-account .x-super-account-copy,
      #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-account .x-admin-button {
        display: none; }
  #x-admin-v2.x-super-admin .x-super-brand,
  #x-admin-v2.x-super-admin .x-super-topbar,
  #x-admin-v2.x-super-admin .x-super-topbar-actions,
  #x-admin-v2.x-super-admin .x-super-card-head,
  #x-admin-v2.x-super-admin .x-super-actions,
  #x-admin-v2.x-super-admin .x-super-state-error {
    display: flex;
    align-items: center;
    gap: 12px; }
  #x-admin-v2.x-super-admin .x-super-brand-mark {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: var(--x-admin-primary);
    color: #fff;
    font-weight: 800; }
  #x-admin-v2.x-super-admin .x-super-brand strong,
  #x-admin-v2.x-super-admin .x-super-brand small {
    display: block; }
  #x-admin-v2.x-super-admin .x-super-brand strong {
    color: var(--x-admin-sidebar-heading);
    font-size: 15px; }
  #x-admin-v2.x-super-admin .x-super-brand small {
    color: var(--x-admin-sidebar-muted);
    font-size: 12px; }
  #x-admin-v2.x-super-admin .x-super-sidebar-toggle {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin-left: auto;
    border-color: rgba(94, 168, 255, 0.24);
    background: rgba(var(--x-admin-primary-rgb), 0.1);
    color: var(--x-super-blue-bright); }
  #x-admin-v2.x-super-admin .x-super-nav,
  #x-admin-v2.x-super-admin .x-super-account,
  #x-admin-v2.x-super-admin .x-super-mini-list,
  #x-admin-v2.x-super-admin .x-super-card-list {
    display: grid;
    gap: 10px; }
  #x-admin-v2.x-super-admin .x-super-nav {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden; }
  #x-admin-v2.x-super-admin .x-super-nav-link {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    color: var(--x-admin-sidebar-text);
    font-weight: 700;
    text-decoration: none; }
    #x-admin-v2.x-super-admin .x-super-nav-link:hover, #x-admin-v2.x-super-admin .x-super-nav-link.x-is-active {
      background: var(--x-admin-sidebar-active-bg);
      color: var(--x-admin-sidebar-active-text); }
  #x-admin-v2.x-super-admin .x-super-account {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid var(--x-admin-sidebar-border); }
    #x-admin-v2.x-super-admin .x-super-account span {
      color: var(--x-admin-sidebar-heading);
      font-size: 13px;
      font-weight: 700; }
  #x-admin-v2.x-super-admin .x-super-main {
    min-width: 0;
    min-height: 100vh;
    margin-left: var(--x-super-sidebar-width);
    padding: 22px;
    transition: margin-left .18s ease; }
  #x-admin-v2.x-super-admin .x-super-topbar {
    min-height: 64px;
    margin-bottom: 22px;
    align-items: center; }
    #x-admin-v2.x-super-admin .x-super-topbar h1 {
      margin: 0;
      color: var(--x-admin-text);
      font-size: 26px;
      line-height: 1.15; }
  #x-admin-v2.x-super-admin .x-super-kicker {
    margin: 0 0 4px;
    color: var(--x-admin-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase; }
  #x-admin-v2.x-super-admin .x-super-topbar-actions {
    margin-left: auto; }
  #x-admin-v2.x-super-admin .x-super-menu-button {
    display: none; }
  #x-admin-v2.x-super-admin .x-super-search {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 280px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface);
    color: var(--x-admin-muted); }
    #x-admin-v2.x-super-admin .x-super-search span {
      font-size: 12px;
      font-weight: 700; }
    #x-admin-v2.x-super-admin .x-super-search input {
      min-width: 0;
      width: 100%;
      border: 0;
      outline: 0;
      background: transparent;
      color: var(--x-admin-text); }
  #x-admin-v2.x-super-admin .x-super-state {
    padding: 18px;
    border: 1px dashed var(--x-admin-border);
    border-radius: 12px;
    background: var(--x-admin-surface);
    color: var(--x-admin-muted);
    font-weight: 700; }
  #x-admin-v2.x-super-admin .x-super-state-error,
  #x-admin-v2.x-super-admin .x-super-card-head {
    justify-content: space-between; }
  #x-admin-v2.x-super-admin .x-super-kpis {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px; }
  #x-admin-v2.x-super-admin .x-super-kpi {
    min-height: 112px;
    padding: 18px; }
    #x-admin-v2.x-super-admin .x-super-kpi span {
      display: block;
      color: var(--x-admin-muted);
      font-size: 13px;
      font-weight: 700; }
    #x-admin-v2.x-super-admin .x-super-kpi strong {
      display: block;
      margin-top: 14px;
      color: var(--x-admin-text);
      font-size: 32px;
      line-height: 1; }
  #x-admin-v2.x-super-admin .x-super-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 16px; }
  #x-admin-v2.x-super-admin .x-super-panel,
  #x-admin-v2.x-super-admin .x-super-list-card {
    padding: 18px; }
  #x-admin-v2.x-super-admin .x-super-list-card,
  #x-admin-v2.x-super-admin .x-super-detail-card {
    max-width: 1180px; }
  #x-admin-v2.x-super-admin .x-super-card-head {
    margin-bottom: 14px; }
    #x-admin-v2.x-super-admin .x-super-card-head h2 {
      margin: 0;
      color: var(--x-admin-text);
      font-size: 16px; }
    #x-admin-v2.x-super-admin .x-super-card-head span,
    #x-admin-v2.x-super-admin .x-super-card-head a {
      color: var(--x-admin-muted);
      font-size: 13px;
      font-weight: 700; }
  #x-admin-v2.x-super-admin .x-super-progress {
    overflow: hidden;
    height: 10px;
    border-radius: 999px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2.x-super-admin .x-super-progress span {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: var(--x-admin-primary); }
  #x-admin-v2.x-super-admin .x-super-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0 0; }
    #x-admin-v2.x-super-admin .x-super-summary div {
      padding: 12px;
      border: 1px solid var(--x-admin-border);
      border-radius: 10px;
      background: var(--x-admin-surface-secondary); }
    #x-admin-v2.x-super-admin .x-super-summary dt,
    #x-admin-v2.x-super-admin .x-super-summary dd {
      margin: 0; }
    #x-admin-v2.x-super-admin .x-super-summary dt {
      color: var(--x-admin-muted);
      font-size: 12px;
      font-weight: 700; }
    #x-admin-v2.x-super-admin .x-super-summary dd {
      margin-top: 6px;
      color: var(--x-admin-text);
      font-size: 20px;
      font-weight: 800; }
  #x-admin-v2.x-super-admin .x-super-mini-item,
  #x-admin-v2.x-super-admin .x-super-list-item {
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2.x-super-admin .x-super-mini-item strong,
    #x-admin-v2.x-super-admin .x-super-list-item strong {
      color: var(--x-admin-text); }
    #x-admin-v2.x-super-admin .x-super-mini-item span,
    #x-admin-v2.x-super-admin .x-super-list-item span {
      color: var(--x-admin-muted);
      font-size: 13px; }
  #x-admin-v2.x-super-admin .x-super-actions {
    margin-top: 16px; }
  #x-admin-v2.x-super-admin .x-super-row-actions,
  #x-admin-v2.x-super-admin .x-super-filter-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap; }
  #x-admin-v2.x-super-admin .x-super-filter-tabs {
    margin: 0 0 14px; }
  #x-admin-v2.x-super-admin .x-super-detail-shell,
  #x-admin-v2.x-super-admin .x-super-detail-card,
  #x-admin-v2.x-super-admin .x-super-detail-section {
    display: grid;
    gap: 16px; }
  #x-admin-v2.x-super-admin .x-super-detail-shell {
    max-width: 1180px; }
  #x-admin-v2.x-super-admin .x-super-detail-card {
    padding: 18px; }
  #x-admin-v2.x-super-admin .x-super-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px; }
    #x-admin-v2.x-super-admin .x-super-detail-head h2 {
      margin: 0;
      color: var(--x-admin-text);
      font-size: 24px;
      line-height: 1.18; }
  #x-admin-v2.x-super-admin .x-super-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap; }
    #x-admin-v2.x-super-admin .x-super-tabs a {
      padding: 7px 10px;
      border: 1px solid var(--x-admin-border);
      border-radius: 999px;
      background: var(--x-admin-surface-secondary);
      color: var(--x-admin-muted);
      font-size: 12px;
      font-weight: 800; }
  #x-admin-v2.x-super-admin .x-super-detail-section {
    padding-top: 14px;
    border-top: 1px solid var(--x-admin-border); }
    #x-admin-v2.x-super-admin .x-super-detail-section h3 {
      margin: 0;
      color: var(--x-admin-text);
      font-size: 15px; }
    #x-admin-v2.x-super-admin .x-super-detail-section .x-super-card-list {
      display: grid; }
  #x-admin-v2.x-super-admin .x-super-detail-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0; }
  #x-admin-v2.x-super-admin .x-super-detail-row {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-secondary); }
    #x-admin-v2.x-super-admin .x-super-detail-row dt,
    #x-admin-v2.x-super-admin .x-super-detail-row dd {
      margin: 0; }
    #x-admin-v2.x-super-admin .x-super-detail-row dt {
      color: var(--x-admin-muted);
      font-size: 12px;
      font-weight: 800; }
    #x-admin-v2.x-super-admin .x-super-detail-row dd {
      margin-top: 4px;
      color: var(--x-admin-text);
      font-weight: 700;
      overflow-wrap: anywhere; }
  #x-admin-v2.x-super-admin .x-super-system-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px; }
    #x-admin-v2.x-super-admin .x-super-system-grid .x-super-panel {
      min-height: 112px; }
  #x-admin-v2.x-super-admin .x-super-seo-detail {
    margin-top: 16px; }
  #x-admin-v2.x-super-admin .x-super-table-wrap {
    overflow-x: auto; }
  #x-admin-v2.x-super-admin .x-super-table {
    width: 100%;
    border-collapse: collapse; }
    #x-admin-v2.x-super-admin .x-super-table th,
    #x-admin-v2.x-super-admin .x-super-table td {
      padding: 13px 10px;
      border-bottom: 1px solid var(--x-admin-border);
      color: var(--x-admin-text);
      text-align: left;
      vertical-align: middle;
      white-space: nowrap; }
    #x-admin-v2.x-super-admin .x-super-table th {
      color: var(--x-admin-muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase; }
  #x-admin-v2.x-super-admin .x-super-card-list,
  #x-admin-v2.x-super-admin .x-super-mobile-backdrop {
    display: none; }
  #x-admin-v2.x-super-admin .x-super-empty {
    margin: 14px 0 0;
    color: var(--x-admin-muted);
    font-weight: 700; }

#x-admin-v2.x-super-admin {
  /* PAW marka paleti: lacivert zemin + marka mavisi.
     ÖNEMLİ: aksan token'ları `--x-admin-primary`den TÜRETİLİR; sabit değer
     yazılırsa görünüm çekmecesindeki renk seçimi görsel etki yapmaz.
     Customer Admin ile aynı 10 renklik sözleşme geçerlidir. */
  --x-super-blue: var(--x-admin-primary);
  --x-super-blue-bright: var(--x-admin-primary);
  --x-super-blue-bright: color-mix(in srgb, var(--x-admin-primary), #ffffff 40%);
  --x-super-accent: var(--x-admin-primary);
  --x-super-accent-bright: var(--x-super-blue-bright);
  --x-super-ink: #060d1c;
  /* Varsayılan şema PAW markası mavisine sabitlenir (yalnız super kabuğunda). */
  --x-super-panel: rgba(11, 22, 42, .88);
  --x-super-panel-strong: rgba(13, 26, 48, .96);
  --x-super-line: rgba(104, 166, 255, .18);
  --x-super-muted: rgba(218, 230, 248, .68);
  --x-super-heading: #f8fbff;
  background: radial-gradient(circle at 20% 0, rgba(31, 123, 255, 0.16), transparent 30%), radial-gradient(circle at 90% 8%, rgba(124, 92, 255, 0.12), transparent 30%), linear-gradient(135deg, #060d1c 0, #0a1730 52%, #081222 100%);
  color: var(--x-super-heading);
  position: relative;
  overflow-x: hidden;
  /* Light tema (Reference A): nötr açık zemin, düz beyaz kartlar, mor vurgu. */
  /* Kenar çubuğu HER İKİ temada da koyu lacivert kalır (Reference A menü
     board'u). Bunun için sidebar içi metin/çizgi token'ları yerel olarak
     koyu-zemin değerlerine sabitlenir; light tema kökten değiştirse de
     kenar çubuğu kendi paletini korur. */
  /* Uygulama ikonu kompozisyonu: koyu lacivert yuvarlatılmış karo içinde
     piksel pati (marka board'undaki app icon). Abartılı parlama yok. */
  /* Kenar çubuğu her temada koyu; içindeki ikincil düğme tema token'ı yerine
     statik açık renkle okunur kalır (light temada $x-muted-strong koyu kalırdı). */ }
  #x-admin-v2.x-super-admin[data-admin-color="default-blue"] {
    --x-admin-primary: #1f7bff;
    --x-admin-primary-hover: #1465e0;
    --x-admin-primary-active: #0d55d6;
    --x-admin-primary-rgb: 31, 123, 255;
    --x-admin-focus-ring: rgba(31, 123, 255, .34);
    --x-admin-link: #1f7bff; }
  #x-admin-v2.x-super-admin[data-admin-theme="light"] {
    /* Açık zeminde parlak varyant okunmaz; aksan doğrudan primary olur. */
    --x-super-blue-bright: var(--x-admin-primary);
    --x-super-accent-bright: var(--x-admin-primary);
    --x-super-panel: #ffffff;
    --x-super-panel-strong: #ffffff;
    --x-super-line: #e7e9f2;
    --x-super-muted: #667085;
    --x-super-heading: #111827;
    background: linear-gradient(180deg, #f7f8fc 0, #f2f4f9 100%);
    /* SEO anlamsal kartları: açık zeminde beyaz yüzey + okunur koyu semantik
       renk; koyu tema için ayarlanmış soluk tonlar burada koyulaştırılır. */ }
    #x-admin-v2.x-super-admin[data-admin-theme="light"]::before {
      content: none; }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-topbar,
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-state,
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-panel,
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-list-card,
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-detail-card,
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-kpi {
      box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 10px 28px rgba(16, 24, 40, 0.05);
      backdrop-filter: none; }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-seo-detail-panel {
      background: #fafbfe; }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-seo-check {
      background: #ffffff;
      box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-seo-status-icon {
      background: rgba(15, 23, 42, 0.06); }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-seo-status-success {
      color: #15803d; }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-seo-status-warning {
      color: #92600a; }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-seo-status-danger {
      color: #c22f3d; }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-seo-check-success .x-super-seo-check-icon {
      color: #16a34a; }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-seo-check-warning .x-super-seo-check-icon {
      color: #b45309; }
    #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-seo-check-danger .x-super-seo-check-icon {
      color: #dc2626; }
  #x-admin-v2.x-super-admin::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(103, 171, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(103, 171, 255, 0.045) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(100deg, #000 0, #000 58%, transparent 100%); }
  #x-admin-v2.x-super-admin .x-super-main {
    position: relative;
    z-index: 1; }
  #x-admin-v2.x-super-admin .x-super-sidebar {
    z-index: 2;
    gap: 18px;
    --x-super-heading: #f8fbff;
    --x-super-muted: rgba(218, 230, 248, .68);
    --x-super-line: rgba(104, 166, 255, .18);
    /* Aksan burada da primary'den türetilir; sabitlense renk seçimi
       kenar çubuğunda görsel etki yapmazdı. */
    --x-super-blue-bright: color-mix(in srgb, var(--x-admin-primary), #ffffff 40%);
    --x-admin-icon: #c4cedd;
    --x-admin-icon-muted: #98a6ba;
    --x-admin-text: #e6edf7;
    --x-admin-text-secondary: #c4cedd;
    --x-admin-border: rgba(104, 166, 255, .22);
    --x-admin-surface: rgba(255, 255, 255, .04);
    --x-admin-surface-hover: rgba(255, 255, 255, .08);
    --x-admin-surface-active: rgba(255, 255, 255, .1);
    border-right-color: var(--x-super-line);
    background: linear-gradient(180deg, #081224 0, #050c1a 100%);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04); }
  #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-sidebar {
    box-shadow: inset -1px 0 0 rgba(101, 179, 255, 0.08), 12px 0 42px rgba(0, 0, 0, 0.16); }
  #x-admin-v2.x-super-admin .x-super-brand {
    min-height: 64px;
    padding: 10px 10px 14px;
    border-bottom: 1px solid var(--x-super-line); }
    #x-admin-v2.x-super-admin .x-super-brand strong {
      background: linear-gradient(90deg, #ffffff, #cbb8ff 56%, var(--x-super-blue-bright));
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 17px;
      letter-spacing: .04em; }
    #x-admin-v2.x-super-admin .x-super-brand small {
      color: var(--x-super-muted);
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase; }
  #x-admin-v2.x-super-admin .x-super-brand-mark {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(94, 168, 255, 0.35);
    border-radius: 14px;
    background: linear-gradient(160deg, #0b1c3a, #060f22);
    color: #ffffff;
    box-shadow: 0 10px 26px rgba(6, 40, 110, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12); }
    #x-admin-v2.x-super-admin .x-super-brand-mark img {
      width: 32px;
      height: 34px;
      object-fit: contain;
      filter: drop-shadow(0 2px 8px rgba(31, 123, 255, 0.45)); }
  #x-admin-v2.x-super-admin .x-super-nav {
    gap: 8px;
    padding-top: 4px; }
  #x-admin-v2.x-super-admin .x-super-nav-link {
    position: relative;
    gap: 11px;
    min-height: 46px;
    padding: 0 12px;
    border: 1px solid transparent;
    color: rgba(224, 236, 255, 0.78);
    /* Aktif menü öğesi: seçili aksandan türeyen dolu pill. */ }
    #x-admin-v2.x-super-admin .x-super-nav-link::before {
      content: "";
      position: absolute;
      inset: 9px auto 9px 0;
      width: 3px;
      border-radius: 999px;
      background: transparent; }
    #x-admin-v2.x-super-admin .x-super-nav-link:hover {
      border-color: rgba(148, 163, 200, 0.16);
      background: rgba(255, 255, 255, 0.05);
      color: #ffffff; }
    #x-admin-v2.x-super-admin .x-super-nav-link.x-is-active {
      border-color: rgba(var(--x-admin-primary-rgb), 0.42);
      background: linear-gradient(90deg, rgba(var(--x-admin-primary-rgb), 0.5), rgba(var(--x-admin-primary-rgb), 0.24));
      color: #ffffff;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 26px rgba(var(--x-admin-primary-rgb), 0.24); }
      #x-admin-v2.x-super-admin .x-super-nav-link.x-is-active::before {
        background: var(--x-super-accent-bright);
        box-shadow: 0 0 18px rgba(var(--x-admin-primary-rgb), 0.75); }
      #x-admin-v2.x-super-admin .x-super-nav-link.x-is-active .x-super-nav-icon {
        color: #ffffff; }
  #x-admin-v2.x-super-admin .x-super-nav-icon {
    display: inline-grid;
    width: 24px;
    height: 24px;
    place-items: center;
    color: var(--x-super-blue-bright); }
    #x-admin-v2.x-super-admin .x-super-nav-icon svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2.x-super-admin .x-super-account {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--x-super-line);
    border-radius: 14px;
    background: rgba(9, 19, 34, 0.76); }
    #x-admin-v2.x-super-admin .x-super-account .x-admin-button {
      grid-column: 1 / -1;
      justify-content: center; }
  #x-admin-v2.x-super-admin .x-super-account .x-admin-button-secondary {
    border-color: rgba(104, 166, 255, 0.26);
    background: rgba(255, 255, 255, 0.05);
    color: #dbe6f5; }
    #x-admin-v2.x-super-admin .x-super-account .x-admin-button-secondary:hover {
      border-color: rgba(var(--x-admin-primary-rgb), 0.4);
      background: rgba(255, 255, 255, 0.09);
      color: #ffffff; }
  #x-admin-v2.x-super-admin .x-super-account-avatar {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(94, 168, 255, 0.3);
    border-radius: 12px;
    background: linear-gradient(160deg, #0b1c3a, #060f22);
    color: #cfe2ff;
    font-size: 12px;
    font-weight: 900; }
    #x-admin-v2.x-super-admin .x-super-account-avatar img {
      width: 24px;
      height: 26px;
      object-fit: contain; }
  #x-admin-v2.x-super-admin .x-super-account-copy {
    display: grid;
    min-width: 0;
    gap: 2px; }
    #x-admin-v2.x-super-admin .x-super-account-copy strong,
    #x-admin-v2.x-super-admin .x-super-account-copy small {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #x-admin-v2.x-super-admin .x-super-account-copy strong {
      color: var(--x-super-heading);
      font-size: 13px;
      font-weight: 800; }
    #x-admin-v2.x-super-admin .x-super-account-copy small {
      color: var(--x-super-muted);
      font-size: 11px;
      font-weight: 700; }
  #x-admin-v2.x-super-admin .x-super-main {
    padding: 26px; }
  #x-admin-v2.x-super-admin .x-super-topbar {
    min-height: 76px;
    padding: 14px 18px;
    border: 1px solid var(--x-super-line);
    border-radius: 18px;
    background: var(--x-super-panel);
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(16px); }
    #x-admin-v2.x-super-admin .x-super-topbar h1 {
      color: var(--x-super-heading);
      font-size: 27px; }
  #x-admin-v2.x-super-admin .x-super-kicker {
    color: var(--x-super-blue-bright); }
  #x-admin-v2.x-super-admin .x-super-search {
    min-height: 42px;
    border-color: var(--x-super-line);
    background: rgba(6, 14, 26, 0.62);
    color: var(--x-super-muted); }
  #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-search {
    background: rgba(255, 255, 255, 0.9); }
  #x-admin-v2.x-super-admin .x-super-state,
  #x-admin-v2.x-super-admin .x-super-panel,
  #x-admin-v2.x-super-admin .x-super-list-card,
  #x-admin-v2.x-super-admin .x-super-detail-card,
  #x-admin-v2.x-super-admin .x-super-kpi {
    border-color: var(--x-super-line);
    border-radius: 16px;
    background: var(--x-super-panel);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(14px); }
  #x-admin-v2.x-super-admin .x-super-kpis {
    gap: 16px; }
  #x-admin-v2.x-super-admin .x-super-kpi {
    position: relative;
    min-height: 104px;
    overflow: hidden; }
    #x-admin-v2.x-super-admin .x-super-kpi::after {
      content: "";
      position: absolute;
      right: 18px;
      bottom: 18px;
      width: 54px;
      height: 34px;
      border-right: 1px solid rgba(75, 157, 255, 0.46);
      border-bottom: 1px solid rgba(75, 157, 255, 0.26);
      transform: skewX(-18deg);
      opacity: .55; }
    #x-admin-v2.x-super-admin .x-super-kpi span {
      color: var(--x-super-muted); }
    #x-admin-v2.x-super-admin .x-super-kpi strong {
      color: var(--x-super-heading); }
  #x-admin-v2.x-super-admin .x-super-grid {
    gap: 18px; }
  #x-admin-v2.x-super-admin .x-super-attention-panel,
  #x-admin-v2.x-super-admin .x-super-dashboard-seo {
    margin-bottom: 16px; }
  #x-admin-v2.x-super-admin .x-super-attention-panel {
    padding: 18px; }
  #x-admin-v2.x-super-admin .x-super-warning-item {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    min-height: 52px; }
    #x-admin-v2.x-super-admin .x-super-warning-item strong,
    #x-admin-v2.x-super-admin .x-super-warning-item span:not(.x-super-warning-icon) {
      min-width: 0; }
  #x-admin-v2.x-super-admin .x-super-warning-icon {
    display: inline-grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 1px solid rgba(245, 158, 11, 0.38);
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.1);
    color: #fbbf24;
    font-weight: 900; }
  #x-admin-v2.x-super-admin .x-super-row-icon-button {
    width: 34px;
    height: 34px;
    color: var(--x-super-muted); }
    #x-admin-v2.x-super-admin .x-super-row-icon-button span {
      color: inherit;
      font-size: 18px;
      line-height: 1; }
  #x-admin-v2.x-super-admin .x-super-card-head h2 {
    color: var(--x-super-heading);
    font-size: 17px; }
  #x-admin-v2.x-super-admin .x-super-card-head span,
  #x-admin-v2.x-super-admin .x-super-card-head a {
    color: var(--x-super-muted); }
  #x-admin-v2.x-super-admin .x-super-progress {
    background: rgba(110, 177, 255, 0.12); }
    #x-admin-v2.x-super-admin .x-super-progress span {
      background: linear-gradient(90deg, #0b72ff, #64b5ff);
      box-shadow: 0 0 20px rgba(55, 147, 255, 0.5); }
  #x-admin-v2.x-super-admin .x-super-summary div,
  #x-admin-v2.x-super-admin .x-super-mini-item,
  #x-admin-v2.x-super-admin .x-super-list-item,
  #x-admin-v2.x-super-admin .x-super-detail-row {
    border-color: var(--x-super-line);
    background: rgba(255, 255, 255, 0.035); }
  #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-summary div, #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-mini-item, #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-list-item, #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-detail-row {
    background: #f8f9fc; }
  #x-admin-v2.x-super-admin .x-super-mini-item strong,
  #x-admin-v2.x-super-admin .x-super-list-item strong,
  #x-admin-v2.x-super-admin .x-super-detail-row dd,
  #x-admin-v2.x-super-admin .x-super-detail-head h2,
  #x-admin-v2.x-super-admin .x-super-detail-section h3,
  #x-admin-v2.x-super-admin .x-super-table td {
    color: var(--x-super-heading); }
  #x-admin-v2.x-super-admin .x-super-mini-item span,
  #x-admin-v2.x-super-admin .x-super-list-item span,
  #x-admin-v2.x-super-admin .x-super-detail-row dt,
  #x-admin-v2.x-super-admin .x-super-table th {
    color: var(--x-super-muted); }
  #x-admin-v2.x-super-admin .x-super-table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed; }
    #x-admin-v2.x-super-admin .x-super-table th {
      background: rgba(255, 255, 255, 0.035); }
    #x-admin-v2.x-super-admin .x-super-table th,
    #x-admin-v2.x-super-admin .x-super-table td {
      white-space: normal;
      overflow-wrap: anywhere;
      line-height: 1.45; }
    #x-admin-v2.x-super-admin .x-super-table tbody tr:hover td {
      background: rgba(var(--x-admin-primary-rgb), 0.055); }
  #x-admin-v2.x-super-admin .x-super-table-wrap {
    overflow-x: visible;
    border: 1px solid var(--x-super-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.018); }
  #x-admin-v2.x-super-admin .x-super-seo-table th:nth-child(1),
  #x-admin-v2.x-super-admin .x-super-seo-table td:nth-child(1) {
    width: 18%; }
  #x-admin-v2.x-super-admin .x-super-seo-table th:nth-child(2),
  #x-admin-v2.x-super-admin .x-super-seo-table td:nth-child(2) {
    width: 18%; }
  #x-admin-v2.x-super-admin .x-super-seo-table th:nth-child(3),
  #x-admin-v2.x-super-admin .x-super-seo-table td:nth-child(3) {
    width: 14%; }
  #x-admin-v2.x-super-admin .x-super-seo-table th:nth-child(4),
  #x-admin-v2.x-super-admin .x-super-seo-table td:nth-child(4) {
    width: 25%; }
  #x-admin-v2.x-super-admin .x-super-seo-table th:nth-child(5),
  #x-admin-v2.x-super-admin .x-super-seo-table td:nth-child(5) {
    width: 15%; }
  #x-admin-v2.x-super-admin .x-super-seo-table th:nth-child(6),
  #x-admin-v2.x-super-admin .x-super-seo-table td:nth-child(6) {
    width: 10%; }
  #x-admin-v2.x-super-admin .x-super-seo-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    min-height: 26px;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    white-space: normal; }
  #x-admin-v2.x-super-admin .x-super-seo-status-icon {
    display: inline-grid;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 12px; }
  #x-admin-v2.x-super-admin .x-super-seo-status-success {
    border-color: rgba(34, 197, 94, 0.28);
    background: rgba(34, 197, 94, 0.12);
    color: #66f28f; }
  #x-admin-v2.x-super-admin .x-super-seo-status-warning {
    border-color: rgba(245, 158, 11, 0.32);
    background: rgba(245, 158, 11, 0.13);
    color: #ffd166; }
  #x-admin-v2.x-super-admin .x-super-seo-status-danger {
    border-color: rgba(248, 113, 113, 0.34);
    background: rgba(248, 113, 113, 0.13);
    color: #ff8f8f; }
  #x-admin-v2.x-super-admin .x-super-seo-status-muted {
    border-color: rgba(148, 163, 184, 0.25);
    background: rgba(148, 163, 184, 0.1);
    color: var(--x-super-muted); }
  #x-admin-v2.x-super-admin .x-super-seo-missing {
    display: grid;
    gap: 3px; }
    #x-admin-v2.x-super-admin .x-super-seo-missing strong {
      color: var(--x-super-heading);
      font-size: 13px; }
    #x-admin-v2.x-super-admin .x-super-seo-missing span {
      color: var(--x-super-muted);
      font-size: 12px;
      line-height: 1.45; }
  #x-admin-v2.x-super-admin .x-super-seo-action .x-admin-button {
    width: 100%;
    justify-content: center;
    padding-inline: 8px; }
  #x-admin-v2.x-super-admin .x-super-seo-detail-panel {
    padding: 16px;
    border: 1px solid var(--x-super-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.025); }
    #x-admin-v2.x-super-admin .x-super-seo-detail-panel h3 {
      margin-bottom: 14px;
      color: var(--x-super-heading);
      font-size: 16px; }
  #x-admin-v2.x-super-admin .x-super-seo-check-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px; }
  #x-admin-v2.x-super-admin .x-super-seo-check {
    display: grid;
    align-content: start;
    gap: 10px;
    min-height: 136px;
    padding: 14px;
    border: 1px solid var(--x-super-line);
    border-radius: 14px;
    background: rgba(8, 19, 36, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); }
    #x-admin-v2.x-super-admin .x-super-seo-check p {
      margin: 0;
      color: var(--x-super-muted);
      font-size: 12px;
      line-height: 1.5; }
  #x-admin-v2.x-super-admin .x-super-seo-check-head {
    display: flex;
    align-items: center;
    gap: 9px; }
    #x-admin-v2.x-super-admin .x-super-seo-check-head strong {
      color: var(--x-super-heading);
      font-size: 13px;
      line-height: 1.35; }
  #x-admin-v2.x-super-admin .x-super-seo-check-icon {
    display: inline-grid;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: 14px;
    font-weight: 900; }
  #x-admin-v2.x-super-admin .x-super-seo-check-success {
    border-color: rgba(34, 197, 94, 0.2); }
    #x-admin-v2.x-super-admin .x-super-seo-check-success .x-super-seo-check-icon {
      color: #4ade80;
      background: rgba(34, 197, 94, 0.1); }
  #x-admin-v2.x-super-admin .x-super-seo-check-warning {
    border-color: rgba(245, 158, 11, 0.28); }
    #x-admin-v2.x-super-admin .x-super-seo-check-warning .x-super-seo-check-icon {
      color: #facc15;
      background: rgba(245, 158, 11, 0.12); }
  #x-admin-v2.x-super-admin .x-super-seo-check-danger {
    border-color: rgba(248, 113, 113, 0.28); }
    #x-admin-v2.x-super-admin .x-super-seo-check-danger .x-super-seo-check-icon {
      color: #fb7185;
      background: rgba(248, 113, 113, 0.12); }
  #x-admin-v2.x-super-admin .x-super-seo-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px; }
  #x-admin-v2.x-super-admin .x-super-customizer {
    border-left: 1px solid rgba(101, 179, 255, 0.2);
    background: linear-gradient(180deg, var(--x-super-panel-strong), rgba(5, 9, 18, 0.98)); }
  #x-admin-v2.x-super-admin .x-super-customizer-footer {
    grid-template-columns: 1fr 1fr 1fr;
    background: var(--x-super-panel-strong); }
  #x-admin-v2.x-super-admin .x-super-theme-button {
    border-color: var(--x-super-line);
    background: rgba(var(--x-admin-primary-rgb), 0.1);
    color: var(--x-super-blue-bright); }
  #x-admin-v2.x-super-admin .x-super-customizer,
  #x-admin-v2.x-super-admin .x-super-customizer-overlay {
    z-index: 120; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-main {
    padding: 30px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-topbar {
    min-height: 86px;
    margin-bottom: 28px;
    padding: 18px 22px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-kpis {
    gap: 20px;
    margin-bottom: 22px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-grid,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-detail-shell,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-detail-card,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-detail-section {
    gap: 22px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-kpi {
    min-height: 138px;
    padding: 24px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-panel,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-list-card,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-detail-card {
    padding: 24px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-table th,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-table td {
    padding: 20px 14px;
    font-size: 13px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-table .x-admin-button-compact,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-row-actions .x-admin-button-compact {
    min-height: 38px;
    padding: 9px 12px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-mini-item,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-list-item,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-detail-row {
    min-height: 74px;
    padding: 16px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-summary,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-system-grid {
    gap: 14px;
    margin-bottom: 22px; }
  #x-admin-v2.x-super-admin[data-admin-density="standard"] .x-super-topbar {
    margin-bottom: 20px; }
  #x-admin-v2.x-super-admin[data-admin-density="standard"] .x-super-kpis {
    gap: 15px;
    margin-bottom: 18px; }
  #x-admin-v2.x-super-admin[data-admin-density="standard"] .x-super-grid,
  #x-admin-v2.x-super-admin[data-admin-density="standard"] .x-super-detail-shell,
  #x-admin-v2.x-super-admin[data-admin-density="standard"] .x-super-detail-card,
  #x-admin-v2.x-super-admin[data-admin-density="standard"] .x-super-detail-section {
    gap: 15px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-main {
    padding: 16px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-topbar {
    min-height: 58px;
    margin-bottom: 14px;
    padding: 10px 12px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-topbar h1 {
      font-size: 23px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-panel,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-list-card,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-detail-card {
    padding: 12px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpis,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-grid,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-detail-shell,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-detail-card,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-detail-section,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-system-grid {
    gap: 10px;
    margin-bottom: 10px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi {
    min-height: 88px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi strong {
      margin-top: 8px;
      font-size: 26px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-card-head,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-filter-tabs,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-actions,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-seo-detail {
    margin-bottom: 10px;
    margin-top: 10px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-table th,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-table td {
    padding: 5px 7px;
    font-size: 12px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-table .x-admin-button-compact,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-row-actions .x-admin-button-compact {
    min-height: 28px;
    padding: 5px 8px;
    font-size: 11.5px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-mini-item,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-list-item,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-detail-row {
    min-height: 48px;
    padding: 8px 10px;
    gap: 3px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-summary {
    gap: 8px;
    margin-top: 10px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-summary div {
      padding: 9px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-detail-head h2 {
    font-size: 20px; }

/* ==========================================================================
   PAW referans kompozisyonu (Reference A)
   --------------------------------------------------------------------------
   Reference A düzen/oran/hiyerarşisi + Reference B marka paleti panele
   uygulanır. Anlamsal durum renkleri aksandan AYRIDIR: aksan (mavi/mor)
   etkileşim, yeşil/amber/kırmızı ise durum anlatır.
   ========================================================================== */
#x-admin-v2.x-super-admin {
  --x-super-ok: #34c47c;
  --x-super-warn: #f5a524;
  --x-super-danger: #f0616d;
  --x-super-info: var(--x-super-blue);
  /* --- KPI şeridi: etiket + sayı + alt satır, sağda ikon rozeti --- */
  /* --- Üç eşit kart satırı (referans: dağılım / uyarı / aktivite) --- */
  /* --- Durum dağılımı: gerçek iki durumdan üretilen halka --- */
  /* --- Son aktiviteler --- */
  /* --- Son siteler: tablo görünümü, satırlar grid ile --- */
  /* --- Aksiyon geri bildirimi (liste gizlemeyen hata) --- */ }
  #x-admin-v2.x-super-admin .x-super-kpi {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    /* Eski dekoratif çizgi ikon rozetiyle değişti. */
    /* Standart yoğunlukta sayı kartı ezmesin: ölçülü metrik + sıkı dikey ritim. */ }
    #x-admin-v2.x-super-admin .x-super-kpi::after {
      content: none; }
    #x-admin-v2.x-super-admin .x-super-kpi strong {
      margin-top: 8px;
      font-size: 24px;
      line-height: 1.1;
      letter-spacing: -.01em; }
    #x-admin-v2.x-super-admin .x-super-kpi small {
      display: block;
      margin-top: 4px;
      color: var(--x-super-muted);
      font-size: 12px;
      font-weight: 600; }
  #x-admin-v2.x-super-admin .x-super-kpi-copy {
    min-width: 0; }
  #x-admin-v2.x-super-admin .x-super-kpi-icon {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(var(--x-admin-primary-rgb), 0.14);
    color: var(--x-super-blue-bright); }
    #x-admin-v2.x-super-admin .x-super-kpi-icon svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
    #x-admin-v2.x-super-admin .x-super-kpi-icon.x-super-kpi-icon-active {
      background: rgba(52, 196, 124, 0.16);
      color: var(--x-super-ok); }
    #x-admin-v2.x-super-admin .x-super-kpi-icon.x-super-kpi-icon-domain {
      background: rgba(245, 165, 36, 0.16);
      color: var(--x-super-warn); }
    #x-admin-v2.x-super-admin .x-super-kpi-icon.x-super-kpi-icon-attention {
      background: rgba(240, 97, 109, 0.16);
      color: var(--x-super-danger); }
  #x-admin-v2.x-super-admin .x-super-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 16px; }
  #x-admin-v2.x-super-admin .x-super-distribution {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    align-items: center;
    gap: 18px; }
  #x-admin-v2.x-super-admin .x-super-donut {
    position: relative;
    width: 128px;
    height: 128px;
    border-radius: 50%; }
    #x-admin-v2.x-super-admin .x-super-donut::after {
      content: "";
      position: absolute;
      inset: 18px;
      border-radius: 50%;
      background: var(--x-super-panel-strong); }
  #x-admin-v2.x-super-admin .x-super-donut-center {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px; }
    #x-admin-v2.x-super-admin .x-super-donut-center strong {
      color: var(--x-super-heading);
      font-size: 26px;
      line-height: 1; }
    #x-admin-v2.x-super-admin .x-super-donut-center small {
      color: var(--x-super-muted);
      font-size: 11px;
      font-weight: 700; }
  #x-admin-v2.x-super-admin .x-super-legend {
    display: grid;
    gap: 10px;
    margin: 0; }
  #x-admin-v2.x-super-admin .x-super-legend-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px; }
    #x-admin-v2.x-super-admin .x-super-legend-row dt {
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--x-super-muted);
      font-size: 13px;
      font-weight: 600; }
    #x-admin-v2.x-super-admin .x-super-legend-row dd {
      margin: 0;
      color: var(--x-super-heading);
      font-size: 14px;
      font-weight: 800; }
  #x-admin-v2.x-super-admin .x-super-legend-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--x-super-line); }
    #x-admin-v2.x-super-admin .x-super-legend-dot.x-super-legend-dot-ok {
      background: var(--x-super-ok); }
    #x-admin-v2.x-super-admin .x-super-legend-dot.x-super-legend-dot-warn {
      background: var(--x-super-warn); }
    #x-admin-v2.x-super-admin .x-super-legend-dot.x-super-legend-dot-info {
      background: var(--x-super-info); }
  #x-admin-v2.x-super-admin .x-super-activity-item {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px; }
    #x-admin-v2.x-super-admin .x-super-activity-item time {
      color: var(--x-super-muted);
      font-size: 11px;
      font-weight: 600;
      white-space: nowrap; }
  #x-admin-v2.x-super-admin .x-super-activity-dot {
    margin-top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--x-super-blue); }
  #x-admin-v2.x-super-admin .x-super-activity-copy {
    display: grid;
    gap: 3px;
    min-width: 0; }
    #x-admin-v2.x-super-admin .x-super-activity-copy strong {
      color: var(--x-super-heading);
      font-size: 13px;
      font-weight: 700; }
    #x-admin-v2.x-super-admin .x-super-activity-copy small {
      color: var(--x-super-muted);
      font-size: 11.5px; }
  #x-admin-v2.x-super-admin .x-super-recent-list {
    display: grid;
    gap: 2px; }
  #x-admin-v2.x-super-admin .x-super-recent-head,
  #x-admin-v2.x-super-admin .x-super-recent-row {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1.3fr) 110px 132px 84px;
    align-items: center;
    gap: 12px; }
  #x-admin-v2.x-super-admin .x-super-recent-head {
    padding: 0 10px 8px;
    border-bottom: 1px solid var(--x-super-line);
    color: var(--x-super-muted);
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em; }
  #x-admin-v2.x-super-admin .x-super-recent-row {
    padding: 12px 10px;
    border-radius: 10px; }
    #x-admin-v2.x-super-admin .x-super-recent-row strong {
      color: var(--x-super-heading);
      font-size: 13.5px; }
    #x-admin-v2.x-super-admin .x-super-recent-row span {
      min-width: 0;
      overflow-wrap: anywhere;
      color: var(--x-super-muted);
      font-size: 12.5px; }
    #x-admin-v2.x-super-admin .x-super-recent-row:hover {
      background: rgba(var(--x-admin-primary-rgb), 0.07); }
  #x-admin-v2.x-super-admin .x-super-recent-domain {
    color: var(--x-super-blue-bright) !important; }
  #x-admin-v2.x-super-admin .x-super-toasts {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 80;
    display: grid;
    gap: 8px;
    max-width: min(360px, calc(100vw - 40px));
    pointer-events: none; }
  #x-admin-v2.x-super-admin .x-super-toast {
    padding: 12px 14px;
    border: 1px solid rgba(240, 97, 109, 0.38);
    border-radius: 12px;
    background: var(--x-super-panel-strong);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
    color: var(--x-super-heading);
    font-size: 13px;
    font-weight: 600;
    backdrop-filter: blur(14px); }
  #x-admin-v2.x-super-admin .x-super-card-foot-link {
    display: inline-block;
    margin-top: 12px;
    color: var(--x-super-blue-bright);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none; }
    #x-admin-v2.x-super-admin .x-super-card-foot-link:hover {
      text-decoration: underline; }

@media (max-width: 1100px) {
  #x-admin-v2.x-super-admin {
    /* Dar ekranda tablo satırı taşmasın: sütunlar sarılır. */ }
    #x-admin-v2.x-super-admin .x-super-kpis {
      grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #x-admin-v2.x-super-admin .x-super-grid {
      grid-template-columns: minmax(0, 1fr); }
    #x-admin-v2.x-super-admin .x-super-grid-three {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #x-admin-v2.x-super-admin .x-super-seo-check-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #x-admin-v2.x-super-admin .x-super-recent-head {
      display: none; }
    #x-admin-v2.x-super-admin .x-super-recent-row {
      grid-template-columns: minmax(0, 1fr) auto;
      row-gap: 4px;
      padding: 12px 10px;
      border: 1px solid var(--x-super-line);
      border-radius: 12px; } }
@media (max-width: 767.98px) {
  #x-admin-v2.x-super-admin {
    --x-super-sidebar-width: 0px;
    display: block;
    /* Mobilde halka üstte, açıklama altta. */ }
    #x-admin-v2.x-super-admin .x-super-sidebar {
      position: fixed;
      inset: 0 auto 0 0;
      z-index: 60;
      width: min(310px, calc(100vw - 48px));
      transform: translateX(-102%);
      transition: transform .18s ease; }
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-sidebar {
      gap: 18px;
      padding: 22px 18px; }
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-brand {
      justify-content: flex-start; }
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-brand > span:not(.x-super-brand-mark),
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-nav-link > span:not(.x-super-nav-icon) {
      display: inline; }
    #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-account {
      grid-template-columns: 40px minmax(0, 1fr);
      justify-items: stretch; }
      #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-account .x-super-account-copy {
        display: grid; }
      #x-admin-v2.x-super-admin.x-super-sidebar-collapsed .x-super-account .x-admin-button {
        display: inline-flex; }
    #x-admin-v2.x-super-admin .x-super-sidebar-toggle {
      display: none; }
    #x-admin-v2.x-super-admin.x-super-nav-open .x-super-sidebar {
      transform: translateX(0); }
    #x-admin-v2.x-super-admin .x-super-mobile-backdrop {
      position: fixed;
      inset: 0;
      z-index: 50;
      display: block;
      background: rgba(15, 23, 42, 0.42); }
      #x-admin-v2.x-super-admin .x-super-mobile-backdrop[hidden] {
        display: none; }
    #x-admin-v2.x-super-admin .x-super-main {
      margin-left: 0;
      padding: 16px; }
    #x-admin-v2.x-super-admin .x-super-topbar {
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 16px; }
      #x-admin-v2.x-super-admin .x-super-topbar h1 {
        font-size: 22px; }
    #x-admin-v2.x-super-admin .x-super-menu-button {
      display: grid;
      flex: 0 0 40px; }
    #x-admin-v2.x-super-admin .x-super-topbar-actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      width: 100%;
      margin-left: 0; }
    #x-admin-v2.x-super-admin .x-super-search {
      width: 100%; }
    #x-admin-v2.x-super-admin .x-super-kpis,
    #x-admin-v2.x-super-admin .x-super-summary,
    #x-admin-v2.x-super-admin .x-super-system-grid,
    #x-admin-v2.x-super-admin .x-super-grid-three {
      grid-template-columns: minmax(0, 1fr); }
    #x-admin-v2.x-super-admin .x-super-distribution {
      grid-template-columns: minmax(0, 1fr);
      justify-items: center;
      text-align: left; }
    #x-admin-v2.x-super-admin .x-super-legend {
      width: 100%; }
    #x-admin-v2.x-super-admin .x-super-kpi {
      min-height: 92px; }
      #x-admin-v2.x-super-admin .x-super-kpi strong {
        font-size: 28px; }
    #x-admin-v2.x-super-admin .x-super-actions {
      display: grid; }
    #x-admin-v2.x-super-admin .x-super-table-wrap {
      display: none; }
    #x-admin-v2.x-super-admin .x-super-card-list {
      display: grid; }
    #x-admin-v2.x-super-admin .x-super-list-card {
      padding: 14px; }
    #x-admin-v2.x-super-admin .x-super-card-head {
      align-items: flex-start;
      flex-direction: column;
      gap: 6px; }
    #x-admin-v2.x-super-admin .x-super-row-actions,
    #x-admin-v2.x-super-admin .x-super-detail-head {
      align-items: stretch;
      flex-direction: column; }
    #x-admin-v2.x-super-admin .x-super-detail-list {
      grid-template-columns: minmax(0, 1fr); }
    #x-admin-v2.x-super-admin .x-super-seo-check-grid {
      grid-template-columns: minmax(0, 1fr); } }
/* --------------------------------------------------------------------------
   3) Tablet ve mobil: sidebar drawer'a döner.
   -------------------------------------------------------------------------- */
@media (max-width: 1023.98px) {
  #x-admin-v2,
  #x-admin-v2[data-admin-layout="default"],
  #x-admin-v2[data-admin-layout="compact"],
  #x-admin-v2[data-admin-menu="horizontal"],
  #x-admin-v2.x-admin-is-collapsed,
  #x-admin-v2.x-admin-is-collapsed[data-admin-layout="default"],
  #x-admin-v2.x-admin-is-collapsed[data-admin-layout="compact"] {
    --x-admin-header-height: 64px;
    --x-admin-shell-pad-x: 20px;
    --x-admin-shell-pad-y: 20px;
    --x-admin-shell-pad-bottom: 14px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--x-admin-header-height) minmax(0, 1fr); }

  #x-admin-v2[data-admin-menu="horizontal"] {
    grid-template-rows: var(--x-admin-header-height) auto minmax(0, 1fr); }

  #x-admin-v2 {
    /* Mobil tarayıcı çubuğu yüksekliği değişince kabuk zıplamasın.
       Sabit yükseklik verilmez: içerik uzunsa kabuk büyür, yoksa footer'ın
       altında tema dışı boş alan kalıyordu. */
    min-height: 100dvh;
    /* --- Drawer --- */
    /* Yatay menü modunda da drawer kullanılır */
    /* --- Topbar --- */
    /* --- Sayfa iskeletleri --- */
    /* Segment sekmeleri satıra sığmayınca kontrollü sarsın */
    /* --- Popover ve drawer viewport içinde --- */
    /* Customizer açıkken topbar ikonları sabitlenip taşmasın */
    /* --- Modal --- */ }
    #x-admin-v2 .x-admin-header,
    #x-admin-v2 .x-admin-main {
      grid-column: 1; }
    #x-admin-v2 .x-admin-header {
      grid-row: 1;
      gap: 10px;
      padding-right: max(var(--x-admin-shell-pad-x), env(safe-area-inset-right));
      padding-left: max(var(--x-admin-shell-pad-x), env(safe-area-inset-left)); }
    #x-admin-v2 .x-admin-main {
      grid-row: 2; }
    #x-admin-v2 .x-admin-assumed-banner {
      margin: 12px var(--x-admin-shell-pad-x) 0;
      align-items: stretch;
      flex-direction: column; }
      #x-admin-v2 .x-admin-assumed-banner .x-admin-button {
        justify-content: center;
        width: 100%; }
    #x-admin-v2 .x-admin-sidebar {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 200;
      width: min(304px, 86vw);
      height: 100%;
      max-height: none;
      display: flex;
      padding: calc(18px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));
      border-right: 1px solid var(--x-admin-border);
      box-shadow: none;
      transform: translateX(-102%);
      visibility: hidden;
      transition: transform .22s ease, visibility .22s ease; }
    #x-admin-v2.x-admin-drawer-open {
      /* Arka plan kaymasın */
      overflow: hidden;
      /* Overlay: ek DOM elemanı olmadan */ }
      #x-admin-v2.x-admin-drawer-open .x-admin-sidebar {
        transform: translateX(0);
        visibility: visible;
        box-shadow: 18px 0 48px rgba(12, 24, 44, 0.28); }
      #x-admin-v2.x-admin-drawer-open .x-admin-main::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 150;
        background: var(--x-admin-overlay-background);
        backdrop-filter: blur(2px);
        animation: x-admin-customizer-fade .16s ease; }
    #x-admin-v2[data-admin-menu="horizontal"] .x-admin-sidebar {
      display: flex; }
    #x-admin-v2 .x-admin-header-left {
      min-width: 0;
      flex: 1 1 auto;
      gap: 10px; }
    #x-admin-v2 .x-admin-search {
      width: auto;
      min-width: 0;
      flex: 1 1 auto;
      height: 42px; }
    #x-admin-v2 .x-admin-search-key {
      display: none; }
    #x-admin-v2 .x-admin-header-right {
      gap: 8px; }
    #x-admin-v2 .x-admin-icon-button,
    #x-admin-v2 .x-admin-avatar-button {
      width: 44px;
      height: 44px;
      flex-basis: 44px; }
    #x-admin-v2 .x-admin-dashboard-grid,
    #x-admin-v2 .x-admin-dashboard-grid-secondary,
    #x-admin-v2 .x-admin-inbox-grid,
    #x-admin-v2 .x-admin-settings-split,
    #x-admin-v2 .x-admin-system-grid,
    #x-admin-v2 .x-admin-contact-settings-grid,
    #x-admin-v2 .x-admin-account-grid,
    #x-admin-v2 .x-admin-two-column,
    #x-admin-v2 .x-admin-theme-active,
    #x-admin-v2 .x-admin-review-page-grid {
      grid-template-columns: minmax(0, 1fr); }
    #x-admin-v2 .x-admin-review-page-grid > :last-child {
      grid-column: auto; }
    #x-admin-v2 .x-admin-notification-toolbar,
    #x-admin-v2 .x-admin-toolbar {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #x-admin-v2 .x-admin-settings-tabs {
      grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #x-admin-v2 .x-admin-segment-tabs {
      max-width: 100%;
      display: flex;
      flex-wrap: wrap; }
    #x-admin-v2 .x-admin-popover {
      max-width: calc(100vw - 24px); }
    #x-admin-v2 .x-admin-search-popover {
      top: calc(var(--x-admin-header-height) + 8px);
      right: 12px;
      left: 12px;
      width: auto; }
    #x-admin-v2 .x-admin-notification-popover,
    #x-admin-v2 .x-admin-profile-popover {
      top: calc(var(--x-admin-header-height) + 8px);
      right: 12px;
      left: auto;
      width: min(370px, calc(100vw - 24px));
      max-height: calc(100dvh - var(--x-admin-header-height) - 24px);
      overflow: auto; }
    #x-admin-v2 .x-admin-customizer {
      width: min(400px, calc(100vw - 32px));
      padding-bottom: env(safe-area-inset-bottom); }
    #x-admin-v2.x-is-customizer-open .x-admin-header-right {
      position: static;
      box-shadow: none; }
    #x-admin-v2 .x-admin-modal-backdrop {
      padding: 16px; }
    #x-admin-v2 .x-admin-modal {
      width: min(620px, 100%);
      max-height: calc(100dvh - 32px); }
    #x-admin-v2 .x-admin-table-wrap {
      padding: 14px 16px 16px; } }
/* --------------------------------------------------------------------------
   4) Büyük telefon / dikey tablet: her şey tek sütun.
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
  /* Aşama 1A — pilot sayfalardaki yeni kontroller mobilde en az 44px. */
  #x-admin-v2 .x-admin-list-state-actions .x-admin-button,
  #x-admin-v2 .x-admin-modal-guard-actions .x-admin-button,
  #x-admin-v2 .x-admin-layout-toolbar .x-admin-button,
  #x-admin-v2 .x-admin-card-header-actions .x-admin-button,
  #x-admin-v2 .x-admin-modal-footer-actions .x-admin-button {
    min-height: 44px; }
  #x-admin-v2 .x-admin-list-state {
    padding: 18px 14px; }
  #x-admin-v2 .x-admin-skeleton-row {
    grid-template-columns: 60px minmax(0, 1fr); }
    #x-admin-v2 .x-admin-skeleton-row .x-admin-skeleton-bar-short {
      display: none; }
  #x-admin-v2 .x-admin-modal-guard-actions .x-admin-button,
  #x-admin-v2 .x-admin-layout-toolbar .x-admin-button {
    flex: 1 1 auto; }

  #x-admin-v2,
  #x-admin-v2[data-admin-layout="default"],
  #x-admin-v2[data-admin-layout="compact"],
  #x-admin-v2[data-admin-density="comfortable"],
  #x-admin-v2[data-admin-density="compact"] {
    --x-admin-shell-pad-x: 16px;
    --x-admin-shell-pad-y: 16px;
    --x-admin-shell-pad-bottom: 12px;
    --x-admin-space-section: 16px;
    --x-admin-space-grid: 14px;
    --x-admin-space-card: 16px;
    --x-admin-space-form: 14px; }

  #x-admin-v2 {
    /* Satır tipi kartlarda sabit ve auto sütunlar kalkar */
    /* Başlık + aksiyon çiftleri alt alta */
    /* Modal başlığı tek satırda kalsın; kapatma butonu alta düşmesin */
    /* Uzun modallarda başlık ve aksiyonlar erişilebilir kalsın */
    /* Dokunma alanı en az 44px (küçültülmüş varyantlar dahil) */
    /* Tipografi dengeli küçülür */ }
    #x-admin-v2 .x-admin-metric-grid,
    #x-admin-v2 .x-admin-system-metric-grid,
    #x-admin-v2 .x-admin-settings-actions-grid,
    #x-admin-v2 .x-admin-layout-meta,
    #x-admin-v2 .x-admin-danger-actions,
    #x-admin-v2 .x-admin-social-grid,
    #x-admin-v2 .x-admin-social-stats,
    #x-admin-v2 .x-admin-theme-library,
    #x-admin-v2 .x-admin-access-grid,
    #x-admin-v2 .x-admin-operation-grid,
    #x-admin-v2 .x-admin-contact-summary-grid,
    #x-admin-v2 .x-admin-contact-test-actions,
    #x-admin-v2 .x-admin-contact-field-grid,
    #x-admin-v2 .x-admin-contact-form-grid,
    #x-admin-v2 .x-admin-form-grid,
    #x-admin-v2 .x-admin-form-grid-three,
    #x-admin-v2 .x-admin-form-grid-modal,
    #x-admin-v2 .x-admin-settings-grid,
    #x-admin-v2 .x-admin-settings-grid-three,
    #x-admin-v2 .x-admin-settings-meta,
    #x-admin-v2 .x-admin-integration-grid,
    #x-admin-v2 .x-admin-integration-fields,
    #x-admin-v2 .x-admin-transfer-grid,
    #x-admin-v2 .x-admin-review-source-grid,
    #x-admin-v2 .x-admin-identity-preview-grid,
    #x-admin-v2 .x-admin-inbox-info-grid,
    #x-admin-v2 .x-admin-account-field-grid,
    #x-admin-v2 .x-admin-account-password-grid,
    #x-admin-v2 .x-admin-account-rules,
    #x-admin-v2 .x-admin-account-strength-row,
    #x-admin-v2 .x-admin-dashboard-grid-status,
    #x-admin-v2 .x-admin-customizer-option-grid-two,
    #x-admin-v2 .x-admin-customizer-option-grid-three,
    #x-admin-v2 .x-admin-customizer-color-grid,
    #x-admin-v2 .x-admin-notification-toolbar,
    #x-admin-v2 .x-admin-toolbar,
    #x-admin-v2 .x-admin-role-template-list,
    #x-admin-v2 .x-admin-permission-grid,
    #x-admin-v2 .x-admin-notification-preference-list {
      grid-template-columns: minmax(0, 1fr); }
    #x-admin-v2 .x-admin-settings-tabs {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #x-admin-v2 .x-admin-history-item,
    #x-admin-v2 .x-admin-layout-item-card,
    #x-admin-v2 .x-admin-theme-upload,
    #x-admin-v2 .x-admin-menu-row,
    #x-admin-v2 .x-admin-invite-row,
    #x-admin-v2 .x-admin-system-row-progress {
      grid-template-columns: minmax(0, 1fr);
      gap: 8px; }
    #x-admin-v2 .x-admin-page-titlebar,
    #x-admin-v2 .x-admin-card-header,
    #x-admin-v2 .x-admin-settings-card-header,
    #x-admin-v2 .x-admin-card-header-actions,
    #x-admin-v2 .x-admin-filter-bar,
    #x-admin-v2 .x-admin-filter-bar-actions,
    #x-admin-v2 .x-admin-modal-footer,
    #x-admin-v2 .x-admin-table-actions {
      flex-wrap: wrap; }
    #x-admin-v2 .x-admin-modal-header {
      flex-wrap: nowrap; }
      #x-admin-v2 .x-admin-modal-header > :first-child {
        min-width: 0; }
    #x-admin-v2 .x-admin-page-titlebar {
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 14px; }
    #x-admin-v2 .x-admin-page-title {
      font-size: 21px; }
    #x-admin-v2 .x-admin-modal-header {
      position: sticky;
      top: 0;
      z-index: 2;
      background: var(--x-admin-modal-background, var(--x-admin-surface)); }
    #x-admin-v2 .x-admin-modal-footer {
      position: sticky;
      bottom: 0;
      z-index: 2;
      justify-content: stretch;
      background: var(--x-admin-modal-background, var(--x-admin-surface)); }
    #x-admin-v2 .x-admin-button,
    #x-admin-v2 .x-admin-button-ghost,
    #x-admin-v2 .x-admin-button-danger,
    #x-admin-v2 .x-admin-contact-test-actions .x-admin-button,
    #x-admin-v2 .x-admin-filter-bar-actions .x-admin-button,
    #x-admin-v2 .x-admin-filter-bar-actions .x-admin-button-ghost {
      min-height: 44px; }
    #x-admin-v2 .x-admin-modal-footer .x-admin-button,
    #x-admin-v2 .x-admin-modal-footer .x-admin-button-ghost,
    #x-admin-v2 .x-admin-modal-footer .x-admin-button-danger,
    #x-admin-v2 .x-admin-customizer-footer .x-admin-button,
    #x-admin-v2 .x-admin-customizer-footer .x-admin-button-ghost {
      flex: 1 1 160px; }
    #x-admin-v2 .x-admin-customizer-footer {
      grid-template-columns: minmax(0, 1fr); }
    #x-admin-v2 .x-admin-customizer {
      width: 100%;
      border-left: 0; }
    #x-admin-v2.x-is-customizer-open .x-admin-header-right {
      display: none; }
    #x-admin-v2 .x-admin-notification-popover,
    #x-admin-v2 .x-admin-profile-popover {
      right: 10px;
      left: 10px;
      width: auto; }
    #x-admin-v2 .x-admin-modal-backdrop {
      align-items: center;
      padding: calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom)); }
    #x-admin-v2 .x-admin-footer {
      padding: 16px var(--x-admin-shell-pad-x) calc(18px + env(safe-area-inset-bottom)); }
    #x-admin-v2 .x-admin-card-header h2,
    #x-admin-v2 .x-admin-settings-card-header h2 {
      font-size: 16px; }
    #x-admin-v2 .x-admin-modal-header h2 {
      font-size: 18px; }
    #x-admin-v2 .x-admin-metric-value {
      font-size: 24px; } }
/* --------------------------------------------------------------------------
   5) Tablet ve telefon (<=1023.98): tablolar kart görünümüne döner.
   Neden yatay scroll container değil: kullanıcı listesi kartı satır menüsünün
   kırpılmaması için overflow: visible kullanıyor; bu genişliklerde tablo
   kabına sığmadığı için taşma oluşuyordu. Kart görünümü hem taşmayı bitirir
   hem satır aksiyonlarını kullanılabilir tutar.
   -------------------------------------------------------------------------- */
@media (max-width: 1023.98px) {
  #x-admin-v2 {
    /* Tablette satır kartları yan yana; geniş alan boşa gitmesin */
    /* Etiketsiz ve tam genişlik hücreler (boş durum satırı vb.) */
    /* Satır aksiyonları kullanılabilir kalır */ }
    #x-admin-v2 .x-admin-table-wrap {
      overflow-x: visible;
      padding: 12px 12px 14px; }
    #x-admin-v2 .x-admin-table,
    #x-admin-v2 .x-admin-social-links-card .x-admin-social-table {
      min-width: 0;
      display: block; }
    #x-admin-v2 .x-admin-table thead {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      border: 0;
      clip: rect(0 0 0 0);
      white-space: nowrap; }
    #x-admin-v2 .x-admin-table tbody {
      display: grid;
      gap: 10px; } }
  @media (max-width: 1023.98px) and (min-width: 640px) {
    #x-admin-v2 .x-admin-table tbody {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1023.98px) {
    #x-admin-v2 .x-admin-table tbody tr {
      display: grid;
      gap: 2px;
      padding: 12px;
      border: 1px solid var(--x-admin-border);
      border-radius: 8px;
      background: var(--x-admin-surface-secondary); }
    #x-admin-v2 .x-admin-table tbody tr:hover td {
      background: transparent; }
    #x-admin-v2 .x-admin-table td {
      display: grid;
      grid-template-columns: minmax(84px, 38%) minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      /* Rozet ve pill'ler değer sütununu gereksiz germesin */
      justify-items: start;
      min-width: 0;
      padding: 6px 0;
      border-bottom: 1px solid var(--x-admin-divider);
      overflow-wrap: anywhere; }
    #x-admin-v2 .x-admin-table td:last-child {
      padding-bottom: 0;
      border-bottom: 0; }
    #x-admin-v2 .x-admin-table td::before {
      content: attr(data-label);
      color: var(--x-admin-text-muted);
      font-size: 11px;
      font-weight: 850;
      text-transform: uppercase; }
    #x-admin-v2 .x-admin-table td:not([data-label]),
    #x-admin-v2 .x-admin-table td[data-label=""],
    #x-admin-v2 .x-admin-table td[colspan] {
      grid-template-columns: minmax(0, 1fr); }
      #x-admin-v2 .x-admin-table td:not([data-label])::before,
      #x-admin-v2 .x-admin-table td[data-label=""]::before,
      #x-admin-v2 .x-admin-table td[colspan]::before {
        display: none; }
    #x-admin-v2 .x-admin-table-actions {
      flex-wrap: wrap;
      justify-content: flex-start;
      white-space: normal; }
    #x-admin-v2 .x-admin-table-actions .x-admin-icon-button-small {
      width: 38px;
      height: 38px;
      flex-basis: 38px; }
    #x-admin-v2 .x-admin-toast-region {
      right: 12px;
      bottom: calc(12px + env(safe-area-inset-bottom));
      left: 12px; } }
/* --------------------------------------------------------------------------
   6) Küçük telefon (320-359): son sıkıştırma.
   -------------------------------------------------------------------------- */
@media (max-width: 359.98px) {
  #x-admin-v2,
  #x-admin-v2[data-admin-layout="default"],
  #x-admin-v2[data-admin-layout="compact"] {
    --x-admin-shell-pad-x: 12px;
    --x-admin-header-height: 60px; }

  #x-admin-v2 .x-admin-header {
    gap: 8px; }
  #x-admin-v2 .x-admin-header-right {
    gap: 4px; }
  #x-admin-v2 .x-admin-icon-button,
  #x-admin-v2 .x-admin-avatar-button {
    width: 40px;
    height: 40px;
    flex-basis: 40px; }
  #x-admin-v2 .x-admin-search {
    height: 40px;
    gap: 6px;
    padding: 0 8px; }
  #x-admin-v2 .x-admin-page-title {
    font-size: 19px; }
  #x-admin-v2 .x-admin-settings-tabs {
    grid-template-columns: minmax(0, 1fr); }
  #x-admin-v2 .x-admin-table td {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px; } }
/* --------------------------------------------------------------------------
   7) Ortak taşma güvenliği (tüm boyutlarda geçerli).
   -------------------------------------------------------------------------- */
#x-admin-v2 {
  /* Uzun e-posta ve URL metinleri kartı taşırmasın */ }
  #x-admin-v2 .x-admin-page,
  #x-admin-v2 .x-admin-card,
  #x-admin-v2 .x-admin-settings-card,
  #x-admin-v2 .x-admin-modal,
  #x-admin-v2 .x-admin-popover {
    max-width: 100%; }
  #x-admin-v2 img {
    max-width: 100%;
    height: auto; }
  #x-admin-v2 .x-admin-table td,
  #x-admin-v2 .x-admin-field,
  #x-admin-v2 .x-admin-settings-note,
  #x-admin-v2 .x-admin-card-header p {
    min-width: 0; }

/* ==========================================================================
   Aşama 1A sonrası mobil düzeltme turu
   Kapsam: customizer legend hizası, kart kapanış boşlukları, mobil filtre
   çubuğu, bildirim satırı ve toplu işlem butonları, kart görünümlü tablolarda
   sol iç boşluk. Tüm renkler tema token'larından gelir.
   ========================================================================== */
#x-admin-v2 {
  /* (10) fieldset legend'ı tarayıcı varsayılanında kenarlık boşluğuna
     yerleşip kartın üstüne biniyordu; normal akışa alınır. */
  /* (10) Çekmece alt butonları aynı yükseklik ve hizada. */
  /* (5) Toplu işlem butonları masaüstünde de tek bir set gibi okunsun:
     aynı yükseklik zaten vardı, ortak alt genişlik eklenir. */
  /* (7) Kart kapanışındaki bağlantılar üst ayraca ve alt kenara yapışmasın. */ }
  #x-admin-v2 .x-admin-customizer-section {
    display: flow-root; }
    #x-admin-v2 .x-admin-customizer-section legend {
      float: left;
      width: 100%;
      margin: 0;
      padding: 0 0 14px; }
    #x-admin-v2 .x-admin-customizer-section > *:not(legend) {
      clear: both; }
  #x-admin-v2 .x-admin-customizer-footer .x-admin-button,
  #x-admin-v2 .x-admin-customizer-footer .x-admin-button-ghost {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.25; }
  #x-admin-v2 .x-admin-notification-bulk-actions .x-admin-button {
    min-width: 148px;
    justify-content: center; }
  #x-admin-v2 .x-admin-access-card-footer {
    padding-top: 16px;
    padding-bottom: 18px; }
  #x-admin-v2 .x-admin-access-card-footer .x-admin-link-button {
    min-height: 40px;
    display: inline-flex;
    align-items: center; }

@media (max-width: 767.98px) {
  #x-admin-v2 {
    /* (3) Filtre çubuğu tahmin edilebilir bir ızgaraya oturur: arama tam
       satır, select'ler yan yana, ikon buton aynı satırın sonunda. */
    /* Çok dar ekranda iki select yan yana okunmuyor: ilki tam satır olur,
       ikincisi filtre butonuyla aynı satırda kalır. */
    /* (4) Bildirim satırı: seçim kutusu kart içinde kalır, içerik tek sütuna
       düşer, aksiyonlar metnin altına geçer. */
    /* (6, 8) Kart görünümlü tablolarda sol iç boşluk artırılır; etiket ve
       değer sütunları soldan içeriden başlar. */ }
    #x-admin-v2 .x-admin-inbox-list-card > .x-admin-filter-bar {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px;
      align-items: center;
      gap: 10px; }
      #x-admin-v2 .x-admin-inbox-list-card > .x-admin-filter-bar .x-admin-filter-search {
        grid-column: 1 / -1; }
      #x-admin-v2 .x-admin-inbox-list-card > .x-admin-filter-bar .x-admin-filter-select {
        min-width: 0; }
        #x-admin-v2 .x-admin-inbox-list-card > .x-admin-filter-bar .x-admin-filter-select select {
          width: 100%;
          min-width: 0;
          height: 44px; }
      #x-admin-v2 .x-admin-inbox-list-card > .x-admin-filter-bar .x-admin-filter-reset {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        justify-self: end; } }
  @media (max-width: 767.98px) and (max-width: 399.98px) {
    #x-admin-v2 .x-admin-inbox-list-card > .x-admin-filter-bar {
      grid-template-columns: minmax(0, 1fr) 44px; }
      #x-admin-v2 .x-admin-inbox-list-card > .x-admin-filter-bar .x-admin-filter-select:nth-of-type(1) {
        grid-column: 1 / -1; } }
@media (max-width: 767.98px) {
    #x-admin-v2 .x-admin-user-list-card > .x-admin-filter-bar {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: center;
      gap: 10px;
      /* Üçüncü select tek başına kalmasın, tam satır olsun. */ }
      #x-admin-v2 .x-admin-user-list-card > .x-admin-filter-bar .x-admin-filter-search {
        grid-column: 1 / -1; }
      #x-admin-v2 .x-admin-user-list-card > .x-admin-filter-bar .x-admin-filter-select {
        min-width: 0; }
        #x-admin-v2 .x-admin-user-list-card > .x-admin-filter-bar .x-admin-filter-select select {
          width: 100%;
          min-width: 0;
          height: 44px; }
      #x-admin-v2 .x-admin-user-list-card > .x-admin-filter-bar .x-admin-filter-select:nth-of-type(3) {
        grid-column: 1 / -1; }
      #x-admin-v2 .x-admin-user-list-card > .x-admin-filter-bar .x-admin-filter-bar-actions {
        grid-column: 1 / -1;
        margin-left: 0; }
        #x-admin-v2 .x-admin-user-list-card > .x-admin-filter-bar .x-admin-filter-bar-actions .x-admin-button {
          flex: 1 1 0; }
    #x-admin-v2 .x-admin-notification-card.x-admin-notification-row {
      grid-template-columns: 22px 34px minmax(0, 1fr);
      align-items: start;
      gap: 10px;
      padding: 14px; }
    #x-admin-v2 .x-admin-notification-row .x-admin-notification-check {
      place-items: start center;
      padding-top: 2px; }
    #x-admin-v2 .x-admin-notification-row .x-admin-notification-icon {
      width: 34px;
      height: 34px;
      flex-basis: 34px; }
    #x-admin-v2 .x-admin-notification-row .x-admin-notification-content {
      grid-template-columns: minmax(0, 1fr);
      gap: 10px; }
    #x-admin-v2 .x-admin-notification-row .x-admin-notification-side {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      gap: 8px; }
    #x-admin-v2 .x-admin-table-wrap {
      padding: 14px 14px 16px; }
    #x-admin-v2 .x-admin-table tbody tr {
      gap: 4px;
      padding: 14px 16px; }
    #x-admin-v2 .x-admin-table td {
      padding: 9px 0; }
    #x-admin-v2 .x-admin-table td::before {
      padding-right: 6px; } }
/* (5) Toplu bildirim işlemleri: tablet ve altında merdiven yapmasın.
   Tüm butonlar eşit yükseklik, eşit genişlik ve tek ızgarada. */
@media (max-width: 1023.98px) {
  #x-admin-v2 .x-admin-notification-bulk {
    flex-direction: column;
    align-items: stretch;
    gap: 12px; }
  #x-admin-v2 .x-admin-notification-select-all {
    align-self: flex-start; }
  #x-admin-v2 .x-admin-notification-bulk-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    justify-content: stretch;
    gap: 8px;
    /* Dikey ayraç ızgarada bir hücre kaplayıp diziyi bozuyordu. */ }
    #x-admin-v2 .x-admin-notification-bulk-actions .x-admin-bulk-divider {
      display: none; }
    #x-admin-v2 .x-admin-notification-bulk-actions .x-admin-button,
    #x-admin-v2 .x-admin-notification-bulk-actions .x-admin-button-ghost,
    #x-admin-v2 .x-admin-notification-bulk-actions .x-admin-button-secondary,
    #x-admin-v2 .x-admin-notification-bulk-actions .x-admin-button-danger {
      width: 100%;
      min-width: 0;
      min-height: 44px;
      padding-right: 10px;
      padding-left: 10px;
      text-align: center; } }
/* ==========================================================================
   Sol sidebar - premium katman (Stage 4F)
   --------------------------------------------------------------------------
   Amac: mevcut route/data-attribute/JS akisina DOKUNMADAN sol menuyu
   kurumsal SaaS kalitesine cikarmak. Tumuyle tema token'lariyla calisir;
   dark + kirmizi vurgu icin ozel ayar, light temada da bozulmaz.
   Kapsam #x-admin-v2 .x-admin-sidebar altinda oldugundan dogal cascade
   ile onceki kurallari gecersiz kilar (yeni selector yok, JS'e bagimli degil).
   ========================================================================== */
#x-admin-v2 {
  /* Sidebar'a ozel ayarlanabilir tonlar - temayla birlikte yeniden hesaplanir. */
  --x-admin-sb-surface: var(--x-admin-surface);
  --x-admin-sb-accent-glow: color-mix(in srgb, var(--x-admin-primary) 6%, var(--x-admin-surface));
  --x-admin-sb-hover: color-mix(in srgb, var(--x-admin-primary) 8%, transparent);
  --x-admin-sb-active: var(--x-admin-selected-background);
  --x-admin-sb-active-ring: color-mix(in srgb, var(--x-admin-primary) 26%, transparent);
  --x-admin-sb-rail: var(--x-admin-primary);
  --x-admin-sb-idle-text: var(--x-admin-text-secondary);
  --x-admin-sb-idle-icon: var(--x-admin-icon-muted);
  /* --- Marka alani --- */
  /* --- Menu listesi --- */
  /* Sol accent rayi - yalniz aktif/hover'da gorunur, kontrollu kirmizi. */
  /* Duz menu linklerinde sag chevron gurultusunu kaldir; yalniz acilir
     "Duzenler" toggle'inda kalir (ac/kapa gostergesi olarak gerekli). */
  /* Hover: yumusak accent tint, ray kisa; aktif kadar baskin degil. */
  /* Aktif: net ama zarif - tint + hairline + tam ray. */
  /* --- Bolum ayiraci --- */
  /* --- Acilir alt menu (Duzenler) --- */
  /* Base'teki 230px max-height 8 ogeyi (Karsilama/Ekip/Galeri/Iletisim/Footer
     dahil) kirpiyordu. Acik (inline) durumda submenu icerigine gore buyur:
     kendi ic scroll'u YOK (aksi halde flex icinde ezilip ilk ogelerden
     sonrasi kirpiliyordu), yuksek max-height akordeon animasyonunu korur.
     Collapsed flyout'a dokunulmaz. */
  /* TEK AKIŞLI NAVİGASYON (v32).

     v31'de nav üç bölgeye ayrılmış ve Mesajlar/Ayarlar/Bize Ulaşın sidebar'ın
     DİBİNE sabitlenmişti. "Siteyi Düzenle" kapalıyken araya kocaman bir boşluk
     giriyor, menü parçalanmış görünüyordu. Doğrusu: bütün menü yukarıdan
     aşağıya TEK akış — Panel → Siteyi Düzenle → (açıksa alt menü) → Mesajlar →
     Ayarlar → Bize Ulaşın. "Siteyi Düzenle" kapalıyken Mesajlar hemen onun
     altında durur.

     Sabit olan yalnızca iki uç: üstte marka alanı, altta hesap kartı. Bunların
     arasındaki nav TEK kaydırma alanıdır; liste sığmazsa yalnız o kayar,
     sidebar'ın kendisi kaymaz (sidebar overflow: hidden).

     min-height:0 ZORUNLU: flex öğesinin varsayılan min-height:auto değeri
     nav'ı içeriği kadar büyütür, scroll hiç oluşmaz ve hesap kartı ekrandan
     taşardı.

     Collapsed'ta geçerli değildir: orada alt menü bir flyout'tur ve
     kırpılmaması için taşma görünür kalmalıdır. */
  /* Öğeler doğal yüksekliğini korur; ezilip okunmaz hale gelmezler. */
  /* Kaydırma çubuğu: ince, temaya uyumlu, oluğu şeffaf. Native beyaz oluk
     sidebar boyunca beyaz bir şerit gibi görünüyordu. Çubuk GİZLENMEZ —
     tekerlek/trackpad ve klavye kaydırmasının yanında görsel tutamak da kalır. */
  /* KAPALI ALT MENÜ GERÇEKTEN KAPANIR.

     Sözleşmeli sitelerde alt menüye `x-is-contract` ekleniyor ve bu sınıfın
     `max-height: 60vh` kuralı, taban `[hidden]` kuralıyla AYNI özgüllükte
     olup kaynakta ondan SONRA geldiği için onu eziyordu. Sonuç: menü kapalı
     görünürken 540px'lik boş bir blok yerinde kalıyor, "Siteyi Düzenle" ile
     "Mesajlar" arasında kocaman bir boşluk oluşuyordu.

     Burada kapalı durum tek yerde ve daha yüksek özgüllükle sabitlenir;
     akordeon geçişi (max-height + opacity) korunur. */
  /* ================= ICERIK GRUBU ACCORDION'U =================

     PARENT ile LEAF gorsel olarak AYRILIR:
       parent (grup basligi) -> daha belirgin yazi + chevron; acikken
                                yalniz chevron doner ve baslik parlar.
                                Leaf'in mavi "secili kart" gorunumunu
                                ASLA almaz — acik olmak secili olmak degildir.
       leaf  (bolum satiri)   -> hafif girinti, kucuk nokta, daha dusuk
                                hiyerarsi; secili olan TEK satir mavi kart alir.

     Kapali panel GERCEKTEN 0px'tir: `.x-admin-nav-group-panel` sinifinda
     `display: grid` bulundugu icin tarayicinin `[hidden]` varsayilani
     (display:none) ezilirdi — v32'deki 540px'lik hayalet blok tam olarak
     bu sinifti. Bu yuzden kapali durum ayrica sabitlenir. */
  /* Accordion geldikten sonra alt menunun KENDI kaydirma alani gereksizdir:
     ayni anda tek grup acik oldugu icin liste kisa kalir. Boylece kenar
     cubugundaki TEK kaydirma alani nav olmaya devam eder (v32 kurali).
     Kapali durum kurali daha yuksek ozgullukte oldugu icin bundan
     etkilenmez. */
  /* ACIK PARENT: gosterge CHEVRON'dur, renk degil. Basligi da vurgu rengine
     boyamak, secili leaf ile renk yarisina girip "iki sey birden secili"
     izlenimi veriyordu. Baslik yalnizca bir tik belirginlesir. */
  /* Kapali grup layout'ta 0px yer kaplar (gecis yok, hayalet blok yok). */
  /* --- Sayac rozetleri (Gelen Mesajlar vb.) --- */
  /* --- Alt profil karti --- */
  /* --- Daraltilmis (collapsed) durum --- */ }
  #x-admin-v2[data-admin-theme="dark"] {
    /* Koyu zeminde derinlik: ustte cok hafif accent parilti, govde duz yuzey. */
    --x-admin-sb-accent-glow: color-mix(in srgb, var(--x-admin-primary) 12%, var(--x-admin-surface));
    --x-admin-sb-hover: color-mix(in srgb, var(--x-admin-primary) 14%, transparent);
    --x-admin-sb-active: color-mix(in srgb, var(--x-admin-primary) 18%, var(--x-admin-surface));
    --x-admin-sb-active-ring: color-mix(in srgb, var(--x-admin-primary) 40%, transparent);
    --x-admin-sb-idle-text: var(--x-admin-text-secondary);
    --x-admin-sb-idle-icon: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-sidebar {
    padding: 20px 14px 16px;
    gap: 18px;
    /* Ustte accent'e calan cok hafif dikey derinlik; govde duz surface. */
    background: linear-gradient(180deg, var(--x-admin-sb-accent-glow) 0, var(--x-admin-sb-surface) 190px);
    border-right: 1px solid var(--x-admin-border);
    box-shadow: 10px 0 34px rgba(8, 15, 30, 0.05); }
  #x-admin-v2[data-admin-theme="dark"] .x-admin-sidebar {
    border-right-color: color-mix(in srgb, var(--x-admin-border) 82%, #000);
    box-shadow: 12px 0 40px rgba(0, 0, 0, 0.28); }
  #x-admin-v2 .x-admin-sidebar .x-admin-brand {
    min-height: 52px;
    gap: 12px;
    margin-bottom: 2px;
    padding: 2px 6px 16px;
    border-bottom: 1px solid var(--x-admin-divider); }
  #x-admin-v2 .x-admin-sidebar .x-admin-brand-logo {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-radius: 12px;
    background: var(--x-admin-primary-soft);
    box-shadow: inset 0 0 0 1px var(--x-admin-primary-border); }
  #x-admin-v2 .x-admin-sidebar .x-admin-brand-svg {
    width: 30px;
    height: 30px; }
  #x-admin-v2 .x-admin-sidebar .x-admin-brand-name {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--x-admin-heading); }
  #x-admin-v2 .x-admin-sidebar .x-admin-brand-version {
    padding: 1px 8px;
    border: 1px solid var(--x-admin-border);
    border-radius: 999px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav {
    gap: 3px; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link {
    min-height: 42px;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--x-admin-sb-idle-text);
    font-weight: 600;
    box-shadow: none; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    width: 3px;
    height: 0;
    border-radius: 0 3px 3px 0;
    background: var(--x-admin-sb-rail);
    opacity: 0;
    transform: translateY(-50%);
    transition: height .18s ease, opacity .18s ease; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-icon {
    color: var(--x-admin-sb-idle-icon);
    transition: color .16s ease; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link:not(.x-admin-nav-toggle) .x-admin-nav-cue {
    display: none; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-toggle .x-admin-nav-cue {
    color: var(--x-admin-sb-idle-icon);
    opacity: .9; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link:hover {
    border-color: transparent;
    background: var(--x-admin-sb-hover);
    color: var(--x-admin-primary);
    box-shadow: none; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link:hover .x-admin-nav-icon,
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link:hover .x-admin-nav-cue {
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link:hover::before {
    height: 14px;
    opacity: .5; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link.x-is-active {
    border-color: transparent;
    background: var(--x-admin-sb-active);
    color: var(--x-admin-primary);
    font-weight: 700;
    box-shadow: inset 0 0 0 1px var(--x-admin-sb-active-ring); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link.x-is-active .x-admin-nav-icon,
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link.x-is-active .x-admin-nav-cue {
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-link.x-is-active::before {
    height: 20px;
    opacity: 1; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-divider {
    height: 1px;
    margin: 11px 12px;
    background: linear-gradient(90deg, transparent, var(--x-admin-divider) 18%, var(--x-admin-divider) 82%, transparent); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu {
    gap: 2px;
    margin: 0 0 6px 25px;
    padding: 4px 0 4px 13px;
    border-left: 1.5px solid var(--x-admin-divider); }
  #x-admin-v2:not(.x-admin-is-collapsed) .x-admin-sidebar .x-admin-nav-submenu:not([hidden]) {
    max-height: 1200px;
    overflow: visible; }
  #x-admin-v2:not(.x-admin-is-collapsed) .x-admin-sidebar .x-admin-nav {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain; }
  #x-admin-v2:not(.x-admin-is-collapsed) .x-admin-sidebar .x-admin-nav > * {
    flex-shrink: 0; }
  #x-admin-v2:not(.x-admin-is-collapsed) .x-admin-sidebar .x-admin-nav {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--x-admin-text-muted) 38%, transparent) transparent; }
  #x-admin-v2:not(.x-admin-is-collapsed) .x-admin-sidebar .x-admin-nav::-webkit-scrollbar {
    width: 8px; }
  #x-admin-v2:not(.x-admin-is-collapsed) .x-admin-sidebar .x-admin-nav::-webkit-scrollbar-track {
    background: transparent; }
  #x-admin-v2:not(.x-admin-is-collapsed) .x-admin-sidebar .x-admin-nav::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: color-mix(in srgb, var(--x-admin-text-muted) 40%, transparent);
    background-clip: padding-box; }
  #x-admin-v2:not(.x-admin-is-collapsed) .x-admin-sidebar .x-admin-nav-submenu[hidden] {
    max-height: 0;
    margin-top: -6px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu-item {
    min-height: 34px;
    gap: 10px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--x-admin-text-muted);
    font-size: 13px;
    font-weight: 600; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu-item:hover {
    background: var(--x-admin-sb-hover);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu-item.x-is-active {
    background: var(--x-admin-sb-active);
    color: var(--x-admin-primary);
    font-weight: 700;
    box-shadow: inset 0 0 0 1px var(--x-admin-sb-active-ring); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu-dot {
    width: 6px;
    height: 6px;
    flex-basis: 6px;
    background: var(--x-admin-icon-muted); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu-item:hover .x-admin-nav-submenu-dot {
    background: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu-item.x-is-active .x-admin-nav-submenu-dot {
    background: var(--x-admin-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--x-admin-primary) 20%, transparent); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu.x-is-contract {
    max-height: none;
    overflow: visible; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group {
    display: block; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-toggle {
    width: 100%;
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--x-admin-text);
    font-family: inherit;
    font-size: 12.8px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-toggle:hover {
    background: var(--x-admin-sb-hover);
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-toggle.x-is-open {
    color: var(--x-admin-text);
    font-weight: 800; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-cue {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    color: var(--x-admin-icon-muted); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-cue svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .18s ease; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-toggle.x-is-open .x-admin-nav-group-cue {
    color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-toggle.x-is-open .x-admin-nav-group-cue svg {
    transform: rotate(90deg); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-panel {
    display: grid;
    gap: 2px;
    margin: 2px 0 6px 11px;
    padding-left: 10px;
    border-left: 1px solid var(--x-admin-border); }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-group-panel[hidden] {
    display: none; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-badge {
    position: static;
    top: auto;
    right: auto;
    margin-left: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border: 0;
    border-radius: 999px;
    background: var(--x-admin-primary);
    color: var(--x-admin-primary-contrast);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 2px 6px color-mix(in srgb, var(--x-admin-primary) 40%, transparent); }
  #x-admin-v2 .x-admin-sidebar .x-admin-profile-card {
    gap: 11px;
    padding: 10px 11px;
    border: 1px solid var(--x-admin-border);
    border-radius: 12px;
    background: var(--x-admin-surface-secondary);
    box-shadow: var(--x-admin-shadow-soft);
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease; }
  #x-admin-v2 .x-admin-sidebar .x-admin-profile-card:hover {
    border-color: var(--x-admin-primary-border);
    box-shadow: var(--x-admin-shadow); }
  #x-admin-v2 .x-admin-sidebar .x-admin-profile-card .x-admin-avatar {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--x-admin-primary) 22%, transparent); }
  #x-admin-v2 .x-admin-sidebar .x-admin-profile-copy strong {
    font-size: 13.5px;
    font-weight: 750;
    color: var(--x-admin-heading); }
  #x-admin-v2 .x-admin-sidebar .x-admin-profile-copy span {
    font-size: 12px;
    color: var(--x-admin-text-muted); }
  #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar .x-admin-brand {
    margin-bottom: 0;
    padding: 0 0 14px; }
  #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar .x-admin-nav-link {
    border-radius: 12px; }
  #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar .x-admin-nav-link::before {
    left: 0; }
  #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar .x-admin-nav-link.x-is-active::before {
    height: 22px; }
  #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar .x-admin-profile-card {
    border-radius: 12px; }

/* --- Mobil drawer rafine --- */
@media (max-width: 1023.98px) {
  #x-admin-v2 .x-admin-sidebar {
    gap: 16px;
    background: var(--x-admin-surface);
    box-shadow: none; }

  #x-admin-v2.x-admin-drawer-open .x-admin-sidebar {
    box-shadow: 20px 0 52px rgba(4, 9, 20, 0.34); }

  /* Menu uzunsa drawer icinde kaysin, profil karti altta sabit kalsin. */
  #x-admin-v2 .x-admin-sidebar .x-admin-nav {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch; }

  #x-admin-v2 .x-admin-sidebar .x-admin-brand {
    padding-bottom: 14px; } }
/* ==========================================================================
   Medya yükleme kontrolleri (Stage 4H)
   -------------------------------------------------------------------------- */
#x-admin-v2 {
  /* Phase 3D — alan adı bağlama adımları. Müşteri hangi adımda olduğunu
     tek bakışta görsün; tamamlanan adım sönükleşir, aktif adım vurgulanır. */
  /* Stage 7 — alan adı doğrulama kaydı. Kullanıcı bu değerleri DNS paneline
     kopyalayacağı için okunaklı ve seçilebilir olmalı; uzun jeton taşmadan
     sarmalı. */
  /* Onizleme kutusu tiklanabilir: buyutme imleci + odak halkasi. Gorsel
     olculeri yukaridaki kuraldan gelir, burada yalniz etkilesim katmani
     eklenir — kucuk kutu gorunum olarak AYNI kalir. */
  /* ---------- Buyutulmus gorsel (lightbox) ----------
     Ayri bir bilesen ailesi DEGIL: mevcut modal iskeletini kullanir,
     yalniz kabugu genisletip govdeyi gorsele birakir. Arka plan bulanik
     olur ki gorselin kenarlari panelin yogun icerigine karismasin. */ }
  #x-admin-v2 .x-admin-media-controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px; }
  #x-admin-v2 .x-admin-media-status {
    font-size: 12px;
    color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-domain-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin: 8px 0 12px;
    padding: 0;
    list-style: none;
    font-size: 12px;
    color: var(--x-admin-text-muted); }
    #x-admin-v2 .x-admin-domain-steps li {
      display: flex;
      align-items: center;
      gap: 6px; }
    #x-admin-v2 .x-admin-domain-steps li.x-is-active {
      color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-domain-steps li.x-is-done {
      color: var(--x-admin-text-muted);
      opacity: 0.7; }
    #x-admin-v2 .x-admin-domain-steps li.x-is-done strong::after {
      content: " ✓"; }
  #x-admin-v2 .x-admin-domain-verification {
    margin-top: 10px;
    padding: 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-muted, transparent); }
    #x-admin-v2 .x-admin-domain-verification p {
      margin: 0 0 8px;
      font-size: 12px;
      color: var(--x-admin-text-muted); }
    #x-admin-v2 .x-admin-domain-verification dl {
      display: grid;
      gap: 6px;
      margin: 0; }
    #x-admin-v2 .x-admin-domain-verification div {
      display: flex;
      flex-wrap: wrap;
      gap: 4px 10px; }
    #x-admin-v2 .x-admin-domain-verification dt {
      min-width: 84px;
      font-size: 12px;
      color: var(--x-admin-text-muted); }
    #x-admin-v2 .x-admin-domain-verification dd {
      margin: 0;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 12px;
      overflow-wrap: anywhere;
      user-select: all; }
  #x-admin-v2 .x-admin-media-preview {
    display: block;
    margin-top: 8px; }
    #x-admin-v2 .x-admin-media-preview:empty {
      display: none; }
    #x-admin-v2 .x-admin-media-preview img {
      max-width: 160px;
      max-height: 96px;
      border: 1px solid var(--x-admin-border);
      border-radius: 8px;
      object-fit: contain;
      background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-media-preview-button {
    display: inline-flex;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: none;
    cursor: zoom-in;
    transition: transform .14s ease, box-shadow .14s ease; }
    #x-admin-v2 .x-admin-media-preview-button img {
      display: block;
      transition: border-color .14s ease; }
    #x-admin-v2 .x-admin-media-preview-button:hover {
      transform: translateY(-1px);
      box-shadow: var(--x-admin-shadow-soft); }
      #x-admin-v2 .x-admin-media-preview-button:hover img {
        border-color: var(--x-admin-primary-border); }
    #x-admin-v2 .x-admin-media-preview-button:focus-visible {
      outline: none;
      box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }
  #x-admin-v2 .x-admin-media-viewer-backdrop {
    padding: 24px;
    background: color-mix(in srgb, var(--x-admin-page-background) 62%, transparent);
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%); }
  #x-admin-v2 .x-admin-media-viewer {
    /* Modalin sabit 620px genisligi gorseli gereksiz kucultuyordu. */
    width: auto;
    max-width: min(1080px, 100%);
    max-height: calc(100vh - 48px);
    overflow: hidden; }
  #x-admin-v2 .x-admin-media-viewer .x-admin-modal-form {
    max-height: inherit;
    display: flex;
    flex-direction: column; }
  #x-admin-v2 .x-admin-media-viewer-body {
    min-height: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-media-viewer-frame {
    display: block;
    min-width: 0; }
    #x-admin-v2 .x-admin-media-viewer-frame img {
      display: block;
      /* Ust bilgi (~92px) + govde dolgusu dusuldu: uzun gorseller
         ekrandan tasmaz, kendi en-boy oranini korur. */
      max-width: 100%;
      max-height: calc(100vh - 200px);
      border-radius: 10px;
      object-fit: contain; }

/* ==========================================================================
   Modal içi sıralı alt öğe listesi (ürün > Demo Sayfaları)
   --------------------------------------------------------------------------
   GENERIC: ürün altındaki demo sayfaları için yazıldı ama hiçbir kuralı
   ürüne bağlı değil; modal içinde "başlık + görsel + aktiflik + sıra"
   taşıyan başka bir alt liste de aynı sınıfları kullanabilir.

   Modal kaydırması için AYRI kural YOK: .x-admin-modal zaten
   max-height + overflow:auto taşıyor, 20 satır kendi içinde kayar.
   -------------------------------------------------------------------------- */
#x-admin-v2 {
  /* Sıra numarası SALT OKUNUR bir göstergedir; sıra ▲▼ ile değişir,
     elle girilen bir sortOrder alanı YOKTUR. */
  /* Satir icinde 20 taneye kadar tekrar edecek: onizleme kucuk kalir. */
  /* Iki kolonlu satirda alan kutusu komsusu kadar uzuyor; ic satirlar
     (etiket / kutu / ipucu) bu fazlayi paylasinca iki kolonun kutulari
     farkli yuksekligle ve farkli hizada duruyordu ("Canlı demo bağlantısı"
     ile "Detay bağlantısı"). Satirlar dogal yuksekliginde kalir; ipucu
     kac satira sararsa sarsin kutular ayni hizada baslar. */
  /* Modal govdesindeki tam genislikli satirda kutu icerige gore daralir. */ }
  #x-admin-v2 .x-admin-subitem-list {
    display: grid;
    gap: 10px;
    /* 20 satira kadar buyuyebilen liste modali okunmaz hale getiriyordu.
       Kendi icinde kayar; ust sinira ulasmadan hicbir gorunum degismez.

       Dar ekranda satir sarildigi icin TEK satir bile bu siniri asiyor ve
       ic kaydirma erken devreye giriyordu; orada sinir kaldirilir, modalin
       kendi kaydirmasi yeterlidir. */
    max-height: 46vh;
    overflow-y: auto;
    padding-right: 4px; }
    @media (max-width: 767.98px) {
      #x-admin-v2 .x-admin-subitem-list {
        max-height: none;
        overflow-y: visible;
        padding-right: 0; } }
  #x-admin-v2 .x-admin-subitem-list:empty {
    display: none; }
  #x-admin-v2 .x-admin-subitem {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 10px;
    background: var(--x-admin-surface-secondary); }
  #x-admin-v2 .x-admin-subitem-head {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 12px; }
  #x-admin-v2 .x-admin-subitem-order {
    flex: none;
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 42px;
    padding: 0 8px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-subitem-title {
    flex: 1 1 200px;
    min-width: 0; }
  #x-admin-v2 .x-admin-subitem-actions {
    flex: none;
    align-self: flex-end;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 42px; }
  #x-admin-v2 .x-admin-subitem-media {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; }
  #x-admin-v2 .x-admin-subitem-media .x-admin-media-controls {
    flex: 1 1 260px;
    margin-top: 0; }
  #x-admin-v2 .x-admin-subitem-media .x-admin-media-preview {
    flex: none;
    margin-top: 0; }
    #x-admin-v2 .x-admin-subitem-media .x-admin-media-preview img {
      max-width: 96px;
      max-height: 58px; }
  #x-admin-v2 .x-admin-subitem-warning {
    flex: 1 1 100%;
    margin: 0;
    color: var(--x-admin-warning); }
  #x-admin-v2 .x-admin-subitem-warning[hidden] {
    display: none; }
  #x-admin-v2 [data-modal="product"] .x-admin-form-grid-modal > .x-admin-field {
    align-content: start; }
  #x-admin-v2 [data-modal="product"] .x-admin-toggle-field,
  #x-admin-v2 .x-admin-subitem .x-admin-toggle-field {
    justify-self: start;
    align-items: center;
    gap: 9px;
    min-height: 0;
    padding: 9px 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 8px;
    background: var(--x-admin-surface);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    /* Demo Sayfalari kapsayicisi bir .x-admin-field oldugu icin metin
       kutulari icin yazilmis olcu kurali (min-height: 42px + yatay
       dolgu) onay kutusuna da siziyor ve kutuyu 26x42 yapiyordu.
       Burada geri alinir; olcu panelin standart 18px kutusudur. */ }
    #x-admin-v2 [data-modal="product"] .x-admin-toggle-field input[type="checkbox"],
    #x-admin-v2 .x-admin-subitem .x-admin-toggle-field input[type="checkbox"] {
      flex: none;
      width: 18px;
      min-width: 0;
      height: 18px;
      min-height: 0;
      margin: 0;
      padding: 0; }
    #x-admin-v2 [data-modal="product"] .x-admin-toggle-field span,
    #x-admin-v2 .x-admin-subitem .x-admin-toggle-field span {
      line-height: 1.3; }
  #x-admin-v2 [data-modal="product"] > .x-admin-modal > .x-admin-modal-form > .x-admin-modal-body > .x-admin-toggle-field {
    justify-self: start; }
  #x-admin-v2 .x-admin-subitem-empty {
    margin: 0;
    font-size: 12px;
    color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-subitem-empty[hidden] {
    display: none; }

/* ==========================================================================
   Modal ici kaydirma cubugu (Urun modali ve icindeki alanlar)
   --------------------------------------------------------------------------
   Isletim sisteminin varsayilan cubugu panelin geri kalaniyla ayni dili
   konusmuyordu (kalin, kare, gri). Burada TEK bir gorunum tanimlanir ve
   modalin kaydiran TUM alanlarina ayni sekilde uygulanir: modal govdesi,
   demo sayfalari listesi ve metin alanlari.

   Renk semantic degiskenlerden gelir; tema/renk semasi degistiginde cubuk
   da birlikte degisir. Kenar cubugunun kendi kurali (x-admin-nav) ayri
   kalir: orada gizli cubuk BILINCLI bir karardir.
   -------------------------------------------------------------------------- */
#x-admin-v2 .x-admin-modal,
#x-admin-v2 .x-admin-modal-body,
#x-admin-v2 .x-admin-modal-body-scroll,
#x-admin-v2 .x-admin-subitem-list, #x-admin-v2 .x-admin-modal textarea,
#x-admin-v2 .x-admin-subitems textarea {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--x-admin-text-muted) 34%, transparent) transparent;
  /* Chrome, standart `scrollbar-width` tanimliyken asagidaki webkit
     kurallarini yok sayar; hover vurgusu bu yuzden standart ozellikten
     de verilir. Webkit kurallari eski motorlar icin durur. */ }
  #x-admin-v2 .x-admin-modal:hover,
  #x-admin-v2 .x-admin-modal-body:hover,
  #x-admin-v2 .x-admin-modal-body-scroll:hover,
  #x-admin-v2 .x-admin-subitem-list:hover, #x-admin-v2 .x-admin-modal textarea:hover,
  #x-admin-v2 .x-admin-subitems textarea:hover {
    scrollbar-color: color-mix(in srgb, var(--x-admin-text-muted) 58%, transparent) transparent; }
  #x-admin-v2 .x-admin-modal::-webkit-scrollbar,
  #x-admin-v2 .x-admin-modal-body::-webkit-scrollbar,
  #x-admin-v2 .x-admin-modal-body-scroll::-webkit-scrollbar,
  #x-admin-v2 .x-admin-subitem-list::-webkit-scrollbar, #x-admin-v2 .x-admin-modal textarea::-webkit-scrollbar,
  #x-admin-v2 .x-admin-subitems textarea::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  #x-admin-v2 .x-admin-modal::-webkit-scrollbar-track,
  #x-admin-v2 .x-admin-modal-body::-webkit-scrollbar-track,
  #x-admin-v2 .x-admin-modal-body-scroll::-webkit-scrollbar-track,
  #x-admin-v2 .x-admin-subitem-list::-webkit-scrollbar-track, #x-admin-v2 .x-admin-modal textarea::-webkit-scrollbar-track,
  #x-admin-v2 .x-admin-subitems textarea::-webkit-scrollbar-track {
    background: transparent; }
  #x-admin-v2 .x-admin-modal::-webkit-scrollbar-thumb,
  #x-admin-v2 .x-admin-modal-body::-webkit-scrollbar-thumb,
  #x-admin-v2 .x-admin-modal-body-scroll::-webkit-scrollbar-thumb,
  #x-admin-v2 .x-admin-subitem-list::-webkit-scrollbar-thumb, #x-admin-v2 .x-admin-modal textarea::-webkit-scrollbar-thumb,
  #x-admin-v2 .x-admin-subitems textarea::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: color-mix(in srgb, var(--x-admin-text-muted) 34%, transparent);
    background-clip: padding-box; }
  #x-admin-v2 .x-admin-modal:hover::-webkit-scrollbar-thumb,
  #x-admin-v2 .x-admin-modal-body:hover::-webkit-scrollbar-thumb,
  #x-admin-v2 .x-admin-modal-body-scroll:hover::-webkit-scrollbar-thumb,
  #x-admin-v2 .x-admin-subitem-list:hover::-webkit-scrollbar-thumb, #x-admin-v2 .x-admin-modal textarea:hover::-webkit-scrollbar-thumb,
  #x-admin-v2 .x-admin-subitems textarea:hover::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--x-admin-text-muted) 58%, transparent);
    background-clip: padding-box; }
  #x-admin-v2 .x-admin-modal::-webkit-scrollbar-corner,
  #x-admin-v2 .x-admin-modal-body::-webkit-scrollbar-corner,
  #x-admin-v2 .x-admin-modal-body-scroll::-webkit-scrollbar-corner,
  #x-admin-v2 .x-admin-subitem-list::-webkit-scrollbar-corner, #x-admin-v2 .x-admin-modal textarea::-webkit-scrollbar-corner,
  #x-admin-v2 .x-admin-subitems textarea::-webkit-scrollbar-corner {
    background: transparent; }

/* ==========================================================================
   Final customer visual polish
   ========================================================================== */
#x-admin-v2 .x-admin-card-header,
#x-admin-v2 .x-admin-settings-card-header {
  border-bottom: 0;
  box-shadow: none; }
  #x-admin-v2 .x-admin-card-header h2,
  #x-admin-v2 .x-admin-settings-card-header h2 {
    font-size: 17px;
    font-weight: 760; }
  #x-admin-v2 .x-admin-card-header p,
  #x-admin-v2 .x-admin-settings-card-header p {
    max-width: 620px;
    font-size: 13px;
    line-height: 1.45; }
#x-admin-v2 .x-admin-layout-editor .x-admin-form-grid,
#x-admin-v2 .x-admin-form-card .x-admin-form-grid {
  padding-top: 18px; }
#x-admin-v2 .x-admin-layout-editor .x-admin-field-wide + .x-admin-field,
#x-admin-v2 .x-admin-layout-editor .x-admin-field:nth-child(2n) + .x-admin-field-wide,
#x-admin-v2 .x-admin-form-card .x-admin-field-wide + .x-admin-field,
#x-admin-v2 .x-admin-form-card .x-admin-field:nth-child(2n) + .x-admin-field-wide {
  padding-top: 4px; }
#x-admin-v2 .x-admin-social-card {
  min-height: 186px;
  padding: 18px; }
  #x-admin-v2 .x-admin-social-card::after {
    right: 18px;
    bottom: 58px;
    left: 18px; }
#x-admin-v2 .x-admin-social-line {
  top: 16px;
  right: -46px;
  width: 116px;
  height: 64px; }
#x-admin-v2 .x-admin-social-value {
  margin-top: 22px; }
  #x-admin-v2 .x-admin-social-value strong {
    font-size: 30px; }
#x-admin-v2 .x-admin-social-stats {
  gap: 10px;
  margin-top: 22px; }
#x-admin-v2 [data-section="quick-edit"] .x-admin-pending-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding-top: 18px; }
#x-admin-v2 [data-section="quick-edit"] .x-admin-pending-item {
  min-height: 50px;
  padding: 10px 12px; }
#x-admin-v2 .x-admin-inbox-detail-bar-actions .x-admin-row-menu-wrap {
  margin-left: auto; }

@media (max-width: 1023.98px) {
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu {
    gap: 1px;
    margin-left: 24px;
    padding-left: 12px; }
  #x-admin-v2 .x-admin-sidebar .x-admin-nav-submenu-item {
    min-height: 44px;
    padding: 9px 10px;
    line-height: 1.25; } }
@media (max-width: 767.98px) {
  #x-admin-v2 .x-admin-card-header,
  #x-admin-v2 .x-admin-settings-card-header {
    gap: 12px;
    padding-bottom: 2px; }
  #x-admin-v2 .x-admin-layout-editor .x-admin-form-grid,
  #x-admin-v2 .x-admin-form-card .x-admin-form-grid {
    padding-top: 16px; }
  #x-admin-v2 .x-admin-domain-steps {
    display: grid;
    gap: 8px;
    margin: 10px 0 14px; }
    #x-admin-v2 .x-admin-domain-steps li {
      min-height: 36px;
      align-items: center;
      padding: 8px 10px;
      border: 1px solid var(--x-admin-border);
      border-radius: 10px;
      background: var(--x-admin-surface-secondary); }
  #x-admin-v2 [data-section="quick-edit"] .x-admin-pending-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px; }
  #x-admin-v2 [data-section="quick-edit"] .x-admin-pending-item {
    min-height: 46px; }
  #x-admin-v2 .x-admin-social-card {
    min-height: 236px;
    padding: 18px; }
  #x-admin-v2 .x-admin-social-value,
  #x-admin-v2 .x-admin-social-stats {
    margin-top: 18px; }
  #x-admin-v2 .x-admin-page-head-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%; }
    #x-admin-v2 .x-admin-page-head-actions .x-admin-button {
      width: 100%;
      justify-content: center; }
    #x-admin-v2 .x-admin-page-head-actions .x-admin-button:not(.x-admin-button-secondary):last-child {
      grid-column: 1 / -1; }
  #x-admin-v2 .x-admin-user-table tbody {
    gap: 12px; }
  #x-admin-v2 .x-admin-user-table tbody tr {
    gap: 8px;
    padding: 14px; }
  #x-admin-v2 .x-admin-user-table td {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    padding: 0;
    border-bottom: 0; }
    #x-admin-v2 .x-admin-user-table td::before {
      display: none; }
    #x-admin-v2 .x-admin-user-table td[data-label="Rol"], #x-admin-v2 .x-admin-user-table td[data-label="Durum"], #x-admin-v2 .x-admin-user-table td[data-label="İşlemler"] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px; }
      #x-admin-v2 .x-admin-user-table td[data-label="Rol"]::before, #x-admin-v2 .x-admin-user-table td[data-label="Durum"]::before, #x-admin-v2 .x-admin-user-table td[data-label="İşlemler"]::before {
        display: inline;
        flex: 0 0 auto; }
    #x-admin-v2 .x-admin-user-table td[data-label="Son giriş"], #x-admin-v2 .x-admin-user-table td[data-label="Son Giriş"], #x-admin-v2 .x-admin-user-table td[data-label="Aktif oturum"], #x-admin-v2 .x-admin-user-table td[data-label="Aktif Oturum"] {
      display: none; }
  #x-admin-v2 .x-admin-user-table .x-admin-user-cell {
    align-items: center; }
  #x-admin-v2 .x-admin-user-table .x-admin-table-actions {
    margin-left: auto;
    justify-content: flex-end; } }
@media (max-width: 399.98px) {
  #x-admin-v2 .x-admin-header {
    gap: 8px; }
  #x-admin-v2 .x-admin-header-left {
    flex: 0 1 auto;
    gap: 8px; }
  #x-admin-v2 .x-admin-search {
    width: 44px;
    flex: 0 0 44px;
    padding: 0;
    justify-content: center; }
    #x-admin-v2 .x-admin-search input {
      width: 0;
      min-width: 0;
      padding: 0;
      opacity: 0; }
    #x-admin-v2 .x-admin-search:focus-within {
      position: absolute;
      right: 16px;
      left: 68px;
      z-index: 20;
      width: auto;
      padding: 0 12px;
      justify-content: flex-start;
      box-shadow: var(--x-admin-shadow); }
      #x-admin-v2 .x-admin-search:focus-within input {
        width: 100%;
        opacity: 1; }
  #x-admin-v2 .x-admin-header-right {
    margin-left: auto;
    gap: 6px; }
  #x-admin-v2 .x-admin-header-right > .x-admin-icon-button:first-child {
    display: none; } }
/* ==========================================================================
   PAW musteri paneli — Panel (dashboard) kompozisyonu
   --------------------------------------------------------------------------
   Referans ekranin duzeni/orani mevcut token sistemine uygulanir. Sayilar ve
   satirlar RENDERER'dan gelir; burada yalniz gorunum tanimlidir. Anlamsal
   renkler aksandan ayridir: yesil yayin, mavi duzenleme, mor dikkat.
   ========================================================================== */
#x-admin-v2 {
  /* --- Baslik alani: kicker + buyuk baslik + kisa aciklama + dekor --- */
  /* --- Uc ana kart tek satir --- */
  /* Kart basligindaki ikon karosu. */
  /* --- Hizli Duzenle: iki sutunlu kisayol izgarasi --- */
  /* --- Site Ozeti: dort metrik karti --- */ }
  #x-admin-v2 .x-admin-page-lead {
    margin: 6px 0 0;
    max-width: 52ch;
    color: var(--x-admin-text-muted);
    font-size: 14px; }
  #x-admin-v2 .x-admin-page-figure {
    flex: none;
    width: min(280px, 32vw);
    color: var(--x-admin-primary);
    opacity: .9; }
    #x-admin-v2 .x-admin-page-figure[hidden] {
      display: none; }
    #x-admin-v2 .x-admin-page-figure svg {
      width: 100%;
      height: auto;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.4;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-page-figure-panel {
    fill: rgba(var(--x-admin-primary-rgb), 0.06);
    stroke: rgba(var(--x-admin-primary-rgb), 0.45); }
  #x-admin-v2 .x-admin-page-figure-line {
    stroke: rgba(var(--x-admin-primary-rgb), 0.32); }
  #x-admin-v2 .x-admin-page-figure-block {
    fill: rgba(var(--x-admin-primary-rgb), 0.12);
    stroke: rgba(var(--x-admin-primary-rgb), 0.38); }
  #x-admin-v2 .x-admin-page-figure-spark {
    stroke: var(--x-admin-primary);
    stroke-width: 2; }
  #x-admin-v2 .x-admin-page-figure-dot,
  #x-admin-v2 .x-admin-page-figure-spot {
    fill: rgba(var(--x-admin-primary-rgb), 0.55);
    stroke: none; }
  #x-admin-v2 .x-admin-dashboard-grid-primary {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #x-admin-v2 .x-admin-dashboard-grid-summary {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 22px; }
  #x-admin-v2 .x-admin-hero-card,
  #x-admin-v2 .x-admin-summary-card {
    position: relative;
    display: grid;
    align-content: start;
    gap: 16px;
    overflow: hidden;
    /* Sol kenar anlam seridi yalniz uc ana kartta. */
    /* Ikon -> baslik -> (varsa) aksiyon sirasi; baslik bloku bosluğu doldurur
       ki temel karttaki space-between metni saga itmesin. */ }
    #x-admin-v2 .x-admin-hero-card.x-admin-hero-card::before,
    #x-admin-v2 .x-admin-summary-card.x-admin-hero-card::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 3px;
      background: var(--x-admin-hero-accent, var(--x-admin-primary)); }
    #x-admin-v2 .x-admin-hero-card .x-admin-card-header,
    #x-admin-v2 .x-admin-summary-card .x-admin-card-header {
      align-items: center;
      justify-content: flex-start;
      gap: 12px; }
      #x-admin-v2 .x-admin-hero-card .x-admin-card-header > div,
      #x-admin-v2 .x-admin-summary-card .x-admin-card-header > div {
        flex: 1 1 auto;
        min-width: 0; }
      #x-admin-v2 .x-admin-hero-card .x-admin-card-header > .x-admin-button,
      #x-admin-v2 .x-admin-summary-card .x-admin-card-header > .x-admin-button {
        flex: none; }
      #x-admin-v2 .x-admin-hero-card .x-admin-card-header h2,
      #x-admin-v2 .x-admin-summary-card .x-admin-card-header h2 {
        font-size: 16px; }
      #x-admin-v2 .x-admin-hero-card .x-admin-card-header p,
      #x-admin-v2 .x-admin-summary-card .x-admin-card-header p {
        margin-top: 2px;
        color: var(--x-admin-text-muted);
        font-size: 12.5px; }
  #x-admin-v2 .x-admin-hero-card-live {
    --x-admin-hero-accent: #22c55e; }
  #x-admin-v2 .x-admin-hero-card-edit {
    --x-admin-hero-accent: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-hero-card-pending {
    --x-admin-hero-accent: #8b5cf6; }
  #x-admin-v2 .x-admin-card-icon {
    display: inline-grid;
    flex: none;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: rgba(var(--x-admin-primary-rgb), 0.12);
    color: var(--x-admin-hero-accent, var(--x-admin-primary)); }
    #x-admin-v2 .x-admin-card-icon svg {
      width: 19px;
      height: 19px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-hero-card-live .x-admin-card-icon {
    background: rgba(34, 197, 94, 0.14); }
  #x-admin-v2 .x-admin-hero-card-pending .x-admin-card-icon {
    background: rgba(139, 92, 246, 0.16); }
  #x-admin-v2 .x-admin-quick-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px; }
  #x-admin-v2 .x-admin-quick-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 12px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text);
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease; }
    #x-admin-v2 .x-admin-quick-item:hover {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-surface-hover);
      transform: translateY(-1px); }
    #x-admin-v2 .x-admin-quick-item.x-is-active {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-primary-soft); }
  #x-admin-v2 .x-admin-quick-icon {
    display: inline-grid;
    flex: none;
    width: 26px;
    height: 26px;
    place-items: center;
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-quick-icon svg {
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-quick-label {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    font-size: 13.5px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-quick-cue {
    flex: none;
    color: var(--x-admin-text-disabled);
    font-size: 17px;
    line-height: 1; }
  #x-admin-v2 .x-admin-sumgrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px; }
  #x-admin-v2 .x-admin-summetric {
    display: grid;
    align-content: start;
    gap: 8px;
    min-height: 118px;
    padding: 14px;
    border: 1px solid var(--x-admin-border);
    border-radius: 14px;
    background: var(--x-admin-surface-secondary);
    /* Olcum bagli degil: kart sessizlesir, sahte doluluk hissi vermez. */ }
    #x-admin-v2 .x-admin-summetric.x-is-empty {
      background: var(--x-admin-surface); }
  #x-admin-v2 .x-admin-summetric-head {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0; }
  #x-admin-v2 .x-admin-summetric-icon {
    display: inline-grid;
    flex: none;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 10px;
    background: rgba(var(--x-admin-primary-rgb), 0.12);
    color: var(--x-admin-primary); }
    #x-admin-v2 .x-admin-summetric-icon svg {
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2 .x-admin-summetric-icon-messages {
    background: rgba(34, 197, 94, 0.14);
    color: #22c55e; }
  #x-admin-v2 .x-admin-summetric-icon-response {
    background: rgba(139, 92, 246, 0.16);
    color: #8b5cf6; }
  #x-admin-v2 .x-admin-summetric-label {
    min-width: 0;
    overflow: hidden;
    color: var(--x-admin-text-muted);
    font-size: 12.5px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-summetric-value {
    color: var(--x-admin-heading);
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1;
    font-variant-numeric: tabular-nums; }
    #x-admin-v2 .x-admin-summetric-value.x-admin-summetric-value-empty {
      color: var(--x-admin-text-disabled); }
  #x-admin-v2 .x-admin-summetric-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0; }
  #x-admin-v2 .x-admin-summetric-trend {
    flex: none;
    font-size: 12px;
    font-weight: 700; }
    #x-admin-v2 .x-admin-summetric-trend.x-admin-summetric-trend-up {
      color: #22c55e; }
    #x-admin-v2 .x-admin-summetric-trend.x-admin-summetric-trend-down {
      color: var(--x-admin-danger); }
    #x-admin-v2 .x-admin-summetric-trend.x-admin-summetric-trend-flat {
      color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-summetric-hint {
    min-width: 0;
    overflow: hidden;
    color: var(--x-admin-text-muted);
    font-size: 11.5px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-summetric-spark {
    flex: 0 1 76px;
    width: 76px;
    height: 26px; }
    #x-admin-v2 .x-admin-summetric-spark polyline {
      fill: none;
      stroke: var(--x-admin-primary);
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke; }

@media (max-width: 1200px) {
  #x-admin-v2 .x-admin-dashboard-grid-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #x-admin-v2 .x-admin-sumgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  #x-admin-v2 .x-admin-page-figure {
    display: none; }
  #x-admin-v2 .x-admin-dashboard-grid-primary,
  #x-admin-v2 .x-admin-sumgrid,
  #x-admin-v2 .x-admin-quick-grid {
    grid-template-columns: minmax(0, 1fr); } }
/* --------------------------------------------------------------------------
   Musteri girisi — panelle ayni premium dil
   Panelin kart/input yuzeyleri ile ayni yaricap, kenarlik ve mavi aksan.
   Marka kilidi ve koyu lacivert zemin onceki turdan KORUNUR.
   -------------------------------------------------------------------------- */
#x-admin-v2.x-admin-auth-shell {
  /* Birincil aksiyon: referanstaki dolgun mavi buton. */ }
  #x-admin-v2.x-admin-auth-shell .x-admin-auth-form .x-admin-field input {
    min-height: 46px;
    border-radius: 12px;
    background: rgba(8, 17, 34, 0.72); }
  #x-admin-v2.x-admin-auth-shell .x-admin-auth-form .x-admin-field input:focus {
    box-shadow: 0 0 0 3px var(--x-admin-focus-ring); }
  #x-admin-v2.x-admin-auth-shell .x-admin-auth-form .x-admin-button:not(.x-admin-button-secondary) {
    min-height: 46px;
    border-radius: 12px;
    background: linear-gradient(180deg, #2f8bff, var(--x-admin-primary));
    box-shadow: 0 12px 26px rgba(var(--x-admin-primary-rgb), 0.32); }
    #x-admin-v2.x-admin-auth-shell .x-admin-auth-form .x-admin-button:not(.x-admin-button-secondary):hover {
      background: linear-gradient(180deg, #2680f5, var(--x-admin-primary-hover)); }

/* ==========================================================================
   PAW musteri paneli — Mesajlar sayfasi
   --------------------------------------------------------------------------
   Uc sutun: liste | detay | yardimci kartlar. Sag sutundaki iki kart
   referanstaki premium isik efektini tasir (sol ustte sicak, sagda mavi).
   Sayilar ve satirlar renderer'dan gelir; burada yalniz gorunum tanimlidir.
   ========================================================================== */
#x-admin-v2 {
  /* --- Baslik aksiyonlarinda ikonlu buton --- */
  /* --- KPI kartlarinda mini grafik + trend --- */
  /* Sparkline rengi kartin anlam tonunu izler. */
  /* --- Uc sutunlu yerlesim --- */
  /* --- Yardimci kartlar: premium isik/glow --- */
  /* --- Google puan satiri --- */
  /* --- Yorum satirlari --- */
  /* --- Destek formu satirlari --- */ }
  #x-admin-v2 .x-admin-button-icon-lead {
    gap: 8px; }
    #x-admin-v2 .x-admin-button-icon-lead .x-admin-button-glyph {
      display: inline-grid;
      width: 17px;
      height: 17px;
      place-items: center; }
      #x-admin-v2 .x-admin-button-icon-lead .x-admin-button-glyph svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round; }
  #x-admin-v2 .x-admin-metric-card-chart {
    align-items: flex-start; }
  #x-admin-v2 .x-admin-metric-aside {
    display: grid;
    justify-items: end;
    gap: 4px;
    margin-left: auto; }
  #x-admin-v2 .x-admin-metric-spark {
    width: 74px;
    height: 26px; }
    #x-admin-v2 .x-admin-metric-spark polyline {
      fill: none;
      stroke: var(--x-admin-primary);
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke; }
  #x-admin-v2 .x-admin-metric-card[data-tone="warning"] .x-admin-metric-spark polyline {
    stroke: var(--x-admin-warning); }
  #x-admin-v2 .x-admin-metric-card[data-tone="success"] .x-admin-metric-spark polyline {
    stroke: var(--x-admin-success); }
  #x-admin-v2 .x-admin-metric-card[data-tone="muted"] .x-admin-metric-spark polyline {
    stroke: #a78bfa; }
  #x-admin-v2 .x-admin-metric-trend {
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap; }
    #x-admin-v2 .x-admin-metric-trend.x-admin-metric-trend-up {
      color: var(--x-admin-success); }
    #x-admin-v2 .x-admin-metric-trend.x-admin-metric-trend-down {
      color: var(--x-admin-danger); }
    #x-admin-v2 .x-admin-metric-trend.x-admin-metric-trend-flat {
      color: var(--x-admin-text-muted); }
  #x-admin-v2 .x-admin-inbox-grid {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.25fr) minmax(0, 0.85fr); }
  #x-admin-v2 .x-admin-inbox-rail {
    display: grid;
    align-content: start;
    gap: 18px;
    min-width: 0; }
  #x-admin-v2 .x-admin-rail-card {
    position: relative;
    display: grid;
    align-content: start;
    gap: 14px;
    padding-bottom: 18px;
    overflow: hidden;
    /* Sol ustte sicak parilti. */
    /* Sagda mavi isima. */ }
    #x-admin-v2 .x-admin-rail-card::before, #x-admin-v2 .x-admin-rail-card::after {
      content: "";
      position: absolute;
      pointer-events: none;
      border-radius: 50%;
      filter: blur(30px); }
    #x-admin-v2 .x-admin-rail-card::before {
      top: -54px;
      left: -46px;
      width: 168px;
      height: 168px;
      background: radial-gradient(circle, rgba(244, 114, 87, 0.34), transparent 68%); }
    #x-admin-v2 .x-admin-rail-card::after {
      top: -30px;
      right: -70px;
      width: 190px;
      height: 190px;
      background: radial-gradient(circle, rgba(56, 132, 255, 0.32), transparent 68%); }
    #x-admin-v2 .x-admin-rail-card > * {
      position: relative;
      z-index: 1; }
    #x-admin-v2 .x-admin-rail-card .x-admin-card-header {
      align-items: center;
      padding-bottom: 0; }
      #x-admin-v2 .x-admin-rail-card .x-admin-card-header h2 {
        font-size: 15px; }
  #x-admin-v2 .x-admin-rail-link {
    flex: none;
    color: var(--x-admin-link);
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none; }
    #x-admin-v2 .x-admin-rail-link:hover {
      text-decoration: underline; }
  #x-admin-v2 .x-admin-rail-score {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 22px;
    flex-wrap: wrap; }
    #x-admin-v2 .x-admin-rail-score strong {
      color: var(--x-admin-heading);
      font-size: 26px;
      font-weight: 800;
      line-height: 1;
      font-variant-numeric: tabular-nums; }
  #x-admin-v2 .x-admin-rail-score-mark {
    display: inline-grid;
    flex: none;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08); }
    #x-admin-v2 .x-admin-rail-score-mark svg {
      width: 20px;
      height: 20px; }
  #x-admin-v2 .x-admin-rail-stars {
    color: #fbbf24;
    font-size: 13px;
    letter-spacing: .5px; }
  #x-admin-v2 .x-admin-rail-score-total {
    color: var(--x-admin-text-muted);
    font-size: 12px; }
  #x-admin-v2 .x-admin-rail-reviews {
    display: grid;
    gap: 12px;
    padding: 0 22px; }
  #x-admin-v2 .x-admin-rail-review {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0; }
  #x-admin-v2 .x-admin-rail-avatar {
    display: inline-grid;
    flex: none;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: rgba(var(--x-admin-primary-rgb), 0.16);
    color: var(--x-admin-primary);
    font-size: 11px;
    font-weight: 800; }
  #x-admin-v2 .x-admin-rail-review-copy {
    min-width: 0; }
    #x-admin-v2 .x-admin-rail-review-copy p {
      margin: 2px 0 0;
      overflow: hidden;
      color: var(--x-admin-text-muted);
      font-size: 12px;
      line-height: 1.45;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  #x-admin-v2 .x-admin-rail-review-head {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0; }
    #x-admin-v2 .x-admin-rail-review-head strong {
      min-width: 0;
      overflow: hidden;
      color: var(--x-admin-heading);
      font-size: 12.5px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2 .x-admin-rail-forms {
    display: grid;
    gap: 8px;
    padding: 0 22px; }
  #x-admin-v2 .x-admin-rail-form {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--x-admin-border);
    border-radius: 11px;
    background: var(--x-admin-surface-secondary);
    color: var(--x-admin-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease; }
    #x-admin-v2 .x-admin-rail-form:hover {
      border-color: var(--x-admin-primary-border);
      background: var(--x-admin-surface-hover); }
  #x-admin-v2 .x-admin-rail-form-icon {
    display: inline-grid;
    flex: none;
    width: 22px;
    height: 22px;
    place-items: center;
    color: var(--x-admin-icon-muted); }
    #x-admin-v2 .x-admin-rail-form-icon svg {
      width: 15px;
      height: 15px; }
  #x-admin-v2 .x-admin-rail-form-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    font-size: 12.5px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #x-admin-v2 .x-admin-rail-count {
    flex: none;
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--x-admin-surface-tertiary);
    color: var(--x-admin-text-muted);
    font-size: 11px;
    font-weight: 700; }
    #x-admin-v2 .x-admin-rail-count.x-is-active {
      background: rgba(var(--x-admin-primary-rgb), 0.18);
      color: var(--x-admin-primary); }
  #x-admin-v2 .x-admin-rail-action {
    margin: 0 22px;
    justify-content: center; }
  #x-admin-v2 .x-admin-rail-empty {
    margin: 0;
    padding: 0 22px;
    color: var(--x-admin-text-muted);
    font-size: 12.5px; }

@media (max-width: 1439.98px) {
  #x-admin-v2 .x-admin-inbox-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    /* Rail dar ekranda tam genislige gecer. */ }
    #x-admin-v2 .x-admin-inbox-grid .x-admin-inbox-rail {
      grid-column: 1 / -1;
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1023.98px) {
  #x-admin-v2 .x-admin-inbox-grid {
    grid-template-columns: minmax(0, 1fr); }
    #x-admin-v2 .x-admin-inbox-grid .x-admin-inbox-rail {
      grid-template-columns: minmax(0, 1fr); } }
/* ==========================================================================
   Super Admin — Musteriler listesi ve musteri detayi
   --------------------------------------------------------------------------
   Referans ekranlarin duzeni mevcut super token sistemine uygulanir.
   Aksan renkleri --x-admin-primary'den turer (gorunum cekmecesi calisir).
   ========================================================================== */
#x-admin-v2.x-super-admin {
  /* --- Sayfa basligi --- */
  /* --- Uc genis KPI karti --- */
  /* Alt vurgu cizgisi: kartin anlam rengi. */
  /* --- Tablo hucreleri --- */
  /* --- Liste alt bilgisi + sayfalama --- */
  /* --- Musteri detayi --- */
  /* Bilgi izgarasi: iki sutun, ince ayirici. */
  /* --- Sag sutun kartlari --- */
  /* Zaman cizelgesi */
  /* Hizli islemler */ }
  #x-admin-v2.x-super-admin .x-super-page-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px; }
  #x-admin-v2.x-super-admin .x-super-page-head-main {
    min-width: 0;
    flex: 1 1 340px; }
  #x-admin-v2.x-super-admin .x-super-page-title {
    margin: 4px 0 0;
    color: var(--x-super-heading);
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -.01em; }
  #x-admin-v2.x-super-admin .x-super-page-lead {
    margin: 6px 0 0;
    max-width: 62ch;
    color: var(--x-super-muted);
    font-size: 13.5px; }
  #x-admin-v2.x-super-admin .x-super-page-head-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
  #x-admin-v2.x-super-admin .x-super-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--x-super-muted);
    font-size: 12.5px;
    font-weight: 600; }
    #x-admin-v2.x-super-admin .x-super-breadcrumb a {
      color: var(--x-super-blue-bright);
      text-decoration: none; }
      #x-admin-v2.x-super-admin .x-super-breadcrumb a:hover {
        text-decoration: underline; }
  #x-admin-v2.x-super-admin .x-super-inline-search {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 240px; }
    #x-admin-v2.x-super-admin .x-super-inline-search input {
      width: 100%;
      min-height: 42px;
      padding: 0 14px 0 38px;
      border: 1px solid var(--x-super-line);
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.04);
      color: var(--x-super-heading);
      font: inherit;
      font-size: 13px; }
      #x-admin-v2.x-super-admin .x-super-inline-search input::placeholder {
        color: var(--x-super-muted); }
      #x-admin-v2.x-super-admin .x-super-inline-search input:focus {
        outline: none;
        border-color: rgba(var(--x-admin-primary-rgb), 0.55);
        box-shadow: 0 0 0 3px rgba(var(--x-admin-primary-rgb), 0.18); }
  #x-admin-v2.x-super-admin .x-super-inline-search-icon {
    position: absolute;
    left: 12px;
    display: grid;
    place-items: center;
    color: var(--x-super-muted);
    pointer-events: none; }
    #x-admin-v2.x-super-admin .x-super-inline-search-icon svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2.x-super-admin .x-super-action-primary,
  #x-admin-v2.x-super-admin .x-super-action-secondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    border-radius: 12px; }
  #x-admin-v2.x-super-admin .x-super-action-glyph {
    display: inline-grid;
    place-items: center; }
    #x-admin-v2.x-super-admin .x-super-action-glyph svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2.x-super-admin .x-super-kpis-three {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #x-admin-v2.x-super-admin .x-super-kpi-wide {
    position: relative;
    align-items: center;
    gap: 16px;
    padding-bottom: 22px;
    overflow: hidden; }
    #x-admin-v2.x-super-admin .x-super-kpi-wide .x-super-kpi-icon {
      width: 52px;
      height: 52px;
      border-radius: 14px; }
      #x-admin-v2.x-super-admin .x-super-kpi-wide .x-super-kpi-icon svg {
        width: 24px;
        height: 24px; }
    #x-admin-v2.x-super-admin .x-super-kpi-wide strong {
      margin-top: 4px;
      font-size: 30px; }
  #x-admin-v2.x-super-admin .x-super-kpi-bar {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(90deg, var(--x-admin-primary), transparent); }
  #x-admin-v2.x-super-admin [data-kpi="active"] .x-super-kpi-bar {
    background: linear-gradient(90deg, #22c55e, transparent); }
  #x-admin-v2.x-super-admin [data-kpi="active"] .x-super-kpi-icon {
    background: rgba(34, 197, 94, 0.16);
    color: #4ade80; }
  #x-admin-v2.x-super-admin [data-kpi="domain"] .x-super-kpi-bar {
    background: linear-gradient(90deg, #8b5cf6, transparent); }
  #x-admin-v2.x-super-admin [data-kpi="domain"] .x-super-kpi-icon {
    background: rgba(139, 92, 246, 0.18);
    color: #a78bfa; }
  #x-admin-v2.x-super-admin .x-super-cell-identity {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0; }
  #x-admin-v2.x-super-admin .x-super-cell-avatar {
    display: inline-grid;
    flex: none;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(150deg, rgba(var(--x-admin-primary-rgb), 0.32), rgba(var(--x-admin-primary-rgb), 0.12));
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 800; }
  #x-admin-v2.x-super-admin .x-super-cell-identity-copy {
    display: grid;
    min-width: 0; }
    #x-admin-v2.x-super-admin .x-super-cell-identity-copy strong {
      overflow: hidden;
      font-size: 13px;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #x-admin-v2.x-super-admin .x-super-cell-identity-copy span {
      color: var(--x-super-muted);
      font-size: 11.5px; }
  #x-admin-v2.x-super-admin .x-super-cell-empty {
    color: var(--x-super-muted);
    opacity: .7; }
  #x-admin-v2.x-super-admin .x-super-cell-domain {
    color: var(--x-super-blue-bright);
    text-decoration: none; }
    #x-admin-v2.x-super-admin .x-super-cell-domain::after {
      content: " ↗";
      font-size: 11px; }
    #x-admin-v2.x-super-admin .x-super-cell-domain:hover {
      text-decoration: underline; }
  #x-admin-v2.x-super-admin .x-super-row-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end; }
  #x-admin-v2.x-super-admin .x-super-list-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 22px 18px;
    color: var(--x-super-muted);
    font-size: 12.5px; }
  #x-admin-v2.x-super-admin .x-super-pagination {
    display: flex;
    align-items: center;
    gap: 6px; }
  #x-admin-v2.x-super-admin .x-super-page-button {
    min-width: 32px;
    height: 32px;
    padding: 0 9px;
    border: 1px solid var(--x-super-line);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--x-super-heading);
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer; }
    #x-admin-v2.x-super-admin .x-super-page-button:hover:not(:disabled) {
      background: rgba(255, 255, 255, 0.08); }
    #x-admin-v2.x-super-admin .x-super-page-button.x-is-active {
      border-color: transparent;
      background: var(--x-admin-primary);
      color: #ffffff; }
    #x-admin-v2.x-super-admin .x-super-page-button:disabled {
      opacity: .4;
      cursor: default; }
  #x-admin-v2.x-super-admin .x-super-list-foot-note {
    margin: 0;
    padding: 12px 22px 18px;
    color: var(--x-super-muted);
    font-size: 12.5px; }
  #x-admin-v2.x-super-admin .x-super-tenant-body {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 0.8fr);
    align-items: start;
    gap: 18px; }
  #x-admin-v2.x-super-admin .x-super-tenant-main,
  #x-admin-v2.x-super-admin .x-super-tenant-rail {
    display: grid;
    align-content: start;
    gap: 18px;
    min-width: 0; }
  #x-admin-v2.x-super-admin .x-super-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px; }
  #x-admin-v2.x-super-admin .x-super-summary-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px; }
    #x-admin-v2.x-super-admin .x-super-summary-card strong {
      display: block;
      color: var(--x-super-heading);
      font-size: 20px;
      font-weight: 800;
      line-height: 1.2; }
  #x-admin-v2.x-super-admin .x-super-summary-copy > span:first-child {
    display: block;
    margin-bottom: 4px;
    color: var(--x-super-muted);
    font-size: 12px;
    font-weight: 600; }
  #x-admin-v2.x-super-admin .x-super-summary-domain {
    overflow-wrap: anywhere;
    font-size: 15px !important; }
  #x-admin-v2.x-super-admin .x-super-summary-icon {
    display: inline-grid;
    flex: none;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 13px;
    background: rgba(var(--x-admin-primary-rgb), 0.16);
    color: var(--x-super-blue-bright); }
    #x-admin-v2.x-super-admin .x-super-summary-icon svg {
      width: 21px;
      height: 21px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2.x-super-admin [data-tone="active"] .x-super-summary-icon {
    background: rgba(34, 197, 94, 0.16);
    color: #4ade80; }
  #x-admin-v2.x-super-admin [data-tone="domain"] .x-super-summary-icon {
    background: rgba(139, 92, 246, 0.18);
    color: #a78bfa; }
  #x-admin-v2.x-super-admin .x-super-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px;
    padding: 0 22px 6px; }
  #x-admin-v2.x-super-admin .x-super-info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 46px;
    padding: 6px 0;
    border-bottom: 1px solid var(--x-super-line); }
  #x-admin-v2.x-super-admin .x-super-info-label {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--x-super-muted);
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap; }
  #x-admin-v2.x-super-admin .x-super-info-icon {
    display: inline-grid;
    flex: none;
    width: 18px;
    height: 18px;
    place-items: center;
    color: var(--x-super-blue-bright); }
    #x-admin-v2.x-super-admin .x-super-info-icon svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2.x-super-admin .x-super-info-value {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--x-super-heading);
    font-size: 13px;
    font-weight: 600;
    text-align: right; }
  #x-admin-v2.x-super-admin .x-super-note-block {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 14px 22px 20px;
    padding: 14px;
    border: 1px solid var(--x-super-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03); }
    #x-admin-v2.x-super-admin .x-super-note-block strong {
      display: block;
      color: var(--x-super-heading);
      font-size: 13px; }
    #x-admin-v2.x-super-admin .x-super-note-block p {
      margin: 4px 0 0;
      color: var(--x-super-muted);
      font-size: 12.5px;
      line-height: 1.5;
      /* Not serbest metindir; satır sonları korunur, uzun kelime taşmaz. */
      white-space: pre-line;
      overflow-wrap: anywhere; }
  #x-admin-v2.x-super-admin .x-super-ssl-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 9px;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #4ade80;
    font-size: 11.5px;
    font-weight: 700; }
  #x-admin-v2.x-super-admin .x-super-owner-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 22px 0; }
    #x-admin-v2.x-super-admin .x-super-owner-head strong {
      display: block;
      color: var(--x-super-heading);
      font-size: 15px; }
  #x-admin-v2.x-super-admin .x-super-owner-avatar {
    display: inline-grid;
    flex: none;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(150deg, rgba(var(--x-admin-primary-rgb), 0.5), rgba(var(--x-admin-primary-rgb), 0.18));
    color: #ffffff;
    font-size: 14px;
    font-weight: 800; }
  #x-admin-v2.x-super-admin .x-super-owner-role {
    display: block;
    color: var(--x-super-blue-bright);
    font-size: 12px;
    font-weight: 700; }
  #x-admin-v2.x-super-admin .x-super-owner-company {
    display: block;
    color: var(--x-super-muted);
    font-size: 12px; }
  #x-admin-v2.x-super-admin .x-super-owner-contact {
    display: grid;
    gap: 8px;
    padding: 14px 22px 20px; }
  #x-admin-v2.x-super-admin .x-super-contact-chip {
    display: block;
    padding: 10px 12px;
    border: 1px solid var(--x-super-line);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.03);
    color: var(--x-super-heading);
    font-size: 12.5px;
    overflow-wrap: anywhere;
    text-decoration: none; }
    #x-admin-v2.x-super-admin .x-super-contact-chip:hover:not(.x-is-empty) {
      border-color: rgba(var(--x-admin-primary-rgb), 0.45); }
    #x-admin-v2.x-super-admin .x-super-contact-chip.x-is-empty {
      color: var(--x-super-muted); }
  #x-admin-v2.x-super-admin .x-super-timeline {
    display: grid;
    gap: 14px;
    padding: 0 22px 20px; }
  #x-admin-v2.x-super-admin .x-super-timeline-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px; }
    #x-admin-v2.x-super-admin .x-super-timeline-item strong {
      display: block;
      color: var(--x-super-heading);
      font-size: 12.5px;
      line-height: 1.4; }
    #x-admin-v2.x-super-admin .x-super-timeline-item span:not(.x-super-timeline-dot) {
      display: block;
      margin-top: 2px;
      color: var(--x-super-muted);
      font-size: 11.5px; }
  #x-admin-v2.x-super-admin .x-super-timeline-dot {
    flex: none;
    width: 9px;
    height: 9px;
    margin-top: 4px;
    border-radius: 50%;
    background: var(--x-super-blue-bright);
    box-shadow: 0 0 0 4px rgba(var(--x-admin-primary-rgb), 0.16); }
  #x-admin-v2.x-super-admin .x-super-quick-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 22px 20px; }
  #x-admin-v2.x-super-admin .x-super-quick-action {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 14px 8px;
    border: 1px solid var(--x-super-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    color: var(--x-super-heading);
    font: inherit;
    font-size: 11.5px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    cursor: pointer; }
    #x-admin-v2.x-super-admin .x-super-quick-action:hover:not(:disabled) {
      border-color: rgba(var(--x-admin-primary-rgb), 0.45);
      background: rgba(var(--x-admin-primary-rgb), 0.1); }
    #x-admin-v2.x-super-admin .x-super-quick-action:disabled {
      opacity: .5;
      cursor: default; }
  #x-admin-v2.x-super-admin .x-super-quick-icon {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: rgba(var(--x-admin-primary-rgb), 0.16);
    color: var(--x-super-blue-bright); }
    #x-admin-v2.x-super-admin .x-super-quick-icon svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round; }
  #x-admin-v2.x-super-admin .x-super-quick-icon-add {
    background: rgba(56, 132, 255, 0.2);
    color: #7cb8ff; }
  #x-admin-v2.x-super-admin .x-super-quick-icon-domain {
    background: rgba(139, 92, 246, 0.18);
    color: #a78bfa; }
  #x-admin-v2.x-super-admin .x-super-quick-icon-lock {
    background: rgba(240, 97, 109, 0.18);
    color: #f0616d; }

@media (max-width: 1200px) {
  #x-admin-v2.x-super-admin .x-super-tenant-body {
    grid-template-columns: minmax(0, 1fr); }
  #x-admin-v2.x-super-admin .x-super-kpis-three {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  #x-admin-v2.x-super-admin .x-super-kpis-three,
  #x-admin-v2.x-super-admin .x-super-summary-grid,
  #x-admin-v2.x-super-admin .x-super-info-grid {
    grid-template-columns: minmax(0, 1fr); }
  #x-admin-v2.x-super-admin .x-super-page-head-actions {
    width: 100%; }
  #x-admin-v2.x-super-admin .x-super-inline-search {
    flex: 1 1 100%; } }
/* ==========================================================================
   Super Admin — icerik aksi, sistem kartlari, musteri modali, cekmece
   korumasi ve guclendirilmis yogunluk sistemi
   ========================================================================== */
#x-admin-v2.x-super-admin {
  /* --- Tek icerik aksi: tum sayfalar ve topbar ayni maksimum genislikte
         ortalanir; genis ekranda icerik sol uste yapisik kalmaz. --- */
  --x-super-content-max: 1360px;
  /* --- Sistem KPI'lari: kompakt, ortalanmis sayi, dengeli genislik --- */
  /* Uyarilar paneli tam satir: KPI'larin altinda icerik aksinda durur. */
  /* --- Satir aksiyonlari: esit yukseklik/hiza, kare üc nokta --- */
  /* --- Musteri modali --- */
  /* --- Cekmece kaydedilmemis degisiklik korumasi --- */
  /* --- Yogunluk: gercekten hissedilen fark --- */ }
  #x-admin-v2.x-super-admin .x-super-topbar,
  #x-admin-v2.x-super-admin .x-super-page,
  #x-admin-v2.x-super-admin .x-super-auth-state {
    width: 100%;
    max-width: var(--x-super-content-max);
    margin-inline: auto; }
  #x-admin-v2.x-super-admin .x-super-system-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)); }
    #x-admin-v2.x-super-admin .x-super-system-grid > .x-super-kpi {
      display: grid;
      justify-items: center;
      align-content: center;
      gap: 6px;
      min-height: 86px;
      padding: 14px 12px;
      text-align: center; }
      #x-admin-v2.x-super-admin .x-super-system-grid > .x-super-kpi span {
        color: var(--x-super-muted);
        font-size: 12px;
        font-weight: 700; }
      #x-admin-v2.x-super-admin .x-super-system-grid > .x-super-kpi strong {
        margin: 0;
        font-size: 26px;
        line-height: 1; }
  #x-admin-v2.x-super-admin .x-super-system-wide {
    grid-column: 1 / -1; }
  #x-admin-v2.x-super-admin .x-super-row-actions {
    align-items: center; }
    #x-admin-v2.x-super-admin .x-super-row-actions .x-admin-button-compact {
      min-height: 32px;
      padding-block: 0; }
  #x-admin-v2.x-super-admin .x-super-row-icon-button {
    flex: none;
    width: 32px;
    height: 32px;
    border: 1px solid var(--x-super-line);
    border-radius: 9px; }
  #x-admin-v2.x-super-admin .x-super-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 130;
    background: rgba(3, 8, 18, 0.62);
    backdrop-filter: blur(4px); }
    #x-admin-v2.x-super-admin .x-super-modal-overlay[hidden] {
      display: none; }
  #x-admin-v2.x-super-admin .x-super-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 131;
    width: min(520px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border: 1px solid var(--x-super-line);
    border-radius: 18px;
    background: var(--x-super-panel-strong);
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.5); }
    #x-admin-v2.x-super-admin .x-super-modal[hidden] {
      display: none; }
    #x-admin-v2.x-super-admin .x-super-modal form {
      display: grid;
      gap: 14px;
      padding: 0 22px 22px; }
  #x-admin-v2.x-super-admin .x-super-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 22px 14px; }
    #x-admin-v2.x-super-admin .x-super-modal-head h2 {
      margin: 0;
      color: var(--x-super-heading);
      font-size: 18px; }
  #x-admin-v2.x-super-admin .x-super-modal-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px; }
  #x-admin-v2.x-super-admin .x-super-modal-field {
    display: grid;
    gap: 6px;
    min-width: 0; }
    #x-admin-v2.x-super-admin .x-super-modal-field > span {
      color: var(--x-super-muted);
      font-size: 12px;
      font-weight: 700; }
    #x-admin-v2.x-super-admin .x-super-modal-field input,
    #x-admin-v2.x-super-admin .x-super-modal-field select {
      min-height: 42px;
      padding: 0 12px;
      border: 1px solid var(--x-super-line);
      border-radius: 11px;
      background: rgba(255, 255, 255, 0.04);
      color: var(--x-super-heading);
      font: inherit;
      font-size: 13px; }
      #x-admin-v2.x-super-admin .x-super-modal-field input::placeholder,
      #x-admin-v2.x-super-admin .x-super-modal-field select::placeholder {
        color: var(--x-super-muted); }
      #x-admin-v2.x-super-admin .x-super-modal-field input:focus,
      #x-admin-v2.x-super-admin .x-super-modal-field select:focus {
        outline: none;
        border-color: rgba(var(--x-admin-primary-rgb), 0.55);
        box-shadow: 0 0 0 3px rgba(var(--x-admin-primary-rgb), 0.18); }
      #x-admin-v2.x-super-admin .x-super-modal-field input:disabled,
      #x-admin-v2.x-super-admin .x-super-modal-field select:disabled {
        opacity: .55; }
  #x-admin-v2.x-super-admin .x-super-modal-error {
    color: var(--x-super-danger);
    font-size: 11.5px;
    font-weight: 600; }
  #x-admin-v2.x-super-admin .x-super-modal-note {
    color: var(--x-super-muted);
    font-size: 11.5px; }
  #x-admin-v2.x-super-admin .x-super-modal-alert {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid rgba(240, 97, 109, 0.4);
    border-radius: 11px;
    background: rgba(240, 97, 109, 0.12);
    color: #ffb4ba;
    font-size: 12.5px;
    font-weight: 600; }
  #x-admin-v2.x-super-admin .x-super-modal-meta {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    color: var(--x-super-muted);
    font-size: 12px; }
  #x-admin-v2.x-super-admin .x-super-modal-foot {
    display: flex;
    gap: 10px; }
    #x-admin-v2.x-super-admin .x-super-modal-foot .x-admin-button {
      flex: 1 1 auto;
      justify-content: center; }
  #x-admin-v2.x-super-admin .x-super-customizer-guard {
    margin: 0 16px 12px;
    padding: 14px;
    border: 1px solid rgba(245, 165, 36, 0.4);
    border-radius: 12px;
    background: rgba(245, 165, 36, 0.1); }
    #x-admin-v2.x-super-admin .x-super-customizer-guard h3 {
      margin: 0 0 4px;
      color: var(--x-super-heading);
      font-size: 14px; }
    #x-admin-v2.x-super-admin .x-super-customizer-guard[hidden] {
      display: none; }
    #x-admin-v2.x-super-admin .x-super-customizer-guard p {
      margin: 0 0 10px;
      color: var(--x-super-heading);
      font-size: 12.5px;
      font-weight: 600;
      line-height: 1.45; }
  #x-admin-v2.x-super-admin .x-super-customizer-guard-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-page-head {
    margin-bottom: 26px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-summary-grid,
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-tenant-body {
    gap: 22px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-info-row {
    min-height: 52px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-system-grid > .x-super-kpi {
    min-height: 100px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-distribution {
    grid-template-columns: 136px minmax(0, 1fr); }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] {
    /* Dagilim blogu kompakt: kucuk halka, sik lejant. */ }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-page-head {
      margin-bottom: 12px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-page-title {
      font-size: 24px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-page-lead {
      font-size: 12.5px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpis,
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-summary-grid,
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-tenant-body,
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-grid-three {
      gap: 8px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-grid-three {
      margin-bottom: 8px;
      /* Siki modda uc kart tek satirda ezilmesin: dagilim ust satirda
         genis dursun, Dikkat Gerekenler ve Son Aktiviteler onun ALTINDA
         yan yana gelsin (hicbiri tam satir kalmaz). */
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-distribution-panel {
      grid-column: 1 / -1;
      padding-block: 10px; }
      #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-distribution-panel .x-super-card-head {
        margin-bottom: 6px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-attention-panel,
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-dashboard-seo {
      margin-bottom: 8px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi {
      min-height: 76px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi strong {
      margin-top: 4px;
      font-size: 20px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi small {
      margin-top: 2px;
      font-size: 11px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi-icon {
      width: 34px;
      height: 34px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi-wide {
      padding-bottom: 14px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi-wide .x-super-kpi-icon {
      width: 40px;
      height: 40px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpi-wide strong {
      font-size: 24px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-system-grid > .x-super-kpi {
      min-height: 68px;
      padding: 10px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-system-grid > .x-super-kpi strong {
      font-size: 22px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-distribution {
      grid-template-columns: 96px minmax(0, 1fr);
      gap: 12px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-donut {
      width: 96px;
      height: 96px; }
      #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-donut::after {
        inset: 13px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-donut-center strong {
      font-size: 20px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-legend {
      gap: 6px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-legend-row dt {
      font-size: 12px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-legend-row dd {
      font-size: 12.5px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-activity-item time {
      font-size: 10.5px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-mini-item,
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-list-item {
      min-height: 44px;
      padding: 8px 10px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-recent-head {
      padding-bottom: 5px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-recent-row {
      padding: 7px 8px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-card-head h2 {
      font-size: 15px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-summary-card {
      padding: 12px 14px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-summary-icon {
      width: 36px;
      height: 36px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-info-row {
      min-height: 38px;
      padding: 3px 0; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-quick-action {
      padding: 10px 6px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-timeline {
      gap: 9px; }

/* ==========================================================================
   Super Admin — birlesik "Web Siteleri & Alan Adlari" sayfasi
   Referans geometrisi mevcut token sistemine baglanir; aksan renkleri
   --x-admin-primary'den turer (mor sabitlenmez).
   ========================================================================== */
#x-admin-v2.x-super-admin {
  /* 4 esit KPI karti */
  /* Bolum kartlari: ayni genislik, ayni ic bosluk */
  /* Tablo: dikey ortalanmis satirlar, tutarli kontrol yuksekligi */
  /* Domain hucresi dar ekranda 3-4 satira bolunmesin */
  /* Yogunluk: mevcut global sisteme baglidir */ }
  #x-admin-v2.x-super-admin .x-super-kpis-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px; }
  #x-admin-v2.x-super-admin .x-super-kpi-fleet {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 104px;
    padding: 18px;
    /* Gercek veri varken kucuk durum noktasi. */ }
    #x-admin-v2.x-super-admin .x-super-kpi-fleet .x-super-kpi-icon {
      width: 46px;
      height: 46px;
      border-radius: 13px; }
      #x-admin-v2.x-super-admin .x-super-kpi-fleet .x-super-kpi-icon svg {
        width: 22px;
        height: 22px; }
    #x-admin-v2.x-super-admin .x-super-kpi-fleet .x-super-kpi-copy {
      display: grid;
      gap: 2px;
      min-width: 0; }
    #x-admin-v2.x-super-admin .x-super-kpi-fleet strong {
      margin: 0;
      font-size: 26px;
      line-height: 1.15; }
    #x-admin-v2.x-super-admin .x-super-kpi-fleet small {
      margin: 0;
      display: flex;
      align-items: center;
      gap: 6px; }
    #x-admin-v2.x-super-admin .x-super-kpi-fleet:not(.x-is-empty) small::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #34c47c; }
  #x-admin-v2.x-super-admin [data-kpi="domains"] .x-super-kpi-icon {
    background: rgba(34, 197, 94, 0.16);
    color: #4ade80; }
  #x-admin-v2.x-super-admin [data-kpi="ssl"] .x-super-kpi-icon {
    background: rgba(139, 92, 246, 0.18);
    color: #a78bfa; }
  #x-admin-v2.x-super-admin [data-kpi="expiring"] .x-super-kpi-icon {
    background: rgba(245, 165, 36, 0.16);
    color: #f5a524; }
  #x-admin-v2.x-super-admin .x-super-fleet-card {
    margin-bottom: 16px;
    border-radius: 14px; }
    #x-admin-v2.x-super-admin .x-super-fleet-card .x-super-card-head {
      display: flex;
      align-items: center;
      gap: 10px;
      padding-inline: 22px; }
      #x-admin-v2.x-super-admin .x-super-fleet-card .x-super-card-head h2 {
        flex: none;
        font-size: 17px; }
  #x-admin-v2.x-super-admin .x-super-count-badge {
    display: inline-grid;
    min-width: 24px;
    height: 22px;
    place-items: center;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(var(--x-admin-primary-rgb), 0.18);
    color: var(--x-super-blue-bright);
    font-size: 12px;
    font-weight: 800; }
  #x-admin-v2.x-super-admin .x-super-card-head-action {
    margin-left: auto; }
  #x-admin-v2.x-super-admin .x-super-card-head-filters {
    margin: 0 0 0 auto;
    flex-wrap: wrap; }
  #x-admin-v2.x-super-admin .x-super-fleet-table {
    /* Tum satir kontrolleri AYNI yukseklik ve ayni dikey merkez. */ }
    #x-admin-v2.x-super-admin .x-super-fleet-table th,
    #x-admin-v2.x-super-admin .x-super-fleet-table td {
      vertical-align: middle; }
    #x-admin-v2.x-super-admin .x-super-fleet-table th {
      height: 42px;
      font-size: 11.5px;
      letter-spacing: .04em;
      text-transform: uppercase; }
    #x-admin-v2.x-super-admin .x-super-fleet-table td {
      padding-block: 12px; }
    #x-admin-v2.x-super-admin .x-super-fleet-table .x-admin-button-compact,
    #x-admin-v2.x-super-admin .x-super-fleet-table .x-super-row-icon-button {
      height: 36px;
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding-block: 0;
      white-space: nowrap; }
    #x-admin-v2.x-super-admin .x-super-fleet-table .x-super-row-icon-button {
      width: 36px;
      padding-inline: 0; }
  #x-admin-v2.x-super-admin .x-super-cell-domain-col {
    max-width: 280px; }
    #x-admin-v2.x-super-admin .x-super-cell-domain-col > a,
    #x-admin-v2.x-super-admin .x-super-cell-domain-col > strong {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #x-admin-v2.x-super-admin .x-super-cell-date {
    white-space: nowrap; }
  #x-admin-v2.x-super-admin .x-super-fleet-sites-table th:nth-child(2), #x-admin-v2.x-super-admin .x-super-fleet-sites-table td:nth-child(2) {
    width: 16%; }
  #x-admin-v2.x-super-admin .x-super-fleet-sites-table th:nth-child(4), #x-admin-v2.x-super-admin .x-super-fleet-sites-table td:nth-child(4) {
    width: 110px; }
  #x-admin-v2.x-super-admin .x-super-fleet-sites-table th:nth-child(5), #x-admin-v2.x-super-admin .x-super-fleet-sites-table td:nth-child(5) {
    width: 132px; }
  #x-admin-v2.x-super-admin .x-super-fleet-domains-table th:nth-child(3), #x-admin-v2.x-super-admin .x-super-fleet-domains-table td:nth-child(3) {
    width: 118px; }
  #x-admin-v2.x-super-admin .x-super-fleet-domains-table th:nth-child(4), #x-admin-v2.x-super-admin .x-super-fleet-domains-table td:nth-child(4) {
    width: 128px; }
  #x-admin-v2.x-super-admin .x-super-fleet-domains-table th:nth-child(5), #x-admin-v2.x-super-admin .x-super-fleet-domains-table td:nth-child(5) {
    width: 84px; }
  #x-admin-v2.x-super-admin .x-super-fleet-domains-table th:nth-child(6), #x-admin-v2.x-super-admin .x-super-fleet-domains-table td:nth-child(6) {
    width: 132px; }
  #x-admin-v2.x-super-admin .x-super-tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border: 1px solid rgba(var(--x-admin-primary-rgb), 0.3);
    border-radius: 999px;
    background: rgba(var(--x-admin-primary-rgb), 0.14);
    color: var(--x-super-blue-bright);
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap; }
  #x-admin-v2.x-super-admin .x-super-link-button {
    padding: 0;
    border: 0;
    background: none;
    color: var(--x-super-blue-bright);
    font: inherit;
    font-size: 13px;
    cursor: pointer; }
    #x-admin-v2.x-super-admin .x-super-link-button:hover {
      text-decoration: underline; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-kpis-four .x-super-kpi-fleet {
    min-height: 118px;
    padding: 22px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-fleet-table td {
    padding-block: 16px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-fleet-card {
    margin-bottom: 20px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpis-four {
    gap: 9px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpis-four .x-super-kpi-fleet {
    min-height: 78px;
    padding: 12px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpis-four .x-super-kpi-fleet .x-super-kpi-icon {
      width: 38px;
      height: 38px; }
    #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-kpis-four .x-super-kpi-fleet strong {
      font-size: 21px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-fleet-card {
    margin-bottom: 10px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-fleet-card .x-super-card-head {
    padding-inline: 14px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-fleet-table th {
    height: 34px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-fleet-table td {
    padding-block: 7px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-fleet-table .x-admin-button-compact,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-fleet-table .x-super-row-icon-button {
    height: 30px;
    min-height: 30px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-fleet-table .x-super-row-icon-button {
    width: 30px; }

@media (max-width: 1279.98px) {
  #x-admin-v2.x-super-admin .x-super-kpis-four {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  #x-admin-v2.x-super-admin .x-super-kpis-four {
    grid-template-columns: minmax(0, 1fr); }
  #x-admin-v2.x-super-admin .x-super-card-head-filters {
    margin-left: 0;
    width: 100%; } }
/* Sistem sayfasi: KPI seridinin altinda iki kolon (sistem durumu | dikkat).
   SEO bolumu bu satirin ALTINDA tam genislikte devam eder. */
#x-admin-v2.x-super-admin {
  /* Isaret genis viewBox aldi; kutu icinde orani korunur. */ }
  #x-admin-v2.x-super-admin .x-super-system-split {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 14px;
    min-width: 0; }
  #x-admin-v2.x-super-admin .x-super-system-card {
    min-width: 0;
    margin: 0; }
    #x-admin-v2.x-super-admin .x-super-system-card .x-super-detail-list {
      margin-top: 0; }
  #x-admin-v2.x-super-admin .x-super-brand-mark img {
    width: 36px;
    height: 23px; }
  #x-admin-v2.x-super-admin .x-super-account-avatar img {
    width: 27px;
    height: 18px; }
  #x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-system-split {
    gap: 20px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-system-split {
    gap: 9px; }

@media (max-width: 1023.98px) {
  #x-admin-v2.x-super-admin .x-super-system-split {
    grid-template-columns: minmax(0, 1fr); } }
/* Giris ekrani: PAW marka kilidi yeni isaret oranina uyarlanir. */
#x-admin-v2.x-admin-auth-shell .x-admin-auth-logo {
  width: 96px;
  height: 62px; }

/* ==========================================================================
   GLOBAL IKON MERKEZLEME
   --------------------------------------------------------------------------
   Kok neden: ikon kutulari inline-grid/flex olsa da <svg> inline eleman
   oldugu icin baseline bosluğu aliyor ve line-height kutuyu sola/yukari
   itiyordu. Tek yerde duzeltilir: her ikon kabi tam ortalama + svg block.
   ========================================================================== */
#x-admin-v2 .x-super-nav-icon,
#x-admin-v2 .x-super-kpi-icon,
#x-admin-v2 .x-super-brand-mark,
#x-admin-v2 .x-super-account-avatar,
#x-admin-v2 .x-super-owner-avatar,
#x-admin-v2 .x-super-cell-avatar,
#x-admin-v2 .x-super-summary-icon,
#x-admin-v2 .x-super-quick-icon,
#x-admin-v2 .x-super-info-icon,
#x-admin-v2 .x-super-action-glyph,
#x-admin-v2 .x-super-inline-search-icon,
#x-admin-v2 .x-super-row-icon-button,
#x-admin-v2 .x-super-rail-form-icon,
#x-admin-v2 .x-super-rail-score-mark,
#x-admin-v2 .x-admin-icon-button,
#x-admin-v2 .x-admin-avatar-button,
#x-admin-v2 .x-admin-button-glyph,
#x-admin-v2 .x-admin-metric-icon,
#x-admin-v2 .x-admin-summetric-icon,
#x-admin-v2 .x-admin-card-icon,
#x-admin-v2 .x-admin-quick-icon,
#x-admin-v2 .x-admin-auth-logo,
#x-admin-v2 .x-admin-nav-icon,
#x-admin-v2 .x-admin-brand-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  text-align: center; }
  #x-admin-v2 .x-super-nav-icon > svg,
  #x-admin-v2 .x-super-nav-icon > img,
  #x-admin-v2 .x-super-kpi-icon > svg,
  #x-admin-v2 .x-super-kpi-icon > img,
  #x-admin-v2 .x-super-brand-mark > svg,
  #x-admin-v2 .x-super-brand-mark > img,
  #x-admin-v2 .x-super-account-avatar > svg,
  #x-admin-v2 .x-super-account-avatar > img,
  #x-admin-v2 .x-super-owner-avatar > svg,
  #x-admin-v2 .x-super-owner-avatar > img,
  #x-admin-v2 .x-super-cell-avatar > svg,
  #x-admin-v2 .x-super-cell-avatar > img,
  #x-admin-v2 .x-super-summary-icon > svg,
  #x-admin-v2 .x-super-summary-icon > img,
  #x-admin-v2 .x-super-quick-icon > svg,
  #x-admin-v2 .x-super-quick-icon > img,
  #x-admin-v2 .x-super-info-icon > svg,
  #x-admin-v2 .x-super-info-icon > img,
  #x-admin-v2 .x-super-action-glyph > svg,
  #x-admin-v2 .x-super-action-glyph > img,
  #x-admin-v2 .x-super-inline-search-icon > svg,
  #x-admin-v2 .x-super-inline-search-icon > img,
  #x-admin-v2 .x-super-row-icon-button > svg,
  #x-admin-v2 .x-super-row-icon-button > img,
  #x-admin-v2 .x-super-rail-form-icon > svg,
  #x-admin-v2 .x-super-rail-form-icon > img,
  #x-admin-v2 .x-super-rail-score-mark > svg,
  #x-admin-v2 .x-super-rail-score-mark > img,
  #x-admin-v2 .x-admin-icon-button > svg,
  #x-admin-v2 .x-admin-icon-button > img,
  #x-admin-v2 .x-admin-avatar-button > svg,
  #x-admin-v2 .x-admin-avatar-button > img,
  #x-admin-v2 .x-admin-button-glyph > svg,
  #x-admin-v2 .x-admin-button-glyph > img,
  #x-admin-v2 .x-admin-metric-icon > svg,
  #x-admin-v2 .x-admin-metric-icon > img,
  #x-admin-v2 .x-admin-summetric-icon > svg,
  #x-admin-v2 .x-admin-summetric-icon > img,
  #x-admin-v2 .x-admin-card-icon > svg,
  #x-admin-v2 .x-admin-card-icon > img,
  #x-admin-v2 .x-admin-quick-icon > svg,
  #x-admin-v2 .x-admin-quick-icon > img,
  #x-admin-v2 .x-admin-auth-logo > svg,
  #x-admin-v2 .x-admin-auth-logo > img,
  #x-admin-v2 .x-admin-nav-icon > svg,
  #x-admin-v2 .x-admin-nav-icon > img,
  #x-admin-v2 .x-admin-brand-logo > svg,
  #x-admin-v2 .x-admin-brand-logo > img {
    display: block;
    flex: none;
    margin: 0; }
  #x-admin-v2 .x-super-nav-icon > span,
  #x-admin-v2 .x-super-kpi-icon > span,
  #x-admin-v2 .x-super-brand-mark > span,
  #x-admin-v2 .x-super-account-avatar > span,
  #x-admin-v2 .x-super-owner-avatar > span,
  #x-admin-v2 .x-super-cell-avatar > span,
  #x-admin-v2 .x-super-summary-icon > span,
  #x-admin-v2 .x-super-quick-icon > span,
  #x-admin-v2 .x-super-info-icon > span,
  #x-admin-v2 .x-super-action-glyph > span,
  #x-admin-v2 .x-super-inline-search-icon > span,
  #x-admin-v2 .x-super-row-icon-button > span,
  #x-admin-v2 .x-super-rail-form-icon > span,
  #x-admin-v2 .x-super-rail-score-mark > span,
  #x-admin-v2 .x-admin-icon-button > span,
  #x-admin-v2 .x-admin-avatar-button > span,
  #x-admin-v2 .x-admin-button-glyph > span,
  #x-admin-v2 .x-admin-metric-icon > span,
  #x-admin-v2 .x-admin-summetric-icon > span,
  #x-admin-v2 .x-admin-card-icon > span,
  #x-admin-v2 .x-admin-quick-icon > span,
  #x-admin-v2 .x-admin-auth-logo > span,
  #x-admin-v2 .x-admin-nav-icon > span,
  #x-admin-v2 .x-admin-brand-logo > span {
    line-height: 1; }

/* Profil sayfasi + hesap aksiyonlari */
#x-admin-v2.x-super-admin .x-super-account-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px; }
#x-admin-v2.x-super-admin .x-super-profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 16px; }
#x-admin-v2.x-super-admin .x-super-profile-form {
  display: grid;
  gap: 14px;
  padding: 0 22px 22px; }
#x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-profile-grid {
  gap: 10px; }
#x-admin-v2.x-super-admin[data-admin-density="comfortable"] .x-super-profile-grid {
  gap: 22px; }

@media (max-width: 1023.98px) {
  #x-admin-v2.x-super-admin .x-super-profile-grid {
    grid-template-columns: minmax(0, 1fr); } }
/* Satir aksiyon kumeleri: TEK yerde esit yukseklik + tek satir hizasi.
   (Tablo bazli kurallar medya sorgularindaki genel buton kurallarina
   yenilebildigi icin burada id + 2 sinifla baglanir.) */
#x-admin-v2.x-super-admin {
  /* Aksiyon sutunu sarilmayacak kadar genis olsun. */ }
  #x-admin-v2.x-super-admin .x-super-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: nowrap;
    white-space: nowrap; }
    #x-admin-v2.x-super-admin .x-super-row-actions .x-admin-button,
    #x-admin-v2.x-super-admin .x-super-row-actions .x-admin-button-compact {
      height: 36px;
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding-block: 0;
      white-space: nowrap; }
  #x-admin-v2.x-super-admin .x-super-fleet-sites-table th:last-child,
  #x-admin-v2.x-super-admin .x-super-fleet-sites-table td:last-child {
    min-width: 230px; }
  #x-admin-v2.x-super-admin .x-super-fleet-domains-table th:last-child,
  #x-admin-v2.x-super-admin .x-super-fleet-domains-table td:last-child {
    min-width: 160px; }
  #x-admin-v2.x-super-admin .x-super-tenant-table th:last-child,
  #x-admin-v2.x-super-admin .x-super-tenant-table td:last-child {
    min-width: 160px; }
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-row-actions .x-admin-button,
  #x-admin-v2.x-super-admin[data-admin-density="compact"] .x-super-row-actions .x-admin-button-compact {
    height: 30px;
    min-height: 30px; }

@media (max-width: 1023.98px) {
  #x-admin-v2.x-super-admin .x-super-row-actions {
    flex-wrap: wrap;
    justify-content: flex-start; } }
/* ==========================================================================
   PANEL ARKA PLANI — adlandirilmis tema secenekleri
   --------------------------------------------------------------------------
   Mevcut izgarali koyu mavi zemin artik isimli bir tercih: "Gece Izgarasi".
   Tercih global panel-preferences icinde (surfaceStyle) tutulur ve koke
   data-admin-surface olarak yazilir; ayri bir mekanizma kurulmaz.
   ========================================================================== */
#x-admin-v2.x-super-admin {
  /* Login ekraniyla ayni derin lacivert taban. */
  background: radial-gradient(circle at 18% 0, rgba(31, 123, 255, 0.17), transparent 30%), radial-gradient(circle at 92% 6%, rgba(13, 79, 214, 0.12), transparent 32%), linear-gradient(135deg, #050b18 0, #0a1730 52%, #061020 100%);
  /* Gece Izgarasi: ince mavi izgara + kenarda sonumlenme (varsayilan). */
  /* Mavi Hale: izgara yerine yumusak mavi isima. */
  /* Acik temada zemin ve izgara okunur kalir. */ }
  #x-admin-v2.x-super-admin[data-admin-surface="gece-izgarasi"]::before {
    background-image: linear-gradient(rgba(103, 171, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(103, 171, 255, 0.05) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(100deg, #000 0, #000 58%, transparent 100%); }
  #x-admin-v2.x-super-admin[data-admin-surface="mavi-hale"]::before {
    background-image: radial-gradient(circle at 24% 12%, rgba(31, 123, 255, 0.16), transparent 42%), radial-gradient(circle at 82% 74%, rgba(13, 79, 214, 0.13), transparent 46%);
    background-size: auto;
    mask-image: none; }
  #x-admin-v2.x-super-admin[data-admin-theme="light"] {
    background: linear-gradient(180deg, #f7f8fc 0, #eef2f9 100%); }
    #x-admin-v2.x-super-admin[data-admin-theme="light"][data-admin-surface="gece-izgarasi"]::before {
      background-image: linear-gradient(rgba(31, 123, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 123, 255, 0.06) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(100deg, #000 0, #000 58%, transparent 100%); }
    #x-admin-v2.x-super-admin[data-admin-theme="light"][data-admin-surface="mavi-hale"]::before {
      background-image: radial-gradient(circle at 24% 12%, rgba(31, 123, 255, 0.1), transparent 45%);
      mask-image: none; }

/* Giris ekrani da ayni arka plan dilini kullanir (tercihe bagli degil,
   marka yuzeyi olarak sabit kalir). */
#x-admin-v2.x-admin-auth-shell {
  background: radial-gradient(circle at 50% 14%, rgba(31, 123, 255, 0.2), transparent 32%), radial-gradient(circle at 88% 18%, rgba(13, 79, 214, 0.14), transparent 32%), radial-gradient(circle at 10% 84%, rgba(31, 123, 255, 0.08), transparent 30%), linear-gradient(135deg, #050b18 0, #0a1730 52%, #061020 100%); }

/* ==========================================================================
   Musteri paneli — dashboard esitleme, profil glow, tema ikonu
   ========================================================================== */
#x-admin-v2 {
  /* Uc ana kart AYNI satir yuksekligini paylasir; Hizli Duzenle digerlerinden
     farkli durmaz. Kart govdesi esner, icerik ust hizada kalir. */
  /* 2x2 kisayol izgarasi: satirlar esit, icerik uste yaslanir. */ }
  #x-admin-v2 .x-admin-dashboard-grid-primary {
    align-items: stretch; }
    #x-admin-v2 .x-admin-dashboard-grid-primary > .x-admin-hero-card {
      height: 100%;
      grid-template-rows: auto 1fr;
      padding-bottom: 22px; }
  #x-admin-v2 .x-admin-quick-grid {
    align-content: start;
    grid-auto-rows: minmax(52px, auto); }
  #x-admin-v2 .x-admin-hero-card-pending .x-admin-pending-list {
    align-content: start; }

/* ==========================================================================
   GLOBAL IKON MERKEZLEME — KOK NEDEN DUZELTMESI
   --------------------------------------------------------------------------
   Yukaridaki liste dogru kurali yaziyordu ama kazanamiyordu: kart icindeki
   etiket kurallari (ornek `#x-admin-v2.x-super-admin .x-super-kpi span`)
   tip secicisi tasidigi icin daha spesifikti ve ikon kabina `display: block`
   basiyordu. Sonuc: 52px kutunun icindeki 24px ikon sol uste yapisiyordu
   (olculen kayma dx=-14, dy=-14).

   Cozum tek yerde ve kalicidir: ikon kabi olan HER yuzey (sinif adinda
   -icon / -avatar / -glyph / -mark / -logo gecen ve dogrudan bir svg/img
   sarmalayan elemanlar) id iki kez yazilarak yukseltilmis oncelikle
   normalize edilir. `:has()` sayesinde yalniz gercek ikon kaplari etkilenir;
   icinde ikon olmayan kutular ve cok cocuklu izgaralar disarida kalir.
   ========================================================================== */
#x-admin-v2#x-admin-v2 :is([class*="-icon"],
[class*="-avatar"],
[class*="-glyph"],
[class*="-mark"],
[class*="-logo"]):has(> svg, > img) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  text-align: center; }
  #x-admin-v2#x-admin-v2 :is([class*="-icon"],
  [class*="-avatar"],
  [class*="-glyph"],
  [class*="-mark"],
  [class*="-logo"]):has(> svg, > img) > svg,
  #x-admin-v2#x-admin-v2 :is([class*="-icon"],
  [class*="-avatar"],
  [class*="-glyph"],
  [class*="-mark"],
  [class*="-logo"]):has(> svg, > img) > img {
    display: block;
    flex: none;
    margin: 0; }

/* ==========================================================================
   SUPER PANEL — HESAP KARTI ACCENT GLOW
   --------------------------------------------------------------------------
   Musteri panelindeki profil karti glow'unun karsiligi. Sabit mavi degil;
   --x-admin-primary-rgb izlenir, acik temada sakinlesir.
   ========================================================================== */
/* ==========================================================================
   MUSTERI PANELI — adlandirilmis arka plan secenekleri
   --------------------------------------------------------------------------
   Super panelde var olan surfaceStyle tercihi musteri panelinde de calisir:
   ayni anahtar (x-admin-v2:panel-preferences -> surfaceStyle), ayni kok
   attribute'u (data-admin-surface). Zemin rengi tema token'larindan gelir;
   burada YALNIZ doku katmani tanimlanir, boylece accent/tema/yogunluk
   sistemleri degismeden kalir.
   ========================================================================== */
#x-admin-v2:not(.x-super-admin) {
  position: relative;
  /* Gece Izgarasi (varsayilan): ince mavi izgara + kenarda sonumlenme. */
  /* Mavi Hale: izgara yerine yumusak mavi isima. */
  /* Acik temada doku okunurlugu bozmayacak kadar hafifler. */
  /* Icerik dokunun ustunde kalir. */
  /* AYNI z-index = DOM sirasi kazanir: sidebar once geldigi icin icerik
     onun ustune boyaniyordu. Daraltilmis sidebar'in ucan alt menusu
     (flyout) bu yuzden sayfa basliginin ALTINDA kaliyor ve okunamiyordu.
     Sidebar ve topbar icerikten bir kademe yukari alinir; modal/backdrop
     katmanlari (z-index 120+) etkilenmez. */ }
  #x-admin-v2:not(.x-super-admin)[data-admin-surface="gece-izgarasi"]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(103, 171, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(103, 171, 255, 0.05) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(100deg, #000 0, #000 58%, transparent 100%); }
  #x-admin-v2:not(.x-super-admin)[data-admin-surface="mavi-hale"]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(circle at 22% 10%, rgba(31, 123, 255, 0.15), transparent 42%), radial-gradient(circle at 84% 76%, rgba(13, 79, 214, 0.12), transparent 46%);
    mask-image: none; }
  #x-admin-v2:not(.x-super-admin)[data-admin-theme="light"][data-admin-surface="gece-izgarasi"]::before {
    background-image: linear-gradient(rgba(31, 123, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 123, 255, 0.06) 1px, transparent 1px); }
  #x-admin-v2:not(.x-super-admin)[data-admin-theme="light"][data-admin-surface="mavi-hale"]::before {
    background-image: radial-gradient(circle at 22% 10%, rgba(31, 123, 255, 0.1), transparent 45%); }
  #x-admin-v2:not(.x-super-admin) > .x-admin-shell,
  #x-admin-v2:not(.x-super-admin) .x-admin-sidebar,
  #x-admin-v2:not(.x-super-admin) .x-admin-topbar,
  #x-admin-v2:not(.x-super-admin) .x-admin-main {
    position: relative;
    z-index: 1; }
  #x-admin-v2:not(.x-super-admin) .x-admin-sidebar {
    z-index: 3; }
  #x-admin-v2:not(.x-super-admin) .x-admin-topbar {
    z-index: 2; }

/* ==========================================================================
   PROFIL / HESAP KARTI GLOW — GUCLENDIRILMIS SURUM
   --------------------------------------------------------------------------
   Onceki isik cok kisa ve zayifti (yukseklik 16px, blur 7px, alpha .38):
   ince bir cizgi gibi duruyordu. Bu surumde iki katmanli bir alt isik var:
     - genis, cok bulanik hale (kart genisliginin ~%86'si, gorsel olarak
       blur ile ~%60-70 aralikta okunur bir taban isigi)
     - daha dar ve parlak cekirdek
   Renk SABIT DEGIL: --x-admin-primary-rgb izlenir, yani accent secimi
   (mavi / mor / yesil / kirmizi ...) glow'u da degistirir.
   Iki panel de ayni kurali paylasir; tekrar tanim yok.
   ========================================================================== */
#x-admin-v2 {
  /* KENAR CUBUGU ALT PROFIL KARTI — vurgu isigi
     -----------------------------------------------------------------
     ONCE: kartin arkasinda iki bulanik radial katman (::before/::after,
     blur 26px/16px) + accent renkli cift dis golge vardi. Isik vurgu
     renginden geldigi icin mavi semada "marka isigi" gibi okunuyordu ama
     turuncu/sicak semalarda kenar cubugunun altinda genis, doygun bir
     renk lekesi olusuyordu — kartin kendisinden daha bakildi.

     SIMDI: vurgu rengi genis bir hale yerine kartin ust kenarindaki ince
     bir isik cizgisine indirildi. Derinligi panelin kendi golge
     token'lari verir, yani her renk semasinda ve her iki temada ayni
     sekilde sakin durur. Marka ipucu kayboldu degil, olceklendi.

     Super Admin hesap karti (.x-super-account) `x-paw-account-glow`
     karisimini KULLANMAYA DEVAM EDER; o ekran bu degisiklige dahil degil. */
  /* Daraltilmis kenar cubugunda kart 52px: 6% ic bosluk cizginin uclarini
     12px'lik kose yaricapinin uzerine tasiriyordu. Duz ust kenar orada
     yalniz 28px; cizgi o araliga cekilir. */ }
  #x-admin-v2 .x-admin-sidebar .x-admin-profile-card {
    position: relative;
    box-shadow: var(--x-admin-shadow-soft);
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
    /* `overflow: hidden` KULLANILMAZ: avatarin 3px halka golgesini
       kirpardi. Cizgi zaten kartin icinde kaldigi icin gerek de yok. */
    /* Cizgi: YATAY ve DUZ. Ortada dolu bir plato, uclarda dogrusal
       sonumleme. Radial/blur YOK — yuvarlak bir hale degil, kartin ust
       kenarina oturan ince bir vurgu seridi olarak okunur.

       Ic bosluk YUZDE: kartin kose yaricapi 12px. Genis kenar cubugunda
       kart ~243px (6% = ~15px, yaricapin disinda), daraltilmis durumda
       52px'e dusuyor ve ayni yuzde yaricapin ICINE dustugu icin asagida
       ayrica ezilir. Sabit px iki durumdan birinde daima yanlis olurdu. */
    /* Ikinci hale katmani tamamen kalkti. */ }
    #x-admin-v2 .x-admin-sidebar .x-admin-profile-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 6%;
      right: 6%;
      height: 2px;
      border-radius: 0 0 2px 2px;
      background: linear-gradient(90deg, transparent 0, color-mix(in srgb, var(--x-admin-primary) 34%, transparent) 14%, color-mix(in srgb, var(--x-admin-primary) 88%, transparent) 34%, color-mix(in srgb, var(--x-admin-primary) 88%, transparent) 66%, color-mix(in srgb, var(--x-admin-primary) 34%, transparent) 86%, transparent 100%);
      opacity: .9;
      pointer-events: none;
      transition: opacity .16s ease; }
    #x-admin-v2 .x-admin-sidebar .x-admin-profile-card::after {
      content: none; }
    #x-admin-v2 .x-admin-sidebar .x-admin-profile-card:hover {
      box-shadow: var(--x-admin-shadow); }
      #x-admin-v2 .x-admin-sidebar .x-admin-profile-card:hover::before {
        opacity: 1; }
  #x-admin-v2.x-admin-is-collapsed .x-admin-sidebar .x-admin-profile-card::before {
    left: 24%;
    right: 24%; }

#x-admin-v2.x-super-admin .x-super-account {
  position: relative;
  /* KOK NEDEN (olculdu): isik kartin ARKASINDA (z-index: -1) duruyordu ve
     kart yuzeyi neredeyse opak. Kenar cubugu da `overflow: hidden` oldugu
     icin kartin altinda yalniz 22px (super) / 16px (musteri) gorunur bant
     kaliyor. Onceki olculerde gradyanin EN PARLAK cekirdegi tam bu darband
     hizasina denk geliyordu; sonuc yumusak bir hale degil, dugmenin altinda
     sert ve kisa bir cizgi oluyordu.

     COZUM: cekirdek yukari, kartin arkasina alindi. Gorunur banda yalniz
     gradyanin SONUMLENEN kuyrugu dusuyor, bu yuzden kirpilma bir kenar
     olusturmuyor; isik kartin altindan sizan dogal bir halo gibi okunuyor.
     Ek olarak kartin kendisine iki kademeli, genis yayilimli bir dis golge
     verildi: box-shadow border-box disinda kademeli soner, yani bant
     kirpilsa bile sert kenar uretmez ve isigi yanlara da tasir. */
  /* Accent aura golgesi tek yerde tanimlanir; kartin kendi derinlik
     golgesi olan yuzeylerde (musteri paneli) ikisi birlikte yazilabilsin. */
  --x-paw-glow-shadow:
    0 10px 24px -12px rgba(var(--x-admin-primary-rgb), .5),
    0 22px 54px -20px rgba(var(--x-admin-primary-rgb), .45);
  --x-paw-glow-shadow-hover:
    0 10px 26px -11px rgba(var(--x-admin-primary-rgb), .58),
    0 24px 58px -18px rgba(var(--x-admin-primary-rgb), .5);
  box-shadow: var(--x-paw-glow-shadow);
  transition: box-shadow .2s ease;
  /* Genis dis hale: cekirdegi kartin ~%45 yuksekliginde, yani govdenin
     arkasinda. Kutu kartin iki yanina da tasar (kenar cubugu ic boslugu),
     boylece isik alt kosleri de sarar. */
  /* Ikinci katman: daha dar, biraz daha yogun; yine cekirdegi kart
     arkasinda kalacak sekilde yukarida. Genislik kartin ~%80i. */ }
  #x-admin-v2.x-super-admin .x-super-account::before, #x-admin-v2.x-super-admin .x-super-account::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
    transition: opacity .2s ease, filter .2s ease; }
  #x-admin-v2.x-super-admin .x-super-account::before {
    width: 132%;
    height: 132px;
    bottom: -26px;
    background: radial-gradient(ellipse 46% 58% at 50% 42%, rgba(var(--x-admin-primary-rgb), 0.55), transparent 70%);
    filter: blur(26px);
    opacity: .95; }
  #x-admin-v2.x-super-admin .x-super-account::after {
    width: 80%;
    height: 76px;
    bottom: -14px;
    background: radial-gradient(ellipse 52% 60% at 50% 38%, rgba(var(--x-admin-primary-rgb), 0.5), transparent 72%);
    filter: blur(16px);
    opacity: .9; }
  #x-admin-v2.x-super-admin .x-super-account:hover {
    box-shadow: var(--x-paw-glow-shadow-hover); }
  #x-admin-v2.x-super-admin .x-super-account:hover::before {
    opacity: 1; }
  #x-admin-v2.x-super-admin .x-super-account:hover::after {
    opacity: 1; }
#x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-account {
  --x-paw-glow-shadow:
    0 8px 20px -12px rgba(var(--x-admin-primary-rgb), .34),
    0 18px 44px -22px rgba(var(--x-admin-primary-rgb), .3); }
  #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-account::before {
    opacity: .5; }
  #x-admin-v2.x-super-admin[data-admin-theme="light"] .x-super-account::after {
    opacity: .45; }

/* ==========================================================================
   PAW IMZA — yeni varsayilan panel yuzeyi
   --------------------------------------------------------------------------
   Logo/login renk ailesi panelin TABANINA tasindi: derin lacivert zemin +
   elektrik mavisi isima + sogun beyazimsi ust kenar vurgusu. Bu taban TUM
   surface secenekleri icin gecerlidir; secenekler yalnizca ust doku
   katmanini (::before) degistirir. Boylece hangi secenek secili olursa
   olsun panel logo ile ayni dili konusur.
   Secenekler: paw-imza (varsayilan) / gece-izgarasi (kare izgara) /
   mavi-hale.
   ========================================================================== */
#x-admin-v2[data-admin-theme="dark"] {
  /* %85 derin midnight navy, %15 kontrollu PAW mavisi. Tek isik kaynagi;
     coklu parlak gradyan yok. */
  background: radial-gradient(ellipse 60% 46% at 24% -6%, rgba(47, 139, 255, 0.1), transparent 68%), linear-gradient(168deg, #061020 0, #030914 46%, #020712 100%); }

/* PAW Imza dokusu: kartlarin arkasinda yumusak elektrik mavisi aurora +
   cok hafif sogut beyaz kenar isigi. Izgara YOK. */
#x-admin-v2[data-admin-surface="paw-imza"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* Tek, genis ve sakin elektrik mavisi isik alani + cok hafif sogut beyaz
     ust kenar cizgisi. TEKRARLAYAN KARE IZGARA YOK. */
  background-image: radial-gradient(ellipse 70% 52% at 30% -8%, rgba(47, 139, 255, 0.13), transparent 70%), linear-gradient(180deg, rgba(198, 224, 255, 0.05) 0, transparent 2px);
  background-repeat: no-repeat;
  mask-image: none; }

#x-admin-v2[data-admin-theme="light"][data-admin-surface="paw-imza"]::before {
  background-image: radial-gradient(ellipse 52% 38% at 22% 6%, rgba(31, 123, 255, 0.09), transparent 70%), radial-gradient(ellipse 44% 34% at 86% 82%, rgba(31, 123, 255, 0.06), transparent 72%); }

/* ==========================================================================
   LOGIN — MARKA CILASI
   --------------------------------------------------------------------------
   Mevcut yapiya dokunulmadan (kart, form, grid dokusu ayni) yalniz marka
   hissi guclendirildi: logo daha buyuk ve daha net bir isik alir, kilit
   (PAW / DIGITAL SYSTEMS / Yonetim Paneli) daha orantili nefes alir ve
   kartin kenar isigi panelin PAW Imza yuzeyiyle ayni maviyi kullanir.
   ========================================================================== */
#x-admin-v2.x-admin-auth-shell {
  /* Marka kilidi: harf araligi ve satir arasi referanstaki gibi ferah. */
  /* Marka kilidi: harf araligi ve satir arasi referanstaki gibi ferah. */
  /* Form karti: mavi kenar isigi + daha derin govde golgesi. */ }
  #x-admin-v2.x-admin-auth-shell .x-admin-auth-logo {
    width: 112px;
    height: 72px; }
    #x-admin-v2.x-admin-auth-shell .x-admin-auth-logo svg,
    #x-admin-v2.x-admin-auth-shell .x-admin-auth-logo img {
      /* Iki katmanli isik: yakin sicak hale + genis mavi tabanlik. */
      filter: drop-shadow(0 2px 6px rgba(10, 26, 56, 0.55)) drop-shadow(0 10px 30px rgba(47, 139, 255, 0.42)); }
  #x-admin-v2.x-admin-auth-shell .x-admin-auth-brand strong {
    letter-spacing: .14em; }
  #x-admin-v2.x-admin-auth-shell .x-admin-auth-brand .x-admin-auth-tagline {
    letter-spacing: .3em; }
  #x-admin-v2.x-admin-auth-shell .x-admin-auth-card {
    border-color: rgba(96, 165, 255, 0.18);
    background: rgba(6, 17, 34, 0.82);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 0 rgba(198, 224, 255, 0.06) inset, 0 30px 80px rgba(1, 4, 12, 0.7), 0 0 0 1px rgba(47, 139, 255, 0.06); }

/* ==========================================================================
   SUPER DASHBOARD — UC KARTLI SATIRDA ESIT YUKSEKLIK
   --------------------------------------------------------------------------
   Kok neden: `.x-super-attention-panel` uzerinde genel bir
   `margin-bottom: 16px` vardi. Kart tek basina dururken dogru, ama uc
   kolonlu izgarada satir arkadaslarindan 16px kisa bitiyor ve "Dikkat
   Gerekenler" alttan kirpilmis gibi gorunuyordu. Izgara icinde bu margin
   sifirlanir, hucreler gerilir ve kart govdesi bosluğu doldurur; icerik
   az olsa bile dis yukseklik ayni kalir.
   ========================================================================== */
#x-admin-v2.x-super-admin .x-super-grid-three {
  align-items: stretch;
  /* Kart govdesi kalan alani doldurur; baslik ve sayac hizasi degismez. */ }
  #x-admin-v2.x-super-admin .x-super-grid-three > .x-admin-card {
    height: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column; }
  #x-admin-v2.x-super-admin .x-super-grid-three > .x-admin-card > .x-super-card-head {
    flex: none; }
  #x-admin-v2.x-super-admin .x-super-grid-three > .x-admin-card > .x-super-distribution,
  #x-admin-v2.x-super-admin .x-super-grid-three > .x-admin-card > .x-super-card-list {
    flex: 1 1 auto; }

/* ===== "+ Site Ekle" sihirbazi (Stage 3) =====
   Mevcut super-admin dil ve degiskenleri kullanilir; yeni tasarim sistemi YOK.
   Sihirbaz plan ozeti genis oldugu icin modal genisligi tek yerde artirilir. */
#x-admin-v2.x-super-admin .x-super-modal-wide {
  max-width: 620px; }

#x-admin-v2.x-super-admin .x-super-steps {
  display: flex;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none; }

#x-admin-v2.x-super-admin .x-super-steps li {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid var(--x-super-line);
  border-radius: 11px;
  color: var(--x-super-muted);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#x-admin-v2.x-super-admin .x-super-steps li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  font-size: 11px; }

#x-admin-v2.x-super-admin .x-super-steps li.is-active {
  border-color: var(--x-super-accent);
  color: var(--x-super-heading); }

#x-admin-v2.x-super-admin .x-super-steps li.is-active > span {
  background: var(--x-super-accent);
  color: #0b0f14; }

#x-admin-v2.x-super-admin .x-super-steps li.is-done {
  color: var(--x-super-heading); }

#x-admin-v2.x-super-admin .x-super-steps li.is-done > span {
  background: var(--x-super-ok);
  color: #0b0f14; }

#x-admin-v2.x-super-admin .x-super-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  color: var(--x-super-heading);
  font-size: 13px;
  cursor: pointer; }

#x-admin-v2.x-super-admin .x-super-choice input {
  width: auto;
  min-height: 0;
  margin: 0; }

#x-admin-v2.x-super-admin .x-super-plan-table {
  width: 100%;
  margin: 0 0 14px;
  border-collapse: collapse;
  font-size: 13px; }

#x-admin-v2.x-super-admin .x-super-plan-table td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--x-super-line);
  color: var(--x-super-heading); }

#x-admin-v2.x-super-admin .x-super-plan-table td:last-child {
  width: 96px;
  color: var(--x-super-muted);
  font-weight: 700;
  text-align: right; }

#x-admin-v2.x-super-admin .x-super-plan-list,
#x-admin-v2.x-super-admin .x-super-plan-pages,
#x-admin-v2.x-super-admin .x-super-plan-warnings,
#x-admin-v2.x-super-admin .x-super-plan-errors {
  margin: 0 0 14px;
  padding-left: 18px;
  color: var(--x-super-muted);
  font-size: 12.5px;
  line-height: 1.7; }

#x-admin-v2.x-super-admin .x-super-plan-pages strong {
  color: var(--x-super-heading); }

#x-admin-v2.x-super-admin .x-super-plan-pages ul {
  margin: 2px 0 6px;
  padding-left: 18px; }

#x-admin-v2.x-super-admin .x-super-plan-warnings {
  color: var(--x-super-warn); }

#x-admin-v2.x-super-admin .x-super-plan-errors {
  color: var(--x-super-danger); }

/* Gecersiz plan: olusturma dugmesi acikca pasif gorunmeli. */
#x-admin-v2.x-super-admin [data-action="onboarding-create"][disabled] {
  opacity: 0.45;
  cursor: not-allowed; }

@media (max-width: 620px) {
  #x-admin-v2.x-super-admin .x-super-steps {
    flex-direction: column;
    gap: 6px; } }
/* ===== Sayfa/bolum yerlesimi (Stage 4) =====
   Ortak renderer'in urettigi DOM. Yeni tasarim sistemi YOK: mevcut kart,
   alan ve dugme dili aynen kullanilir; burada yalniz sayfa navigasyonu ve
   bolum kabugu tanimlanir.

   Ayni siniflar HEM musteri panelinde HEM Super Admin Site Detay'da
   kullanildigi icin secici koku YOK — iki kabuk da ayni gorunumu alir. */
.x-page-stack {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.x-page-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 4px; }

.x-page-nav-item {
  padding: 8px 14px;
  border: 1px solid rgba(148, 163, 184, 0.32);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer; }

.x-page-nav-item:hover {
  border-color: rgba(148, 163, 184, 0.6); }

/* Klavye odagi gorunur kalmali: sekme gorunumu odak halkasini yutmaz. */
.x-page-nav-item:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px; }

.x-page-nav-item.x-is-active {
  border-color: transparent;
  background: rgba(148, 163, 184, 0.22); }

.x-page-body {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.x-page-path {
  margin: 0;
  font-size: 12.5px;
  opacity: 0.72; }

.x-page-section {
  padding: 18px 20px; }

.x-page-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px; }

.x-page-section-head h3 {
  margin: 0;
  font-size: 15px; }

.x-page-section-kind {
  flex: 0 0 auto;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  opacity: 0.6; }

.x-page-note {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  opacity: 0.78; }

.x-page-field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px; }

.x-page-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  font-size: 13px; }

.x-page-field > span {
  font-weight: 600; }

.x-page-field input,
.x-page-field textarea {
  width: 100%;
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid rgba(148, 163, 184, 0.32);
  border-radius: 10px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px; }

.x-page-field textarea {
  resize: vertical; }

/* Onay kutusu satiri tek sutunu kaplasin; grid icinde yarim kalmasin. */
.x-page-field-toggle {
  flex-direction: row;
  align-items: center;
  gap: 9px;
  grid-column: 1 / -1; }

.x-page-field-toggle input {
  width: auto;
  min-width: 0;
  padding: 0; }

.x-page-section-status {
  margin: 12px 0 0;
  font-size: 12.5px; }

.x-page-section-status.x-is-error {
  color: #dc2626; }

.x-page-section-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px; }

/* Telefon: alanlar tek sutuna insin, yatay tasma OLMASIN. */
@media (max-width: 600px) {
  .x-page-field-grid {
    grid-template-columns: 1fr; }

  .x-page-nav {
    /* Sayfa sayisi artinca sarmalanir; yatay kaydirma cubugu cikmaz. */
    gap: 6px; }

  .x-page-nav-item {
    padding: 7px 12px;
    font-size: 12.5px; }

  .x-page-section {
    padding: 16px; }

  .x-page-section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px; } }
/* ===== Koleksiyon editoru (Stage 5) =====
   Sayfa/bolum diliyle ayni kart ve alan gorunumu; yeni tasarim sistemi yok. */
.x-page-collection {
  display: flex;
  flex-direction: column;
  gap: 14px; }

.x-page-collection-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap; }

.x-page-collection-count {
  font-size: 13px;
  font-weight: 700; }

.x-page-collection-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap; }

.x-page-item-list {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.x-page-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 11px; }

.x-page-item-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0; }

.x-page-item-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px; }

.x-page-item-state {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  opacity: 0.62; }

.x-page-item-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  flex-wrap: wrap; }

/* Yukari/asagi: yeni bir surukle-birak bagimligi eklenmedi; dokunmatik
   hedef boyutu korunur. */
.x-page-item-move {
  min-width: 32px;
  min-height: 32px;
  font-size: 14px;
  line-height: 1; }

.x-page-item-move[disabled] {
  opacity: 0.35;
  cursor: not-allowed; }

.x-page-item-form {
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 12px; }

.x-page-field-error {
  color: #dc2626;
  font-size: 12px; }

@media (max-width: 600px) {
  /* Telefonda satir dikeye doner; islem dugmeleri tasmaz. */
  .x-page-item {
    flex-direction: column;
    align-items: stretch;
    gap: 10px; }

  .x-page-item-actions {
    justify-content: flex-start; }

  .x-page-collection-head {
    flex-direction: column;
    align-items: stretch; } }
/* Yetkili kartindaki sifre sifirlama aksiyonu (Stage 8).
   Mevcut super-admin dili; yeni tasarim sistemi yok. */
#x-admin-v2.x-super-admin .x-super-owner-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--x-super-line); }

#x-admin-v2.x-super-admin .x-super-owner-actions .x-super-modal-note {
  margin: 0; }

/* Onay adiminda iki dugme telefonda alt alta gecsin. */
#x-admin-v2.x-super-admin .x-super-owner-actions .x-super-row-actions {
  flex-wrap: wrap;
  gap: 8px; }

.x-admin-site-preview {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  text-decoration: none; }
  .x-admin-site-preview svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round; }

/* İçerik otomasyonu: geniş yazı modalı + Markdown alanı */
#x-admin-v2 .x-admin-modal.x-admin-modal-wide {
  width: min(880px, 100%); }

#x-admin-v2 .x-admin-textarea-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 1.55;
  min-height: 260px; }