:root {
  --bs-primary: #a5215e;
  --bs-primary-rgb: 165, 33, 94;
  --bs-success: #a5215e;
  --bs-success-rgb: 165, 33, 94;
  --bs-body-color: #171717;
  --bs-body-bg: #f5f5f5;
  --bs-border-color: #e5e5e5;
  --bs-secondary-color: #737373;
  --bs-link-color: var(--epanel-ink-secondary);
  --bs-link-hover-color: #000;
  --bs-border-radius: 14px;
  --bs-border-radius-sm: 14px;
  --bs-border-radius-lg: 14px;
  --bs-focus-ring-color: rgba(165, 33, 94, .18);
  --epanel-canvas: #f5f5f5;
  --epanel-paper: #fff;
  --epanel-surface-soft: #fafafa;
  --epanel-surface-muted: #eff3f6;
  --epanel-field-focus-border: #d8dfe3;
  --epanel-card-header-bg: #ededed;
  --epanel-tab-strip-bg: #efeff0;
  --epanel-table-header-bg: #f3f3f4;
  --epanel-ink: #0a0a0a;
  --epanel-ink-body: #171717;
  --epanel-ink-secondary: #171717;
  --epanel-ink-muted: #171717;
  --epanel-ink-faint: #616161; /* #737373 açık zeminlerde 4.3:1 kalıyordu (WCAG AA 4.5:1) */
  --epanel-hairline: #e5e5e5;
  --epanel-border-strong: #d4d4d4;
  --epanel-accent: #a5215e;
  --epanel-link: var(--epanel-ink-secondary);
  --epanel-accent-deep: #171717;
  --epanel-accent-dark: #801a49;
  --epanel-accent-dark: color-mix(in srgb, var(--epanel-accent) 82%, #000);
  --epanel-accent-live: #171717;
  --epanel-accent-soft: #fafafa;
  --epanel-accent-strong: #f5f5f5;
  --epanel-accent-border: #e5e5e5;
  --epanel-warning-bg: #f5f5f5;
  --epanel-warning-ink: #737373;
  --epanel-danger-bg: #fff1f2;
  --epanel-danger-border: #fecdd3;
  --epanel-danger: #e7000b;
  --epanel-danger-deep: #be123c;
  --epanel-focus-ring: rgba(165, 33, 94, .18);
  --epanel-shadow-subtle: 0 0 0 1px rgba(23, 23, 23, .05), 0 1px 3px rgba(0, 0, 0, .10), 0 1px 2px -1px rgba(0, 0, 0, .10);
  --epanel-shadow-menu: 0 0 0 1px rgba(23, 23, 23, .06), 0 8px 24px rgba(0, 0, 0, .08);
  --epanel-nav-artwork: #fdf2f8;
}

html {
  min-height: 100%;
  background: var(--epanel-canvas);
}

body {
  min-height: 100%;
  margin: 0;
  color: var(--epanel-ink-body);
  background: var(--epanel-canvas);
  font-family: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

a {
  color: var(--epanel-link);
  text-underline-offset: 2px;
}

a:hover {
  color: var(--epanel-accent);
}

img,
svg {
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

*,
*::before,
*::after {
  box-shadow: none !important;
}

::selection {
  color: var(--epanel-ink);
  background: var(--epanel-accent-strong);
}

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: #d4d4d4;
  background-clip: padding-box;
}

:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px var(--epanel-focus-ring);
}

.loading {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: none;
  place-items: center;
  background: rgba(250, 250, 250, .82);
  backdrop-filter: blur(3px);
}

.loading img {
  width: 72px;
  height: 72px;
}

.page-header {
  z-index: 1035;
  padding: 0 0 4px;
  background: rgba(245, 245, 245, .92);
  backdrop-filter: blur(8px);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 240ms ease, opacity 180ms ease;
  will-change: transform, opacity;
}

.page-header.is-nav-hidden {
  transform: translate3d(0, calc(-100% - 1px), 0);
  opacity: 0;
  pointer-events: none;
}

.epanel-navbar {
  min-height: 64px;
  padding: 0;
}

.epanel-navbar__surface {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  isolation: isolate;
  min-height: 64px;
  overflow: visible;
  padding: 10px 14px;
  border: 0;
  border-radius: 0 0 14px 14px;
  background: var(--epanel-paper);
  box-shadow: none;
  transition: box-shadow 180ms ease;
}

html.epanel-page-scrolled .page-header:not(.is-nav-hidden) .epanel-navbar__surface {
  box-shadow: 0 10px 24px rgba(15, 23, 42, .16) !important;
}

.epanel-navbar > .epanel-navbar__surface {
  flex-wrap: nowrap;
}

.epanel-navbar__surface::after {
  display: none;
}

.epanel-navbar .navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-inline-end: 2rem;
  padding: 4px 2px;
  border-radius: 0;
  background: transparent;
}

.epanel-navbar__logo {
  display: block;
  width: auto;
  max-width: 168px;
  height: 32px;
}

.epanel-navbar__favicon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.epanel-navbar .navbar-toggler {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
  box-shadow: none;
}

.epanel-navbar .navbar-toggler-icon {
  width: 18px;
  height: 18px;
  background-image: var(--bs-navbar-toggler-icon-bg);
}

.epanel-navbar .navbar-nav {
  gap: 2px;
  flex-wrap: nowrap;
}

.epanel-nav-main-icon {
  display: inline-flex;
  align-items: center;
  color: var(--epanel-accent);
}

.epanel-navbar__utilities {
  flex-direction: row;
  align-items: center;
  gap: 2px;
  margin-left: auto;
}

.epanel-navbar .epanel-navbar__utilities .nav-link {
  display: inline-flex;
  width: auto;
}

.epanel-navbar .nav-link {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border-radius: 14px;
  color: var(--epanel-ink-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  transition: color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.epanel-navbar .nav-link:hover,
.epanel-navbar .nav-link:focus,
.epanel-navbar .nav-link.show {
  color: #000;
  background: var(--epanel-surface-muted);
}

.epanel-navbar .nav-link.active {
  color: var(--epanel-accent);
  background: var(--epanel-accent-soft);
  box-shadow: none;
}

.epanel-navbar .nav-link.active .epanel-nav-main-icon,
.epanel-navbar .nav-link.active > i {
  color: var(--epanel-accent);
}

.dropdown-toggle::after {
  margin-left: 0;
  border-width: 4px 4px 0;
  opacity: .6;
}

.dropdown-toggle,
.epanel-navbar .dropdown-toggle {
  column-gap: 1px;
}

.epanel-navbar .epanel-nav-dropdown-toggle::after {
  display: none !important;
}

.epanel-navbar .epanel-nav-dropdown-toggle {
  column-gap: 7px;
}

.epanel-navbar .dropdown-menu,
.dropdown-menu {
  min-width: 190px;
  margin-top: 6px;
  padding: 6px;
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px;
  background: var(--epanel-paper);
  box-shadow: var(--epanel-shadow-menu);
}

.epanel-navbar .epanel-nav-submenu {
  position: relative;
}

.epanel-navbar .epanel-nav-submenu__toggle {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: start;
}

.epanel-navbar .epanel-nav-submenu__arrow {
  margin-inline-start: auto;
  font-size: 13px;
}

.epanel-navbar .epanel-nav-submenu__menu {
  top: -6px;
  inset-inline-start: calc(100% - 2px);
  margin-top: 0;
}

.epanel-navbar .epanel-nav-submenu__menu.show {
  display: block;
}

.dropdown-item {
  display: flex;
  min-height: 36px;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border-radius: 14px;
  color: var(--epanel-ink-body);
  font-size: 14px;
  font-weight: 500;
}

.dropdown-item i {
  color: var(--epanel-ink-muted);
  font-size: 15px;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
  color: #000;
  background: var(--epanel-surface-muted);
}

.epanel-navbar .dropdown-item.active,
.epanel-navbar .dropdown-item.active:active {
  color: var(--epanel-accent);
  background: var(--epanel-accent-soft);
  font-weight: 700;
}

.dropdown-item:hover i,
.dropdown-item:focus i {
  color: #000;
}

.epanel-navbar .dropdown-item i,
.epanel-navbar .dropdown-item:hover i,
.epanel-navbar .dropdown-item:focus i,
.epanel-navbar .dropdown-item.active i {
  color: var(--epanel-accent) !important;
}

.dropdown-divider {
  margin: 5px 4px;
  border-color: var(--epanel-surface-muted);
}

.epanel-avatar {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid rgba(165, 33, 94, .22);
  border-radius: 50%;
  object-fit: cover;
}

.epanel-user-icon {
  display: inline-grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  color: var(--epanel-accent);
  font-size: 18px;
}

.epanel-user-icon[hidden] {
  display: none !important;
}

.epanel-ai-link {
  text-transform: none;
}

body > .container,
body > .page-header + .loading + .container {
  position: relative;
  z-index: 1;
  flex: 1 0 auto;
  padding-top: 12px;
}

body > footer {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}

.epanel-background-artwork {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.epanel-background-artwork__icon {
  position: absolute;
  bottom: -150px;
  left: -150px;
  width: 360px;
  height: auto;
  color: #000;
  opacity: .03;
  animation: epanel-background-artwork-drift 34s linear infinite, auth-ai-pulse 6s ease-in-out infinite;
}

.epanel-background-artwork__icon--top {
  animation-delay: 0s, 0s;
}

.epanel-background-artwork__icon--bottom {
  width: 440px;
  animation-delay: -17s, -3s;
}

.epanel-image-editor-bootstrap-loader { display: none; }
#epanelImageEditorModal.is-package-loading .modal-content {
  min-height: 100vh;
  display: grid;
  place-items: center;
  color: #fff;
  background: #111827;
}
#epanelImageEditorModal.is-package-loading .modal-content > :not(.epanel-image-editor-bootstrap-loader) { display: none !important; }
#epanelImageEditorModal.is-package-loading .epanel-image-editor-bootstrap-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  font-size: .85rem;
}

@media (max-width: 600px) {
  .epanel-background-artwork__icon--top {
    width: 260px;
  }

  .epanel-background-artwork__icon--bottom {
    width: 300px;
  }
}

.card,
.box,
aside.sidebar {
  border: 0;
  border-radius: 14px;
  background: var(--epanel-paper);
  box-shadow: none;
}

.card {
  overflow: visible;
}

.epanel-quick-action {
  color: var(--epanel-link);
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.epanel-quick-action i {
  color: var(--epanel-accent) !important;
}

.epanel-page-hero {
  display: flex;
  align-items: center;
  margin: 0;
  justify-content: end;
  margin-bottom: 1rem;
}

.epanel-page-hero__copy {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.epanel-page-hero__icon {
  flex: 0 0 auto;
  color: var(--epanel-accent);
  font-size: 20px;
}

.epanel-page-hero__help {
  display: inline-flex;
  align-items: center;
  color: var(--epanel-muted, #6c757d);
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
}

.epanel-page-hero__help:hover,
.epanel-page-hero__help:focus-visible {
  color: var(--epanel-accent);
}

.epanel-page-hero h1 {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: .02em;
  text-transform: uppercase;
}

a:hover .epanel-quick-action,
a:focus-visible .epanel-quick-action {
  border-color: var(--epanel-accent-border) !important;
  color: #000;
  background-color: var(--epanel-surface-muted) !important;
}

.epanel-stat-link {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: background-color .16s ease, color .16s ease;
}

.epanel-stat-link:hover,
.epanel-stat-link:focus-visible {
  color: #000;
  background-color: var(--epanel-surface-muted) !important;
}

.epanel-dashboard-stat-card {
  padding: 14px;
  border: 0;
  border-radius: 14px;
  background: var(--epanel-paper);
}

.epanel-dashboard-stat-card h6 {
  margin-bottom: 10px !important;
  color: var(--epanel-ink) !important;
  font-size: 12px;
  font-weight: 600;
}

.epanel-dashboard-stat-card h6 i {
  color: var(--epanel-accent) !important;
}

.epanel-dashboard-stat-card .row > .col > .border.rounded,
.epanel-dashboard-stat-card .epanel-stat-link {
  border: 0 !important;
  background: var(--epanel-surface-soft) !important;
}

.card-header:not(.nav-tabs) {
  height: 46px;
  min-height: 46px;
  padding: 0 16px;
  border-bottom: 0;
  border-radius: 14px 14px 0 0 !important;
  color: var(--epanel-ink);
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
}

.card > .card-header:not(.nav-tabs) {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--epanel-ink) !important;
  background: var(--epanel-card-header-bg) !important;
  text-transform: uppercase;
}

.card > .card-header:not(.nav-tabs) > .float-end {
  margin-left: auto;
  float: none !important;
}

[dir="rtl"] .card > .card-header:not(.nav-tabs) > .float-end {
  margin-right: auto;
  margin-left: 0;
}

.card-header.bg-primary,
.card-header.bg-primary-light,
.card-header.text-white {
  color: var(--epanel-ink) !important;
  background: var(--epanel-card-header-bg) !important;
}

.card-header a,
.card-header .text-white {
  color: var(--epanel-accent-deep) !important;
}

.card-header > i,
.card-header a > i {
  color: var(--epanel-accent) !important;
}

.epanel-card-header-action {
  display: inline-flex;
  align-items: center;
  color: var(--epanel-accent);
  background: transparent;
  text-decoration: none;
}

.epanel-card-header-action:hover,
.epanel-card-header-action:focus-visible {
  color: var(--epanel-accent);
  background: transparent;
}

.epanel-card-header-action > i,
.card-header > a.float-end > i,
.card-header > a.float-start > i {
  font-size: 20px;
  line-height: 1;
}

.epanel-card-header--warning {
  color: var(--epanel-ink) !important;
  background: var(--epanel-card-header-bg) !important;
}

.epanel-card-header--warning a {
  color: var(--epanel-ink) !important;
}

.epanel-card-header--warning i {
  color: var(--epanel-accent) !important;
}

.card-body {
  padding: 20px;
}

.card-footer {
  padding: 14px 20px;
  border-top: 0;
  border-radius: 0 0 14px 14px !important;
  background: transparent;
}

.box {
  padding: 20px;
}

.page-title {
  margin-bottom: 16px;
  padding: 14px 2px;
  border-bottom: 1px solid var(--epanel-hairline);
}

.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4 {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -.025em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--epanel-ink);
}

.form h4,
.box h4,
aside.sidebar h5 {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--epanel-surface-muted);
  color: var(--epanel-ink);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.01em;
}

aside.sidebar {
  padding: 12px;
}

aside.sidebar .nav-link {
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 14px;
  color: var(--epanel-ink-secondary);
  font-size: 14px;
  font-weight: 500;
}

aside.sidebar .nav-link:hover,
aside.sidebar .nav-link.active {
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-soft);
}

.form-label,
.form .form-label,
.col-form-label {
  margin-bottom: 6px;
  color: var(--bs-secondary-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  text-transform: uppercase;
}

.form-control,
.form-select,
.input-group-text {
  min-height: 40px;
  border-color: transparent;
  border-radius: 14px;
  color: var(--epanel-ink-body);
  background-color: var(--epanel-surface-muted);
  font-size: 14px;
  box-shadow: none;
}

.form-control-sm,
.form-select-sm,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  min-height: 36px;
  border-radius: 14px;
  font-size: 12px;
}

.form-control-lg,
.form-select-lg,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  min-height: 48px;
  border-radius: 14px;
  font-size: 15px;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--epanel-field-focus-border);
  color: var(--epanel-ink-body);
  background: var(--epanel-paper);
  box-shadow: 0 0 0 3px var(--epanel-focus-ring);
}

.form-control::placeholder {
  color: var(--epanel-ink-faint);
  opacity: 1;
}

textarea.form-control {
  min-height: 96px;
  resize: vertical;
}

.input-group > :not(:first-child),
.input-group > :not(:first-child) > .btn,
.input-group > :not(:last-child),
.input-group > :not(:last-child) > .btn {
  border-radius: 0;
}

.input-group > :first-child,
.input-group > :first-child > .btn {
  border-radius: 14px 0 0 14px;
}

.input-group > :last-child,
.input-group > :last-child > .btn {
  border-radius: 0 14px 14px 0;
}

.input-group > :only-child,
.input-group > :only-child > .btn {
  border-radius: 14px !important;
}

[dir="rtl"] .input-group > :first-child,
[dir="rtl"] .input-group > :first-child > .btn {
  border-radius: 0 14px 14px 0;
}

[dir="rtl"] .input-group > :last-child,
[dir="rtl"] .input-group > :last-child > .btn {
  border-radius: 14px 0 0 14px;
}

.input-group-text {
  color: var(--epanel-ink-muted);
  white-space: normal;
}

.form-text,
.text-muted,
.text-mute {
  color: var(--epanel-ink-muted) !important;
}

.form-text,
.mb-3 > .text-muted.fs-8,
.mb-3 > .input-group + .text-muted.fs-8,
.mb-3 > .form-control + .text-muted.fs-8,
.mb-3 > .form-select + .text-muted.fs-8 {
  color: #7d8792 !important;
}

.btn {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  box-shadow: none;
  transition: color 120ms ease, border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.btn-sm {
  min-height: 34px;
  padding: 6px 10px;
  border-radius: 14px;
  font-size: 12px;
}

.btn-lg {
  min-height: 46px;
  padding: 10px 18px;
  border-radius: 14px;
  font-size: 14px;
}

.btn-primary,
.btn-success {
  --bs-btn-bg: var(--epanel-accent);
  --bs-btn-border-color: var(--epanel-accent);
  --bs-btn-hover-bg: var(--epanel-accent-dark);
  --bs-btn-hover-border-color: var(--epanel-accent-dark);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-bg: var(--epanel-accent-dark);
  --bs-btn-active-border-color: var(--epanel-accent-dark);
  --bs-btn-disabled-bg: var(--epanel-accent);
  --bs-btn-disabled-border-color: var(--epanel-accent);
  border-color: var(--epanel-accent);
  color: #fff;
  background: var(--epanel-accent);
}

.btn-outline-primary {
  border-color: var(--epanel-accent-border);
  color: var(--epanel-accent);
  background: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  border-color: var(--epanel-accent) !important;
  color: #fff !important;
  background: var(--epanel-accent) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  border-color: var(--epanel-accent-dark) !important;
  color: #fff !important;
  background: var(--epanel-accent-dark) !important;
}

/* Tema yöneticisinde önizlenen accent değişse de Bootstrap'in mavi aktif
   değişkenlerine geri düşme; her durum seçili accent renginden türetilir. */
.hp-theme-admin .btn-primary {
  --hp-button-accent: var(--hp-accent, var(--epanel-accent));
  --hp-button-accent-deep: color-mix(in srgb, var(--hp-button-accent) 82%, #000);
  --bs-btn-bg: var(--hp-button-accent);
  --bs-btn-border-color: var(--hp-button-accent);
  --bs-btn-hover-bg: var(--hp-button-accent-deep);
  --bs-btn-hover-border-color: var(--hp-button-accent-deep);
  --bs-btn-active-bg: var(--hp-button-accent-deep);
  --bs-btn-active-border-color: var(--hp-button-accent-deep);
}

.hp-theme-admin .btn-primary:hover,
.hp-theme-admin .btn-primary:focus,
.hp-theme-admin .btn-primary:active,
.hp-theme-admin .btn-primary.active,
.hp-theme-admin .show > .btn-primary.dropdown-toggle {
  border-color: var(--hp-button-accent-deep) !important;
  color: #fff !important;
  background: var(--hp-button-accent-deep) !important;
}

.btn-light,
.btn-secondary,
.btn-outline-secondary,
.border-grey {
  border-color: transparent;
  color: var(--epanel-ink);
  background: var(--epanel-surface-muted);
}

.btn:not(.btn-circle):not(.icon-button) {
  text-transform: uppercase;
}

.epanel-listing-toolbar {
  align-self: flex-start;
  margin-left: auto;
  transform: translateY(-5px);
}

.nav-tabs .epanel-listing-toolbar + .epanel-listing-toolbar {
  margin-left: .25rem !important;
}

[dir="rtl"] .nav-tabs .epanel-listing-toolbar {
  margin-right: auto !important;
  margin-left: 0 !important;
}

[dir="rtl"] .nav-tabs .epanel-listing-toolbar + .epanel-listing-toolbar {
  margin-right: .25rem !important;
  margin-left: 0 !important;
}

[dir="rtl"] .epanel-listing-toolbar .dropdown-menu-end {
  right: auto;
  left: 0;
}

.epanel-listing-toolbar form {
  display: flex;
  min-width: 0;
  justify-content: flex-end;
}

.epanel-listing-toolbar-form {
  position: relative;
}

.epanel-listing-toolbar .input-group {
  width: auto;
  justify-content: flex-end;
}

.nav-tabs .epanel-listing-toolbar .btn.border-grey {
  background: var(--epanel-paper);
}

.epanel-listing-toolbar .epanel-listing-filter-toggle {
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
}

.epanel-listing-search-menu .epanel-listing-search-fields {
  width: 100%;
}

.epanel-listing-search-menu .form-control {
  min-width: 0;
}

.epanel-listing-result-count {
  align-self: center;
  text-align: right;
}

.epanel-empty-state {
  display: flex;
  min-height: 230px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 36px 20px;
  text-align: center;
  background: #fff;
}

.epanel-empty-state__icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  margin-bottom: 14px;
  border-radius: 14px;
  color: var(--epanel-accent);
  background: var(--epanel-surface-muted);
  font-size: 21px;
}

.epanel-empty-state h2 {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.epanel-empty-state p {
  max-width: 420px;
  margin: 6px 0 18px;
  color: var(--epanel-ink-muted);
  font-size: 13px;
  line-height: 1.5;
}

.epanel-empty-state__content {
  max-width: 420px;
  color: var(--epanel-ink-muted);
  font-size: 13px;
  line-height: 1.5;
}

.epanel-empty-state--legacy .epanel-empty-state__content a {
  color: var(--epanel-accent);
}

.epanel-filter-clear-icon {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}

.epanel-filter-clear-icon::before,
.epanel-filter-clear-icon::after {
  position: absolute;
  line-height: 1;
}

.epanel-filter-clear-icon::before {
  content: "";
  inset: .08em .16em .18em;
  border: .12em solid currentColor;
  clip-path: polygon(0 0,100% 0,63% 48%,63% 100%,37% 100%,37% 48%);
}

.epanel-filter-clear-icon::after {
  content: "×";
  font-size: .72em;
  font-weight: 800;
  right: -.32em;
  bottom: -.3em;
  color: var(--epanel-accent);
  font-size: .58em;
}

.btn-light:hover,
.btn-secondary:hover,
.btn-outline-secondary:hover {
  border-color: var(--epanel-accent-border);
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-soft);
}

.btn-outline-secondary {
  color: var(--bs-link-color);
}

.btn-outline-secondary i {
  color: var(--epanel-accent);
}

.btn-danger,
.btn-outline-danger {
  border-color: var(--epanel-danger-border);
  color: var(--epanel-danger-deep);
  background: var(--epanel-danger-bg);
}

.btn-danger:hover,
.btn-outline-danger:hover {
  border-color: var(--epanel-danger);
  color: #fff;
  background: var(--epanel-danger);
}

.btn-circle,
#table-news .btn-action-type-2 > a,
#table-news .btn-action-type > a,
.icon-button {
  display: inline-flex;
  width: 26px;
  height: 26px;
  min-height: 26px;
  flex: 0 0 26px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--epanel-hairline);
  border-radius: 8px;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-paper);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
}

#table-news .btn-action-type-2 > a,
#table-news .btn-action-type > a,
.icon-button--dense {
  width: 26px;
  height: 26px;
  min-height: 26px;
  flex-basis: 32px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
}

#table-news .btn-action-type-2 > a.active,
#table-news .btn-action-type > a.active,
.icon-button--dense.active {
  border-color: var(--epanel-accent) !important;
  color: #fff !important;
  background: var(--epanel-accent) !important;
}

#table-news .btn-action-type-2 > a.active i,
#table-news .btn-action-type > a.active i,
.icon-button--dense.active i {
  color: #fff !important;
}

.btn-circle:hover,
#table-news .btn-action-type-2 > a:hover,
#table-news .btn-action-type > a:hover,
.icon-button:hover {
  border-color: var(--epanel-accent-border);
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-soft);
}

.btn:hover,
.btn:focus-visible,
.btn-circle:hover,
.btn-circle:focus-visible,
#table-news .btn-action-type-2 > a:hover,
#table-news .btn-action-type > a:hover,
.icon-button:hover,
.icon-button:focus-visible {
  border-color: var(--epanel-accent-border) !important;
  color: var(--epanel-ink) !important;
  background: var(--epanel-surface-muted) !important;
}

.btn:hover i,
.btn:focus-visible i,
.btn-circle:hover i,
.btn-circle:focus-visible i,
#table-news .btn-action-type-2 > a:hover i,
#table-news .btn-action-type > a:hover i,
.icon-button:hover i,
.icon-button:focus-visible i {
  color: var(--epanel-accent) !important;
}

.btn-circle i,
.icon-button i,
#table-news .btn-action-type-2 > a i,
#table-news .btn-action-type > a i,
.epanel-listing-actions i {
  color: inherit;
  font-size: 18px;
}

/* Liste satirlarindaki paylas/duzenle/sil islemleri Tabler'in ince cizgili
   gliflerinde genel buton ikonlarindan daha kucuk algilaniyor. Yalniz bu
   sutunda okunabilirligi artir; diger kompakt kontrolleri buyutme. */
.epanel-listing-actions .btn-circle > i,
.epanel-listing-actions .icon-button > i,
.epanel-listing-actions > a > i,
.epanel-listing-actions > form .btn-circle > i {
  font-size: 20px;
  font-weight: 400;
  opacity: .72;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color .15s ease, opacity .15s ease;
}

.epanel-listing-actions .btn-circle:hover > i,
.epanel-listing-actions .btn-circle:focus-visible > i,
.epanel-listing-actions .icon-button:hover > i,
.epanel-listing-actions .icon-button:focus-visible > i,
.epanel-listing-actions > a:hover > i,
.epanel-listing-actions > a:focus-visible > i {
  opacity: 1;
}

/* Pointer collaboration glifi kalem glifinden optik olarak daha uzun.
   Ayni kontrol kutusunda kalemle ayni gorunen yukseklige getir. */
.epanel-listing-actions .ti-pointer-collaboration-2 {
  transform: scale(.9);
  transform-origin: center;
}

.btn-circle.bg-danger,
.icon-button.bg-danger {
  border-color: var(--epanel-danger) !important;
}

.btn-circle.is-confirming,
.icon-button.is-confirming {
  width: 26px;
  min-width: 26px;
  padding: 0;
  border: 1px solid var(--epanel-danger) !important;
  color: #fff;
  background: var(--epanel-danger) !important;
  color: #fff !important;
}

.btn-circle.is-confirming i,
.icon-button.is-confirming i {
  color: #fff !important;
}

.btn-circle.is-confirming[data-confirm-text-button] {
  width: auto;
  min-width: 0;
  height: auto;
  padding: .34rem .62rem;
  border-radius: .375rem;
  font-size: .75rem;
  line-height: 1.2;
}

.text-primary,
.text-primary-light,
.text-success {
  color: var(--epanel-accent-deep) !important;
}

.text-info {
  color: var(--epanel-accent-deep) !important;
}

.epanel-icon-success {
  color: #198754 !important;
}

.text-danger {
  color: var(--epanel-danger) !important;
}

.bg-primary,
.bg-primary-light,
.bg-success {
  background-color: var(--epanel-accent) !important;
}

.bg-info {
  color: var(--epanel-accent-deep) !important;
  background-color: var(--epanel-accent-strong) !important;
}

.bg-light {
  background-color: var(--epanel-surface-soft) !important;
}

.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  overflow-x: auto;
  margin-bottom: 0;
  padding: 14px 14px 0;
  border: 0;
  border-radius: 14px 14px 0 0;
  background: var(--epanel-tab-strip-bg);
  scrollbar-width: thin;
}

.nav-tabs .nav-item {
  flex: 0 0 auto;
}

.nav-tabs .nav-link {
  min-height: 36px;
  padding: 10px 12px 7px;
  border: 0;
  border-radius: 14px;
  color: var(--epanel-ink-secondary);
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: #000;
  border-radius: 14px 14px 0 0;
  background: var(--epanel-surface-muted);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--epanel-ink);
  border-radius: 14px 14px 0 0;
  background: var(--epanel-paper);
  box-shadow: none;
}

ul.nav-tabs > .nav-item:first-child > .nav-link > .d-none.d-md-inline {
  font-size: 0;
}

ul.nav-tabs > .nav-item:first-child > .nav-link > .d-none.d-md-inline::before {
  content: "TÜMÜ";
  font-size: .85rem;
}

ul.nav-tabs.epanel-preserve-first-tab-label > .nav-item:first-child > .nav-link > .d-none.d-md-inline {
  font-size: inherit;
}

ul.nav-tabs.epanel-preserve-first-tab-label > .nav-item:first-child > .nav-link > .d-none.d-md-inline::before {
  content: none;
}

.nav-tabs + .card.border-top-0,
.nav-tabs + .modal + .card.border-top-0 {
  margin-top: 0;
  border-radius: 0 0 14px 14px;
}

.nav-tabs + .epanel-tabs-panel {
  margin-top: 0 !important;
}

.nav-tabs + .epanel-tabs-panel > .card:first-child {
  border-radius: 0 0 14px 14px;
}

.badge {
  padding: 2px 8px;
  border-radius: 14px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.badge.bg-primary,
.badge.bg-success {
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-strong) !important;
}

.badge.bg-info {
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-strong) !important;
}

.badge.bg-warning {
  color: var(--epanel-warning-ink) !important;
  background: var(--epanel-warning-bg) !important;
}

.badge.bg-success {
  color: #fff !important;
  background: #aae0c8 !important;
}

.form-check-input {
  border-color: var(--epanel-border-strong);
  box-shadow: none;
}

.form-check-input:checked {
  border-color: var(--epanel-accent);
  background-color: var(--epanel-accent);
}

.form-check-input:focus {
  border-color: var(--epanel-accent-live);
  box-shadow: 0 0 0 3px var(--epanel-focus-ring);
}

.form-switch .form-check-input {
  width: 38px;
  height: 22px;
  margin-top: 0;
  border-radius: 999px;
  border-color: var(--epanel-field-focus-border);
  background-color: var(--epanel-surface-muted);
}

.form-switch .form-check-input:checked {
  background-color: var(--epanel-accent);
}

.table-responsive {
  /* İçerideki mutlak konumlu öğeler (visually-hidden vb.) kaydırma alanından taşıp sayfayı genişletmesin. */
  position: relative;
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px;
  background: var(--epanel-paper);
  box-shadow: var(--epanel-shadow-subtle);
}

.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--epanel-ink-secondary);
  --bs-table-hover-bg: var(--epanel-accent-soft);
  margin-bottom: 0;
  font-size: 14px;
}

.table > :not(caption) > * > * {
  padding: 10px 12px;
  border-bottom-color: var(--epanel-surface-muted);
  vertical-align: middle;
}

.table thead th,
#table-news thead th {
  height: 40px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--epanel-hairline);
  color: var(--epanel-ink-muted);
  background: var(--epanel-table-header-bg);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.table tbody tr:last-child > * {
  border-bottom: 0;
}

.epanel-dashboard-table {
  font-size: 12px;
}

.epanel-dashboard-table-wrap {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.epanel-dashboard-table > :not(caption) > * > * {
  padding: 7px 12px;
  border: 0;
}

.epanel-dashboard-table > tbody > tr > * {
  border-bottom: 1px solid var(--epanel-surface-muted) !important;
}

.epanel-dashboard-table thead th {
  padding: 7px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--epanel-surface-muted) !important;
  background: var(--epanel-table-header-bg) !important;
}

.epanel-dashboard-table .table-light {
  --bs-table-bg: transparent;
}

.epanel-activity-list,
.epanel-activity-list .list-group-item {
  background: transparent;
}

#table-news td {
  white-space: nowrap;
}

.table tbody td:has(> a > b) {
  white-space: normal;
  overflow-wrap: anywhere;
}

#table-news th.title {
  min-width: 360px;
  width: 48%;
}

#table-news .img-thumbnail,
.content-thumbnail {
  width: 46px;
  height: 46px;
  min-width: 46px;
  padding: 0;
  border: 0;
  border-radius: 14px;
  object-fit: cover;
}

#table-news a {
  color: var(--epanel-ink-body);
  text-decoration: none;
}

#table-news a:hover,
#table-news a:focus {
  color: var(--epanel-accent-deep);
}

.pagination {
  gap: 4px;
  margin-bottom: 0;
}

.page-link {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px !important;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-paper);
  font-size: 12px;
}

.page-link:hover,
.page-link:focus {
  border-color: var(--epanel-accent-border);
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-soft);
}

.page-item.active .page-link {
  border-color: var(--epanel-accent);
  color: #fff;
  background: var(--epanel-accent);
}

.page-link.active {
  border-color: var(--epanel-accent);
  color: #fff;
  background: var(--epanel-accent);
}

.epanel-keyset-pagination .page-link {
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 6px !important;
}

.pagination .page-link > .ti-chevron-left,
.pagination .page-link > .ti-chevron-right,
.pagination .page-link > .ti-chevrons-left,
.pagination .page-link > .ti-chevrons-right {
  font-size: 16px;
  -webkit-text-stroke: .25px currentColor;
}

.pagination .epanel-pagination-summary .page-link {
  width: auto;
  min-width: 96px;
  padding: 0 12px;
  border-radius: 6px !important;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-surface-soft);
  font-weight: 600;
  white-space: nowrap;
  opacity: 1;
}

[dir="rtl"] .pagination .ti-chevrons-left,
[dir="rtl"] .pagination .ti-chevron-left,
[dir="rtl"] .pagination .ti-chevron-right,
[dir="rtl"] .pagination .ti-chevrons-right {
  transform: scaleX(-1);
}


.alert {
  border-radius: 14px;
  font-size: 14px;
}

.alert-info,
.alert-success {
  border-color: var(--epanel-accent-border);
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-soft);
}

.alert-warning {
  border-color: var(--epanel-hairline);
  color: var(--epanel-warning-ink);
  background: var(--epanel-warning-bg);
}

.alert-danger {
  border-color: var(--epanel-danger-border);
  color: var(--epanel-danger-deep);
  background: var(--epanel-danger-bg);
}

.modal {
  z-index: 1200;
}

.modal-backdrop {
  z-index: 1195;
  background: var(--epanel-ink);
}

.modal-backdrop.show {
  opacity: .48;
  backdrop-filter: blur(4px);
}

/* Bootstrap backdrop arka planı tek başına bulanıklaştırır. Modal bir modül
   kapsayıcısının içinde olduğunda body çocuklarına filter uygulamak modalı ve
   toast bildirimlerini de bulanıklaştırdığı için ikinci blur katmanı yoktur. */
body.modal-open > :not(.modal-backdrop),
body:has(.modal.show) > :not(.modal-backdrop) {
  filter: none;
}

.modal-content {
  overflow: hidden;
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px;
  background: var(--epanel-paper);
  box-shadow: var(--epanel-shadow-menu);
}

.modal-header {
  min-height: 56px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--epanel-surface-muted);
}

.modal-title {
  min-width: 0;
  overflow: hidden;
  color: var(--epanel-ink);
  font-size: 18px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-title > i {
  color: var(--epanel-accent);
}

.modal-body {
  max-height: calc(100dvh - 180px);
  overflow-y: auto;
  padding: 20px;
}

.modal-footer {
  min-height: 64px;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px;
  border-top: 1px solid var(--epanel-surface-muted);
}

.modal-loading {
  display: grid;
  min-height: 220px;
  place-items: center;
  padding: 24px;
}

.modal-loading img {
  width: 72px;
  height: 72px;
}

.footer-result {
  flex: 1 1 auto;
  margin-right: auto;
  color: var(--epanel-ink-muted);
  font-size: 12px;
}

.tooltip {
  /* Tooltip'ler body'ye eklenir. ePanel modal/backdrop katmanları 1200/1195
     kullandığı için Bootstrap varsayılanı modal açıkken arkada kalıyordu. */
  z-index: 10920 !important;
  --bs-tooltip-bg: var(--epanel-ink);
  --bs-tooltip-color: #fff;
  --bs-tooltip-opacity: 1;
}

.tooltip-inner {
  padding: 7px 10px;
  border-radius: 14px;
  background: var(--epanel-ink);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
}

.btn-circle[data-tooltip],
.icon-button[data-tooltip] {
  position: relative;
}

.btn-circle[data-tooltip]::after,
.icon-button[data-tooltip]::after {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  z-index: 1100;
  max-width: 180px;
  padding: 7px 10px;
  border-radius: 14px;
  color: #fff;
  background: var(--epanel-ink);
  content: attr(title);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 4px);
  transition: opacity .15s ease, transform .15s ease;
  white-space: nowrap;
}

.btn-circle[data-tooltip]::after,
.icon-button[data-tooltip]::after {
  content: attr(data-tooltip);
}

.btn-circle[data-tooltip]:hover::after,
.btn-circle[data-tooltip]:focus-visible::after,
.icon-button[data-tooltip]:hover::after,
.icon-button[data-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

.checked_div,
.form-filtre {
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid var(--epanel-accent-border);
  border-radius: 14px;
  background: var(--epanel-accent-soft);
}

.epanel-filter-menu {
  width: min(360px, calc(100vw - 24px));
  min-width: min(360px, calc(100vw - 24px));
  z-index: 1202;
}

.epanel-filter-menu > .fw-bold > i {
  color: var(--epanel-accent);
}

.epanel-filter-menu .form-label > i {
  width: 12px;
  margin-right: 3px;
  color: var(--epanel-accent);
  text-align: center;
}

body > .container:has(.epanel-filter-menu.show) {
  z-index: 1201;
}

.nav-tabs:has(.epanel-filter-menu.show) {
  position: relative;
  z-index: 1203;
  overflow: visible;
}

.epanel-listing-toolbar:has(.epanel-filter-menu.show) {
  position: relative;
  z-index: 1204;
}

.epanel-switch-row {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 9px;
  margin-bottom: 6px;
  padding: 7px 0 7px 34px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.epanel-switch-row .form-check-input {
  margin-left: -34px;
}

.epanel-switch-row .form-check-label {
  color: var(--epanel-ink-secondary);
  font-size: 12px;
  font-weight: 550;
}

.epanel-progress-thin {
  height: 8px;
  overflow: hidden;
  border-radius: 14px;
  background: var(--epanel-surface-muted);
}

.seo .epanel-progress-thin {
  border: 1px solid var(--epanel-field-focus-border);
}

.seo #seo_score_progress_bar {
  background: var(--epanel-accent);
  transition: width .25s ease;
}

.epanel-seo-score {
  display: grid;
  gap: 7px;
  margin: 18px 0;
}

.epanel-seo-score__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.epanel-seo-score__header span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.epanel-seo-score__header i {
  color: var(--epanel-accent);
}

.epanel-seo-score__header strong {
  color: var(--epanel-accent);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.02em;
}

.epanel-search-preview {
  margin: 2px 0 18px;
  padding: 16px;
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px;
  background: var(--epanel-paper);
}

.epanel-search-preview__label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  color: var(--epanel-ink-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.epanel-search-preview__label i {
  color: var(--epanel-accent);
}

.epanel-search-preview__site {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 4px;
  color: #202124;
  font-size: 12px;
  line-height: 1.3;
}

.epanel-search-preview__site img {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: contain;
}

.epanel-search-preview .title {
  overflow: hidden;
  color: #1a0dab;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-overflow: ellipsis;
}

.epanel-search-preview .description {
  overflow: hidden;
  color: #4d5156;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  text-overflow: ellipsis;
}

.epanel-search-preview .date,
.epanel-search-preview .desc {
  color: inherit;
}

.epanel-seo-date {
  color: var(--epanel-ink-muted);
}

.seo .card-header > i:first-child {
  margin-right: 8px;
  color: var(--epanel-accent);
}

.epanel-seo-toggle {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  margin-left: auto;
  padding: 0;
  border: 0;
  border-radius: 14px;
  color: var(--epanel-accent);
  background: transparent;
}

.epanel-seo-toggle:hover,
.epanel-seo-toggle:focus-visible {
  color: var(--epanel-accent);
  background: var(--epanel-paper);
}

.epanel-seo-toggle i {
  transition: transform .2s ease;
}

.epanel-seo-toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.epanel-ai-trigger i,
.epanel-ai-action i,
.epanel-ai-tools > i {
  color: #198754 !important;
}

.epanel-ai-trigger,
.epanel-ai-action {
  text-decoration: none !important;
  border-bottom-color: transparent !important;
}

.epanel-image-selector-item {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 0;
}

.epanel-image-selector-item .img-thumbnail {
  width: 100%;
  transition: opacity .16s ease;
}

.epanel-image-selector-item:hover .img-thumbnail,
.epanel-image-selector-item:focus-visible .img-thumbnail {
  opacity: .72;
}

.seo .recommends {
  margin-bottom: 18px;
}

.seo .recommends li {
  padding: 4px 0;
  font-size: 13px;
  line-height: 1.45;
}

.seo .recommends li > i {
  display: inline-block;
  width: 16px;
  margin-right: 7px;
  color: currentColor;
  vertical-align: -1px;
}

.seo .recommends .success { color: #4e9975; }
.seo .recommends .warning { color: #8a6500; }
.seo .recommends .info { color: var(--epanel-accent); }
.seo .recommends .danger { color: var(--epanel-danger-deep); }

.google-info {
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px;
  background: var(--epanel-surface-muted);
}

.google-info-header {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border: 0;
  border-radius: 14px;
  color: var(--epanel-ink-secondary);
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
}

.google-info-header > i:first-child {
  color: var(--epanel-accent);
}

.google-info-header__chevron {
  margin-left: auto;
  color: var(--epanel-ink-muted);
  transition: transform .2s ease;
}

.google-info-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .25s ease;
}

.google-info-content__inner {
  min-height: 0;
  overflow: hidden;
  padding: 0 14px;
  color: var(--epanel-ink-muted);
  font-size: 13px;
  line-height: 1.55;
}

.google-info-content__inner p:last-child {
  margin-bottom: 14px;
}

.google-info.active .google-info-content {
  grid-template-rows: 1fr;
}

.google-info.active .google-info-header__chevron {
  transform: rotate(180deg);
}

[dir="rtl"] .seo .card-header > i:first-child {
  margin-right: 0;
  margin-left: 8px;
}

[dir="rtl"] .epanel-seo-toggle {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] .google-info-header {
  text-align: right;
}

[dir="rtl"] .google-info-header__chevron {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] .seo .recommends li > i {
  margin-right: 0;
  margin-left: 7px;
}

.epanel-select-compact {
  max-width: 300px;
}

.epanel-logo-preview {
  width: auto;
  max-width: 100%;
  max-height: 50px;
  object-fit: contain;
}

.epanel-favicon-preview {
  width: auto;
  max-width: 32px;
  max-height: 32px;
  object-fit: contain;
}

.epanel-default-image-preview {
  width: auto;
  max-width: 200px;
  max-height: 140px;
  border-radius: 14px;
  object-fit: cover;
}

.row-image {
  padding: 8px 0;
  border-bottom: 1px solid var(--epanel-surface-muted);
}

.row-image:last-child {
  border-bottom: 0;
}

.row-image:hover {
  background: var(--epanel-accent-soft);
}

.img-thumbnail {
  border-color: var(--epanel-hairline);
  border-radius: 14px;
}

.newsImgContainer {
  position: relative;
}

.epanel-media-remove {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 3;
}

.epanel-chart {
  position: relative;
  min-height: 260px;
  height: 260px;
}

.epanel-chart canvas {
  width: 100% !important;
  height: 100% !important;
}

.epanel-content-panel__header {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.epanel-content-panel__title {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.epanel-content-panel__title > i {
  color: var(--epanel-accent);
  font-size: 14px;
}

.epanel-content-panel__header h2 {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.epanel-kicker {
  display: block;
  color: var(--epanel-accent);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.epanel-content-list {
  padding-top: 0;
  padding-bottom: 0;
}

.epanel-content-row {
  display: flex;
  min-height: 69px;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  border-top: 1px solid var(--epanel-surface-muted);
}

.epanel-content-row:first-child {
  border-top: 0;
}

.epanel-content-row__thumb {
  display: inline-flex;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 14px;
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-soft);
}

.epanel-content-row__thumb i {
  font-size: 18px;
}

.epanel-content-row__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.epanel-content-row__copy {
  min-width: 0;
  flex: 1 1 0%;
}

.epanel-content-row__title,
.epanel-content-row__meta {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-content-row__title {
  color: var(--epanel-ink-body);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.epanel-content-row:hover .epanel-content-row__title,
.epanel-content-row__title:hover {
  color: var(--epanel-accent);
}

.epanel-content-row__meta {
  margin-top: 4px;
  color: var(--epanel-ink-faint);
  font-size: 12px;
}

.epanel-status {
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 700;
}

.epanel-status--success {
  color: #0f5132; /* beyaz yazı açık yeşilde 1.5:1 idi */
  background: #aae0c8;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
}

.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.fs-7 { font-size: .85rem !important; }
.fs-8 { font-size: .75rem !important; }
.tu { text-transform: uppercase; }
.cursor-move { cursor: move; }

footer {
  color: var(--epanel-ink-muted);
  font-size: 12px;
}

html,
body {
  min-height: 100%;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

@media (min-width: 992px) {
  .epanel-navbar .dropdown-menu.epanel-dropdown-grid {
    width: max-content;
    min-width: 430px;
    max-width: min(480px, calc(100vw - 32px));
  }

  .epanel-navbar .dropdown-menu.epanel-dropdown-grid.show {
    display: grid;
    grid-template-columns: repeat(2, minmax(190px, 1fr));
    gap: 2px 8px;
  }

  .epanel-navbar .epanel-dropdown-grid > li {
    min-width: 0;
  }

  .epanel-navbar .epanel-dropdown-grid .dropdown-item {
    width: 100%;
    min-width: 0;
    white-space: normal;
  }

  .epanel-navbar .epanel-dropdown-grid__divider {
    grid-column: 1 / -1;
  }

  .nav-tabs {
    flex-wrap: wrap;
    overflow-x: visible;
    padding: 0;
  }

  .nav-tabs form {
    min-width: 260px;
  }

  .nav-tabs .epanel-listing-toolbar form {
    min-width: 0;
  }

  .form .sticky-top {
    top: var(--epanel-sticky-header-top, 80px);
    z-index: 20;
    transition: top 240ms ease;
  }

  html.epanel-nav-hidden .form .sticky-top {
    top: 12px;
  }

}

@media (max-width: 991.98px) {
  .epanel-page-hero {
    display: none;
  }

  .page-header {
    padding-top: 0;
  }

  .epanel-navbar > .epanel-navbar__surface {
    flex-wrap: nowrap;
    min-height: 58px;
    padding: 8px 10px;
  }

  .epanel-navbar .navbar-brand {
    order: 1;
    margin-inline-end: 6px;
  }

  .epanel-navbar__utilities {
    order: 3;
  }

  .epanel-navbar__external-link {
    display: none;
  }

  .epanel-navbar .navbar-toggler {
    display: none;
  }

  /* Mobilde ana seviye menü her zaman ikon şeridi olarak görünür.
     Bootstrap'in .collapse:not(.show) kuralını yalnız bu navigasyon için
     geçersiz kılıyoruz; alt seviye menüler dropdown olarak çalışmayı sürdürür. */
  .epanel-navbar .navbar-collapse,
  .epanel-navbar .navbar-collapse.collapse:not(.show) {
    display: block;
    order: 2;
    position: static;
    flex: 0 0 auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .epanel-navbar__logo--desktop {
    display: none;
  }

  .epanel-navbar__favicon {
    display: block;
  }

  .epanel-navbar .epanel-navbar__primary-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: auto;
    margin: 0 !important;
    gap: 0;
  }

  .epanel-navbar .epanel-navbar__primary-nav > .nav-item {
    flex: 0 0 auto;
  }

  .epanel-navbar .epanel-navbar__primary-nav .nav-link {
    display: flex;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    min-height: 38px;
    padding: 7px 5px;
    gap: 0;
  }

  .epanel-navbar .epanel-navbar__primary-nav .epanel-nav-label {
    display: none;
  }

  .epanel-navbar .epanel-navbar__primary-nav .nav-link > i,
  .epanel-navbar .epanel-navbar__primary-nav .epanel-nav-main-icon {
    min-width: 22px;
    font-size: 22px;
  }

  .epanel-navbar .dropdown-menu {
    /* Bootstrap, dar ekranda navbar dropdown'larını akışa geri alır.
       Bu da menü açıldığında kapsayıcıyı büyütüp sayfayı kaydırıyordu. */
    position: absolute;
    top: calc(100% + 4px);
    inset-inline-start: 0;
    z-index: 1040;
    margin: 4px 0 8px;
    box-shadow: none;
  }

  .epanel-navbar .epanel-navbar__utilities .dropdown-menu.dropdown-menu-end {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }

  .epanel-navbar .epanel-nav-submenu__menu {
    position: static;
    margin: 2px 0 6px 18px;
    border: 0;
    background: var(--epanel-canvas);
  }

  .epanel-navbar .epanel-navbar__utilities {
    display: flex !important;
    flex: 0 0 auto;
    flex-direction: row !important;
    flex-wrap: nowrap;
    width: auto;
    margin-left: auto;
  }

  .form .sticky-top {
    position: static;
  }

  #table-news th:nth-child(1),
  #table-news td:nth-child(1),
  #table-news th:nth-child(5),
  #table-news td:nth-child(5),
  #table-news th:nth-child(6),
  #table-news td:nth-child(6) {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-header,
  .form .sticky-top {
    transition: none;
  }
}

@media (max-width: 600px) {
  body {
    font-size: 13px;
  }

  body > .container {
    padding-right: 0;
    padding-left: 0;
  }

  .card-body,
  .box {
    padding: 8px;
  }

  .epanel-home-quick-actions > [class*="col-"] {
    flex: 0 0 33.333333%;
    width: 33.333333%;
  }

  .epanel-home-quick-actions .epanel-quick-action {
    min-height: 70px;
    padding: 9px 4px !important;
    border-radius: 10px !important;
    font-size: 10px;
    line-height: 1.2;
  }

  .epanel-home-quick-actions .epanel-quick-action i {
    font-size: 22px !important;
  }

.card-header:not(.nav-tabs) {
    padding: 0 14px;
  }

  .page-title {
    padding: 10px 0;
  }

  .nav-tabs {
    /* Kapsayıcı mobilde yatay dolgusuz; negatif kenar boşluğu sayfayı 4px yatay kaydırıyordu. */
    margin-right: 0;
    margin-left: 0;
  }

  .tab-search,
  .tab-search .form-control,
  .epanel-toolbar-search {
    width: 100%;
  }

  #table-news th:nth-child(4),
  #table-news td:nth-child(4),
  #table-news th:nth-child(7),
  #table-news td:nth-child(7),
  #table-news th:nth-child(8),
  #table-news td:nth-child(8) {
    display: none;
  }

  #table-news th.title {
    min-width: 230px;
  }

  .modal-dialog {
    margin: 12px;
  }

  .modal-body {
    max-height: calc(100dvh - 160px);
    padding: 16px;
  }

  .modal-header,
  .modal-footer {
    padding-right: 16px;
    padding-left: 16px;
  }

  .modal-footer {
    align-items: stretch;
  }

  .modal-footer .btn {
    flex: 1 1 auto;
  }

  .epanel-chart {
    min-height: 230px;
    height: 230px;
  }

  .epanel-content-panel__header {
    align-items: flex-start;
  }

  .epanel-content-panel__header .btn {
    min-height: 34px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .epanel-content-row {
    align-items: flex-start;
  }

  .epanel-content-row .epanel-status {
    display: none;
  }
}

.epanel-table-wrap-text td {
  white-space: normal !important;
  vertical-align: middle;
}

/* Sarılan tablolarda tarih ve IP gibi kısa değerler tek satırda kalır. */
.epanel-table-wrap-text td.text-nowrap {
  white-space: nowrap !important;
}

.epanel-result-message {
  padding: 40px 0;
  text-align: center;
}

.epanel-upload-illustration {
  width: 60px;
}

.epanel-col-actions {
  min-width: 100px;
}

.epanel-category-thumb {
  min-width: 50px;
}

.epanel-category-name {
  color: var(--epanel-accent-deep);
}

.epanel-category-drag-heading,
.epanel-category-drag-cell {
  width: 42px;
  min-width: 42px;
  padding-inline: 7px !important;
  text-align: center;
}

.epanel-category-drag-heading {
  color: var(--epanel-ink-muted);
}

.epanel-category-drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--epanel-hairline);
  border-radius: 8px;
  color: var(--epanel-ink-muted);
  background: var(--epanel-paper);
  cursor: grab;
  touch-action: none;
  transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
}

.epanel-category-drag-handle:hover,
.epanel-category-drag-handle:focus-visible {
  color: var(--epanel-accent);
  border-color: var(--epanel-accent-border);
  background: var(--epanel-accent-soft);
  outline: 0;
  transform: scale(1.05);
}

.epanel-category-sort-row.is-dragging > td {
  color: var(--epanel-ink-muted);
  background: var(--epanel-surface-muted) !important;
  opacity: .48;
}

.epanel-category-sort-row.is-dragging .epanel-category-drag-handle {
  color: var(--epanel-accent);
  border-color: var(--epanel-accent-border);
  background: var(--epanel-accent-soft);
}

.epanel-category-drop-indicator > td {
  padding: 5px !important;
  border: 0 !important;
  background: transparent !important;
}

.epanel-category-drop-indicator > td > div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  border: 1px dashed var(--epanel-accent-border);
  border-radius: 8px;
  color: var(--epanel-accent);
  background: var(--epanel-accent-soft);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}

.epanel-category-drop-indicator i {
  margin-right: 6px;
}

.epanel-category-sortable.is-saving {
  pointer-events: none;
  opacity: .65;
}

.epanel-category-is-sorting,
.epanel-category-is-sorting * {
  cursor: grabbing !important;
  user-select: none;
}

.epanel-icon-picker-input .btn {
  width: 34px;
  padding-inline: 0;
}

.epanel-icon-picker-input > .form-control {
  border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
}

.epanel-icon-picker-input > .btn {
  margin-inline-start: -1px !important;
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
}

.epanel-icon-picker-input .btn > i,
.epanel-icon-picker-search .input-group-text > i {
  color: var(--epanel-accent);
}

.epanel-icon-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(52px, 1fr));
  gap: 6px;
}

.epanel-icon-picker-option {
  display: grid;
  min-height: 52px;
  place-items: center;
  padding: 6px;
  border: 1px solid var(--epanel-hairline);
  border-radius: 10px;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-paper);
}

.epanel-icon-picker-option > i {
  color: var(--epanel-accent);
  font-size: 22px;
}

.epanel-icon-picker-option:hover,
.epanel-icon-picker-option:focus-visible {
  border-color: var(--epanel-accent-border);
  color: var(--epanel-ink);
  background: var(--epanel-accent-soft);
  outline: 0;
}

#epanel-icon-picker {
  z-index: 1220;
}

.epanel-icon-picker-backdrop {
  z-index: 1215;
}

.epanel-list-thumb {
  height: 48px;
  object-fit: cover;
}

.epanel-content-listing {
  width: 100%;
  table-layout: fixed;
  border: 0;
  border-radius: 0;
  --bs-table-hover-bg: #f8f8f8;
}

.agency-content-listing thead .agency-listing-title {
  width: auto;
}

.agency-content-listing .agency-listing-image {
  width: 76px;
}

.agency-content-listing .agency-listing-action {
  width: 184px;
}

/* Durum butonu (EKLE, EKLENDİ, RESİM BEKLENİYOR…) sütuna sığar ve kırılmaz. */
.agency-content-listing .agency-state-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  white-space: nowrap;
}

/* Uzun başlık ve meta satırı tek satırda kalır, taşan kısım üç noktayla kesilir. */
.agency-content-listing .epanel-listing-title-cell {
  min-width: 0;
}

.agency-content-listing .epanel-listing-title,
.agency-content-listing .epanel-listing-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-listing-thumb-wrap {
  position: relative;
  width: 64px;
  height: 48px;
}

.agency-listing-thumb {
  display: block;
  width: 64px;
  height: 48px;
  border-radius: .5rem;
  object-fit: cover;
  background: var(--bs-light);
}

.agency-listing-media-badges {
  position: absolute;
  top: .2rem;
  left: .2rem;
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
  max-width: calc(100% - .4rem);
  pointer-events: none;
}

.agency-listing-media-badges .badge {
  display: inline-flex;
  align-items: center;
  gap: .15rem;
  padding: .16rem .28rem;
  color: #fff;
  background: rgba(15, 23, 42, .82);
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: .35rem;
  font-size: .64rem;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .18);
}

.agency-listing-row-is-added .epanel-listing-title {
  color: var(--bs-secondary-color) !important;
}

.agency-add-modal .modal-body {
  background: #fff;
}

.agency-add-modal .object-fit-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.agency-modal-images {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
}

.agency-modal-image {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  padding: 0;
  border: 2px solid transparent;
  border-radius: .5rem;
  background: var(--bs-white);
  cursor: grab;
}

.agency-modal-image:active {
  cursor: grabbing;
}

.agency-modal-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.agency-modal-image.is-primary {
  border-color: var(--bs-success);
  box-shadow: 0 0 0 .15rem rgba(var(--bs-success-rgb), .16);
}

.agency-modal-image.is-primary::after {
  content: '\2713';
  position: absolute;
  top: .35rem;
  right: .35rem;
  width: 1.45rem;
  height: 1.45rem;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--bs-success);
  border-radius: 50%;
  font-weight: 700;
}

.agency-modal-ai-tools {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  background: var(--bs-light);
}

.agency-content-listing .epanel-listing-meta {
  max-width: 70ch;
}

@media (max-width: 767.98px) {
  .agency-content-listing .agency-listing-title {
    width: auto;
  }

  .agency-content-listing .agency-listing-action {
    width: 172px;
  }
}

.table-responsive.epanel-content-listing-wrap {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.table-responsive.epanel-module-listing-wrap {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.epanel-module-listing:not(.epanel-content-listing) {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}

.epanel-module-listing:not(.epanel-content-listing) > :not(caption) > * > * {
  border-width: 0 0 1px !important;
  border-color: var(--epanel-hairline);
}

.epanel-module-listing:not(.epanel-content-listing) > tbody > tr {
  border: 0 !important;
}

.epanel-module-listing:not(.epanel-content-listing) thead th {
  padding: 10px 12px;
  border-top: 0;
  background: var(--epanel-table-header-bg) !important;
  color: var(--epanel-ink-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.epanel-module-listing:not(.epanel-content-listing) tbody td {
  padding: 10px;
  border-inline: 0;
  color: var(--epanel-ink-body);
  font-size: 13px;
  line-height: 1.45;
  vertical-align: middle;
}

.epanel-module-listing:not(.epanel-content-listing) .epanel-col-actions {
  min-width: 90px;
}

#table-news.epanel-module-listing:not(.epanel-content-listing) thead th,
#table-news.epanel-module-listing:not(.epanel-content-listing) tbody td {
  padding-inline: 10px;
}

@media (min-width: 1200px) {
  .table-responsive.epanel-module-listing-wrap {
    overflow-x: clip;
  }
}

.epanel-module-listing:not(.epanel-content-listing) tbody td b,
.epanel-module-listing:not(.epanel-content-listing) tbody td strong {
  font-weight: 600;
}

.epanel-module-listing:not(.epanel-content-listing) tbody td a:not(.btn):not(.btn-circle):not(.icon-button) {
  color: var(--epanel-ink-body);
  text-decoration: none;
}

.epanel-module-listing:not(.epanel-content-listing) tbody td a:not(.btn):not(.btn-circle):not(.icon-button):hover {
  color: var(--epanel-accent);
}

.epanel-module-listing:not(.epanel-content-listing).table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--epanel-surface-muted);
  color: var(--epanel-ink-body);
}

.epanel-module-listing table.table-bordered {
  border: 0;
}

.epanel-module-listing table.table-bordered > :not(caption) > * > * {
  border-width: 0 0 1px !important;
  border-color: var(--epanel-hairline) !important;
}

.epanel-module-listing table.table-bordered tr {
  border: 0 !important;
}

/* Theme module manager: it uses sortable tables outside the common listing markup. */
#nav-tabContent:has(#sortable) table {
  margin-bottom: 0;
  border: 0 !important;
  border-radius: 0;
}

#nav-tabContent:has(#sortable) table > :not(caption) > * > * {
  border-width: 0 0 1px !important;
  border-color: var(--epanel-hairline) !important;
}

#nav-tabContent:has(#sortable) table thead th {
  padding: 11px 12px;
  background: var(--epanel-table-header-bg) !important;
  color: var(--epanel-ink-secondary);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .035em;
  text-transform: uppercase;
}

#nav-tabContent:has(#sortable) table tbody td {
  padding: 10px 12px;
  color: var(--epanel-ink-body);
  font-size: 13px;
  line-height: 1.45;
  vertical-align: middle;
}

#nav-tabContent:has(#sortable) #sortable > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--epanel-surface-muted);
}

.epanel-legacy-listing-panel {
  overflow: hidden;
  border: 0 !important;
  border-radius: 14px;
  background: var(--epanel-paper);
  box-shadow: none !important;
}

.epanel-legacy-listing-panel > .panel-title {
  min-height: 0;
  margin: 0;
  padding: 0 !important;
  border: 0;
  background: var(--epanel-tab-strip-bg);
}

.epanel-legacy-listing-panel .epanel-legacy-subnav,
.epanel-legacy-listing-panel .epanel-legacy-subnav > .container-fluid {
  min-height: 0;
  padding: 0 !important;
  border: 0;
  background: transparent;
}

.epanel-legacy-listing-panel .epanel-legacy-subnav .navbar-header {
  display: none;
}

.epanel-legacy-listing-panel .epanel-legacy-subnav .navbar-collapse {
  display: block !important;
  height: auto !important;
  padding: 0;
  border: 0;
}

.epanel-legacy-listing-panel .epanel-legacy-subnav .nav-tabs {
  width: 100%;
  margin: 0;
}

.epanel-legacy-listing-panel > .panel-title > .nav-tabs {
  width: 100%;
  margin: 0;
}

.epanel-legacy-listing-panel > .panel-body {
  padding: 16px 20px 20px;
  border: 0;
  border-radius: 0;
  background: var(--epanel-paper);
}

.epanel-legacy-listing-panel .epanel-list-count {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 28px;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--epanel-ink-secondary);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.epanel-legacy-listing-panel .epanel-list-count strong {
  margin-inline: 3px;
}

.epanel-content-listing > :not(caption) > * > * {
  border-color: var(--epanel-hairline);
  border-inline: 0;
}

.epanel-content-listing > thead > tr > th {
  border-top: 0;
  background: var(--epanel-table-header-bg) !important;
}

.panel-stats-ranking-table {
  min-width: 760px;
  table-layout: fixed;
}

.epanel-content-listing.panel-stats-ranking-table > thead,
.epanel-content-listing.panel-stats-ranking-table > thead > tr,
.epanel-content-listing.panel-stats-ranking-table > thead > tr > th {
  position: static !important;
  inset-block-start: auto !important;
  top: auto !important;
  z-index: auto !important;
  transform: none !important;
  box-shadow: none !important;
}

.panel-stats-ranking-table > tbody > tr > td:nth-child(2) {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (min-width: 768px) {
  .table-responsive.epanel-content-listing-wrap,
  .table-responsive.epanel-module-listing-wrap {
    overflow: visible;
  }

  .epanel-content-listing > thead > tr > th,
  .epanel-module-listing > thead > tr > th {
    position: sticky;
    z-index: 18;
    top: var(--epanel-header-height, 68px);
    box-shadow: 0 1px 0 var(--epanel-hairline), 0 8px 16px rgba(15, 23, 42, .08) !important;
    transition: top 240ms ease;
  }

  html.epanel-nav-hidden .epanel-content-listing > thead > tr > th,
  html.epanel-nav-hidden .epanel-module-listing > thead > tr > th {
    top: 0;
  }
}

.epanel-content-listing > tbody > tr > td {
  background: transparent !important;
}

.epanel-content-listing.table-hover > tbody > tr:hover > * {
  color: inherit;
  background: #f8f8f8 !important;
}

.epanel-content-listing .epanel-listing-media-cell {
  position: relative;
  width: 92px;
  min-width: 90px;
  padding: 8px 6px !important;
  text-align: center;
  vertical-align: middle;
}

.epanel-content-listing .epanel-listing-media-heading {
  width: 92px;
  min-width: 90px;
}

.epanel-content-listing .news-bulk-select-heading,
.epanel-content-listing .news-bulk-select-cell {
  width: 38px;
  min-width: 38px;
  padding: 8px 4px !important;
  text-align: center;
  vertical-align: middle;
}

.epanel-content-listing .epanel-listing-media-wrap {
  position: relative;
  width: 80px;
  margin: 0 auto;
}

.news-bulk-row-select {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 5px;
  cursor: pointer;
}

.news-bulk-row-select .form-check-input,
.news-bulk-select-all .form-check-input {
  width: 14px;
  height: 14px;
  margin: 0;
  border-color: #a3a3a3;
  cursor: pointer;
}

.news-bulk-row-select .form-check-input:checked,
.news-bulk-select-all .form-check-input:checked,
.news-bulk-select-all .form-check-input:indeterminate {
  border-color: var(--epanel-accent);
  background-color: var(--epanel-accent);
}

.news-bulk-select-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: var(--epanel-ink-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}

.epanel-content-listing > tbody > tr.is-news-selected > td {
  background: color-mix(in srgb, var(--epanel-accent) 7%, #ffffff) !important;
}

.epanel-content-listing > tbody > tr.is-news-selected > td:first-child {
  box-shadow: inset 3px 0 0 var(--epanel-accent);
}

.news-bulk-action-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 31px;
}

.news-bulk-action-button .badge {
  min-width: 20px;
  border-radius: 10px;
  font-size: 10px;
}

.news-bulk-modal {
  border: 0;
  border-radius: 12px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .18);
}

.news-bulk-modal-icon {
  display: inline-flex;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: var(--epanel-accent);
  background: color-mix(in srgb, var(--epanel-accent) 10%, #ffffff);
  font-size: 19px;
}

.news-bulk-modal .modal-header,
.news-bulk-modal .modal-footer {
  border-color: var(--epanel-hairline);
}

.news-bulk-modal .form-label {
  margin-bottom: 5px;
  color: var(--epanel-ink-body);
  font-size: 12px;
  font-weight: 600;
}

.news-bulk-submit {
  border-color: var(--epanel-accent) !important;
  color: #ffffff !important;
  background: var(--epanel-accent) !important;
}

.news-bulk-submit:hover,
.news-bulk-submit:focus,
.news-bulk-submit:active {
  border-color: color-mix(in srgb, var(--epanel-accent) 88%, #000000) !important;
  color: #ffffff !important;
  background: color-mix(in srgb, var(--epanel-accent) 88%, #000000) !important;
}

.news-bulk-submit:focus-visible {
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--epanel-accent) 22%, transparent) !important;
}

.news-bulk-submit:disabled,
.news-bulk-submit.disabled {
  border-color: var(--epanel-accent) !important;
  color: #ffffff !important;
  background: var(--epanel-accent) !important;
  opacity: .72;
  cursor: wait;
}

#table-news.epanel-content-listing .epanel-listing-media {
  display: block;
  width: 80px;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 5px;
  object-fit: cover;
}

.epanel-content-listing .epanel-listing-id {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: inline-flex;
  min-height: 14px;
  align-items: center;
  padding: 1px 3px;
  border: 0;
  border-radius: 0 5px 0 4px;
  color: #111111 !important;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .16);
  font-size: 8px;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  cursor: pointer;
}

.epanel-content-listing .epanel-listing-id:hover,
.epanel-content-listing .epanel-listing-id:focus-visible {
  color: var(--epanel-accent) !important;
}

[dir="rtl"] .epanel-content-listing .epanel-listing-id {
  right: auto;
  left: 0;
  border-radius: 5px 0 4px 0;
}

.epanel-content-listing .epanel-listing-title-cell {
  width: 50%;
  min-width: 280px;
  vertical-align: middle;
}

.epanel-content-listing .epanel-listing-title-heading {
  width: 50%;
}

.epanel-content-listing .epanel-listing-title {
  display: block;
  overflow: hidden;
  color: var(--epanel-ink-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-content-listing .epanel-listing-title:hover,
.epanel-content-listing .epanel-listing-title:focus {
  color: var(--epanel-accent);
}

.epanel-content-listing .epanel-listing-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  margin-top: 3px;
  color: #525252;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25;
  white-space: nowrap;
}

.epanel-content-listing .epanel-listing-meta > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.epanel-content-listing .epanel-listing-category {
  overflow: hidden;
  max-width: 42%;
  color: #525252;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-content-listing .epanel-listing-category:hover,
.epanel-content-listing .epanel-listing-category:focus {
  color: var(--epanel-accent);
}

.epanel-content-listing .epanel-listing-editor {
  width: 150px;
  min-width: 150px;
  overflow: hidden;
  color: var(--epanel-ink-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-content-listing .epanel-listing-editor > a {
  display: block;
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-content-listing .epanel-listing-secondary {
  width: 52px;
}

.epanel-content-listing .epanel-listing-type {
  width: 150px;
  min-width: 150px;
  padding-inline: 4px !important;
  white-space: nowrap;
}

.epanel-content-listing .epanel-listing-actions {
  width: 116px;
  min-width: 90px;
}

#table-news.epanel-content-listing .btn-action-type,
#table-news.epanel-content-listing .btn-action-type-2 {
  font-size: 0;
  white-space: nowrap;
}

#table-news.epanel-content-listing .btn-action-type > a,
#table-news.epanel-content-listing .btn-action-type-2 > a,
#table-news.epanel-content-listing .btn-action-type-2 > form {
  margin-inline: 1px;
}

@media (max-width: 991.98px) {
  #table-news.epanel-content-listing {
    table-layout: auto;
  }

  #table-news.epanel-content-listing .epanel-listing-media-heading,
  #table-news.epanel-content-listing .epanel-listing-media-cell,
  #table-news.epanel-content-listing .epanel-listing-actions {
    display: table-cell !important;
  }

  #table-news.epanel-content-listing .epanel-listing-media-heading,
  #table-news.epanel-content-listing .epanel-listing-media-cell {
    width: 92px !important;
    min-width: 90px;
  }

  .epanel-content-listing .news-bulk-select-heading,
  .epanel-content-listing .news-bulk-select-cell {
    display: none !important;
  }

  #table-news.epanel-content-listing .epanel-listing-title-cell {
    width: auto !important;
    min-width: 0;
  }

  #table-news.epanel-content-listing .epanel-listing-actions {
    width: 116px !important;
    min-width: 90px;
  }

}

/* İçerik listeleri (haber, arşiv, makale, video, galeri), yatay mobil/tablet: Ekleyen gizlenir; Hit (haberde Tür de) görünür. */
@media (min-width: 600.02px) and (max-width: 991.98px) {
  #table-news.epanel-content-listing:has(.epanel-listing-secondary) .epanel-listing-editor {
    display: none !important;
  }

  #table-news.epanel-content-listing:has(.epanel-listing-secondary) .epanel-listing-secondary {
    display: table-cell !important;
  }

  #table-news.epanel-content-listing:has(.epanel-listing-secondary) .epanel-listing-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
  }
}

/* İçerik listeleri, dikey mobil: kart satırı aynı kalır; Hit (haberde Tür de) sağda, tablo sola kaydırılınca görünür. */
@media (max-width: 600px) {
  #table-news.epanel-content-listing:has(.epanel-listing-secondary) tr:has(.epanel-listing-secondary) {
    width: calc(100% + 56px);
  }

  #table-news.epanel-content-listing:has(.epanel-listing-secondary) tr:has(.epanel-listing-secondary + .epanel-listing-secondary) {
    width: calc(100% + 112px);
  }

  #table-news.epanel-content-listing:has(.epanel-listing-secondary) tr:has(.epanel-listing-secondary + .epanel-listing-type) {
    width: calc(100% + 206px);
  }

  #table-news.epanel-content-listing:has(.epanel-listing-secondary) tr:has(.epanel-listing-secondary + .epanel-listing-secondary + .epanel-listing-type) {
    width: calc(100% + 262px);
  }

  #table-news.epanel-content-listing:has(.epanel-listing-secondary) .epanel-listing-secondary {
    display: flex !important;
    grid-row: 1;
    align-self: stretch;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 56px;
    border-left: 1px solid var(--epanel-hairline) !important;
    font-size: 12px;
  }

  #table-news.epanel-content-listing:has(.epanel-listing-secondary) .epanel-listing-type {
    width: 150px;
  }
}

@media (max-width: 600px) {
  .epanel-editor-heading--actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  #table-news.epanel-content-listing,
  #table-news.epanel-content-listing tbody,
  #table-news.epanel-content-listing tr {
    display: block;
    width: 100%;
  }

  #table-news.epanel-content-listing thead {
    display: none;
  }

  #table-news.epanel-content-listing .epanel-listing-editor,
  #table-news.epanel-content-listing .epanel-listing-secondary {
    display: none !important;
  }

  #table-news.epanel-content-listing tr {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    align-items: center;
    border-bottom: 1px solid var(--epanel-hairline);
  }

  #table-news.epanel-content-listing tr > td {
    display: block !important;
    min-width: 0;
    border: 0;
  }

  #table-news.epanel-content-listing .news-bulk-select-heading,
  #table-news.epanel-content-listing .news-bulk-select-cell {
    display: none !important;
  }

  #table-news.epanel-content-listing .epanel-listing-media-cell,
  #table-news.epanel-content-listing .epanel-listing-actions {
    display: block !important;
  }

  .epanel-content-listing .epanel-listing-media-cell {
    width: 74px;
    padding-inline: 4px !important;
  }

  .epanel-content-listing .epanel-listing-media-heading {
    width: 74px;
  }

  #table-news.epanel-content-listing .epanel-listing-media {
    width: 64px;
  }

  .epanel-content-listing .epanel-listing-media-wrap {
    width: 64px;
  }

  .epanel-content-listing .epanel-listing-actions {
    width: auto;
    min-width: 0;
    padding: 8px 4px !important;
    white-space: normal;
  }

  .epanel-content-listing .epanel-listing-title-cell {
    grid-column: 2;
    grid-row: 1;
    width: auto;
    min-width: 0;
    padding-inline: 8px !important;
  }

  #table-news.epanel-content-listing .epanel-listing-media-cell {
    grid-column: 1;
    grid-row: 1;
  }

  #table-news.epanel-content-listing .epanel-listing-actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  .epanel-content-listing .epanel-listing-meta {
    gap: 5px;
    font-size: 10px;
  }

  .epanel-content-listing .epanel-listing-category {
    max-width: 46%;
  }

  #table-news.epanel-category-listing,
  #table-news.epanel-category-listing tbody,
  #table-news.epanel-category-listing tr {
    display: block;
    width: 100%;
  }

  #table-news.epanel-category-listing thead {
    display: none;
  }

  #table-news.epanel-category-listing tr {
    display: grid;
    grid-template-columns: 34px 26px minmax(0, 1fr) auto;
    align-items: center;
    min-height: 54px;
    border-bottom: 1px solid var(--epanel-hairline);
  }

  #table-news.epanel-category-listing tr > td {
    display: none !important;
    min-width: 0;
    padding: 8px 6px;
    border: 0;
  }

  #table-news.epanel-category-listing tr > td:first-child,
  #table-news.epanel-category-listing tr > td:nth-child(4),
  #table-news.epanel-category-listing tr > td:nth-child(5),
  #table-news.epanel-category-listing tr > td:last-child {
    display: block !important;
  }

  #table-news.epanel-category-listing tr > td:first-child {
    grid-column: 1;
    text-align: center;
    padding-inline: 3px;
  }

  #table-news.epanel-category-listing tr > td:nth-child(4) {
    grid-column: 2;
    text-align: center;
  }

  #table-news.epanel-category-listing tr > td:nth-child(5) {
    grid-column: 3;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #table-news.epanel-category-listing tr > td:last-child {
    grid-column: 4;
    text-align: end;
  }

  .table-responsive.epanel-module-listing-wrap:has(#table-news.epanel-category-listing) {
    overflow-x: clip;
  }
}

.epanel-feed-thumb {
  width: auto;
  max-width: 100px;
  height: auto;
}

.epanel-list-count {
  margin: 5px 0;
  padding: 8px;
  border: 1px solid var(--epanel-hairline);
  border-radius: var(--bs-border-radius);
  background: var(--epanel-paper);
}

.epanel-social-share {
  display: flex;
  align-items: center;
  gap: 5px;
}

.epanel-social-share__icon {
  display: block;
  width: 26px;
  height: 26px;
}

.epanel-app-preview {
  max-width: 250px;
}

.epanel-map {
  width: 100%;
  border-radius: var(--bs-border-radius-lg);
  overflow: hidden;
}

.epanel-map--medium {
  height: 484px;
}

.epanel-map--large {
  height: 600px;
}

.epanel-help-frame {
  width: 100%;
  height: calc(100dvh - 150px);
  min-height: 480px;
  border: 0;
}

/* ── Yazılım Güncelleme ─────────────────────────────────────────── */
.hpu-update { --hpu-radius: 14px; margin: .75rem 0 2rem; }
.hpu-update__head { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; margin-bottom: .75rem; flex-wrap: wrap; }
.hpu-update__title { font-size: 1.375rem; font-weight: 650; letter-spacing: -.01em; color: var(--epanel-ink); margin: 0; }
.hpu-update__subtitle { margin: .25rem 0 0; color: var(--epanel-ink-faint); font-size: .875rem; }
.hpu-update__refresh { border-radius: 999px; }
.hpu-card { background: var(--epanel-paper); border: 1px solid var(--epanel-hairline); border-radius: var(--hpu-radius); box-shadow: var(--epanel-shadow-subtle); padding: 1.25rem 1.375rem; margin-bottom: 1rem; }
.hpu-card__head { margin-bottom: .875rem; }
.hpu-card__title { font-size: .8125rem; font-weight: 650; text-transform: uppercase; letter-spacing: .06em; color: var(--epanel-ink-faint); margin: 0; }
.hpu-hero { padding: 1.5rem 1.625rem; position: relative; overflow: hidden; }
.hpu-hero--accent::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: var(--epanel-accent); }
.hpu-hero__text { color: var(--epanel-ink-body); margin: .75rem 0 0; max-width: 60ch; }
.hpu-hero__note { color: var(--epanel-ink-faint); font-size: .875rem; }
.hpu-pill { display: inline-flex; align-items: center; gap: .375rem; padding: .3125rem .75rem; border-radius: 999px; font-size: .8125rem; font-weight: 600; border: 1px solid transparent; }
.hpu-pill--accent { background: color-mix(in srgb, var(--epanel-accent) 9%, #fff); color: var(--epanel-accent); border-color: color-mix(in srgb, var(--epanel-accent) 22%, #fff); }
.hpu-pill--success { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
.hpu-pill--warning { background: #fffbeb; color: #b45309; border-color: #fde68a; }
.hpu-pill--neutral { background: var(--epanel-surface-muted); color: var(--epanel-ink-body); border-color: var(--epanel-hairline); }
.hpu-versions { display: flex; align-items: stretch; gap: .75rem; margin-top: 1.375rem; }
.hpu-version { flex: 1 1 0; border: 1px solid var(--epanel-hairline); border-radius: 12px; padding: .875rem 1rem; background: var(--epanel-surface-soft); display: flex; flex-direction: column; gap: .125rem; }
.hpu-version--next { border-color: color-mix(in srgb, var(--epanel-accent) 35%, #fff); background: color-mix(in srgb, var(--epanel-accent) 4%, #fff); }
.hpu-version__label { font-size: .75rem; color: var(--epanel-ink-faint); }
.hpu-version__value { font-size: 1.625rem; font-weight: 700; letter-spacing: -.02em; color: var(--epanel-ink); font-variant-numeric: tabular-nums; }
.hpu-version--next .hpu-version__value { color: var(--epanel-accent); }
.hpu-version__meta { font-size: .75rem; color: var(--epanel-ink-faint); }
.hpu-versions__arrow { display: flex; align-items: center; color: var(--epanel-ink-faint); font-size: 1.25rem; }
.hpu-hero__actions { display: flex; gap: .625rem; flex-wrap: wrap; margin-top: 1.375rem; }
.hpu-btn-lg { padding: .625rem 1.125rem; border-radius: 10px; font-weight: 600; }
.hpu-changes, .hpu-safety, .hpu-history { list-style: none; margin: 0; padding: 0; }
.hpu-changes li { display: flex; gap: .625rem; padding: .5rem 0; border-top: 1px solid var(--epanel-hairline); color: var(--epanel-ink-body); }
.hpu-changes li:first-child { border-top: 0; padding-top: 0; }
.hpu-changes .ti { color: var(--epanel-accent); margin-top: .1875rem; font-size: .75rem; }
.hpu-safety li { display: flex; gap: .625rem; align-items: flex-start; padding: .4375rem 0; font-size: .875rem; color: var(--epanel-ink-body); }
.hpu-safety .ti { color: #047857; font-size: 1.0625rem; margin-top: .0625rem; }
.hpu-history li { display: flex; gap: .75rem; padding: .5rem 0; position: relative; }
.hpu-history li + li::before { content: ""; position: absolute; left: 4px; top: -.5rem; height: 1rem; border-left: 1px dashed var(--epanel-border-strong); }
.hpu-history__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--epanel-accent); margin-top: .4375rem; flex: none; }
.hpu-history li + li .hpu-history__dot { background: var(--epanel-border-strong); }
.hpu-history__meta { display: block; font-size: .8125rem; color: var(--epanel-ink-faint); }
.hpu-empty { color: var(--epanel-ink-faint); font-size: .875rem; margin: 0; }

.hpu-modal .modal-content { border: 0; border-radius: 18px; box-shadow: 0 24px 64px rgba(0, 0, 0, .18); overflow: hidden; }
.hpu-modal__body { padding: 2rem 1.75rem 1.25rem; }
.hpu-modal__hero { text-align: center; margin-bottom: 1.25rem; }
.hpu-modal__title { font-size: 1.1875rem; font-weight: 650; margin: 1rem 0 .375rem; color: var(--epanel-ink); }
.hpu-modal__status { color: var(--epanel-ink-faint); font-size: .875rem; margin: 0; min-height: 1.3em; }
.hpu-orb { width: 64px; height: 64px; margin: 0 auto; border-radius: 50%; position: relative; display: grid; place-items: center; background: color-mix(in srgb, var(--epanel-accent) 8%, #fff); color: var(--epanel-accent); font-size: 1.75rem; transition: background .3s ease, color .3s ease; }
.hpu-orb__spinner { position: absolute; inset: 0; border-radius: 50%; border: 3px solid color-mix(in srgb, var(--epanel-accent) 18%, transparent); border-top-color: var(--epanel-accent); animation: hpu-spin .9s linear infinite; }
.hpu-orb__ok, .hpu-orb__fail { display: none; animation: hpu-pop .35s cubic-bezier(.2, .9, .3, 1.4); }
.hpu-modal.is-success .hpu-orb { background: #ecfdf5; color: #047857; }
.hpu-modal.is-error .hpu-orb { background: var(--epanel-danger-bg); color: var(--epanel-danger); }
.hpu-modal.is-success .hpu-orb__spinner, .hpu-modal.is-error .hpu-orb__spinner { display: none; }
.hpu-modal.is-success .hpu-orb__ok, .hpu-modal.is-error .hpu-orb__fail { display: block; }
.hpu-progress { height: 6px; border-radius: 999px; background: var(--epanel-surface-muted); overflow: hidden; margin-bottom: 1.25rem; }
.hpu-progress__bar { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--epanel-accent); transition: width .5s ease; position: relative; overflow: hidden; }
.hpu-modal.is-running .hpu-progress__bar::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent); animation: hpu-shimmer 1.4s ease-in-out infinite; }
.hpu-modal.is-success .hpu-progress__bar { background: #10b981; }
.hpu-modal.is-error .hpu-progress__bar { background: var(--epanel-danger); }
.hpu-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: .125rem; }
.hpu-step { display: flex; gap: .75rem; align-items: flex-start; padding: .5rem .625rem; border-radius: 10px; color: var(--epanel-ink-faint); transition: background .2s ease, color .2s ease; }
.hpu-step__icon { width: 22px; height: 22px; flex: none; border-radius: 50%; border: 1.5px solid var(--epanel-border-strong); display: grid; place-items: center; font-size: .8125rem; position: relative; margin-top: .0625rem; }
.hpu-step__icon .ti, .hpu-step__spinner { display: none; }
.hpu-step__spinner { position: absolute; inset: -1.5px; border-radius: 50%; border: 2px solid transparent; border-top-color: var(--epanel-accent); animation: hpu-spin .8s linear infinite; }
.hpu-step__body { display: flex; flex-direction: column; min-width: 0; }
.hpu-step__title { font-weight: 600; font-size: .9063rem; }
.hpu-step__detail { font-size: .8125rem; display: none; }
.hpu-step.is-active { background: var(--epanel-surface-soft); color: var(--epanel-ink); }
.hpu-step.is-active .hpu-step__icon { border-color: color-mix(in srgb, var(--epanel-accent) 25%, #fff); }
.hpu-step.is-active .hpu-step__spinner { display: block; }
.hpu-step.is-active .hpu-step__detail { display: block; color: var(--epanel-ink-faint); }
.hpu-step.is-active .hpu-step__detail::after { content: ""; display: inline-block; width: 1.2em; text-align: left; animation: hpu-dots 1.2s steps(4, end) infinite; }
.hpu-step.is-done { color: var(--epanel-ink-body); }
.hpu-step.is-done .hpu-step__icon { background: #10b981; border-color: #10b981; color: #fff; }
.hpu-step.is-done .ti-check { display: block; animation: hpu-pop .3s ease; }
.hpu-step.is-failed { color: var(--epanel-danger-deep); background: var(--epanel-danger-bg); }
.hpu-step.is-failed .hpu-step__icon { background: var(--epanel-danger); border-color: var(--epanel-danger); color: #fff; }
.hpu-step.is-failed .ti-x { display: block; }
.hpu-step.is-failed .hpu-step__detail { display: block; }
.hpu-log { margin-top: 1rem; border-top: 1px solid var(--epanel-hairline); padding-top: .75rem; }
.hpu-log summary { font-size: .8125rem; color: var(--epanel-ink-faint); cursor: pointer; }
.hpu-log__lines { margin: .625rem 0 0; padding: .75rem .875rem .75rem 2rem; background: var(--epanel-surface-soft); border: 1px solid var(--epanel-hairline); border-radius: 10px; max-height: 220px; overflow: auto; font: .75rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--epanel-ink-body); overflow-wrap: anywhere; }
.hpu-log__lines .is-ok { color: #047857; font-weight: 600; }
.hpu-log__lines .is-error { color: var(--epanel-danger-deep); font-weight: 600; }
.hpu-modal__foot { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; padding: 1rem 1.75rem 1.5rem; }
.hpu-modal__hint { margin-right: auto; font-size: .8125rem; color: var(--epanel-ink-faint); }
@keyframes hpu-spin { to { transform: rotate(360deg); } }
@keyframes hpu-pop { from { transform: scale(.4); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes hpu-shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes hpu-dots { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75%, 100% { content: "..."; } }
@media (max-width: 575.98px) {
  .hpu-versions { flex-direction: column; }
  .hpu-versions__arrow { transform: rotate(90deg); justify-content: center; }
  .hpu-hero__actions .btn { width: 100%; }
  .hpu-modal__body { padding: 1.5rem 1.125rem 1rem; }
  .hpu-modal__foot { padding: .875rem 1.125rem 1.25rem; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .hpu-orb__spinner, .hpu-step__spinner, .hpu-modal.is-running .hpu-progress__bar::after, .hpu-step.is-active .hpu-step__detail::after { animation: none; }
}

.epanel-code-editor--theme {
  height: 500px;
}

.epanel-module-row {
  max-width: 100%;
}

.epanel-module-row--wide {
  width: 1100px;
}

.epanel-module-row--medium {
  width: 900px;
}

.epanel-col-subject {
  width: 40px !important;
}

.epanel-modal-elevated {
  /* Must stay above the ePanel backdrop (1195) and sticky navigation. */
  z-index: 1205;
}

.epanel-input-number {
  width: 100px;
}

.epanel-modal-fluid {
  width: calc(100% - 32px);
  max-width: 1400px;
}

.epanel-modal-wide {
  width: 70%;
  max-width: 1200px;
}

.epanel-bot-editor {
  position: relative;
}

.epanel-bot-editor__image {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  border-radius: var(--bs-border-radius);
}

.epanel-bot-editor__date {
  margin-bottom: 10px;
  color: var(--epanel-danger-deep);
}

.epanel-bot-editor__submit {
  width: 95%;
  margin-top: 10px;
  font-weight: 700;
  text-align: center;
}

.epanel-bot-editor__summary {
  height: 88px;
  margin-bottom: 10px;
}

.epanel-bot-editor__content {
  height: 200px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.epanel-bot-content-image {
  width: min(640px, 100%);
  margin-bottom: 20px;
}

.epanel-aa-editor {
  margin-bottom: 5px;
  border-bottom: 2px solid var(--epanel-ink-muted);
  color: var(--epanel-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.epanel-aa-editor__image {
  width: 100%;
  margin-top: 3px;
  padding: 1px;
  border: 1px solid var(--epanel-border-strong);
}

.epanel-aa-editor__cell {
  padding: 5px;
}

.epanel-aa-editor__title {
  width: 100%;
  height: 24px;
}

.epanel-aa-editor__date {
  margin-bottom: 5px;
  color: var(--epanel-danger-deep);
}

.epanel-aa-editor__submit {
  width: 95%;
  margin-top: 20px;
  font-weight: 700;
  text-align: center;
}

.epanel-aa-editor__content {
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.epanel-aa-editor__tags {
  font-size: 12px;
}

.epanel-selectbox-actions {
  width: 25%;
  padding: 10px;
  border-bottom: 1px solid var(--epanel-hairline);
}

.epanel-selectbox-title {
  float: left;
  width: 60%;
  color: var(--epanel-accent-deep);
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}

.epanel-selectbox-id {
  color: var(--epanel-ink-muted);
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}

.epanel-selectbox-child {
  float: left;
  width: 60%;
  padding: 5px 0;
  color: var(--epanel-ink-body);
}

.epanel-selectbox-child__icon {
  float: left;
  width: 30px;
  height: 35px;
  margin: -5px 5px -5px -5px;
}

.epanel-mail-preview__media,
.epanel-mail-preview__content {
  border-bottom: 1px dotted var(--epanel-ink-faint);
}

.epanel-mail-preview__image {
  width: 200px;
  height: 110px;
  object-fit: cover;
}

.epanel-mail-preview__content {
  padding: 10px;
  text-align: center;
}

.epanel-mail-preview__title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.epanel-gallery-link {
  color: var(--epanel-accent-deep);
}

.epanel-gallery-crop {
  overflow: hidden;
  border-radius: var(--bs-border-radius);
  background: var(--epanel-surface-muted);
}

.epanel-gallery-crop--guide {
  height: 195px;
}

.epanel-gallery-crop--firm {
  height: 250px;
}

.epanel-gallery-crop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.epanel-map-popup-image {
  display: block;
  width: 160px;
  margin-bottom: 10px;
}

.epanel-table-heading-start {
  padding-left: 10px !important;
  text-align: left !important;
}

.classLink {
  color: var(--epanel-danger);
}

.classAlternateLink {
  color: var(--epanel-ink);
}

.DataList_LinkSehir td {
  padding: 10px;
  border: 1px solid var(--epanel-hairline);
}

.bot_left,
.bot_right {
  width: 100%;
}

.superadmin-table td,
.superadmin-table th {
  vertical-align: middle;
}

.r2-local-directory {
  display: flex;
  align-items: center;
  gap: .35rem;
  min-height: 36px;
  padding: .3rem .4rem;
  color: var(--epanel-ink);
  border: 1px solid var(--epanel-hairline);
  border-radius: var(--bs-border-radius);
  background: var(--bs-white);
  font-size: 11px;
  line-height: 1.15;
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease;
}

.r2-local-directory small {
  font-size: 9px;
  line-height: 1;
}

.r2-local-directory__size {
  font-size: 10px;
  font-weight: 650;
}

.r2-local-directory > .ti-chevron-right {
  font-size: 11px;
}

.r2-local-directory:hover {
  color: var(--epanel-ink);
  border-color: rgba(var(--bs-primary-rgb), .4);
  box-shadow: var(--epanel-shadow-menu);
}

.r2-local-directory__icon,
.sa-file-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  color: var(--bs-warning);
  background: rgba(var(--bs-warning-rgb), .12);
  font-size: 1.1rem;
}

.r2-local-directory__icon {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  font-size: 13px;
}

.sa-file-manager {
  border: 1px solid var(--epanel-hairline);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
}

.sa-file-toolbar,
.sa-file-pathbar {
  padding: .65rem .75rem;
  border-bottom: 1px solid var(--epanel-hairline);
  background: var(--bs-white);
}

.sa-file-pathbar {
  background: var(--bs-light);
}

.sa-file-manager .superadmin-table thead th {
  white-space: nowrap;
  background: var(--bs-light);
}

.sa-file-manager .superadmin-table tbody tr {
  height: 51px;
}

.sa-file-manager .superadmin-table tbody tr:hover {
  background: rgba(var(--bs-primary-rgb), .035);
}

.sa-file-manager .sa-file-name {
  color: var(--epanel-ink);
  font-weight: 600;
  text-decoration: none;
}

.sa-file-manager .sa-file-name:hover {
  color: var(--bs-primary);
}

.sa-file-icon--file {
  color: var(--bs-secondary);
  background: rgba(var(--bs-secondary-rgb), .1);
}

.superadmin-stat {
  min-height: 108px;
}

.sa-secret {
  letter-spacing: .08em;
}

.sa-package-card {
  cursor: pointer;
  border-radius: var(--bs-border-radius-lg);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.sa-package-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--epanel-shadow-menu);
}

.sa-package-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  font-size: 1.4rem;
}

.sa-package-choice {
  right: 16px;
}

.epanel-code-editor {
  overflow: auto;
  white-space: pre;
}

.epanel-code-editor--large {
  min-height: 560px;
}

.epanel-code-editor--medium {
  min-height: 480px;
}

.epanel-sticky-panel {
  top: 16px;
}

.epanel-table-list {
  max-height: 70vh;
}

.component-dashboard {
  background: #fff;
  border-radius: var(--bs-border-radius-lg);
}

.component-dashboard-card {
  background: #fff;
}

.component-card {
  overflow: hidden;
  border: 1px solid var(--epanel-hairline);
  border-radius: var(--bs-border-radius-lg);
  transition: border-color .18s ease;
}

.component-card > .card-body {
  padding: 10px 14px 12px !important;
}

.component-card.is-enabled {
  border-color: rgba(var(--bs-success-rgb), .35);
}

.component-card[data-component-open-modal],
.component-card[data-component-upgrade] {
  cursor: pointer;
}

.component-card[data-component-open-modal]:focus-visible,
.component-card[data-component-upgrade]:focus-visible {
  outline: 0;
  border-color: var(--epanel-accent);
  box-shadow: 0 0 0 3px var(--epanel-focus-ring);
}

.component-card:hover {
  border-color: #737373;
}

.component-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.component-card__title {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}

.component-card__title > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  font-size: 1.25rem;
}

.component-modal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  font-size: 1.9rem;
}

.component-dashboard .component-card__title > i.text-primary,
.component-modal-icon.text-primary,
.component-modal-subtitle.text-primary { color: #a5215e !important; }
.component-dashboard .component-card__title > i.text-danger,
.component-modal-icon.text-danger,
.component-modal-subtitle.text-danger { color: #be123c !important; }
.component-dashboard .component-card__title > i.text-info,
.component-modal-icon.text-info,
.component-modal-subtitle.text-info { color: #2563eb !important; }
.component-dashboard .component-card__title > i.text-warning,
.component-modal-icon.text-warning,
.component-modal-subtitle.text-warning { color: #b45309 !important; }
.component-dashboard .component-card__title > i.text-success,
.component-modal-icon.text-success,
.component-modal-subtitle.text-success { color: #047857 !important; }
.component-dashboard .component-card__title > i.text-secondary,
.component-modal-icon.text-secondary,
.component-modal-subtitle.text-secondary { color: #64748b !important; }
.component-dashboard .component-card__title > i.text-dark,
.component-modal-icon.text-dark,
.component-modal-subtitle.text-dark { color: #334155 !important; }

[data-sensitive-label].text-success {
  color: #198754 !important;
}

.component-card__title h6 {
  color: var(--epanel-ink);
  line-height: 1.25;
}

.component-card.is-disabled .component-card__title h6,
.component-card.is-disabled .card-text {
  opacity: 1;
}

.component-card.is-disabled .component-card__title h6 {
  color: #737373 !important;
}

.component-card.is-disabled .card-text {
  color: #8a8a8a !important;
}

.component-switch .form-check-input {
  width: 32px;
  height: 18px;
  margin-top: 0;
  border-color: var(--epanel-field-focus-border);
  background-color: var(--epanel-surface-muted);
  background-size: 13px 13px;
  cursor: pointer;
}

.component-switch .form-check-input:checked {
  border-color: var(--epanel-accent);
  background-color: var(--epanel-accent);
}

.component-dashboard .form-switch-sm {
  display: flex;
  min-height: 1.25rem;
  align-items: center;
  gap: .45rem;
  padding-left: 2.35rem;
}

.component-dashboard .form-switch-sm .form-check-input {
  width: 1.8rem;
  height: 1rem;
  margin-top: 0;
  margin-left: -2.35rem;
  background-size: .75rem .75rem;
}

.component-option-pills .btn {
  min-width: 6.5rem;
}

.component-tools {
  gap: 8px !important;
}

/* Push Bildirim: servis seçimi kartları */
.hp-push-services {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
}
.hp-push-card {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  min-width: 0;
  padding: .7rem .8rem;
  border: 1px solid var(--epanel-hairline);
  border-radius: .6rem;
  background: var(--epanel-paper);
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.hp-push-card:hover { border-color: var(--epanel-border-strong); }
.btn-check:focus-visible + .hp-push-card { box-shadow: 0 0 0 3px color-mix(in srgb, var(--epanel-accent) 22%, transparent); }
.btn-check:checked + .hp-push-card {
  border-color: var(--epanel-accent);
  background: color-mix(in srgb, var(--epanel-accent) 5%, var(--epanel-paper));
  box-shadow: inset 0 0 0 1px var(--epanel-accent);
}
.hp-push-card-head { display: flex; align-items: center; justify-content: space-between; gap: .4rem; }
.hp-push-card-name { font-weight: 600; font-size: .875rem; color: var(--epanel-ink); }
.hp-push-card-active { display: none; flex: none; font-size: 1rem; line-height: 1; color: var(--epanel-accent); }
.btn-check:checked + .hp-push-card .hp-push-card-active { display: inline-block; }
.hp-push-card-state { display: flex; align-items: center; gap: .35rem; font-size: .75rem; line-height: 1.3; color: var(--epanel-ink-faint); }
.hp-push-dot { flex: none; width: .5rem; height: .5rem; border-radius: 50%; background: var(--epanel-border-strong); }
.hp-push-card-state[data-state="ok"] { color: #15803d; }
.hp-push-card-state[data-state="ok"] .hp-push-dot { background: #16a34a; box-shadow: 0 0 0 3px color-mix(in srgb, #16a34a 18%, transparent); }
.hp-push-card-state[data-state="invalid"] { color: var(--epanel-danger); cursor: help; }
.hp-push-card-state[data-state="invalid"] .hp-push-dot { background: var(--epanel-danger); }
.hp-push-card-state[data-state="pending"] { color: #b45309; }
.hp-push-card-state[data-state="pending"] .hp-push-dot { background: #f59e0b; }
.hp-push-panel-link {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .65rem .8rem;
  border: 1px solid var(--epanel-hairline);
  border-radius: .6rem;
  color: var(--epanel-ink);
  text-decoration: none;
  transition: border-color .15s ease, background-color .15s ease;
}
.hp-push-panel-link:hover { border-color: var(--epanel-accent); background: var(--epanel-surface-soft); color: var(--epanel-ink); }
.hp-push-panel-link > .ti:first-child { font-size: 1.25rem; color: var(--epanel-accent); }
.hp-push-panel-link span { display: flex; flex-direction: column; line-height: 1.3; }
.hp-push-panel-link strong { font-size: .8125rem; }
.hp-push-panel-link small { color: var(--epanel-ink-faint); font-size: .75rem; }
@media (max-width: 575.98px) {
  .hp-push-services { grid-template-columns: 1fr; }
}

.component-card .card-text {
  display: -webkit-box;
  overflow: hidden;
  color: #525252 !important;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.component-result:empty {
  display: none;
}

.component-upgrade-modal__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 4px auto 0;
  color: var(--epanel-accent);
  border-radius: 14px;
  background: #fdf2f8;
  font-size: 1.5rem;
}

.component-upgrade-modal__package {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  color: var(--epanel-accent);
  border: 1px solid rgba(var(--bs-primary-rgb), .22);
  border-radius: 999px;
  background: #fdf2f8;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.component-upgrade-modal__feature {
  color: var(--epanel-ink);
  font-weight: 700;
}

.component-dashboard .modal-dialog,
.component-dashboard .modal-content {
  max-height: calc(100vh - 32px);
}

.component-dashboard .modal-body {
  min-height: 0;
  overflow-y: auto;
}

.cloud-settings-layout {
  min-height: 420px;
}

.cloud-settings-nav-wrap {
  padding-inline-end: 18px;
  border-inline-end: 1px solid var(--epanel-hairline);
}

.cloud-settings-nav {
  gap: 2px;
  max-height: min(58vh, 520px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: 2px 5px 2px 0;
}

.cloud-settings-nav .nav-link {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 7px;
  min-height: 30px;
  padding: 5px 8px;
  color: var(--epanel-ink-body);
  border-radius: 6px;
  font-size: .78rem;
  line-height: 1.15;
  text-align: start;
}

.cloud-settings-nav .nav-link i {
  width: 16px;
  color: var(--epanel-ink-secondary);
  font-size: .92rem;
}

.cloud-settings-nav .nav-link.active {
  background: var(--epanel-accent);
  color: #fff;
}

.cloud-settings-nav .nav-link.active i {
  color: inherit;
}

.cloud-settings-panel-wrap {
  padding-inline-start: 24px;
}

@media (max-width: 767.98px) {
  .cloud-settings-layout {
    min-height: 0;
  }

  .cloud-settings-nav-wrap {
    padding: 0 0 14px;
    border-inline-end: 0;
    border-block-end: 1px solid var(--epanel-hairline);
  }

  .cloud-settings-nav {
    display: flex;
    max-height: min(34vh, 260px);
  }

  .cloud-settings-panel-wrap {
    padding: 18px 0 0;
  }
}

/* Authentication */
.auth-page {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 100vh;
  min-height: 100svh;
  place-items: center;
  overflow: hidden;
  padding: 48px 24px 76px;
  background: var(--epanel-canvas);
}

.auth-background-ai {
  position: absolute;
  z-index: -1;
  width: 360px;
  height: auto;
  opacity: .03;
  animation: auth-ai-pulse 6s ease-in-out infinite;
  pointer-events: none;
}

.auth-background-ai--top {
  top: -96px;
  right: -54px;
}

.auth-background-ai--bottom {
  right: auto;
  bottom: -150px;
  left: 50%;
  width: 440px;
  transform: translateX(-50%);
  animation-delay: -3s;
}

@keyframes auth-ai-pulse {
  0%,
  100% {
    opacity: .03;
  }

  50% {
    opacity: .008;
  }
}

@keyframes epanel-background-artwork-drift {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  25% {
    transform: translate3d(0, -22vh, 0) rotate(90deg);
  }

  50% {
    transform: translate3d(calc(100vw + 300px), -22vh, 0) rotate(180deg);
  }

  75% {
    transform: translate3d(calc(100vw + 300px), 0, 0) rotate(270deg);
  }
}

.epanel-tags-field {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 6px;
  width: 100%;
}

.epanel-tags-field__suggest {
  position: absolute;
  z-index: 1060;
  top: calc(100% + 4px);
  left: 0;
  display: grid;
  min-width: 220px;
  max-width: 100%;
  padding: 4px;
  border: 1px solid var(--epanel-hairline);
  border-radius: 12px;
  background: var(--epanel-paper);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}

.epanel-tags-field__suggest[hidden] {
  display: none;
}

.epanel-tags-field__option {
  display: block;
  width: 100%;
  padding: 6px 10px;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  color: var(--epanel-ink);
  background: transparent;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.epanel-tags-field__option strong {
  color: var(--epanel-accent);
  font-weight: 600;
}

.epanel-tags-field__option:hover,
.epanel-tags-field__option.is-active {
  background: var(--epanel-surface-muted);
}

.epanel-tags-field__control {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 4px 7px;
  cursor: text;
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px;
  background: var(--epanel-paper);
}

.epanel-tags-field__control:focus-within {
  border-color: var(--epanel-field-focus-border);
  background: var(--epanel-surface-muted);
}

.epanel-tags-field__input {
  flex: 1 1 130px;
  min-width: 100px;
  min-height: 22px;
  padding: 1px 2px;
  border: 0;
  outline: 0;
  color: var(--epanel-ink);
  background: transparent;
  font-size: 12px;
}

.epanel-tags-field__input::placeholder {
  color: var(--epanel-ink-secondary);
  opacity: .72;
}

.epanel-tags-field__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 22px;
  max-width: 100%;
  padding: 2px 5px 2px 8px;
  border-radius: 14px;
  color: #fff;
  background: var(--epanel-accent);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.epanel-tags-field__remove {
  display: inline-grid;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  padding: 0;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .14);
  font-size: 10px;
  line-height: 1;
  place-items: center;
}

.epanel-tags-field__remove:hover,
.epanel-tags-field__remove:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .28);
}

.epanel-tags-field__ai {
  display: inline-grid;
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px;
  color: var(--epanel-accent);
  background: var(--epanel-paper);
  place-items: center;
}

.epanel-tags-field__ai:hover,
.epanel-tags-field__ai:focus-visible {
  color: var(--epanel-accent-deep);
  background: var(--epanel-surface-muted);
}

@media (prefers-reduced-motion: reduce) {
  .auth-background-ai,
  .epanel-background-artwork__icon {
    animation: none;
  }
}

/* Tabler outline gliflerini ePanel baglamlarinda okunabilir optik boyuta getir;
   kontrol yukseklikleri degismez. */
.epanel-navbar .nav-link > i,
.epanel-navbar .epanel-nav-main-icon {
  min-width: 18px;
  font-size: 18px;
  text-align: center;
}

.nav-tabs .nav-link > i,
.dropdown-menu .dropdown-item > i,
.list-group-item > i {
  font-size: 17px;
}

.btn > i,
.input-group-text > i,
.form-label > i,
.form-check-label > i,
.card-header > i,
summary > i {
  font-size: max(16px, 1.15em);
}

.btn.btn-sm > i,
.btn-group-sm > .btn > i {
  font-size: 16px;
}

.auth-shell {
  width: min(100%, 480px);
}

.auth-login-surface {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 500px;
  background: var(--epanel-paper);
}

.auth-login-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 500px minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  width: 100%;
  min-height: min(680px, calc(100svh - 124px));
}

.auth-login-cover {
  height: 100%;
  padding: 28px;
  background: transparent;
}

.auth-login-layout .auth-shell {
  align-self: center;
  justify-self: center;
  width: min(calc(100% - 48px), 480px);
}

.auth-login-cover__skeleton {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 14px;
}

.auth-login-cover__media {
  display: block;
  flex: 1 1 auto;
  min-height: 340px;
  border-radius: 14px;
  background: var(--epanel-hairline);
}

.auth-login-cover__line {
  display: block;
  width: 72%;
  height: 14px;
  border-radius: 999px;
  background: #d4d4d4;
}

.auth-login-cover__line--wide {
  width: 92%;
  margin-top: 10px;
}

.auth-login-cover__line--short {
  width: 45%;
}

.auth-heading {
  margin-bottom: 18px;
  text-align: center;
}

.auth-brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  margin-bottom: 10px;
  background: transparent;
}

.auth-brand-logo {
  width: auto;
  height: 38px;
}

.auth-brand-favicon {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
}

.auth-brand-version {
  color: var(--epanel-ink-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.auth-kicker {
  margin: 0 0 3px;
  color: var(--epanel-accent);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.auth-title {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 23px;
  font-weight: 650;
  letter-spacing: -.025em;
  line-height: 1.25;
}

.auth-title small {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid var(--epanel-accent-border);
  border-radius: 14px;
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-soft);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .01em;
  vertical-align: middle;
}

.auth-subtitle {
  margin: 6px 0 0;
  color: var(--epanel-ink-muted);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.auth-card {
  padding: 28px;
  border: 0;
  border-radius: 14px;
  background: var(--epanel-paper);
  box-shadow: none;
}

.auth-card-heading {
  margin-bottom: 22px;
}

.auth-card-heading h2 {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.auth-card-heading p {
  margin: 5px 0 0;
  color: var(--epanel-ink-muted);
  font-size: 12px;
}

.auth-field-label {
  display: block;
  margin: 0 0 6px;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.auth-input-group {
  margin-bottom: 16px;
}

.auth-input-group .input-group-text {
  justify-content: center;
  width: 44px;
  border-color: transparent;
  border-right: 0;
  border-radius: 14px 0 0 14px;
  color: var(--epanel-accent-deep);
  background: var(--epanel-surface-muted);
}

[dir="rtl"] .auth-input-group .input-group-text {
  border-right: 1px solid var(--epanel-hairline);
  border-left: 0;
  border-radius: 0 14px 14px 0;
}

.auth-input-group .form-control {
  min-height: 44px;
  border-color: transparent;
  border-left: 0;
  border-radius: 0 14px 14px 0;
  color: var(--epanel-ink-body);
  background: var(--epanel-surface-muted);
}

[dir="rtl"] .auth-input-group .form-control {
  border-right: 0;
  border-left: 1px solid var(--epanel-hairline);
  border-radius: 14px 0 0 14px;
}

.auth-input-group:focus-within .input-group-text,
.auth-input-group:focus-within .form-control {
  border-color: var(--epanel-accent-live);
  background: #fff;
}

.auth-input-group:focus-within {
  border-radius: 14px;
  box-shadow: 0 0 0 3px var(--epanel-focus-ring);
}

.auth-input-group .form-control:focus {
  box-shadow: none;
}

.auth-input-group .form-control::placeholder {
  color: var(--epanel-ink-faint);
}

.auth-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 22px;
}

.auth-secondary-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.auth-secondary-link:hover {
  color: var(--epanel-accent-deep);
}

.auth-submit {
  min-width: 128px;
  min-height: 42px;
  justify-content: center;
  gap: 9px;
  border-radius: 14px;
  font-weight: 500;
}

.auth-result:not(:empty) {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--epanel-hairline);
}

.auth-card > .text-danger,
.auth-card > smal.text-danger,
.auth-card > small.text-danger {
  display: block;
  padding: 12px;
  border: 1px solid var(--epanel-danger-border);
  border-radius: 14px;
  color: var(--epanel-danger-deep) !important;
  background: var(--epanel-danger-bg);
  font-size: 12px;
}

.auth-meta {
  position: absolute;
  right: 24px;
  bottom: 20px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: var(--epanel-ink-muted);
  font-size: 12px;
}

.auth-page--login .auth-meta {
  left: 524px;
  justify-content: center;
}

.auth-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

@media (max-width: 600px) {
  .auth-page {
    align-items: start;
    padding: 34px 16px 74px;
    overflow-y: auto;
  }

  .auth-page--login {
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .auth-background-ai--top {
    top: -88px;
    right: -86px;
    width: 260px;
  }

  .auth-background-ai--bottom {
    right: auto;
    bottom: -152px;
    left: -64px;
    width: 300px;
    transform: none;
  }

  .auth-heading {
    margin-bottom: 14px;
  }

  .auth-brand-mark {
    margin-bottom: 8px;
  }

  .auth-brand-favicon {
    display: block;
  }

  .auth-title {
    font-size: 19px;
  }

  .auth-subtitle {
    font-size: 9px;
  }

  .auth-card {
    padding: 22px 18px;
    border-radius: 14px;
  }

  .auth-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .auth-submit {
    width: 100%;
  }

  .auth-secondary-link {
    justify-content: center;
    min-height: 36px;
  }

  .auth-meta {
    bottom: 14px;
    gap: 12px;
  }
}

@media (max-width: 767.98px) {
  .auth-login-surface {
    display: none;
  }

  .auth-login-layout {
    display: block;
    width: min(100%, 480px);
    min-height: 0;
  }

  .auth-login-cover {
    display: none;
  }

  .auth-login-layout .auth-shell {
    width: 100%;
  }

  .auth-page--login .auth-meta {
    left: 24px;
  }
}

.epanel-toast-container {
  position: fixed;
  isolation: isolate;
  z-index: 10950;
  width: min(390px, calc(100vw - 20px));
  pointer-events: none;
}

.epanel-toast {
  width: 100%;
  overflow: hidden;
  color: var(--epanel-ink, #171717);
  background: rgba(255, 255, 255, .98);
  border-left: 4px solid #61717f !important;
  border-radius: 10px;
  box-shadow: 0 14px 35px rgba(23, 31, 38, .18);
  pointer-events: auto;
  backdrop-filter: blur(10px);
}

.epanel-toast--success { border-left-color: #198754 !important; }
.epanel-toast--danger { border-left-color: #dc3545 !important; }
.epanel-toast--warning { border-left-color: #f0ad00 !important; }
.epanel-toast--info { border-left-color: #0d6efd !important; }

.epanel-toast .toast-body {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 12px;
  font-size: 13px;
  line-height: 1.45;
}

.epanel-toast__icon {
  flex: 0 0 auto;
  margin-top: 1px;
  color: #61717f;
  font-size: 19px;
}

.epanel-toast--success .epanel-toast__icon { color: #198754; }
.epanel-toast--danger .epanel-toast__icon { color: #dc3545; }
.epanel-toast--warning .epanel-toast__icon { color: #b77b00; }
.epanel-toast--info .epanel-toast__icon { color: #0d6efd; }

.epanel-toast__message {
  min-width: 0;
  overflow-wrap: anywhere;
}

.epanel-toast .btn-close {
  flex: 0 0 auto;
  width: .7rem;
  height: .7rem;
  padding: .3rem;
  opacity: .55;
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .auth-page--login {
    padding-right: 0;
    padding-left: 0;
  }

  .auth-login-layout .auth-shell {
    width: min(calc(100% - 32px), 420px);
  }

  .auth-page--login .auth-meta {
    right: 16px;
    left: 516px;
    gap: 8px;
    font-size: 10px;
  }
}

@media (min-width: 1280px) {
  .auth-page--login {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 769px) {
  .bot_left {
    float: left;
    width: 20%;
  }

  .bot_right {
    float: right;
    width: 79%;
  }
}

/* Poll management */
.epanel-advert-tabs > .nav-item:first-child > .nav-link > .d-none.d-md-inline {
  display: inline !important;
  font-size: .85rem !important;
}

.epanel-advert-tabs > .nav-item:first-child > .nav-link > .d-none.d-md-inline::before {
  display: none !important;
  content: none !important;
}

.epanel-advert-zones-summary {
  min-height: 36px;
}

.epanel-advert-zone-search {
  width: min(320px, 100%);
}

.epanel-advert-zone-search .input-group-text {
  color: var(--epanel-ink-secondary);
  background: var(--epanel-surface-muted);
}

.epanel-advert-copy-zones {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: min(46vh, 420px);
  overflow-y: auto;
  padding: 2px;
}

.epanel-advert-copy-zones .form-check {
  display: flex;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 9px 10px 9px 2rem;
  border: 1px solid var(--epanel-hairline);
  border-radius: 10px;
  background: var(--epanel-paper);
}

.epanel-advert-copy-zones .form-check-label {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  cursor: pointer;
}

.epanel-advert-copy-zones .form-check-label i {
  color: var(--epanel-accent);
  flex: 0 0 auto;
}

@media (max-width: 600px) {
  .epanel-advert-copy-zones {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .epanel-advert-zones-summary {
    flex-wrap: wrap;
  }

  .epanel-advert-zone-search {
    flex: 1 0 100%;
  }

  .epanel-advert-zones-summary [data-epanel-advert-zone-count] {
    margin-left: 0 !important;
  }
}

.epanel-advert-list .epanel-advert-name {
  min-width: 220px;
}

.epanel-advert-list .epanel-advert-date {
  white-space: nowrap;
}

.epanel-advert-list-summary {
  gap: 8px;
}

.epanel-advert-filter {
  display: flex;
}

.epanel-advert-filter .input-group {
  width: min(100%, 320px);
}

.epanel-advert-live-search {
  min-width: 0;
}

.epanel-advert-filter .dropdown-menu {
  min-width: 290px;
}

.epanel-advert-row > td:first-child {
  border-inline-start: 2px solid transparent !important;
}

.epanel-advert-row--active > td:first-child {
  border-inline-start-color: #198754 !important;
}

.epanel-advert-row--expired > td:first-child {
  border-inline-start-color: var(--bs-info) !important;
}

.epanel-advert-row--draft > td:first-child {
  border-inline-start-color: var(--bs-warning) !important;
}

.epanel-advert-row--deleted > td:first-child {
  border-inline-start-color: var(--bs-danger) !important;
}

.epanel-advert-date--active {
  color: #198754 !important;
  font-weight: 600;
}

.epanel-advert-date--expired {
  color: #dc3545 !important;
  font-weight: 600;
}

.epanel-advert-date--scheduled {
  color: #b7791f !important;
}

.epanel-advert-list .epanel-listing-actions {
  min-width: 64px;
  white-space: nowrap;
}

.epanel-advert-list .epanel-listing-actions > .btn-circle,
.epanel-advert-list .epanel-listing-actions > form {
  margin-inline: 1px;
}

.epanel-advert-zone-actions {
  display: flex;
  min-width: 150px;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}

.epanel-advert-zone-actions .btn-primary {
  white-space: nowrap;
}

.epanel-advert-list .epanel-advert-name .badge {
  margin-right: 7px;
}

.epanel-advert-region,
.epanel-advert-zone-name {
  color: var(--epanel-ink-secondary);
  font-size: 12px;
}

.epanel-advert-region > i,
.epanel-advert-zone-name > i {
  margin-right: 6px;
  color: var(--epanel-accent);
}

.epanel-advert-zone-name b {
  color: var(--epanel-ink);
  font-size: 13px;
  font-weight: 600;
}

.epanel-advert-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  height: 22px;
  border-radius: 99px;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-surface-muted);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.epanel-advert-editor .card-body,
.epanel-advert-stats .card-body,
.epanel-advert-report .card-body {
  padding: 24px;
}

.epanel-editor-heading {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
}

.epanel-editor-heading > i,
.epanel-editor-heading__title > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: var(--epanel-accent);
  background: var(--epanel-surface-muted);
}

.epanel-editor-heading h1 {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.epanel-editor-heading p {
  margin: 4px 0 0;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
}

.epanel-editor-heading--actions {
  align-items: center;
  justify-content: space-between;
}

.epanel-editor-heading__title {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 12px;
}

.epanel-editor-heading--actions > i {
  display: none;
}

.epanel-advert-period-controls {
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
}

.epanel-advert-period-controls .btn {
  min-height: 28px;
  padding: 5px 8px;
  border: 1px solid var(--epanel-hairline);
  border-radius: 8px;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-paper);
  font-size: 10px;
  font-weight: 600;
}

.epanel-advert-period-controls .btn.active {
  border-color: var(--epanel-accent);
  color: #fff;
  background: var(--epanel-accent);
}

.epanel-advert-export {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.epanel-advert-export__icon {
  display: inline-block !important;
  color: var(--epanel-accent) !important;
  font-size: 12px;
}

.epanel-advert-content-type {
  padding: 0;
  border: 0;
}

.epanel-choice-set {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.epanel-choice-set > label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--bs-border-color);
  border-radius: 14px;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-paper);
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}

.epanel-choice-set > label > i {
  color: var(--epanel-accent);
}

.epanel-choice-set > .btn-check:checked + label {
  border-color: var(--epanel-accent-border);
  color: var(--epanel-accent-deep);
  background: var(--epanel-accent-soft);
}

.epanel-advert-content-tabs {
  gap: 3px;
  align-items: flex-end;
  border-bottom: 1px solid var(--epanel-hairline);
}

.epanel-advert-content-tabs > label:first-of-type {
  margin-left: 3px;
}

.epanel-advert-content-tabs > label {
  min-height: 36px;
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-radius: 14px 14px 0 0;
  background: var(--epanel-card-header-bg);
}

.epanel-advert-preview-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  margin-bottom: -1px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 14px 14px 0 0;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-card-header-bg);
  font-size: 12px;
  font-weight: 600;
}

.epanel-advert-preview-tab > i { color: var(--epanel-accent); }

.epanel-advert-preview-tab.active {
  position: relative;
  z-index: 1;
  border-color: var(--epanel-hairline);
  border-bottom-color: var(--epanel-paper);
  color: var(--epanel-accent-deep);
  background: var(--epanel-paper);
}

.epanel-advert-preview-tab:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.epanel-advert-preview {
  border: 1px solid var(--epanel-hairline);
  border-radius: 0 12px 12px 12px;
  overflow: hidden;
}

.epanel-advert-preview__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--epanel-hairline);
  color: var(--epanel-ink-secondary);
  background: var(--epanel-card-header-bg);
  font-size: 12px;
}

.epanel-advert-preview__header span { font-weight: 700; }
.epanel-advert-preview__header i { color: var(--epanel-accent); }
.epanel-advert-preview__header small { color: var(--epanel-ink-muted); }

.epanel-advert-preview__canvas { min-height: 160px; padding: 16px; background: #f8fafc; }
.epanel-advert-preview__canvas iframe { display: block; width: 100%; min-height: 240px; border: 0; background: #fff; }
.epanel-advert-preview__canvas img { display: block; max-width: 100%; max-height: 420px; margin: 0 auto; }
.epanel-advert-preview__canvas p { margin: 0; color: var(--epanel-ink-muted); text-align: center; }

.epanel-advert-content-tabs > .btn-check:checked + label {
  position: relative;
  z-index: 1;
  border-color: var(--epanel-hairline);
  border-bottom-color: var(--epanel-paper);
  color: var(--epanel-accent-deep);
  background: var(--epanel-paper);
}

.nav-tabs-sm {
  flex-wrap: nowrap;
  gap: 3px;
  align-items: flex-end;
  padding: 0;
  margin-bottom: 0;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  border-radius: 0;
  border-bottom: 0;
  background: transparent;
  scrollbar-width: thin;
}

.nav-tabs-sm::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 1px;
  content: '';
  background: var(--epanel-hairline);
}

.nav-tabs-sm > .nav-link,
.nav-tabs-sm > .nav-item {
  margin-left: 0 !important;
}

.nav-tabs-sm > .nav-link,
.nav-tabs-sm > .nav-item > .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  margin-bottom: -1px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 14px 14px 0 0;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-card-header-bg);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.nav-tabs-sm > .nav-link:first-of-type,
.nav-tabs-sm > .nav-item:first-child > .nav-link {
  margin-left: .5rem !important;
}

.nav-tabs-sm > .nav-link.active,
.nav-tabs-sm > .nav-item > .nav-link.active {
  position: relative;
  z-index: 1;
  border-color: var(--epanel-hairline);
  border-bottom-color: var(--epanel-paper) !important;
  color: var(--epanel-accent-deep);
  background: var(--epanel-paper);
}

.nav-tabs-sm > .nav-link > i,
.nav-tabs-sm > .nav-item > .nav-link > i {
  color: var(--epanel-accent);
}

.epanel-advert-image-preview {
  display: block;
  width: 100%;
  max-width: 260px;
  aspect-ratio: 16 / 9;
  margin-top: 12px;
  border-radius: 8px;
  object-fit: cover;
}

.epanel-advert-type {
  display: block;
  margin-top: 4px;
  color: var(--epanel-ink-muted);
  font-size: 11px;
  font-weight: 500;
}

.epanel-advert-type > i {
  margin-right: 4px;
  color: var(--epanel-accent);
}

.epanel-advert-kpis > div > div {
  min-height: 92px;
  padding: 14px;
  border-radius: 14px;
  background: var(--epanel-surface-muted);
}

.epanel-advert-kpis small {
  display: block;
  color: var(--epanel-ink-secondary);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .06em;
}

.epanel-advert-kpis strong {
  display: block;
  margin-top: 7px;
  color: var(--epanel-ink);
  font-size: 22px;
  font-variant-numeric: tabular-nums;
}

.epanel-advert-kpis em {
  margin-left: 7px;
  color: var(--epanel-ink-secondary);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.epanel-advert-stats .epanel-advert-list {
  margin-top: 1rem;
}

.epanel-advert-mini-chart {
  display: flex;
  align-items: end;
  gap: 3px;
  height: 108px;
  margin: 24px 0;
  padding: 12px 0 0;
  border-bottom: 1px solid var(--bs-border-color);
}

.epanel-advert-mini-chart > span {
  display: block;
  flex: 1 1 0;
  min-width: 3px;
  border-radius: 0;
  background: #c8ced1;
}

.epanel-advert-mini-chart > span:hover {
  background: var(--epanel-accent);
}

.epanel-advert-bar--1 { height: 5%; }
.epanel-advert-bar--2 { height: 10%; }
.epanel-advert-bar--3 { height: 15%; }
.epanel-advert-bar--4 { height: 20%; }
.epanel-advert-bar--5 { height: 25%; }
.epanel-advert-bar--6 { height: 30%; }
.epanel-advert-bar--7 { height: 35%; }
.epanel-advert-bar--8 { height: 40%; }
.epanel-advert-bar--9 { height: 45%; }
.epanel-advert-bar--10 { height: 50%; }
.epanel-advert-bar--11 { height: 55%; }
.epanel-advert-bar--12 { height: 60%; }
.epanel-advert-bar--13 { height: 65%; }
.epanel-advert-bar--14 { height: 70%; }
.epanel-advert-bar--15 { height: 75%; }
.epanel-advert-bar--16 { height: 80%; }
.epanel-advert-bar--17 { height: 85%; }
.epanel-advert-bar--18 { height: 90%; }
.epanel-advert-bar--19 { height: 95%; }
.epanel-advert-bar--20 { height: 100%; }

/* Member management centre */
.epanel-member-submissions-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.epanel-member-submissions-heading h1 {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.epanel-member-submissions-heading p {
  margin: 4px 0 0;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
}

.epanel-member-submissions-tabs {
  margin-bottom: 0;
}

.epanel-member-submissions-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.epanel-member-submissions-tabs .nav-link > i {
  color: var(--epanel-accent);
}

.epanel-member-submissions-tabs .nav-link > b {
  min-width: 16px;
  color: inherit;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.epanel-member-submissions-list > thead > tr > th,
.epanel-member-submissions-list > tbody > tr > td {
  vertical-align: middle;
}

.epanel-member-submissions-list__title {
  width: 48%;
  min-width: 260px;
}

.epanel-member-submissions-list__article {
  display: block;
  overflow: hidden;
  color: var(--epanel-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-member-submissions-list__article:hover,
.epanel-member-submissions-list__article:focus {
  color: var(--epanel-accent);
}

.epanel-member-submissions-list__title > small {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: var(--epanel-ink-secondary);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-member-submissions-author {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 145px;
}

.epanel-member-submissions-author > img {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--epanel-surface-muted);
  object-fit: cover;
}

.epanel-member-submissions-author > div {
  min-width: 0;
}

.epanel-member-submissions-author a,
.epanel-member-submissions-author small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-member-submissions-author a {
  color: var(--epanel-ink);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.epanel-member-submissions-author a:hover,
.epanel-member-submissions-author a:focus {
  color: var(--epanel-accent);
}

.epanel-member-submissions-author small,
.epanel-member-submissions-list time,
.epanel-member-submissions-category {
  color: var(--epanel-ink-secondary);
  font-size: 11px;
}

.epanel-member-submissions-category {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-member-submissions-category > i,
.epanel-member-submissions-note > i,
.epanel-member-submissions-review .form-label > i {
  color: var(--epanel-accent);
}

.epanel-member-submissions-note {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: 8px;
  padding: 7px 9px;
  border-radius: 8px;
  color: var(--epanel-ink-secondary);
  background: var(--epanel-surface-muted);
  font-size: 11px;
  line-height: 1.4;
}

.epanel-member-submissions-note > i {
  margin-top: 2px;
}

.epanel-member-submissions-note b {
  color: var(--epanel-ink);
  font-weight: 600;
}

.epanel-member-submissions-actions {
  display: inline-flex;
  gap: 3px;
}

.epanel-member-submissions-review > td {
  padding: 0 !important;
  border-bottom: 1px solid var(--bs-border-color);
  background: var(--epanel-surface-muted);
}

.epanel-member-submissions-review__form {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  padding: 14px 16px;
}

.epanel-member-submissions-review__note {
  flex: 1 1 auto;
  min-width: 0;
}

.epanel-member-submissions-review .form-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.epanel-member-submissions-review__actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.epanel-member-page-heading,
.epanel-member-detail__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.epanel-member-page-heading {
  margin-bottom: 16px;
}

.epanel-member-page-heading h1,
.epanel-member-identity h1 {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.epanel-member-page-heading p,
.epanel-member-identity p {
  margin: 4px 0 0;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
}

.agency-page-heading h1,
.epanel-component-page-heading h1 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.agency-page-heading h1 > i,
.epanel-component-page-heading h1 > i {
  color: var(--epanel-accent);
  font-size: 17px;
}

.agency-page-heading {
  margin: 4px 0 6px !important;
  flex-wrap: wrap;
}

.agency-page-heading h1 > i {
  font-size: 24px;
}

.agency-page-heading--newsai {
  margin: 4px 0 6px !important;
}

.agency-page-heading__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.agency-page-heading__refresh > i {
  font-size: 16px;
}

.agency-page-heading p {
  display: flex;
  align-items: center;
  gap: 5px;
}

.agency-import-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 18px;
  margin-bottom: 12px;
  font-size: 12px;
}

.agency-import-summary > :first-child {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.agency-list-tabs {
  padding-top: .5rem;
  padding-left: 1rem;
}

.agency-list-tabs .nav-link {
  padding: .5rem 1rem;
}

.agency-page-heading + .agency-import-preview {
  margin-top: 0 !important;
}

.agency-import-preview + .agency-page-heading {
  margin-top: 16px !important;
}

.component-settings-summary {
  gap: 6px;
  padding: 0 12px;
}

.component-settings-summary .badge {
  padding: 6px 10px;
}

.component-settings-tabs + .component-dashboard-card {
  margin-top: 0 !important;
  border-radius: 0 0 14px 14px;
}

.epanel-member-tabs {
  margin-bottom: 0;
}

.epanel-member-tabs .nav-link > i {
  color: var(--epanel-accent);
}

.epanel-member-list-summary {
  display: flex;
  justify-content: flex-end;
  padding: 10px 16px;
  border-bottom: 1px solid var(--bs-border-color);
  color: var(--epanel-ink-secondary);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.epanel-member-list-frame {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: var(--epanel-paper, #fff);
}

.epanel-member-list-frame .table-responsive,
.epanel-member-list-frame .table {
  margin-bottom: 0;
}

.epanel-member-filter-group > .dropdown-toggle {
  border-radius: var(--bs-border-radius-sm) !important;
}

.epanel-member-filter-group:has(> a.btn) > .dropdown-toggle {
  border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
}

.epanel-member-list-identity,
.epanel-member-identity {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
}

.epanel-member-list-identity > img,
.epanel-member-identity > img {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--epanel-surface-muted);
}

.epanel-member-list-identity > div {
  min-width: 0;
}

.epanel-member-list-identity .epanel-listing-title {
  display: block;
  overflow: hidden;
  color: var(--epanel-ink);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-member-list-identity small,
.epanel-member-list td > small,
.epanel-member-list td > b + small {
  display: block;
  margin-top: 3px;
  color: var(--epanel-ink-secondary);
  font-size: 11px;
  font-weight: 400;
}

.epanel-member-email {
  max-width: 230px;
  overflow: hidden;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-member-detail .card-body {
  padding: 24px;
}

.epanel-member-detail__top {
  justify-content: flex-start;
}

.epanel-member-detail__top > .epanel-status {
  margin-left: auto;
}

.epanel-member-identity > img {
  width: 48px;
  height: 48px;
}

.epanel-member-detail__nav {
  display: flex;
  gap: 4px;
  margin: 24px -24px 0;
  padding: 0 24px;
  border-bottom: 1px solid var(--bs-border-color);
}

.epanel-member-detail__nav > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 10px 12px;
  border-bottom: 2px solid transparent;
  color: var(--epanel-ink-secondary);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}

.epanel-member-detail__nav > a > i,
.epanel-member-section header > i {
  color: var(--epanel-accent);
}

.epanel-member-detail__nav > a.active {
  border-bottom-color: var(--epanel-accent);
  color: var(--epanel-ink);
}

.epanel-member-kpis > div > div {
  min-height: 84px;
  padding: 13px;
  border-radius: 14px;
  background: var(--epanel-surface-muted);
}

.epanel-member-kpis small {
  display: block;
  color: var(--epanel-ink-secondary);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .05em;
}

.epanel-member-kpis strong {
  display: block;
  margin-top: 7px;
  color: var(--epanel-ink);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.epanel-member-section {
  margin-top: 18px;
  border-top: 1px solid var(--bs-border-color);
}

.epanel-member-section > header {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
}

.epanel-member-section h2 {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.epanel-member-section .list-group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-color: var(--bs-border-color);
  background: transparent;
}

.epanel-member-section .list-group-item > div,
.epanel-member-section .list-group-item-action > div {
  min-width: 0;
}

.epanel-member-section .list-group-item b {
  display: block;
  overflow: hidden;
  color: var(--epanel-ink);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epanel-member-section .list-group-item small,
.epanel-member-section .list-group-item time {
  display: block;
  margin-top: 3px;
  color: var(--epanel-ink-secondary);
  font-size: 11px;
}

.epanel-member-section .list-group-item > time {
  flex: 0 0 auto;
  margin-top: 0;
  white-space: nowrap;
}

.epanel-member-section .list-group-item-action > i {
  flex: 0 0 auto;
  color: var(--epanel-accent);
  font-size: 11px;
}

.epanel-member-empty {
  padding: 16px 0;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
}

.epanel-member-contact {
  margin: 0;
}

.epanel-member-contact > div {
  padding: 9px 0;
  border-bottom: 1px solid var(--bs-border-color);
}

.epanel-member-contact dt {
  margin-bottom: 3px;
  color: var(--epanel-ink-secondary);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.epanel-member-contact dd {
  margin: 0;
  color: var(--epanel-ink);
  font-size: 12px;
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  .epanel-member-submissions-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .epanel-member-submissions-tabs .nav-link {
    white-space: nowrap;
  }

  .epanel-member-submissions-review,
  .epanel-member-submissions-review > td {
    display: block;
    width: 100%;
  }

  .epanel-member-submissions-review__form {
    display: block;
    padding: 14px 12px;
  }

  .epanel-member-submissions-review__actions {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .epanel-advert-tabs .nav-link > .d-none.d-md-inline {
    display: inline !important;
    font-size: .73rem !important;
  }

  .epanel-advert-tabs > .nav-item:first-child > .nav-link > .d-none.d-md-inline {
    font-size: 0;
  }

  .epanel-advert-tabs > .nav-item:first-child > .nav-link > .d-none.d-md-inline::before {
    display: inline;
    content: "REKLAMLAR";
    font-size: .78rem;
  }

  .epanel-advert-list .epanel-advert-region,
  .epanel-advert-zones .epanel-advert-zone-name {
    white-space: normal;
  }

  .epanel-advert-editor .card-body,
  .epanel-advert-stats .card-body,
  .epanel-advert-report .card-body {
    padding: 18px;
  }

  .epanel-member-detail .card-body {
    padding: 18px;
  }

  .epanel-member-detail__nav {
    margin-right: -18px;
    margin-left: -18px;
    padding-right: 18px;
    padding-left: 18px;
    overflow-x: auto;
  }

  .epanel-member-detail__nav > a {
    white-space: nowrap;
  }

  .epanel-member-email {
    max-width: 140px;
  }

}

#table-news.epanel-poll-list {
  table-layout: fixed;
}

#table-news.epanel-poll-list > thead > tr > th:first-child,
#table-news.epanel-poll-list > tbody > tr > .epanel-poll-id {
  width: 58px;
}

#table-news.epanel-poll-list > thead > tr > th:last-child,
#table-news.epanel-poll-list > tbody > tr > .epanel-poll-actions {
  width: 118px;
}

#table-news.epanel-poll-list > tbody > tr > td {
  vertical-align: top;
}

#table-news.epanel-poll-list > tbody > tr > .epanel-poll-id {
  padding-top: 17px;
  color: var(--epanel-ink-muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

#table-news.epanel-poll-list > tbody > tr > .epanel-poll-content {
  padding-block: 14px 12px;
}

.epanel-poll-question {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--epanel-ink);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -.01em;
  line-height: 1.45;
}

.epanel-poll-question > i {
  flex: 0 0 auto;
  color: var(--epanel-accent);
  font-size: 15px;
}

#table-news.epanel-poll-list > tbody > tr > .epanel-poll-actions {
  padding-top: 12px;
  white-space: nowrap;
}

#table-news.epanel-poll-list .epanel-poll-answers {
  width: 100%;
  margin: 12px 0 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
}

#table-news.epanel-poll-list .epanel-poll-answers > tbody > tr > td {
  padding: 9px 8px;
  vertical-align: middle;
  border: 0;
  border-bottom: 1px solid var(--epanel-border);
  background: transparent;
}

#table-news.epanel-poll-list .epanel-poll-answers > tbody > tr:last-child > td {
  border-bottom: 0;
}

#table-news.epanel-poll-list .epanel-poll-answers > tbody > tr:hover > td {
  background: var(--epanel-surface-muted);
}

.epanel-poll-answer-index {
  width: 36px;
  color: var(--epanel-ink-muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.epanel-poll-answer-copy {
  width: auto;
  color: var(--epanel-ink);
  font-size: 13px;
  font-weight: 500;
}

.epanel-poll-answer-copy > i {
  margin-right: 7px;
  color: var(--epanel-accent);
  font-size: 11px;
}

.epanel-poll-answer-bar {
  width: 28%;
  min-width: 120px;
}

.epanel-poll-answers .progress {
  height: 7px;
  overflow: hidden;
  border-radius: 99px;
  background: var(--epanel-surface-muted);
}

.epanel-poll-answers .progress-bar {
  min-width: 0;
  border-radius: 99px;
  background: var(--epanel-accent) !important;
  color: transparent;
  font-size: 0;
}

.epanel-poll-answer-percent {
  width: 58px;
  color: var(--epanel-accent-deep);
  font-size: 12px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.epanel-poll-answer-votes {
  width: 54px;
  color: var(--epanel-ink-secondary);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.epanel-poll-answer-actions {
  width: 68px;
  white-space: nowrap;
}

.epanel-poll-answers .epanel-poll-answer-editor > td {
  padding-block: 12px;
  background: var(--epanel-surface-muted) !important;
}

.epanel-poll-answers .epanel-poll-answer-editor .form-control {
  min-height: 30px;
  background: #fff;
}

.epanel-poll-editor-card .card-body {
  padding: clamp(22px, 3vw, 34px);
}

.epanel-poll-question-form {
  width: 100%;
}

.epanel-poll-form-heading {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
}

.epanel-poll-form-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: var(--epanel-accent);
  background: var(--epanel-surface-muted);
}

.epanel-poll-form-heading h4 {
  margin: 1px 0 4px;
  color: var(--epanel-ink);
  font-size: 16px;
  font-weight: 650;
}

.epanel-poll-form-heading p {
  margin: 0;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
}

@media (max-width: 600px) {
  #table-news.epanel-poll-list,
  #table-news.epanel-poll-list > tbody,
  #table-news.epanel-poll-list > tbody > tr {
    display: block;
    width: 100%;
  }

  #table-news.epanel-poll-list > thead {
    display: none;
  }

  #table-news.epanel-poll-list > tbody > tr {
    position: relative;
    padding: 14px 12px;
    border-bottom: 1px solid var(--epanel-border);
  }

  #table-news.epanel-poll-list > tbody > tr > .epanel-poll-id {
    display: none !important;
  }

  #table-news.epanel-poll-list > tbody > tr > .epanel-poll-content {
    display: block !important;
    padding: 0 38px 0 0;
  }

  #table-news.epanel-poll-list > tbody > tr > .epanel-poll-actions {
    position: absolute;
    top: 9px;
    right: 8px;
    display: flex !important;
    gap: 1px;
    padding: 0;
  }

  #table-news.epanel-poll-list .epanel-poll-question {
    font-size: 14px;
  }

  #table-news.epanel-poll-list .epanel-poll-answers {
    margin-top: 12px;
  }

  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 8px;
    padding: 9px 0;
  }

  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr > td {
    display: block !important;
    padding: 0;
    border: 0;
  }

  #table-news.epanel-poll-list .epanel-poll-answer-index {
    display: none !important;
  }

  #table-news.epanel-poll-list .epanel-poll-answer-copy {
    grid-column: 1;
    min-width: 0;
  }

  #table-news.epanel-poll-list .epanel-poll-answer-bar {
    grid-column: 1;
    width: 100%;
    min-width: 0;
    margin-top: 7px;
  }

  #table-news.epanel-poll-list .epanel-poll-answer-percent,
  #table-news.epanel-poll-list .epanel-poll-answer-votes {
    display: inline-block !important;
    grid-column: 1;
    width: auto;
    margin-top: 6px;
  }

  #table-news.epanel-poll-list .epanel-poll-answer-votes {
    margin-left: 8px;
  }

  #table-news.epanel-poll-list .epanel-poll-answer-actions {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: center;
    width: auto;
  }

  #table-news.epanel-poll-list .epanel-poll-answer-editor {
    display: block;
    padding: 10px !important;
    background: var(--epanel-surface-muted);
  }

  #table-news.epanel-poll-list .epanel-poll-answer-editor > td {
    width: 100%;
    margin-bottom: 8px;
  }

  #table-news.epanel-poll-list .epanel-poll-answer-editor > td:last-child {
    margin-bottom: 0;
  }

  .epanel-poll-editor-card .card-body {
    padding: 22px 16px;
  }

  .epanel-poll-question-form .btn {
    min-height: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}
.epanel-module-listing tbody td a:has(> .ti-trash),
.epanel-module-listing tbody td button:has(> .ti-trash),
.epanel-content-listing tbody td a:has(> .ti-trash),
.epanel-content-listing tbody td button:has(> .ti-trash) {
  display: none !important;
}

.epanel-module-listing tbody td form[data-epanel-preserve-delete] button:has(> .ti-trash) {
  display: inline-flex !important;
}

/* İçerik istatistikleri */
.panel-stats-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.panel-stats-filter {
  display: grid;
  grid-template-columns: minmax(132px, 1fr) minmax(132px, 1fr) minmax(132px, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.panel-stats-cards {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.panel-stats-live-card {
  margin-bottom: 1rem;
  overflow: hidden;
  border-color: rgba(25, 135, 84, .2);
}

.panel-stats-live-card > .card-body {
  display: grid;
  grid-template-columns: minmax(210px, .7fr) minmax(0, 2fr);
  gap: 1.25rem;
  align-items: stretch;
  height: 195px;
  padding: 0;
}

.panel-stats-live-summary {
  display: flex;
  align-items: center;
  gap: .9rem;
  min-height: 195px;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(25, 135, 84, .12), rgba(25, 135, 84, .03));
}

.panel-stats-live-summary > div { display: grid; gap: .15rem; }
.panel-stats-live-summary span { color: #13794b; font-size: .75rem; font-weight: 700; letter-spacing: .08em; }
.panel-stats-live-summary strong { font-size: 3.25rem; line-height: .95; color: var(--epanel-ink, #25282a); font-variant-numeric: tabular-nums; }
.panel-stats-live-summary small { color: var(--bs-secondary-color); }
.panel-stats-live-dot { width: .8rem; height: .8rem; flex: 0 0 .8rem; border-radius: 50%; background: #198754; box-shadow: 0 0 0 .35rem rgba(25,135,84,.14); animation: panel-stats-live-pulse 1.8s ease-out infinite; }
@keyframes panel-stats-live-pulse { 70% { box-shadow: 0 0 0 .7rem rgba(25,135,84,0); } 100% { box-shadow: 0 0 0 0 rgba(25,135,84,0); } }

.panel-stats-live-detail { min-width: 0; padding: .45rem 1.25rem .45rem 0; }
.panel-stats-live-tabs, .panel-stats-live-page { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.panel-stats-live-tabs { min-height: 27px; margin-bottom: .2rem; border-bottom: 1px solid var(--bs-border-color); }
.panel-stats-live-tabs button { align-self: stretch; padding: 0 .1rem; color: var(--bs-secondary-color); background: transparent; border: 0; border-bottom: 2px solid transparent; font: inherit; font-size: .72rem; font-weight: 700; letter-spacing: .05em; }
.panel-stats-live-tabs button.active { color: #13794b; border-bottom-color: #198754; }
.panel-stats-live-tabs button > span { display: inline-grid; min-width: 1.2rem; height: 1.2rem; margin-left: .2rem; padding: 0 .3rem; place-items: center; color: #59636c; background: var(--bs-tertiary-bg); border-radius: 999px; font-size: .62rem; font-weight: 600; letter-spacing: 0; }
.panel-stats-live-tabs .panel-stats-live-countdown { margin-left: auto; }
.panel-stats-live-pane { display: none; height: 150px; }
.panel-stats-live-pane.active { display: block; }
.panel-stats-live-countdown { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; }
.panel-stats-live-countdown i { width: .85rem; height: .85rem; border: 2px solid rgba(25,135,84,.2); border-top-color: #198754; border-radius: 50%; animation: panel-stats-spin .9s linear infinite; }
.panel-stats-live-pages.active { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 27px; align-content: start; gap: 3px .75rem; overflow-y: auto; scrollbar-gutter: stable; }
.panel-stats-live-page { min-width: 0; min-height: 27px; padding: .35rem; border: 0; border-radius: .3rem; transition: background-color .15s ease; }
.panel-stats-live-page:hover { background: var(--bs-tertiary-bg, #f6f7f8); }
.panel-stats-live-page-title { min-width: 0; overflow: hidden; font-size: .75rem; font-weight: 400; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.panel-stats-live-page .badge { padding: .18em .42em; font-size: .63rem; line-height: 1; }
.panel-stats-live-bots.active { display: block; }
.panel-stats-live-bot-total { display: none; }
.panel-stats-live-bot-agents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 27px; align-content: start; gap: 3px .75rem; height: 150px; overflow-y: auto; scrollbar-gutter: stable; }
.panel-stats-live-url-tooltip { position: fixed; z-index: 1090; width: max-content; max-width: min(420px, calc(100vw - 16px)); padding: .4rem .55rem; color: #fff; background: rgba(27, 31, 36, .96); border-radius: .35rem; box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .18); font-size: .72rem; line-height: 1.35; opacity: 0; overflow-wrap: anywhere; pointer-events: none; transform: translateY(-3px); transition: opacity .15s ease, transform .15s ease; }
.panel-stats-live-url-tooltip.show { opacity: 1; transform: translateY(0); }
.panel-stats-live-chart { display: grid; grid-template-columns: repeat(30, minmax(3px, 1fr)); align-items: end; gap: 3px; height: 150px; padding-top: .35rem; }
.panel-stats-live-minute { display: grid; grid-template-rows: minmax(0, 1fr) 18px; align-items: end; min-width: 0; height: 100%; }
.panel-stats-live-minute > span { display: block; width: 100%; min-height: 2px; background: linear-gradient(180deg, #32a56d, #198754); border-radius: 3px 3px 1px 1px; }
.panel-stats-live-minute > small { overflow: visible; color: var(--bs-secondary-color); font-size: 9px; line-height: 18px; text-align: center; white-space: nowrap; transform: translateX(-25%); }
.panel-stats-live-empty { display: grid; min-height: 150px; place-items: center; color: var(--bs-secondary-color); font-size: .85rem; border-top: 1px solid var(--bs-border-color); }
[data-stats-live] { min-height: 195px; }
.panel-stats-breakdown { max-height: 200px; overflow-y: auto; scrollbar-gutter: stable; }

@media (max-width: 767.98px) {
  .panel-stats-live-card > .card-body { grid-template-columns: 1fr; gap: 0; height: auto; }
  .panel-stats-live-summary { min-height: 120px; }
  .panel-stats-live-detail { padding: .8rem 1rem 1rem; }
  .panel-stats-live-chart { gap: 2px; }
  .panel-stats-live-pages.active { grid-template-columns: minmax(0, 1fr); }
  .panel-stats-live-bot-agents { grid-template-columns: minmax(0, 1fr); }
}
.panel-stats-main-loading {
    height: 195px;
    min-height: 195px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: var(--epanel-ink-muted, #737373);
    background: #fff;
    border: 1px solid #eef2f4;
    border-radius: .65rem;
}
.panel-stats-main-loading .ti {
    color: var(--epanel-accent, #a5215e);
    font-size: 1.65rem;
    animation: panel-stats-spin .8s linear infinite;
}
.panel-stats-live-loading {
    height: 195px;
    min-height: 195px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: var(--epanel-ink-muted, #737373);
    background: #fff;
    border: 1px solid #eef2f4;
    border-radius: .65rem;
    box-sizing: border-box;
    contain: layout paint;
}
.panel-stats-live-loading .ti {
    color: var(--epanel-accent, #a5215e);
    font-size: 1.65rem;
    animation: panel-stats-spin .8s linear infinite;
}
@keyframes panel-stats-spin { to { transform: rotate(360deg); } }

.panel-stats-cards .card-body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 132px;
  padding: 17px 18px;
  overflow: hidden;
}

.panel-stats-cards .card-body > .ti {
  position: absolute;
  top: 15px;
  right: 16px;
  color: var(--epanel-accent);
  font-size: 24px;
  opacity: .92;
}

.panel-stats-cards span {
  max-width: calc(100% - 34px);
  color: #666;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.panel-stats-cards strong {
  margin: 13px 0 5px;
  color: #171717;
  font-size: clamp(22px, 1.65vw, 30px);
  line-height: 1;
  letter-spacing: -.035em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.panel-stats-cards small {
  margin-top: auto;
  color: #777;
  font-size: 11px;
}

.panel-stats-cards small.is-up { color: #138a55; }
.panel-stats-cards small.is-down { color: #c23545; }
.panel-stats-cards small.is-same { color: #777; }

.panel-stats-chart-wrap {
  position: relative;
  width: 100%;
  height: 305px;
}

.panel-stats-chart-wrap--compact {
  height: 285px;
}

.panel-stats-progress {
  display: inline-flex;
  width: min(120px, 70%);
  height: 5px;
  margin-right: 7px;
  vertical-align: middle;
  background: #eceff1;
}

.panel-stats-progress .progress-bar {
  background: var(--epanel-accent);
}

.panel-stats .card-header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.panel-stats .card-header > .ti {
  color: var(--epanel-accent);
  font-size: 18px;
}

.panel-stats-dimensions .card-header {
  font-size: 11px;
  letter-spacing: .035em;
}

.panel-stats-metric-pill {
  display: inline-grid;
  position: relative;
  width: 24px;
  min-width: 24px;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0;
  place-items: center;
  border-radius: 50%;
  line-height: 1;
}

.panel-stats-metric-pill > .ti { font-size: 10px !important; line-height: 1 !important; }

.panel-stats-metric-pill[data-tooltip]::after {
  position: absolute;
  bottom: calc(100% + 7px);
  left: 50%;
  z-index: 10920;
  width: max-content;
  max-width: 190px;
  padding: 5px 8px;
  border-radius: 8px;
  color: #fff;
  background: var(--epanel-ink);
  content: attr(data-tooltip);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 3px);
  transition: opacity .15s ease, transform .15s ease;
  white-space: nowrap;
}

.panel-stats-metric-pill[data-tooltip]:hover::after,
.panel-stats-metric-pill[data-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

.panel-stats-dimensions .card {
  height: 200px !important;
  max-height: 200px;
}

.panel-stats-breakdown {
  display: flex;
  flex-direction: column;
  min-height: 0;
  gap: 12px;
  padding: .75rem .85rem;
}

.panel-stats-breakdown-row { min-width: 0; }

.panel-stats-breakdown-row > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.25;
}

.panel-stats-breakdown-row .panel-stats-progress { display: flex; width: 100%; height: 4px; margin: 0; }

.panel-stats-breakdown-row span {
  overflow: hidden;
  color: var(--epanel-ink-muted, #60676d);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.panel-stats-breakdown-row strong {
  color: var(--epanel-ink, #171717);
  font-size: 12px;
}

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

@media (max-width: 767.98px) {
  .panel-stats-head { align-items: stretch; flex-direction: column; }
  .panel-stats-filter { grid-template-columns: 1fr 1fr; }
  .panel-stats-filter select,
  .panel-stats-filter button { grid-column: 1 / -1; }
  .panel-stats-cards { grid-template-columns: 1fr; }
  .panel-stats-chart-wrap,
  .panel-stats-chart-wrap--compact { height: 240px; }
}

.epanel-bot-provider-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.epanel-bot-provider-tabs > .nav-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  font-size: 12px;
}

/* Ajans logoları ve metin sekmeleri aynı yükseklikte, daha küçük gösterilir. */
.epanel-bot-provider-tabs > .nav-link > img,
.epanel-bot-provider-tabs > .nav-link > .epanel-agency-logo {
  display: block;
  width: auto;
  height: 18px;
  max-height: 18px;
}

.epanel-bot-provider-tabs > .nav-link > i {
  font-size: 16px;
}

.epanel-bot-provider-content .bot-setting-pane {
  min-width: 0;
}

.bot-setting-pane .table-responsive {
  border: 1px solid var(--epanel-hairline);
  border-radius: 9px;
}

.bot-setting-pane .table-responsive > .table {
  margin-bottom: 0;
}

.bot-options-stack {
  clear: both;
}

.bot-options-stack .form-check.form-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 0;
}

.bot-options-stack .form-check.form-switch .form-check-input {
  flex: 0 0 auto;
  margin-left: 0;
}

.bot-option-card {
  overflow: hidden;
  border-color: var(--epanel-hairline) !important;
  border-radius: 11px;
  background: var(--epanel-paper, #ffffff);
  box-shadow: 0 5px 18px rgba(15, 23, 42, .035);
}

.bot-option-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom-color: var(--epanel-hairline);
}

.bot-option-card__header h6 {
  color: var(--epanel-ink);
  font-size: 14px;
  font-weight: 700;
}

.bot-option-card__icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: var(--epanel-accent);
  background: color-mix(in srgb, var(--epanel-accent) 9%, #ffffff);
  font-size: 18px;
}

.bot-option-card > .card-body {
  padding: 15px 16px;
}

.bot-option-card .form-check-label,
.bot-option-card .form-label,
.bot-option-card .col-form-label {
  color: var(--epanel-ink-body);
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .bot-option-card__header {
    align-items: flex-start;
  }

  .bot-option-card > .card-body {
    padding: 13px;
  }
}

.epanel-agency-logo {
  display: block;
  width: auto;
  height: 1.35rem;
}

.news-media-library {
  padding: 10px;
  border: 1px solid var(--epanel-hairline);
  border-radius: var(--bs-border-radius-lg);
  background: var(--epanel-paper);
}

.news-media-library__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.news-media-library__header h5 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: var(--epanel-ink);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.news-media-library__header h5 > i {
  color: var(--epanel-accent);
  font-size: 16px;
}

.news-media-library__items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.news-media-library__item {
  position: relative;
  overflow: hidden;
  width: 88px;
  height: 66px;
  padding: 0;
  border: 1px solid var(--epanel-hairline);
  border-radius: 8px;
  background: #171717;
  cursor: grab;
}

.news-media-library__item:hover,
.news-media-library__item:focus-visible {
  border-color: var(--epanel-accent);
  box-shadow: 0 0 0 2px var(--epanel-accent-soft);
  outline: 0;
}

.news-media-library__item img,
.news-media-library__item video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.news-featured-video {
  padding: 12px;
  border: 1px solid var(--epanel-hairline);
  border-radius: 10px;
  background: var(--epanel-surface);
}

.news-featured-video__heading h5 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.news-featured-video__heading h5 i {
  color: var(--epanel-accent);
  font-size: 17px;
}

.news-featured-video__drop {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 112px;
  margin-top: 10px;
  overflow: hidden;
  border: 1px dashed var(--epanel-hairline);
  border-radius: 9px;
  background: var(--epanel-page-bg);
  transition: border-color .16s ease, background-color .16s ease;
}

.news-featured-video__drop.is-media-drop-target {
  border-color: var(--epanel-accent);
  background: var(--epanel-accent-soft);
}

.news-featured-video__empty {
  display: grid;
  justify-items: center;
  gap: 6px;
  color: var(--epanel-muted);
  font-size: 12px;
}

.news-featured-video__empty i { font-size: 24px; }
.news-featured-video__drop video { display:block; width:100%; max-height:260px; object-fit:contain; background:#111; }
.news-featured-video__clear { position:absolute; inset-block-start:8px; inset-inline-end:8px; }

.news-featured-images {
  padding: 12px;
  border: 1px solid var(--epanel-hairline);
  border-radius: 10px;
  background: var(--epanel-surface);
}

.news-featured-images__heading h5 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.news-featured-images__heading h5 i {
  color: var(--epanel-accent);
  font-size: 17px;
}

.news-featured-images__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.news-featured-images__slot {
  align-items: center;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px dashed var(--epanel-hairline);
  border-radius: 9px;
  background: var(--epanel-page-bg);
}

.news-featured-images__slot .newsImgContainer {
  display: grid;
  place-items: center;
  overflow: hidden;
  width: 100%;
  min-height: 118px;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 8px;
  background: var(--epanel-paper);
}

.news-featured-images__slot .newsImgContainer > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 118px;
  padding: 0 !important;
  border: 0;
  border-radius: 7px;
  object-fit: cover;
}

.news-featured-images__empty {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  padding: 10px;
  border-radius: 7px;
  background: var(--epanel-page-bg);
  color: var(--epanel-muted);
  font-size: 11px;
  font-weight: 650;
  text-align: center;
  pointer-events: none;
}

.news-featured-images__empty[hidden] { display: none; }
.news-featured-images__empty i { color: var(--epanel-accent); font-size: 24px; }

.news-featured-images .epanel-media-remove {
  inset: auto auto 8px 8px;
}

.news-featured-images .epanel-media-edit {
  position: absolute;
  inset: 8px 8px auto auto;
  z-index: 3;
}

.news-featured-images .epanel-media-ai {
  inset: 8px 56px auto auto;
}

@media (min-width: 768px) {
  .news-featured-images__empty:not([hidden]) + .epanel-media-ai {
    inset: 8px 8px auto auto;
  }

  .news-featured-images__slot .newsImgContainer:has(.news-featured-images__empty:not([hidden])) .epanel-media-edit {
    display: none;
  }
}

.news-featured-images__slot .mb-3 { margin-bottom: 0 !important; }
.news-featured-images__slot .form-label { margin-bottom: 4px; font-size: 12px; font-weight: 700; }
.news-featured-images__slot .form-control { font-size: 11px; }
.news-featured-images__slot .text-muted { margin-top: 5px !important; line-height: 1.35; }

@media (max-width: 991.98px) {
  .news-featured-images__grid { grid-template-columns: 1fr; }
}

.newsImgContainer[data-image-editor-input] {
  transition: border-color .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.newsImgContainer.is-media-drop-target {
  border-color: var(--bs-success) !important;
  box-shadow: 0 0 0 3px rgba(var(--bs-success-rgb), .16);
}

.newsImgContainer.is-media-drop-target::after,
.newsImgContainer.is-media-drop-loading::after {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: grid;
  place-items: center;
  padding: 8px;
  border-radius: inherit;
  background: rgba(255, 255, 255, .88);
  color: var(--bs-success);
  content: 'Görseli buraya bırakın';
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
}

.newsImgContainer.is-media-drop-loading::after {
  content: 'Görsel hazırlanıyor…';
}

.news-media-library__kind {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(0, 0, 0, .28);
  font-size: 22px;
  pointer-events: none;
}

.news-unused-media {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
}

.news-unused-media__item {
  position: relative;
  overflow: hidden;
  min-height: 105px;
  border: 2px solid transparent;
  border-radius: var(--bs-border-radius-lg);
  background: var(--epanel-paper);
  opacity: .72;
  transition: border-color .15s ease, opacity .15s ease, box-shadow .15s ease;
}

.news-unused-media__item.is-selected-for-delete {
  border-color: var(--bs-danger);
  box-shadow: 0 0 0 3px rgba(var(--bs-danger-rgb), .1);
  opacity: 1;
}

.news-unused-media__item img {
  display: block;
  width: 100%;
  height: 105px;
  object-fit: cover;
}

.news-unused-media__trash {
  position: absolute;
  top: 7px;
  right: 7px;
  display: inline-grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.modal [data-component-modal-result] .ti-spin{display:inline-block;animation:component-save-spin .8s linear infinite}@keyframes component-save-spin{to{transform:rotate(360deg)}}

.gallery-inline-media{overflow:hidden;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);background:#fff}
.gallery-inline-media__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-bottom:1px solid var(--bs-border-color);background:var(--bs-light)}
.gallery-inline-media__heading h4{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem}.gallery-inline-media__heading h4 i{color:var(--bs-primary);font-size:1.3rem}.gallery-inline-media__heading p{margin:3px 0 0;color:var(--bs-secondary-color);font-size:.75rem}
.gallery-inline-media .hpu-upload-panel{margin:12px 16px}.gallery-inline-media .hpu-upload-panel__details{border-top:1px solid #f0f0f5}
.gallery-inline-photo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 16px 16px}.gallery-inline-photo{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:stretch;min-height:150px;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);background:#fff;transition:opacity .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.gallery-inline-photo.is-dragging{opacity:.45;transform:scale(.995)}.gallery-inline-photo.is-marked-for-delete{border-color:var(--bs-danger);box-shadow:0 0 0 3px rgba(var(--bs-danger-rgb),.08);opacity:.6}.gallery-inline-photo__image{position:relative;height:150px;min-height:150px;padding:.5rem;background:var(--bs-light)}.gallery-inline-photo__preview{display:block;width:100%;height:100%;overflow:hidden;border:1px solid rgba(0,0,0,.06);border-radius:calc(var(--bs-border-radius) + 2px);background:#fff;cursor:zoom-in}.gallery-inline-photo__image img{display:block;width:100%;height:100%;object-fit:cover}.gallery-inline-photo__drag{position:absolute;top:14px;left:14px;z-index:1;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:rgba(20,20,24,.72);color:#fff;cursor:grab;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.gallery-inline-photo:hover .gallery-inline-photo__drag,.gallery-inline-photo:focus-within .gallery-inline-photo__drag{opacity:1;transform:none;pointer-events:auto}.gallery-inline-photo__drag:active{cursor:grabbing}.gallery-inline-photo__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;min-width:0;padding:.5rem 12px}.gallery-photo-description{height:134px;min-height:134px}.gallery-photo-description textarea{height:134px!important;min-height:134px;resize:none}.gallery-inline-photo__controls{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:7px}.gallery-photo-action{display:inline-flex;margin:0;cursor:pointer}.gallery-photo-action__pill{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;min-height:30px;padding:4px;border:1px solid var(--bs-border-color);border-radius:999px;background:var(--bs-light);color:var(--bs-secondary-color);line-height:1;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.gallery-photo-action__pill i{font-size:1rem}.gallery-photo-action:hover .gallery-photo-action__pill{border-color:var(--bs-primary);color:var(--bs-primary)}.gallery-photo-action input:focus-visible+.gallery-photo-action__pill{box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb),.2)}.gallery-photo-action input:checked+.gallery-photo-action__pill{border-color:var(--bs-primary);background:var(--bs-primary);color:#fff}.gallery-photo-action--danger .gallery-photo-action__pill{border-color:var(--bs-danger);background:rgba(var(--bs-danger-rgb),.06);color:var(--bs-danger)}.gallery-photo-action--danger:hover .gallery-photo-action__pill{background:var(--bs-danger);color:#fff}.gallery-photo-action--danger input:checked+.gallery-photo-action__pill{border-color:var(--bs-danger);background:var(--bs-danger);color:#fff;box-shadow:0 0 0 .2rem rgba(var(--bs-danger-rgb),.1)}
.gallery-photo-description{position:relative}.gallery-photo-description textarea{padding-right:42px}.gallery-photo-html-button{position:absolute;top:6px;right:6px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;min-height:26px;padding:3px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.gallery-photo-description:focus-within .gallery-photo-html-button{opacity:1;visibility:visible;pointer-events:auto;transform:none}.gallery-photo-html-button i{font-size:.9rem}
.video-upload-field{min-width:0;padding:.5rem;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);background:var(--bs-tertiary-bg)}[data-video-source-panel="url"] .video-upload-field,[data-video-source-panel="embed"] .video-upload-field{background:#fff}.video-upload-field .hpu-upload-panel{margin-top:.5rem}.video-upload-field .hpu-upload-row{grid-template-columns:44px minmax(0,1fr) auto;min-height:44px}.video-upload-field .hpu-upload-row__preview{width:44px;height:44px}.video-upload-field .hpu-upload-row__preview img,.video-upload-field .hpu-upload-row__preview video{width:44px;height:44px;object-fit:cover}
.video-edit-progress{position:relative;overflow:hidden;padding:.75rem 1rem;min-height:46px;background:var(--bs-body-bg);color:var(--bs-body-color)}.video-edit-progress::after{content:"";position:absolute;left:0;bottom:0;width:var(--video-progress,3%);height:3px;background:var(--bs-primary);transition:width .2s ease}.video-edit-progress:not(.is-complete):not(.is-error)::before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.1rem;animation:spinner-border .75s linear infinite}.video-edit-progress.is-complete::after{background:var(--bs-success)}.video-edit-progress.is-error::after{background:var(--bs-danger)}
.video-upload-current{display:grid;gap:.35rem;max-width:360px}.video-upload-current--video{max-width:none}.video-upload-current>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);background:var(--bs-tertiary-bg)}.hpu-video-preview{overflow:hidden;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);background:#111827;--plyr-color-main:var(--bs-primary);--plyr-video-background:#111827;--plyr-menu-background:#fff;--plyr-menu-color:#2f3349;--plyr-control-radius:8px}.hpu-video-preview:not(:empty):not(:has(video,iframe,.plyr)){padding:.65rem .8rem;border-color:rgba(var(--bs-info-rgb),.35);background:rgba(var(--bs-info-rgb),.1);color:var(--bs-info-text-emphasis);font-size:.8125rem}.hpu-video-preview video,.hpu-video-preview iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#111827}.hpu-video-preview iframe{min-height:260px}.hpu-video-preview:empty{display:none}
.video-upload-current--removable{position:relative}.video-cover-delete{position:absolute;top:.55rem;right:.55rem;z-index:2;display:inline-grid;width:32px;height:32px;padding:0;place-items:center;border-radius:999px;opacity:0;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease}.video-upload-current--removable:hover .video-cover-delete,.video-upload-current--removable:focus-within .video-cover-delete{opacity:1;transform:none}
.video-source-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.video-source-option{display:block;margin:0;cursor:pointer}.video-source-option>span{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.65rem;align-items:center;min-height:70px;padding:.55rem .7rem;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);background:var(--bs-tertiary-bg);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.video-source-option i{grid-row:span 2;font-size:1.8rem;color:var(--bs-secondary-color)}.video-source-option--youtube i{color:#ff0033}.video-source-option strong{font-size:.8rem;line-height:1.15}.video-source-option small{color:var(--bs-secondary-color);font-size:.68rem;line-height:1.15}.video-source-option:hover>span{border-color:var(--bs-primary);background:#fff}.video-source-option input:checked+span{border-color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.08);box-shadow:0 0 0 .18rem rgba(var(--bs-primary-rgb),.12)}.video-source-option input:checked+span i{color:var(--bs-primary)}.video-source-option--youtube input:checked+span i{color:#ff0033}.video-source-option input:focus-visible+span{outline:2px solid var(--bs-primary);outline-offset:2px}@media(max-width:575.98px){.video-source-options{grid-template-columns:1fr}.video-source-option>span{min-height:58px}}
.video-source-options--pills{display:flex;flex-wrap:wrap;gap:.4rem}.video-source-options--pills .video-source-option>span{display:inline-flex;grid-template-columns:none;min-height:34px;padding:.35rem .7rem;border-radius:999px}.video-source-options--pills .video-source-option i{grid-row:auto;font-size:1rem}.video-source-options--pills .video-source-option small{display:none}
@media(max-width:767.98px){.gallery-inline-photo{grid-template-columns:110px minmax(0,1fr)}.gallery-inline-photo__image{min-height:150px}.gallery-inline-media__heading{align-items:flex-start}.gallery-inline-photo-grid{padding:0 12px 12px}.gallery-photo-action__pill span{display:none}.gallery-photo-action__pill{width:30px;padding:4px}}
.hp-admin-comment-copy{margin-inline-start:calc(min(var(--hp-admin-comment-depth,0),4)*1rem)}.hp-admin-comment-reply .hp-admin-comment-copy{padding-inline-start:.65rem;border-inline-start:2px solid var(--bs-border-color)}.hp-admin-comment-parent{display:flex;align-items:center;gap:.25rem;margin-block-end:.2rem;color:var(--bs-secondary-color);font-size:.68rem}.hp-admin-comment-root td{background:color-mix(in srgb,var(--bs-tertiary-bg) 42%,transparent)}
.panel-stats-search-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.panel-stats-search-grid>p{grid-column:1/-1}.panel-stats-search-term{display:flex;align-items:center;gap:.35rem;min-width:0;padding:.3rem .5rem;font-size:.75rem;line-height:1.25;background:var(--bs-tertiary-bg);border-radius:var(--bs-border-radius);color:var(--bs-body-color)}.panel-stats-search-term>a{flex:1;min-width:0;overflow-wrap:anywhere;color:inherit;text-decoration:none}.panel-stats-search-term>a:hover,.panel-stats-search-term>a:focus-visible{text-decoration:underline}.panel-stats-search-term>strong{flex:none;font-variant-numeric:tabular-nums}@media(min-width:768px){.panel-stats-search-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Güncelleme: sürüm bağlantıları ve sürüm notları modalı */
.hpu-version--link { cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; }
.hpu-version--link:hover, .hpu-version--link:focus-visible { border-color: var(--epanel-border-strong); box-shadow: var(--epanel-shadow-subtle); outline: none; }
.hpu-link { color: var(--epanel-accent); font-weight: 600; }
.hpu-history__version { border: 0; background: none; padding: 0; font-weight: 700; color: var(--epanel-ink); }
.hpu-history__version:hover { color: var(--epanel-accent); text-decoration: underline; }
.hpu-tag { display: inline-block; padding: .0625rem .4375rem; border-radius: 999px; background: var(--epanel-surface-muted); color: var(--epanel-ink-faint); font-size: .6875rem; font-weight: 600; vertical-align: .0625rem; }
.hpu-releases { list-style: none; margin: 0 -.5rem; padding: 0; }
.hpu-releases button { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; column-gap: .5rem; width: 100%; text-align: left; border: 0; background: none; border-radius: 10px; padding: .5rem; color: var(--epanel-ink-body); }
.hpu-releases button:hover, .hpu-releases button:focus-visible { background: var(--epanel-surface-soft); outline: none; }
.hpu-releases__version { font-weight: 700; color: var(--epanel-ink); }
.hpu-releases__meta { grid-row: 2; font-size: .8125rem; color: var(--epanel-ink-faint); }
.hpu-releases .ti { grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--epanel-ink-faint); }
.hpu-release__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1.5rem 1.75rem 1rem; border-bottom: 1px solid var(--epanel-hairline); }
.hpu-release__eyebrow { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--epanel-accent); font-weight: 650; }
.hpu-release__title { font-size: 1.5rem; font-weight: 700; letter-spacing: -.02em; margin: .125rem 0; color: var(--epanel-ink); }
.hpu-release__date { font-size: .8125rem; color: var(--epanel-ink-faint); }
.hpu-release__body { padding: 1.25rem 1.75rem 1.75rem; }
.hpu-release__stats { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.25rem; }
.hpu-chip { display: inline-flex; gap: .25rem; align-items: baseline; padding: .3125rem .75rem; border-radius: 999px; border: 1px solid var(--epanel-hairline); background: var(--epanel-surface-soft); font-size: .8125rem; color: var(--epanel-ink-body); }
.hpu-chip strong { color: var(--epanel-ink); }
.hpu-chip--muted { color: var(--epanel-ink-faint); }
.hpu-release__section { font-size: .8125rem; font-weight: 650; text-transform: uppercase; letter-spacing: .06em; color: var(--epanel-ink-faint); margin: 0 0 .625rem; }
.hpu-release__loading { margin: 1rem 0 0; color: var(--epanel-ink-faint); font-size: .875rem; }
.hpu-release__files { margin-top: 1rem; border: 1px solid var(--epanel-hairline); border-radius: 12px; padding: .75rem 1rem; }
.hpu-release__files summary { cursor: pointer; font-weight: 600; color: var(--epanel-ink); }
.hpu-release__paths { list-style: none; margin: .75rem 0 0; padding: 0; max-height: 260px; overflow: auto; font: .75rem/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--epanel-ink-body); }
.hpu-sidebar { position: sticky; top: 1rem; }
@media (max-width: 991.98px) { .hpu-sidebar { position: static; } }
.hpu-installed { margin-top: .875rem; padding-top: .875rem; border-top: 1px solid var(--epanel-hairline); }
.hpu-installed__title { font-size: .875rem; font-weight: 650; color: var(--epanel-ink); margin: 0 0 .5rem; }
.hpu-changes--compact li { font-size: .8125rem; padding: .375rem 0; }
.hpu-installed .hpu-link { margin-top: .5rem; text-decoration: none; }
.hpu-installed-list { list-style: none; counter-reset: hpu-change; margin: 0; padding: 0; }
.hpu-installed-list li { counter-increment: hpu-change; display: grid; grid-template-columns: 1.5rem 1fr; gap: .5rem; padding: .5rem 0; border-top: 1px solid var(--epanel-hairline); font-size: .8125rem; color: var(--epanel-ink-body); }
.hpu-installed-list li:first-child { border-top: 0; padding-top: 0; }
.hpu-installed-list li::before { content: counter(hpu-change); width: 1.5rem; height: 1.5rem; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--epanel-accent) 9%, #fff); color: var(--epanel-accent); font-size: .75rem; font-weight: 700; }

/* Ana sayfa: Yazılım Sürümü kutusu */
.hpu-home-version .card-header { background: var(--epanel-card-header-bg); color: var(--epanel-ink); }
.hpu-home-version.is-update .card-header { background: var(--epanel-accent); color: #fff; }
.hpu-home-version__row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
.hpu-home-version__number { font-size: 1.375rem; font-weight: 700; letter-spacing: -.02em; color: var(--epanel-ink); font-variant-numeric: tabular-nums; }
#hpuHomeUpdateModal .hpu-release__body { padding: 1.25rem 1.75rem .5rem; }

/* Ayarlar: sekmeler solda dikey menü, içerik sağda; etkin sekme panelle birleşik görünür.
   Dar ekranda menü üstte yatay kayar ve etkin sekme panelin üstüne bağlanır. */
.hp-setting-layout {
  --hp-setting-border: var(--bs-card-border-color, var(--epanel-border-strong));
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  align-items: stretch;
  margin-top: 16px;
}

.hp-setting-side {
  padding: 10px 0 10px 10px;
  border-radius: 14px 0 0 14px;
  background: var(--epanel-tab-strip-bg);
}

.hp-setting-nav {
  position: sticky;
  top: 16px;
  gap: 2px;
}

.hp-setting-nav .nav-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  color: var(--epanel-ink-secondary);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
}

.hp-setting-nav .nav-link:hover,
.hp-setting-nav .nav-link:focus-visible {
  color: var(--epanel-ink);
  background: var(--epanel-surface-muted);
}

.hp-setting-nav .nav-link.active {
  position: relative;
  z-index: 2;
  color: var(--epanel-accent);
  background: var(--epanel-paper);
  font-weight: 600;
}

.hp-setting-main {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 20px;
  border-radius: 0 14px 14px 0;
  background: var(--epanel-paper);
}

/* Sağ panel tek kutudur; sayfaların kendi dış kartı çerçevesiz içerik olur. */
.hp-setting-main > :first-child,
.hp-setting-main > .hp-setting-head + *,
.hp-setting-main > .hp-setting-head + * > .card-body > :first-child {
  margin-top: 0 !important;
}

.hp-setting-main > .card,
.hp-setting-main > .component-dashboard-card {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Tüm sayfalarda kenar boşluğu yalnız paneldendir (20 px); sayfanın dış kartı ek boşluk vermez. */
.hp-setting-main > .card > .card-body,
.hp-setting-main > .card > form > .card-body {
  padding: 0 !important;
}

.hp-setting-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.hp-setting-summary {
  justify-content: flex-end;
  margin: 0;
}

.hp-setting-summary .component-settings-summary {
  margin-left: 0 !important;
}

@media (max-width: 991.98px) {
  .hp-setting-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .hp-setting-side {
    overflow-x: auto;
    padding: 10px 10px 0;
    border-radius: 14px 14px 0 0;
  }

  .hp-setting-nav {
    position: static;
    flex-direction: row !important;
    flex-wrap: nowrap;
  }

  .hp-setting-nav .nav-link {
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
  }

  .hp-setting-nav .nav-link.active {
    margin-right: 0;
    margin-bottom: -1px;
    border-color: var(--hp-setting-border);
  }

  .hp-setting-main {
    border-radius: 0 0 14px 14px;
  }
}

/* Ayar sayfalarında ortak parçalar: durum etiketi, gösterge şeridi, çerçeveli kutu, bilgi listesi. */
.hp-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--epanel-hairline);
  border-radius: 999px;
  background: var(--epanel-paper);
  color: var(--epanel-ink-secondary);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.hp-status-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9ca3af;
}

.hp-status-pill.is-ok::before { background: #16a34a; }
.hp-status-pill.is-busy::before { background: #2563eb; }
.hp-status-pill.is-danger::before { background: #dc2626; }

.hp-stat-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px;
  background: var(--epanel-paper);
}

.hp-stat {
  padding: 14px 16px;
  border-left: 1px solid var(--epanel-hairline);
}

.hp-stat:first-child {
  border-left: 0;
}

.hp-stat__label {
  display: block;
  margin-bottom: 4px;
  color: var(--epanel-ink-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.hp-stat__value {
  color: var(--epanel-ink);
  font-size: 20px;
  font-weight: 700;
}

.hp-stat__unit {
  margin-left: 4px;
  color: var(--epanel-ink-muted);
  font-size: 12px;
}

.hp-panel-box {
  padding: 16px;
  border: 1px solid var(--epanel-hairline);
  border-radius: 14px;
  background: var(--epanel-paper);
}

.hp-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
  font-size: 13px;
}

.hp-facts dt {
  margin-bottom: 2px;
  color: #5c6670;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.hp-facts dd {
  margin: 0;
  color: var(--epanel-ink);
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .hp-stat-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hp-stat:nth-child(3) {
    border-left: 0;
  }

  .hp-stat:nth-child(n + 3) {
    border-top: 1px solid var(--epanel-hairline);
  }

  .hp-facts {
    grid-template-columns: minmax(0, 1fr);
  }
}

.hp-cache-layers > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid var(--epanel-surface-muted);
  font-size: 13px;
}

.hp-cache-layers > div:last-child {
  border-bottom: 0;
}

.hp-cache-layers dt {
  color: var(--epanel-ink-secondary);
  font-weight: 500;
}

.hp-cache-layers dd {
  margin: 0;
  white-space: nowrap;
  color: var(--epanel-ink);
  font-weight: 600;
}

.hp-cache-size {
  display: inline-block;
  min-width: 64px;
  margin-left: 8px;
  color: var(--epanel-ink-muted);
  font-weight: 500;
  text-align: right;
}

.hp-cache-total dt,
.hp-cache-total dd {
  color: var(--epanel-ink);
  font-weight: 700;
}

/* Kategori listesi: dar ekranda ikincil sütunlar gizlenir, işlemler görünür kalır. */
@media (max-width: 575.98px) {
  [data-category-navigation] .epanel-col-optional { display: none; }
}

/* Üye gönderileri: dar ekranda başlık kenara yapışmasın. */
@media (max-width: 767.98px) {
  .epanel-member-submissions-heading { margin-bottom: 10px; padding-inline: 12px; }
  .epanel-member-submissions-tabs .nav-link { white-space: nowrap; }
}

/* Mobil gezinme: ilk sırada "Haber ekle" (+) kısa yolu; masaüstünde gizli.
   Ölçü ve stil üst çubuğun sağındaki ikon düğmeleriyle birebir (40×32, 7px 11px dolgu,
   14px köşe, şeffaf zemin, 18px ikon); yalnız ikon rengi vurgu. */
.epanel-nav-quick-add { display: none; }
@media (max-width: 991.98px) {
  .epanel-navbar .epanel-navbar__primary-nav > .epanel-nav-quick-add { display: flex; align-self: center; align-items: center; }
  .epanel-navbar .epanel-navbar__primary-nav .epanel-nav-quick-add__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 32px;
    min-height: 32px;
    padding: 7px 11px;
    border-radius: 14px;
    background: transparent;
    color: var(--epanel-accent);
  }
  .epanel-navbar .epanel-navbar__primary-nav .epanel-nav-quick-add__link:hover,
  .epanel-navbar .epanel-navbar__primary-nav .epanel-nav-quick-add__link:focus-visible {
    background: var(--epanel-accent-soft, rgba(0, 0, 0, .05));
    color: var(--epanel-accent);
  }
  .epanel-navbar .epanel-navbar__primary-nav .epanel-nav-quick-add__link > i {
    min-width: 0;
    color: var(--epanel-accent);
    font-size: 18px;
  }
}

/* Reklam listeleri: telefonda yalnız ad, bölge ve işlemler (ikincil sütunlar gizli). */
@media (max-width: 575.98px) {
  #advert-list-table tr > :is(th, td):not([colspan]):is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(5), :nth-child(6), :nth-child(7)),
  #advert-zones-table tr > :is(th, td):not([colspan]):is(:nth-child(1), :nth-child(3), :nth-child(4)) { display: none; }
}

/* #table-news kimliğini paylaşan modül listelerinde (yönetici, yorum, anket, etiket…)
   haber tablosuna göre yazılmış sütun gizleme kuralı İşlemler sütununu da saklıyordu.
   Son sütun (işlemler) her genişlikte görünür kalır. */
#table-news.epanel-module-listing:not(.epanel-content-listing):not(.epanel-poll-list) tr > :last-child:not([colspan]) { display: table-cell; }
@media (max-width: 575.98px) {
  /* Telefonda modül listelerinin metin sütunları kaydırmasın, satıra sarsın; işlemler görünür kalsın. */
  #table-news.epanel-module-listing:not(.epanel-content-listing):not(.epanel-poll-list) tbody td:not(:last-child) {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  #table-news.epanel-module-listing:not(.epanel-content-listing):not(.epanel-poll-list) tr > :last-child:not([colspan]) {
    width: 1%;
    white-space: nowrap;
  }
}
@media (max-width: 600px) {
  /* Anket sorusu telefonda tek satırda kesiliyordu. */
  #table-news.epanel-poll-list .epanel-poll-question,
  #table-news.epanel-poll-list .epanel-poll-content { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 575.98px) {
  /* Telefonda ikon sekmeleri (haber/galeri/yönetici listeleri) sığsın; yatay kaydırma gerekmesin. */
  .container > .nav-tabs > .nav-item > .nav-link { padding-inline: 7px; }
}
@media (max-width: 600px) {
  /* Anket kartı: soru metni işlem düğmelerinin altına girmesin; cevap sırası gizli, yüzde ve oy aynı satırda. */
  #table-news.epanel-poll-list > tbody > tr > .epanel-poll-actions { width: auto !important; min-width: 0; }
  #table-news.epanel-poll-list > tbody > tr > .epanel-poll-content { padding-right: 76px !important; }
  #table-news.epanel-poll-list .epanel-poll-answers { margin-right: -64px; width: calc(100% + 64px); }
  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr > td.epanel-poll-answer-index { display: none !important; }
  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "copy copy actions" "bar bar actions" "percent votes actions";
  }
  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr > td.epanel-poll-answer-copy { grid-area: copy; }
  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr > td.epanel-poll-answer-bar { grid-area: bar; }
  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr > td.epanel-poll-answer-percent { grid-area: percent; }
  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr > td.epanel-poll-answer-votes { grid-area: votes; margin-left: 8px; }
  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr > td.epanel-poll-answer-actions { grid-area: actions; }
}
@media (max-width: 600px) {
  #table-news.epanel-poll-list .epanel-poll-answers > tbody > tr > td.epanel-poll-answer-bar,
  #table-news.epanel-poll-list .epanel-poll-answer-bar .progress { width: 100% !important; max-width: none; }
}
@media (max-width: 767.98px) {
  /* Kart dışındaki sayfa başlıkları (üyeler, menüler vb.) mobilde ekran kenarına yapışmasın. */
  .epanel-member-page-heading,
  .epanel-menu-heading { padding-inline: 12px; }
}
/* MCP istemci kartları: uzun kod blokları grid öğesini genişletip sayfayı yatay kaydırıyordu. */
.epanel-ai-client-grid > * { min-width: 0; }
@media (max-width: 767.98px) {
  /* Mobilde kapsayıcı yatay dolgusuz; .row negatif oluk boşlukları sayfayı 4–12px yatay kaydırıyordu.
     overflow-x: clip kaydırma kabı oluşturmaz (sticky başlıklar etkilenmez). */
  body > .container { overflow-x: clip; }
}

/* Haber listesi, telefon: toplu seçim kutusu küçük resmin sol altında; seçim varken alt işlem çubuğu. */
.news-bulk-mobile-bar { display: none; }
@media (max-width: 600px) {
  #table-news.epanel-content-listing > tbody > tr { position: relative; }
  #table-news.epanel-content-listing > tbody > tr > td.news-bulk-select-cell {
    position: absolute;
    top: 50%;
    left: 4px;
    z-index: 2;
    display: grid !important;
    place-items: center;
    width: 32px;
    min-width: 0;
    height: 32px;
    padding: 0 !important;
    background: transparent !important;
    transform: translateY(-50%);
  }
  #table-news.epanel-content-listing .news-bulk-row-select {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
  }
  #table-news.epanel-content-listing .news-bulk-row-select .form-check-input { width: 18px; height: 18px; }
  #table-news.epanel-content-listing > tbody > tr.is-news-selected > td:first-child { box-shadow: none; }
  #table-news.epanel-content-listing > tbody > tr.is-news-selected { box-shadow: inset 3px 0 0 var(--epanel-accent); }
  .news-bulk-action-button { display: none !important; }

  .news-bulk-mobile-bar:not([hidden]) {
    position: fixed;
    inset: auto 8px calc(8px + env(safe-area-inset-bottom, 0px)) 8px;
    z-index: 1030;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 14px;
    background: var(--epanel-paper, #fff);
    box-shadow: 0 8px 28px rgba(15, 23, 42, .25);
  }
  .news-bulk-mobile-bar__close {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--epanel-ink-muted, #6b7280);
    font-size: 18px;
  }
  .news-bulk-mobile-bar__count { flex: 1 1 auto; font-size: 13px; white-space: nowrap; }
  .news-bulk-mobile-bar .btn { min-height: 40px; white-space: nowrap; }
  html.news-bulk-has-selection body { padding-bottom: 72px; }
}

/* Erişilebilirlik: klavye odağı her yerde görünür olsun. Genel :focus-visible gölgesi
   birçok bileşende box-shadow: none ile eziliyordu (bağlantı, düğme, sekme, onay kutusu). */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
summary:focus-visible,
.form-check-input:focus-visible,
.nav-link:focus-visible,
.dropdown-item:focus-visible {
  outline: 2px solid var(--epanel-accent, #a5215e) !important;
  outline-offset: 2px !important;
}

/* Kontrast: panel paletinde açık zeminli rozetlerde beyaz yazı okunmuyordu (bg-success 1.48:1, bg-light 1.04:1). */
.badge.bg-success { color: #0f5132 !important; }
.badge.bg-light { color: var(--epanel-ink, #171717) !important; }
.badge.bg-warning { color: #404040 !important; }

/* Kontrast: ikincil/yardım metinleri (Bootstrap text-muted, form-text) paletten 3.6:1 geliyordu. */
.text-muted,
.form-text { color: #5c6670 !important; }

/* Sekme ikonları ile etiket arasında boşluk yoktu (ör. Reklamlar: "🗎REKLAMLAR"). */
.nav-tabs .nav-link > i + span { margin-inline-start: .35em; }

/* Tablet (≤1199px): modül listeleri kart içinde yatay kaymasın. Metin sütunları satıra sarar;
   reklam listesinde tarih, kategori listesinde ID/URL/Sıra sütunları ≤991px'te gizlenir. */
@media (max-width: 1199.98px) {
  .epanel-module-listing:not(.epanel-content-listing):not(.epanel-poll-list) tbody td:not(:last-child) {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  /* Kimlik (ilk sütun) ile reklam tarihleri ve sayaçları harf harf kırılmasın ("10\n04\n6"). */
  .epanel-module-listing:not(.epanel-content-listing):not(.epanel-poll-list) tbody td:first-child:not(:last-child),
  #advert-list-table tbody tr > td:not([colspan]):is(:nth-child(4), :nth-child(5), :nth-child(6), :nth-child(7)) {
    white-space: nowrap;
    overflow-wrap: normal;
  }
}
@media (max-width: 991.98px) {
  #advert-list-table tr > :is(th, td):not([colspan]):is(:nth-child(4), :nth-child(5)) { display: none; }
  [data-category-navigation] tr > :is(th, td):not([colspan]):is(:nth-child(2), :nth-child(6), :nth-child(8)) { display: none; }
}

/* Card intro: page description + counter inside the list card (news list skeleton) */
.epanel-card-intro {
  flex-wrap: wrap;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--epanel-hairline);
}

.epanel-card-intro > p,
.epanel-card-intro > div > p {
  margin: 0;
  color: var(--epanel-ink-secondary);
  font-size: 12px;
}

.epanel-menu-heading.epanel-card-intro {
  flex-wrap: nowrap;
  margin-bottom: 14px;
  padding-inline: 0;
}

@media (max-width: 575.98px) {
  .epanel-menu-heading.epanel-card-intro {
    flex-wrap: wrap;
  }
}

/* Menüler: başlık, iç dolgusu sıfır olan kartın içinde; kenarlara yapışmasın ve komut çubuğuna bitişsin. */
.epanel-menu-surface > .card-body > .epanel-menu-heading.epanel-card-intro {
  margin-bottom: 0;
  padding: 14px 16px 12px;
}
@media (max-width: 767.98px) {
  .epanel-menu-surface > .card-body > .epanel-menu-heading.epanel-card-intro { padding-inline: 12px; }
}

@media (max-width: 767.98px) {
  .epanel-card-intro,
  .epanel-menu-heading.epanel-card-intro {
    padding-inline: 12px;
  }
}

/* Haber listesi: Son dakika / Flaş rozetleri */
.epanel-listing-meta .epanel-news-flag {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 4px;
  background: #fdecec;
  color: #a4161a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.5;
  text-decoration: none;
}

.epanel-listing-meta .epanel-news-flag--flash {
  background: #fff3cd;
  color: #7a4a00;
}

/* Liste filtreleri: telefonda ekran altına sabitlenen açılır panel (sekme satırı kaydırılsa da taşmaz). */
@media (max-width: 767.98px) {
  .nav-tabs .epanel-listing-toolbar:has(.epanel-filter-menu.show),
  .nav-tabs:has(.epanel-filter-menu.show) {
    transform: none !important;
  }

  .nav-tabs .epanel-filter-menu.show {
    position: fixed !important;
    inset: auto 12px 12px 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-height: calc(100vh - 96px);
    overflow-y: auto;
    transform: none !important;
    border-radius: 16px;
    box-shadow: 0 -8px 32px rgba(15, 23, 42, .22) !important;
  }
}