:root {
  --sb-wide: 260px;
  --sb-rail: 56px;
  --sb-current: var(--sb-wide);
  --brand: #dc2626;
  --brand-dark: #b01e1e;
  --brand-soft: #fce9e9;
  --brand-soft-2: #fff5f5;
  --brand-ink: #1a2332;
  --brand-muted: #8b97a8;
  --brand-line: #e8edf2;
  --brand-page: #f4f6f9;
  --brand-card-shadow: 0 2px 14px rgba(26, 35, 50, 0.05);
  --brand-radius: 14px;
}

body:has(nav.pc-sidebar.pc-sidebar-hide) {
  --sb-current: var(--sb-rail);
}
nav.pc-sidebar,
nav.pc-sidebar ~ .pc-header,
nav.pc-sidebar ~ .pc-container,
nav.pc-sidebar ~ .pc-footer,
.pc-header,
.pc-container,
.pc-footer,
#portal-content-frame {
  transition: width 180ms ease, min-width 180ms ease, max-width 180ms ease, margin-left 180ms ease, left 180ms ease !important;
}

body,
body[data-pc-preset],
body[data-pc-preset=preset-1],
body[data-pc-preset=preset-5] {
  --brand: #dc2626;
  --brand-dark: #b01e1e;
  --brand-soft: #fce9e9;
  --brand-soft-2: #fff5f5;
  --pc-sidebar-active-color: #dc2626;
  --pc-heading-color: #1a2332;
  --pc-card-box-shadow: 0 2px 14px rgba(26, 35, 50, 0.05);
  --bs-blue: #dc2626;
  --bs-primary: #dc2626;
  --bs-primary-rgb: 220, 38, 38;
  --bs-primary-light: #fce9e9;
  --bs-link-color: #dc2626;
  --bs-link-color-rgb: 220, 38, 38;
  --bs-link-hover-color: #b01e1e;
  --bs-link-hover-color-rgb: 176, 30, 30;
  --bs-body-bg: #f4f6f9;
}

@media (min-width: 1025px) {
  nav.pc-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--sb-current) !important;
    min-width: var(--sb-current) !important;
    max-width: var(--sb-current) !important;
    height: 100vh !important;
    transform: none !important;
    z-index: 1028;
    overflow: hidden !important;
  }
  nav.pc-sidebar .navbar-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  [data-pc-layout=horizontal] nav.pc-sidebar {
    width: var(--sb-current) !important;
    min-width: var(--sb-current) !important;
    max-width: var(--sb-current) !important;
    height: 100vh !important;
    overflow: hidden !important;
    background: #fff !important;
  }
  [data-pc-layout=horizontal] nav.pc-sidebar .navbar-content {
    height: auto !important;
    max-height: none !important;
  }
  /* Açık menü sabit kalsın; tema left kayması olmasın */
  nav.pc-sidebar:not(.pc-sidebar-hide) {
    left: 0 !important;
    width: var(--sb-wide) !important;
    min-width: var(--sb-wide) !important;
    max-width: var(--sb-wide) !important;
  }
  nav.pc-sidebar.pc-sidebar-hide {
    width: var(--sb-rail) !important;
    min-width: var(--sb-rail) !important;
    max-width: var(--sb-rail) !important;
    --pc-sidebar-border: none;
    overflow: visible !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .navbar-wrapper,
  nav.pc-sidebar.pc-sidebar-hide .navbar-content {
    width: var(--sb-rail) !important;
    min-width: var(--sb-rail) !important;
    max-width: var(--sb-rail) !important;
  }
  .pc-header,
  nav.pc-sidebar.pc-sidebar-hide ~ .pc-header,
  body.pc-sidebar-hide .pc-header,
  body:has(nav.pc-sidebar.pc-sidebar-hide) .pc-header {
    left: var(--sb-current) !important;
  }
  .pc-container,
  .pc-footer,
  nav.pc-sidebar.pc-sidebar-hide ~ .pc-container,
  nav.pc-sidebar.pc-sidebar-hide ~ .pc-footer,
  body.pc-sidebar-hide .pc-container,
  body.pc-sidebar-hide .pc-footer,
  body:has(nav.pc-sidebar.pc-sidebar-hide) .pc-container,
  body:has(nav.pc-sidebar.pc-sidebar-hide) .pc-footer {
    margin-left: var(--sb-current) !important;
    padding-left: 0 !important;
  }
}

/* iframe içinde (santral /app) çift margin / kayma olmasın */
html.framed-app nav.pc-sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  transform: none !important;
}
html.framed-app .pc-container,
html.framed-app .pc-footer {
  margin-left: var(--sb-current) !important;
}
html.framed-app .pc-header {
  left: var(--sb-current) !important;
}

@media (max-width: 1024px) {
  html.framed-app .pc-container,
  html.framed-app .pc-header {
    margin-left: 0 !important;
    left: 0 !important;
  }
}

html.portal-embed nav.pc-sidebar,
html.portal-embed .pc-header,
html.portal-embed .loader-bg,
html.portal-embed .startPhoneArea {
  display: none !important;
}
html.portal-embed .pc-container,
html.portal-embed body.pc-sidebar-hide .pc-container {
  margin-left: 0 !important;
}
html.portal-embed .pc-header {
  left: 0 !important;
}

#portal-content-frame {
  position: fixed !important;
  top: 74px !important;
  left: var(--sb-current) !important;
  right: 0 !important;
  bottom: 0 !important;
  width: calc(100% - var(--sb-current)) !important;
  height: calc(100vh - 74px) !important;
  border: 0 !important;
  background: #f4f6f9 !important;
  z-index: 1026 !important;
  display: none;
}
body.portal-iframe-on #portal-content-frame {
  display: block !important;
}
body.portal-iframe-on .pc-container,
body.portal-iframe-on .pc-footer {
  display: none !important;
}
body.portal-iframe-on:has(nav.pc-sidebar.pc-sidebar-hide) #portal-content-frame,
body.pc-sidebar-hide.portal-iframe-on #portal-content-frame {
  left: var(--sb-rail) !important;
  width: calc(100% - var(--sb-rail)) !important;
}
body.portal-iframe-loading #portal-content-frame {
  opacity: 0.92;
}
body.portal-iframe-on::after {
  content: "";
  position: fixed;
  top: 74px;
  left: var(--sb-current);
  right: 0;
  height: 2px;
  background: #dc2626;
  z-index: 1030;
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
}
body.portal-iframe-loading::after {
  animation: portalNavBar 0.7s ease-in-out infinite;
}
body.portal-iframe-on:has(nav.pc-sidebar.pc-sidebar-hide)::after,
body.pc-sidebar-hide.portal-iframe-on::after {
  left: var(--sb-rail);
}
@keyframes portalNavBar {
  0% { transform: scaleX(0.15); }
  50% { transform: scaleX(0.75); }
  100% { transform: scaleX(0.15); }
}
@media (max-width: 1024px) {
  #portal-content-frame,
  body.portal-iframe-on::after,
  body.portal-iframe-on:has(nav.pc-sidebar.pc-sidebar-hide) #portal-content-frame,
  body.pc-sidebar-hide.portal-iframe-on #portal-content-frame {
    left: 0 !important;
    width: 100% !important;
  }
  html.framed-app nav.pc-sidebar.pc-sidebar-hide ~ .pc-header,
  html.framed-app body.pc-sidebar-hide .pc-header,
  html.framed-app nav.pc-sidebar.pc-sidebar-hide ~ .pc-container,
  html.framed-app body.pc-sidebar-hide .pc-container {
    left: 0 !important;
    margin-left: 0 !important;
  }
}

.page-header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 1 !important;
  display: block !important;
  align-items: flex-start !important;
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 0 4px !important;
}

.page-header h2,
.page-header .h2 {
  display: block;
  margin: 8px 0 0;
  font-size: 28px;
  line-height: 1.25;
}

nav.pc-sidebar .pc-navbar > .pc-item > .pc-link::after,
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item > .pc-link::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
nav.pc-sidebar .pc-navbar > .pc-item.active:not(.pc-hasmenu) > .pc-link {
  color: var(--brand-ink) !important;
  background: #fff5f5 !important;
  border: 1px solid transparent !important;
  box-shadow: inset 0 0 0 1px var(--brand) !important;
  border-radius: 10px !important;
}
nav.pc-sidebar .pc-navbar > .pc-item.pc-hasmenu.active > .pc-link,
nav.pc-sidebar .pc-navbar > .pc-item.pc-hasmenu.pc-trigger > .pc-link,
nav.pc-sidebar .pc-navbar .pc-item.pc-hasmenu.pc-trigger > .pc-link {
  color: #9f1239 !important;
  background: linear-gradient(180deg, #fff5f5 0%, #fde8e8 100%) !important;
  border: 1px solid #fecaca !important;
  box-shadow: inset 0 1px 0 #fff, 0 2px 8px rgba(220, 38, 38, 0.08) !important;
  border-radius: 12px !important;
}
nav.pc-sidebar .pc-navbar .pc-item.pc-hasmenu.pc-trigger > .pc-link .pc-micon {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link {
  color: var(--brand-ink) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative !important;
}
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 52px;
  right: 14px;
  bottom: 3px;
  height: 2px;
  background: var(--brand) !important;
  border-radius: 2px;
  box-shadow: 0 0 10px 2px rgba(220, 38, 38, 0.55);
}

body[data-pc-preset] .btn-primary,
[data-pc-preset=preset-1] .btn-primary,
[data-pc-preset=preset-5] .btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #dc2626;
  --bs-btn-border-color: #dc2626;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #bb2020;
  --bs-btn-hover-border-color: #b01e1e;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #b01e1e;
  --bs-btn-active-border-color: #a51d1d;
  --bs-btn-disabled-bg: #dc2626;
  --bs-btn-disabled-border-color: #dc2626;
}

body[data-pc-preset] .btn-outline-primary,
[data-pc-preset=preset-1] .btn-outline-primary {
  --bs-btn-color: #dc2626;
  --bs-btn-border-color: #dc2626;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #dc2626;
  --bs-btn-hover-border-color: #dc2626;
  --bs-btn-active-bg: #b01e1e;
  --bs-btn-active-border-color: #b01e1e;
}

body[data-pc-preset] .bg-light-primary,
[data-pc-preset=preset-1] .bg-light-primary {
  background: #fce9e9 !important;
  color: #dc2626 !important;
}

.btn-brand,
.pe-btn-navy,
.dash-btn-navy {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}
.btn-brand:hover,
.pe-btn-navy:hover,
.dash-btn-navy:hover {
  background: var(--brand-dark) !important;
  color: #fff !important;
}

.pe-btn-teal {
  background: var(--brand-soft) !important;
  color: var(--brand) !important;
}

.pc-sidebar .card.pc-user-card .btn-primary {
  background: #dc2626;
  border-color: #dc2626;
}

#qtWizardPage {
  display: none;
}
#qtWizardPage.is-on {
  display: block;
}
#qtList.is-off {
  display: none !important;
}

.qt-back {
  margin-bottom: 14px;
}
.qt-back button {
  border: 0;
  background: transparent;
  color: #5b6b79;
  font-weight: 600;
  padding: 0;
  cursor: pointer;
}
.qt-back button:hover {
  color: #dc2626;
}

.kampanya-toast {
  display: none !important;
  position: fixed !important;
  right: 20px;
  bottom: 92px;
  width: 380px;
  max-width: calc(100vw - 32px);
  z-index: 1080;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(16, 29, 45, 0.18), 0 0 0 1px rgba(220, 38, 38, 0.12);
  overflow: hidden;
  transform: translateY(16px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.22s ease, opacity 0.22s ease;
}
.kampanya-toast.is-on {
  display: block !important;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  animation: kampanyaPulse 1.6s ease 1;
}
.kampanya-toast-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px 10px;
  background: linear-gradient(180deg, #fff1f1 0%, #fff 70%);
}
.kampanya-toast-ico {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #dc2626;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.kampanya-toast-kicker {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #dc2626;
  margin: 0;
}
.kampanya-toast-title {
  font-size: 15px;
  font-weight: 800;
  color: #1a2332;
  margin: 0;
}
.kampanya-toast-count {
  margin-left: auto;
  background: #fde8e8;
  color: #b91c1c;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 8px;
}
.kampanya-toast-close {
  border: 0;
  background: transparent;
  color: #8b97a8;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  padding: 0;
}
.kampanya-toast-close:hover {
  background: #f4f6f8;
  color: #1a2332;
}
.kampanya-toast-body {
  padding: 4px 16px 14px;
}
.kampanya-toast-name {
  font-size: 18px;
  font-weight: 800;
  color: #1a2332;
  margin: 0 0 2px;
}
.kampanya-toast-phone {
  font-size: 13px;
  font-weight: 700;
  color: #dc2626;
  margin-bottom: 8px;
}
.kampanya-toast-meta {
  font-size: 12px;
  color: #8b97a8;
  margin: 0 0 4px;
}
.kampanya-toast-desc {
  font-size: 13px;
  color: #5b6b79;
  margin: 8px 0 0;
}
.kampanya-toast-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 0 16px 16px;
}
.kampanya-toast-actions .btn {
  border: 0;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
  padding: 10px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.kampanya-toast-actions .is-call {
  background: #dc2626;
  color: #fff;
}
.kampanya-toast-actions .is-call:hover {
  background: #b91c1c;
  color: #fff;
}
.kampanya-toast-actions .is-profile {
  background: #0e1b2e;
  color: #fff;
}
.kampanya-toast-actions .is-profile:hover {
  background: #16263d;
  color: #fff;
}
.kampanya-toast-actions .is-later {
  background: #fff4e5;
  color: #c27803;
}
.kampanya-toast-actions .is-lost {
  background: #f4f6f8;
  color: #5b6b79;
}
.kampanya-toast-actions .is-done {
  grid-column: 1 / -1;
  background: #e7f8ee;
  color: #1f9d57;
}
@keyframes kampanyaPulse {
  0% { box-shadow: 0 16px 40px rgba(16, 29, 45, 0.18), 0 0 0 0 rgba(220, 38, 38, 0.35); }
  70% { box-shadow: 0 16px 40px rgba(16, 29, 45, 0.18), 0 0 0 12px rgba(220, 38, 38, 0); }
  100% { box-shadow: 0 16px 40px rgba(16, 29, 45, 0.18), 0 0 0 1px rgba(220, 38, 38, 0.12); }
}
@media (max-width: 575px) {
  .kampanya-toast {
    right: 12px;
    left: 12px;
    width: auto;
    bottom: 86px;
  }
}

.log-tag-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.log-tag-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  text-align: left;
  background: #fff;
  border: 1px solid #d5dbe6;
  border-radius: 14px;
  padding: 12px 14px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(22, 28, 40, 0.04);
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.log-tag-card:hover {
  border-color: #1c1915;
  background: #fff;
}
.log-tag-card.is-on {
  border-color: #1c1915;
  box-shadow: 0 0 0 3px rgba(28, 25, 21, 0.12);
  background: #fff;
}
.log-tag-card strong {
  font-size: 14px;
  font-weight: 750;
  color: #1c1915;
}
.log-tag-card small {
  font-size: 12px;
  color: #3f4754;
  line-height: 1.35;
}
.log-tag-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 2px;
}
.log-tag-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.log-stat-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.log-stat-row {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid #e6ebf0;
  border-radius: 14px;
  padding: 14px 16px;
  text-decoration: none;
  color: inherit;
}
.log-stat-row.is-on {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft);
}
.log-stat-color {
  width: 12px;
  height: 36px;
  border-radius: 999px;
}
.log-stat-row strong {
  display: block;
  font-size: 15px;
  color: #1a2332;
}
.log-stat-row .log-stat-meta {
  font-size: 12px;
  color: #8b97a8;
  margin-top: 2px;
}
.log-stat-actions {
  display: flex;
  gap: 6px;
}
.log-stat-actions a,
.log-stat-actions button {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f4f6f8;
  color: #5b6b79;
  text-decoration: none;
}
.log-stat-actions a:hover {
  background: #e8f3ff;
  color: #2563eb;
}
.log-stat-actions a.is-danger:hover {
  background: #fce9e9;
  color: #dc2626;
}
.log-form-hint {
  font-size: 13px;
  color: #8b97a8;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .log-tag-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .log-stat-row {
    grid-template-columns: 10px minmax(0, 1fr) auto;
  }
  .log-stat-actions {
    grid-column: 2 / -1;
    justify-content: flex-end;
  }
}
.log-sms-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.log-sms-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #fff;
  border: 1px solid #d5dbe6;
  border-radius: 14px;
  padding: 12px 14px;
  cursor: pointer;
  margin: 0;
  box-shadow: 0 6px 16px rgba(22, 28, 40, 0.04);
}
.log-sms-card input {
  margin: 0 0 4px;
}
.log-sms-card.is-on {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft);
}
.log-sms-card strong {
  font-size: 13px;
  color: #1a2332;
}
.log-sms-card small {
  color: #3f4754;
  line-height: 1.35;
}
body.co-account {
  background: #e6e8ee;
}
body.co-account .pc-content {
  background: #e6e8ee;
}
body.co-account .page-header {
  background: transparent;
  margin-bottom: 8px;
}
body.co-account .page-header-title h2 {
  letter-spacing: -0.04em;
  font-weight: 750;
}
body.co-account .card {
  border: 0;
  border-radius: 22px;
  box-shadow: 0 10px 28px rgba(22, 28, 40, 0.05);
}
body.co-account .profile-tabs {
  border: 0;
  gap: 6px;
  flex-wrap: wrap;
  padding: 8px 0 12px;
}
body.co-account .profile-tabs .nav-link {
  border: 0 !important;
  border-radius: 999px;
  color: #3f4754;
  font-weight: 700;
  background: #f4f6f8;
  padding: 8px 14px;
}
body.co-account .profile-tabs .nav-link:after {
  display: none !important;
}
body.co-account .profile-tabs .nav-item.active .nav-link,
body.co-account .profile-tabs .nav-item.show .nav-link {
  background: #1c1915;
  color: #fff;
}
body.co-account .form-control,
body.co-account .form-select {
  border-radius: 14px;
  border-color: #d5dbe6;
  min-height: 44px;
}
body.co-account .form-label {
  font-weight: 700;
  color: #1c1915;
}
body.co-account .btn-primary,
body.co-account .dash-btn-navy {
  background: #1c1915;
  border: 0;
  border-radius: 999px;
}
body.co-account .table {
  --bs-table-bg: transparent;
}
body.co-account .log-block {
  background: #f6f7fb;
  border: 1px solid #e4e7ee;
  border-radius: 18px;
  padding: 14px 16px;
}
.log-msg-preview {
  margin: 10px 0 6px;
  padding: 10px 12px;
  background: #f4f6f8;
  border-radius: 10px;
  color: #5b6b79;
  font-size: 13px;
  white-space: pre-wrap;
}
@media (max-width: 575px) {
  .log-sms-grid {
    grid-template-columns: 1fr;
  }
}

/* —— Silva-inspired surfaces (hafif kırmızı marka) —— */
body.dash-rapor-page,
body[data-pc-preset] {
  background: var(--brand-page) !important;
}

.pc-container .pc-content {
  background: transparent;
}

.pc-sidebar {
  background: #ffffff !important;
  border-right: 1px solid var(--brand-line) !important;
}

.pc-header .header-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.pc-header .esli-mark {
  width: auto;
  min-width: 40px;
  height: 40px;
  border-radius: 12px;
  padding: 0 8px !important;
  overflow: hidden;
}
.pc-header .esli-mark img {
  width: auto;
  height: 28px;
  border-radius: 0;
  display: block;
}
.esli-fab {
  display: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.esli-fab.is-live {
  box-shadow: 0 0 0 4px rgba(185, 28, 28, 0.35);
}
@media (max-width: 991px) {
  .pc-header .pc-h-item:has(.esli-mark) { display: none; }
  .esli-fab {
    display: flex;
    position: fixed;
    left: 14px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    z-index: 12040;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: #fff;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 28px rgba(47, 88, 177, 0.28);
    text-decoration: none;
  }
  .esli-fab img {
    width: auto;
    height: 36px;
    border-radius: 0;
  }
  body.esli-page .esli-fab { display: flex; }
  #esliHint {
    left: 14px;
    bottom: calc(84px + env(safe-area-inset-bottom, 0px));
    max-width: min(280px, calc(100vw - 28px));
  }
}
#esliHint {
  display: none;
  position: fixed;
  z-index: 12050;
  left: 78px;
  bottom: 22px;
  max-width: 280px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #1a2332;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  box-shadow: 0 10px 28px rgba(26, 35, 50, 0.28);
}
#esliHint.is-on { display: block; }
.pc-header .pc-head-quick {
  width: 40px;
  height: 40px;
  margin: 0 3px;
  border-radius: 12px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #e8edf2;
  box-shadow: 0 1px 2px rgba(26, 35, 50, 0.04);
  color: #1a2332 !important;
  overflow: visible;
}
.pc-header .pc-head-quick::before { display: none; }
.pc-header .pc-head-quick > i {
  font-size: 18px;
  color: #5b6b79;
}
.pc-header .pc-head-quick.is-files > i { color: #475569; }
.pc-header .pc-head-quick.is-order > i { color: #b91c1c; }
.pc-header .pc-head-quick.is-sale > i { color: #c2410c; }
.pc-header .pc-head-quick:hover,
.pc-header .pc-head-quick:focus,
.pc-header .pc-head-quick:active {
  background: #fff5f5 !important;
  border-color: #fecaca;
}
.pc-header .pc-head-quick:hover > i,
.pc-header .pc-head-quick:focus > i,
.pc-header .pc-head-quick:active > i {
  color: #b91c1c;
  transform: none;
}
[data-pc-theme=dark] .pc-header .pc-head-quick {
  background: #1b232d !important;
  border-color: #2a3441;
  box-shadow: none;
}
[data-pc-theme=dark] .pc-header .pc-head-quick > i { color: #cbd5e1; }
[data-pc-theme=dark] .pc-header .pc-head-quick.is-order > i,
[data-pc-theme=dark] .pc-header .pc-head-quick.is-sale > i { color: #fca5a5; }
[data-pc-theme=dark] .pc-header .pc-head-quick:hover,
[data-pc-theme=dark] .pc-header .pc-head-quick:focus {
  background: #243040 !important;
  border-color: #f87171;
}
.hf-files {
  width: 320px;
  padding: 8px;
  border: 1px solid #e6ebf0;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .12);
}
.hf-files-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px 8px;
}
.hf-files-h a { font-size: 12px; font-weight: 700; }
.hf-row { display: flex; align-items: center; gap: 4px; }
.hf-folder {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  border-radius: 10px;
  color: inherit;
  text-decoration: none;
}
.hf-folder:hover { background: #f8fafc; }
.hf-folder span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.hf-folder em { font-style: normal; font-size: 11px; color: #64748b; }
.hf-add {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #0f172a;
  margin: 0;
}
.hf-add:hover { background: #f1f5f9; }
.hf-add input { display: none; }
.hf-new { display: flex; gap: 6px; padding: 8px 4px 2px; }
.hf-new input { flex: 1; border: 1px solid #e6ebf0; border-radius: 8px; padding: 6px 8px; font-size: 13px; }
.hf-new button { width: 32px; border: 0; border-radius: 8px; background: #0f172a; color: #fff; font-weight: 700; }
@media (max-width: 991px) {
  .pc-header .ms-auto > ul {
    display: flex;
    align-items: center;
  }
  .pc-header .pc-h-palette { order: 30; display: list-item; }
}

.card,
.dash-card,
.pc-content .card {
  border: 1px solid var(--brand-line) !important;
  border-radius: var(--brand-radius) !important;
  box-shadow: var(--brand-card-shadow) !important;
  background: #fff;
}

.card .card-header,
.dash-card .card-header {
  background: transparent;
  border-bottom: 1px solid var(--brand-line);
}

.dash-section-title,
.page-header h2,
.page-header .h2,
.dash-title {
  letter-spacing: -0.02em;
}

.table > :not(caption) > * > * {
  border-bottom-color: var(--brand-line);
}

.table thead th {
  color: var(--brand-muted);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: var(--brand-soft-2);
}

.form-control,
.form-select {
  border-color: #dde3ea;
  border-radius: 10px;
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(220, 38, 38, 0.45);
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.12);
}

.badge.bg-primary,
.badge.text-bg-primary {
  background: var(--brand) !important;
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
  color: var(--brand);
}

.page-item.active .page-link {
  background-color: var(--brand);
  border-color: var(--brand);
}

.alert-info {
  background: var(--brand-soft-2);
  border-color: #f3c7c7;
  color: #7f1d1d;
}

.dash-btn-soft,
.btn.dash-btn-soft {
  background: var(--brand-soft) !important;
  color: var(--brand-dark) !important;
  border: 0 !important;
}

.dash-btn-soft:hover,
.btn.dash-btn-soft:hover {
  background: #f8d4d4 !important;
  color: var(--brand-dark) !important;
}

/* Analytics / KPI kartları */
.dash-kpi,
.silva-stat,
.card.stat-card {
  border-radius: var(--brand-radius);
  border: 1px solid var(--brand-line);
  box-shadow: var(--brand-card-shadow);
}

.dash-kpi .kpi-trend-up,
.text-brand {
  color: var(--brand) !important;
}

.bg-brand-soft {
  background: var(--brand-soft) !important;
  color: var(--brand-dark) !important;
}

/* Sol menü: dolu kırmızı yerine çerçeve / alt ışık */
nav.pc-sidebar .pc-navbar > .pc-item.active > .pc-link::after,
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link::after,
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.pc-trigger > .pc-link::after,
nav.pc-sidebar .pc-navbar > .pc-item:hover > .pc-link::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}
.pc-sidebar .pc-link:hover {
  color: var(--brand) !important;
}

nav.pc-sidebar .m-header {
  height: 74px !important;
  flex-direction: row !important;
  overflow: hidden;
  flex: 0 0 74px;
}
nav.pc-sidebar .m-header .badge {
  display: none !important;
}
nav.pc-sidebar .navbar-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
nav.pc-sidebar .navbar-content {
  flex: 1 1 auto;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
nav.pc-sidebar .navbar-content.simplebar-scrollable-y,
nav.pc-sidebar .navbar-content.simplebar-scrollable-x,
nav.pc-sidebar .navbar-content .simplebar-wrapper,
nav.pc-sidebar .navbar-content .simplebar-mask,
nav.pc-sidebar .navbar-content .simplebar-offset,
nav.pc-sidebar .navbar-content .simplebar-content-wrapper,
nav.pc-sidebar .navbar-content .simplebar-content {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  max-height: none !important;
  transform: none !important;
}
nav.pc-sidebar .navbar-content .simplebar-placeholder,
nav.pc-sidebar .navbar-content .simplebar-height-auto-observer-wrapper,
nav.pc-sidebar .navbar-content .simplebar-track {
  display: none !important;
}
nav.pc-sidebar .pc-navbar,
nav.pc-sidebar .pc-navbar > .pc-item,
nav.pc-sidebar .pc-item {
  display: block !important;
  float: none !important;
  position: relative !important;
}
nav.pc-sidebar .pc-submenu {
  position: static !important;
  float: none !important;
  left: auto !important;
  top: auto !important;
  min-width: 0 !important;
  width: auto !important;
  box-shadow: none !important;
  animation: none !important;
  background: transparent !important;
  overflow: visible !important;
  height: auto !important;
}
nav.pc-sidebar .pc-hasmenu:not(.pc-trigger) > .pc-submenu {
  display: none !important;
}
nav.pc-sidebar .pc-hasmenu.pc-trigger > .pc-submenu {
  display: block !important;
}
nav.pc-sidebar .pc-caption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
nav.pc-sidebar.pc-sidebar-hide .pc-menu-search {
  display: none;
}

.pc-menu-search {
  padding: 4px 15px 10px;
}
.pc-menu-search input {
  width: 100%;
  border: 1px solid var(--brand-line);
  border-radius: 10px;
  padding: 8px 12px 8px 34px;
  font-size: 13px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b97a8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") no-repeat 10px 50%;
}
.pc-menu-search input:focus {
  outline: none;
  border-color: var(--brand);
}
.pc-quick {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 4px 12px 10px;
}
.pc-quick a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--brand-line);
  border-radius: 10px;
  color: var(--brand-ink);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  background: #fff;
}
.pc-quick a:hover {
  border-color: var(--brand);
  color: var(--brand);
}
.pc-quick a i { font-size: 16px; color: var(--brand); }

/* Kabartmalı sol menü */
nav.pc-sidebar {
  background: linear-gradient(180deg, #f7f9fc 0%, #eef2f6 100%) !important;
  border-right: 1px solid #d5dde8 !important;
  box-shadow: 10px 0 32px rgba(15, 23, 42, 0.08), inset -1px 0 0 rgba(255, 255, 255, 0.7);
}
nav.pc-sidebar .m-header {
  background: linear-gradient(180deg, #fff, #f3f6fa);
  box-shadow: 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(15, 23, 42, 0.04);
  border-bottom: 1px solid #e2e8f0;
}
nav.pc-sidebar .pc-user-card {
  margin: 0 12px 10px;
  border-radius: 14px !important;
  box-shadow: 0 1px 0 #fff, 0 6px 16px rgba(15, 23, 42, 0.06) !important;
  border: 1px solid #e4eaf1 !important;
}
nav.pc-sidebar .pc-navbar {
  padding: 4px 8px 88px !important;
}
nav.pc-sidebar .pc-navbar > .pc-item > .pc-link {
  margin: 3px 4px;
  padding: 9px 12px !important;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fa 100%);
  border: 1px solid #e4eaf1;
  box-shadow: 0 1px 0 rgba(255,255,255,.95), 0 2px 5px rgba(15, 23, 42, 0.05);
  font-weight: 650;
}
nav.pc-sidebar .pc-navbar > .pc-item > .pc-link:hover {
  background: linear-gradient(180deg, #fff, #eceff4);
  border-color: #d5dde8;
  color: var(--brand) !important;
}
nav.pc-sidebar .pc-navbar > .pc-item.pc-hasmenu.pc-trigger > .pc-link {
  background: linear-gradient(180deg, #fff5f5, #fde8e8) !important;
  border-color: #fecaca !important;
  box-shadow: inset 0 1px 0 #fff, 0 2px 8px rgba(220, 38, 38, 0.08) !important;
}
nav.pc-sidebar .pc-submenu .pc-submenu {
  margin: 4px 0 6px 10px;
  padding-left: 6px;
  border-left: 2px solid #fecaca;
}
nav.pc-sidebar .pc-micon {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  margin-right: 10px !important;
  border-radius: 8px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #fff, #edf1f6);
  box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(15, 23, 42, 0.08);
  color: #334155;
}
nav.pc-sidebar .pc-micon i,
nav.pc-sidebar .pc-micon svg {
  font-size: 16px !important;
  width: 16px;
  height: 16px;
  display: block;
  line-height: 1;
}
nav.pc-sidebar .pc-submenu {
  padding: 4px 0 8px 6px;
}
nav.pc-sidebar .pc-submenu .pc-link {
  margin: 2px 6px 2px 10px;
  padding: 7px 10px !important;
  border-radius: 10px;
  background: linear-gradient(180deg, #fbfcfe, #f0f3f7);
  border: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  display: flex !important;
  align-items: center !important;
}
nav.pc-sidebar .pc-submenu .pc-link:hover {
  border-color: #e2e8f0;
  background: #fff;
}
nav.pc-sidebar .pc-submenu .pc-micon {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
nav.pc-sidebar .pc-submenu .pc-micon i {
  font-size: 14px !important;
  display: block !important;
}
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-link,
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-submenu .pc-link,
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-submenu .pc-submenu .pc-link {
  padding: 7px 10px 7px 12px !important;
}
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item > .pc-link::after,
nav.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-submenu .pc-link::after {
  display: none !important;
}
nav.pc-sidebar .pc-navbar > .pc-item.active:not(.pc-hasmenu) > .pc-link {
  background: linear-gradient(180deg, #fff5f5, #ffe4e4) !important;
  border: 1px solid #fecaca !important;
  box-shadow: inset 0 0 0 1px #dc2626, 0 2px 8px rgba(220,38,38,.12) !important;
}

/* Eksik Tabler ikon takma adları (Envanter, Web Chat vb.) */
.ti-packages:before { content: '\eaff'; }
.ti-message-chatbot:before { content: '\eb6c'; }
.ti-layout-dashboard:before { content: '\ea87'; }
.ti-list-details:before { content: '\eb6a'; }
.ti-package-import:before { content: '\eaff'; }
.ti-file-import:before { content: '\ea9b'; }
.ti-chart-dots-3:before { content: '\ea59'; }
.ti-brand-meta:before { content: '\ec1a'; }

/* Seçili / tıklanan sekmenin ikonuna farklı vurgu rengi */
nav.pc-sidebar .pc-navbar .pc-item.active > .pc-link .pc-micon,
nav.pc-sidebar .pc-navbar .pc-item.pc-trigger > .pc-link .pc-micon,
nav.pc-sidebar .pc-navbar .pc-submenu .pc-item.active > .pc-link .pc-micon,
.pc-fly-open > .pc-item.active > .pc-link .pc-micon {
  background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(220, 38, 38, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
nav.pc-sidebar .pc-navbar .pc-item.active > .pc-link .pc-micon i,
nav.pc-sidebar .pc-navbar .pc-item.active > .pc-link .pc-micon svg,
nav.pc-sidebar .pc-navbar .pc-item.pc-trigger > .pc-link .pc-micon i,
nav.pc-sidebar .pc-navbar .pc-item.pc-trigger > .pc-link .pc-micon svg,
nav.pc-sidebar .pc-navbar .pc-submenu .pc-item.active > .pc-link .pc-micon i,
nav.pc-sidebar .pc-navbar .pc-submenu .pc-item.active > .pc-link .pc-micon svg,
.pc-fly-open > .pc-item.active > .pc-link .pc-micon i {
  color: #ffffff !important;
}
nav.pc-sidebar .pc-quick a.active {
  background: linear-gradient(180deg, #fff5f5, #ffe4e4) !important;
  border-color: #fecaca !important;
  color: #b91c1c !important;
}
nav.pc-sidebar .pc-quick a.active i {
  color: #dc2626 !important;
}
.sc-nav a.is-on i {
  color: #fde047 !important;
}

.ht-mid {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 8px;
}
.ht-ticker {
  flex: 0 1 280px;
  min-width: 0;
  max-width: 280px;
  height: 32px;
  perspective: 240px;
}
.ht-reel {
  position: relative;
  height: 32px;
  overflow: hidden;
  border: 1px solid #fecaca;
  background: linear-gradient(#fff, #fff5f5);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 #fff;
}
.ht-account {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 36px;
}
.ht-account-mark {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #b91c1c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ht-account-mark i { font-size: 16px; }
.ht-account-name {
  font-size: 13px;
  font-weight: 750;
  line-height: 1.15;
  color: #0f172a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ht-item {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  text-decoration: none;
  color: var(--brand-ink);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  transform: translateY(-120%) rotateX(-75deg);
  opacity: 0;
}
.ht-item.is-in { animation: htDropIn .55s cubic-bezier(.2,.75,.2,1) forwards; }
.ht-item.is-out { animation: htDropOut .5s cubic-bezier(.2,.75,.2,1) forwards; }
.ht-item i { color: var(--brand); font-size: 14px; flex-shrink: 0; }
.ht-item .ht-lab {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--brand);
  flex-shrink: 0;
}
.ht-item .ht-txt {
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes htDropIn {
  from { transform: translateY(-120%) rotateX(-80deg); opacity: 0; }
  to { transform: translateY(0) rotateX(0deg); opacity: 1; }
}
@keyframes htDropOut {
  from { transform: translateY(0) rotateX(0deg); opacity: 1; }
  to { transform: translateY(120%) rotateX(80deg); opacity: 0; }
}
@media (max-width: 991px) {
  .ht-ticker { display: none; }
  .ht-account-name { font-size: 12px; }
}
@media (max-width: 767px) {
  .ht-mid { display: none; }
}

th.pcd-th, thead th.pcd-th { cursor: grab; user-select: none; }
th.pcd-dragging { opacity: .4; }
th.pcd-over { box-shadow: inset 0 -3px 0 var(--brand); }

[data-pc-theme=dark] .ht-account-name { color: #e2e8f0; }
[data-pc-theme=dark] .ht-account-mark { background: #1b232d; border-color: #2a3441; }
[data-pc-theme=dark] .pc-menu-search input {
  background: #1b232d;
  border-color: #2a3441;
  color: #e2e8f0;
}
[data-pc-theme=dark] .pc-quick a {
  background: #1b232d;
  color: #cbd5e1;
}
[data-pc-theme=dark] nav.pc-sidebar .pc-navbar > .pc-item.active:not(.pc-hasmenu) > .pc-link {
  border-color: #f87171 !important;
}
nav.pc-sidebar .pc-navbar > .pc-item.pc-caption {
  padding: 10px 14px 6px !important;
  margin: 2px 8px 0;
  letter-spacing: .08em;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
nav.pc-sidebar .pc-navbar > .pc-item.pc-caption label {
  color: #b91c1c;
  font-size: 11px;
  font-weight: 750;
}
nav.pc-sidebar .pc-navbar > .pc-item.pc-fav > .pc-link {
  margin: 2px 8px;
  background: linear-gradient(180deg, #fff7f7 0%, #ffe4e6 100%) !important;
  border: 1px dashed #f43f5e !important;
  color: #9f1239 !important;
  box-shadow: none !important;
}
nav.pc-sidebar .pc-navbar > .pc-item.pc-fav > .pc-link .pc-micon,
nav.pc-sidebar .pc-navbar > .pc-item.pc-fav > .pc-link i {
  color: #e11d48 !important;
}
nav.pc-sidebar .pc-navbar > .pc-item.pc-fav + .pc-item:not(.pc-fav) {
  margin-top: 18px;
}
nav.pc-sidebar li.pc-item[data-menu-key] > .pc-link { cursor: grab; }
nav.pc-sidebar li.pc-drop-before > .pc-link { box-shadow: inset 0 2px 0 #dc2626; }
nav.pc-sidebar li.pc-drop-after > .pc-link { box-shadow: inset 0 -2px 0 #dc2626; }
nav.pc-sidebar li.pc-drop-into > .pc-link { outline: 2px solid #dc2626; outline-offset: -2px; }
.pc-menu-ctx {
  position: fixed;
  z-index: 3000;
  min-width: 220px;
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .12);
  padding: 6px;
}
.pc-menu-ctx button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  border-radius: 8px;
  padding: 8px 10px;
  font-weight: 650;
  color: #0f172a;
}
.pc-menu-ctx button:hover { background: #f8fafc; }

.ht-account-mark img,
.co-logo-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ht-account-mark.is-upload,
.co-logo-box {
  cursor: pointer;
}
.ht-account-mark.is-upload { width: 36px; height: 36px; border-radius: 8px; overflow: hidden; }
.co-logo-box {
  width: 92px;
  height: 92px;
  margin: 0 auto 10px;
  border-radius: 16px;
  border: 1px dashed #cbd5e1;
  background: #f8fafc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}
.co-logo-box i { font-size: 22px; }
.co-logo-box:hover { border-color: #0f172a; color: #0f172a; }

@media (min-width: 1025px) {
  nav.pc-sidebar.pc-sidebar-hide {
    width: var(--sb-rail) !important;
    min-width: var(--sb-rail) !important;
    max-width: var(--sb-rail) !important;
    background: #f8fafc !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 1028 !important;
  }
  nav.pc-sidebar.pc-sidebar-hide ~ .pc-header,
  body.pc-sidebar-hide .pc-header,
  html.framed-app nav.pc-sidebar.pc-sidebar-hide ~ .pc-header,
  html.framed-app body.pc-sidebar-hide .pc-header,
  body:has(nav.pc-sidebar.pc-sidebar-hide) .pc-header {
    left: var(--sb-rail) !important;
  }
  nav.pc-sidebar.pc-sidebar-hide ~ .pc-container,
  nav.pc-sidebar.pc-sidebar-hide ~ .pc-footer,
  body.pc-sidebar-hide .pc-container,
  body.pc-sidebar-hide .pc-footer,
  html.framed-app nav.pc-sidebar.pc-sidebar-hide ~ .pc-container,
  html.framed-app body.pc-sidebar-hide .pc-container,
  body:has(nav.pc-sidebar.pc-sidebar-hide) .pc-container,
  body:has(nav.pc-sidebar.pc-sidebar-hide) .pc-footer {
    margin-left: var(--sb-rail) !important;
  }
  body.portal-iframe-on:has(nav.pc-sidebar.pc-sidebar-hide) #portal-content-frame,
  body.pc-sidebar-hide.portal-iframe-on #portal-content-frame {
    left: var(--sb-rail) !important;
    width: calc(100% - var(--sb-rail)) !important;
  }
  body.portal-iframe-on:has(nav.pc-sidebar.pc-sidebar-hide)::after,
  body.pc-sidebar-hide.portal-iframe-on::after {
    left: var(--sb-rail) !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .navbar-wrapper,
  nav.pc-sidebar.pc-sidebar-hide .navbar-content {
    width: var(--sb-rail) !important;
    min-width: var(--sb-rail) !important;
    max-width: var(--sb-rail) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #f8fafc !important;
    height: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .m-header,
  nav.pc-sidebar.pc-sidebar-hide .pc-menu-search,
  nav.pc-sidebar.pc-sidebar-hide .pc-user-card,
  nav.pc-sidebar.pc-sidebar-hide .pc-arrow,
  nav.pc-sidebar.pc-sidebar-hide .pc-caption {
    display: none !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 8px 0 16px !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .navbar-content {
    height: 100vh !important;
    max-height: 100vh !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-micon {
    margin: 0 !important;
    background: transparent;
    box-shadow: none;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-quick {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 8px 0 0;
    background: transparent;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-quick a {
    position: relative;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    margin: 0 auto;
    padding: 0 !important;
    border: 0;
    border-radius: 16px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden !important;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
    color: #0f172a;
    font-size: 0 !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-quick a i {
    display: inline-block !important;
    font-size: 20px !important;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #0f172a;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-quick a span,
  nav.pc-sidebar.pc-sidebar-hide .pc-quick a:hover span,
  nav.pc-sidebar.pc-sidebar-hide .pc-quick a:focus span {
    display: none !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item > .pc-link {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    padding: 0 !important;
    border-radius: 16px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden !important;
    font-size: 0 !important;
    background: rgba(255, 255, 255, 0.62);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.pc-fav > .pc-link {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.pc-fav > .pc-link .pc-micon,
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.pc-fav > .pc-link .pc-micon i,
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.pc-fav > .pc-link > i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 20px !important;
    line-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: #0f172a !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-micon,
  nav.pc-sidebar.pc-sidebar-hide .pc-micon i,
  nav.pc-sidebar.pc-sidebar-hide .pc-micon svg {
    font-size: 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.active > .pc-link,
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.pc-trigger > .pc-link {
    background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.35) !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.active > .pc-link .pc-micon,
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.active > .pc-link .pc-micon i,
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.pc-trigger > .pc-link .pc-micon,
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.pc-trigger > .pc-link .pc-micon i {
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item > .pc-link .pc-mtext,
  nav.pc-sidebar.pc-sidebar-hide .pc-mtext {
    display: none !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item {
    position: relative;
    width: 100%;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item:hover > .pc-link .pc-mtext,
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item:focus-within > .pc-link .pc-mtext {
    display: block !important;
    position: fixed;
    left: calc(var(--sb-rail) + 8px);
    z-index: 1036;
    background: #0f172a;
    color: #fff;
    border-radius: 10px;
    padding: 6px 10px;
    white-space: nowrap;
    font-size: 13px;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-navbar > .pc-item.pc-hasmenu:hover > .pc-link .pc-mtext {
    display: none !important;
  }
  nav.pc-sidebar.pc-sidebar-hide .pc-hasmenu > .pc-submenu,
  nav.pc-sidebar.pc-sidebar-hide .pc-hasmenu.pc-trigger > .pc-submenu {
    display: none !important;
  }
  .pc-fly-open {
    display: block !important;
    position: fixed !important;
    z-index: 4000 !important;
    min-width: 230px;
    max-height: calc(100vh - 16px);
    overflow: auto;
    background: #fff !important;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
    padding: 8px;
  }
  .pc-fly-open > .pc-item > .pc-link {
    display: flex !important;
    align-items: center;
    gap: 8px;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: #0f172a !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  .pc-fly-open > .pc-item > .pc-link .pc-mtext,
  .pc-fly-open > .pc-item > .pc-link .pc-micon,
  .pc-fly-open > .pc-item > .pc-link .pc-micon i {
    display: inline-flex !important;
    font-size: 14px !important;
    width: auto !important;
    height: auto !important;
    color: #0f172a !important;
  }
  .pc-fly-open > .pc-item > .pc-link:hover {
    background: #fce9e9 !important;
    color: #b01e1e !important;
  }
}