/*
 * KamTeswa Marketplace Command Center — Phase 2.4.21
 * Production migration of the approved Phase 2.4.19 static composition.
 * Every page rule is scoped to .kt-dashboard-command.
 */

@font-face {
  font-family: "Cairo";
  src: url("../../../app-assets/fonts/Cairo/Cairo-VariableFont_wght.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}

.kt-dashboard-command {
  --pf-primary: var(--kt-primary);
  --pf-primary-deep: var(--kt-text);
  --pf-primary-strong: var(--kt-primary-strong);
  --pf-primary-soft: var(--kt-primary-soft);
  --pf-accent: var(--kt-accent);
  --pf-accent-soft: var(--kt-accent-soft);
  --pf-bg: var(--kt-bg);
  --pf-surface: var(--kt-surface);
  --pf-surface-soft: var(--kt-surface-soft);
  --pf-card: var(--kt-card);
  --pf-card-elevated: var(--kt-card-elevated);
  --pf-control: var(--kt-control);
  --pf-hover: var(--kt-hover);
  --pf-border: var(--kt-border);
  --pf-border-strong: var(--kt-border-strong);
  --pf-divider: var(--kt-divider);
  --pf-text: var(--kt-text);
  --pf-muted: var(--kt-muted);
  --pf-subtle: var(--kt-subtle);
  --pf-success: var(--kt-success);
  --pf-success-soft: var(--kt-success-soft);
  --pf-warning: var(--kt-warning);
  --pf-warning-soft: var(--kt-warning-soft);
  --pf-danger: var(--kt-danger);
  --pf-danger-soft: var(--kt-danger-soft);
  --pf-info: var(--kt-info);
  --pf-info-soft: var(--kt-info-soft);
  --pf-kpi-band: var(--kt-kpi-band);
  --pf-kpi-card: var(--kt-kpi-card);
  --pf-kpi-card-hover: var(--kt-kpi-card-hover);
  --pf-kpi-border: var(--kt-kpi-border);
  --pf-kpi-text: var(--kt-kpi-text);
  --pf-kpi-muted: var(--kt-kpi-muted);
  --pf-kpi-subtle: var(--kt-kpi-subtle);
  --pf-kpi-icon-bg: var(--kt-kpi-icon-bg);
  --pf-kpi-icon-text: var(--kt-kpi-icon-text);
  --pf-kpi-trend-bg: var(--kt-kpi-trend-bg);
  --pf-kpi-trend-text: var(--kt-kpi-trend-text);
  --pf-hero-panel-bg: var(--kt-hero-panel-bg);
  --pf-hero-panel-border: var(--kt-hero-panel-border);
  --pf-hero-panel-text: var(--kt-hero-panel-text);
  --pf-hero-panel-muted: var(--kt-hero-panel-muted);
  --pf-hero-panel-subtle: var(--kt-hero-panel-subtle);
  --pf-hero-panel-track: var(--kt-hero-panel-track);
  --pf-hero-panel-chip: var(--kt-hero-panel-chip);
  --pf-table-head-bg: var(--kt-table-head-bg);
  --pf-table-head-text: var(--kt-table-head-text);
  --pf-table-row-bg: var(--kt-table-row-bg);
  --pf-table-row-hover: var(--kt-table-row-hover);
  --pf-shadow-sm: var(--kt-shadow-sm);
  --pf-shadow-md: var(--kt-shadow-md);
  --pf-shadow-lg: var(--kt-shadow-lg);
  --pf-ease: cubic-bezier(.22, 1, .36, 1);
  background: var(--pf-bg);
  color: var(--pf-text);
  font-family:
    "Cairo",
    "IBM Plex Sans Arabic",
    "Tajawal",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.kt-dashboard-command .kt-shell,
.kt-dashboard-command .kt-shell__container,
.kt-dashboard-command .kt-shell__page,
.kt-dashboard-command .kt-shell__content-wrapper {
  background: var(--pf-bg) !important;
}

.kt-dashboard-command .kt-shell__content {
  inline-size: 100%;
  max-inline-size: var(--kt-shell-content-max-width);
  margin-inline: 0;
  padding-block: var(--kt-shell-page-padding) !important;
  padding-inline-start: var(--kt-shell-content-gap) !important;
  padding-inline-end: var(--kt-shell-page-padding) !important;
}

.kt-dashboard-command .kt-shell__main {
  min-block-size: 0;
}

/* The legacy typeahead backdrop is unused by the command search. Its fixed
 * viewport-wide template layer sat behind every dashboard surface and leaked through
 * compositor seams while large cards animated. */
body.kt-dashboard-command .content-backdrop {
  display: none !important;
  inline-size: 0 !important;
  block-size: 0 !important;
  background: none !important;
}

.kt-dashboard-command .kt-shell-sidebar.bg-menu-theme {
  inline-size: var(--kt-shell-sidebar-width) !important;
  width: var(--kt-shell-sidebar-width) !important;
  overflow: hidden;
  border-inline-end: 1px solid var(--pf-border) !important;
  background: var(--pf-surface) !important;
  box-shadow: var(--pf-shadow-md) !important;
}

.kt-dashboard-command .kt-shell-brand {
  position: relative;
  min-block-size: 7.4rem;
  margin: .75rem .75rem .875rem;
  padding: 1.1rem;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 6% 4%, rgb(255 159 52 / 21%), transparent 42%),
    var(--pf-primary);
  box-shadow:
    0 1.6rem 3.6rem rgb(31 53 83 / 29%),
    0 .5rem 1.1rem rgb(31 53 83 / 17%),
    inset 0 1px 0 rgb(255 255 255 / 14%);
}

.kt-dashboard-command .kt-shell-brand::after {
  position: absolute;
  inset-block: 1.2rem;
  inset-inline-start: 0;
  inline-size: .3rem;
  border-radius: 0 .3rem .3rem 0;
  background: var(--pf-accent);
  box-shadow: 0 0 1.4rem rgb(255 159 52 / 46%);
  content: "";
}

.kt-dashboard-command .kt-shell-brand__link {
  min-inline-size: 0;
  gap: .9rem;
}

.kt-dashboard-command .kt-shell-brand__mark {
  inline-size: 3.85rem;
  block-size: 3.85rem;
  flex: 0 0 3.85rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) .28rem minmax(0, 1fr);
  place-items: center;
  padding-inline: .25rem;
  overflow: hidden;
  border: 1px solid rgb(255 159 52 / 30%);
  border-radius: 1.2rem;
  background: var(--pf-primary-strong);
  box-shadow:
    0 1.125rem 2.125rem rgb(13 28 47 / 38%),
    inset 0 1px 0 rgb(255 255 255 / 16%);
  color: #fff;
  font-size: 1rem;
  font-weight: 950;
}

.kt-dashboard-command .kt-shell-brand__mark b {
  display: grid;
  place-items: center;
  line-height: 1;
}

.kt-dashboard-command .kt-shell-brand__mark i {
  inline-size: .28rem;
  block-size: 4.6rem;
  background: var(--pf-accent);
  box-shadow: 0 0 1.1rem rgb(255 159 52 / 34%);
  transform: rotate(20deg);
}

.kt-dashboard-command .kt-shell-brand__copy {
  min-inline-size: 0;
}

.kt-dashboard-command .kt-shell-brand__name {
  color: #fff;
  font-size: 1.15rem;
  font-weight: 950;
  letter-spacing: -.025em;
  line-height: 1.25;
}

.kt-dashboard-command .kt-shell-brand__copy small {
  display: block;
  margin-block-start: .3rem;
  color: #bdc9d6;
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .07em;
}

.kt-dashboard-command .kt-shell-sidebar__toggle {
  color: #dce5ee !important;
}

.kt-dashboard-command .kt-command-workspace {
  min-block-size: 4.35rem;
  display: grid;
  grid-template-columns: 2.55rem minmax(0, 1fr);
  align-items: center;
  gap: .75rem;
  margin: 0 1rem 1.15rem;
  padding: .75rem;
  border: 1px solid var(--pf-border);
  border-radius: 1rem;
  background: var(--pf-card);
  box-shadow: var(--pf-shadow-sm);
}

.kt-dashboard-command .kt-command-workspace > span:first-child {
  inline-size: 2.55rem;
  block-size: 2.55rem;
  display: grid;
  place-items: center;
  border-radius: .8rem;
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
  font-size: 1.2rem;
}

.kt-dashboard-command .kt-command-workspace small,
.kt-dashboard-command .kt-command-workspace strong {
  display: block;
}

.kt-dashboard-command .kt-command-workspace small {
  color: #8190a3;
  font-size: .72rem;
  font-weight: 750;
}

.kt-dashboard-command .kt-command-workspace strong {
  margin-block-start: .08rem;
  color: var(--pf-primary-deep);
  font-size: .88rem;
  font-weight: 900;
}

.kt-dashboard-command .kt-shell-nav {
  padding: .4rem 1rem 1.2rem !important;
}

.kt-dashboard-command .kt-shell-nav__section {
  margin: 1.5rem .8rem .55rem;
  color: #65758a;
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .035em;
  line-height: 1.45;
}

.kt-dashboard-command .kt-shell-nav__section:first-child {
  margin-block-start: .35rem;
}

.kt-dashboard-command .kt-shell-sidebar .menu-link {
  min-block-size: 3.25rem;
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-block-end: .18rem;
  padding-inline: .8rem;
  border: 1px solid transparent;
  border-inline-start: .25rem solid transparent;
  border-radius: .9rem;
  color: #526276 !important;
  font-size: .88rem;
  font-weight: 700;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms var(--pf-ease);
}

.kt-dashboard-command .kt-shell-sidebar .menu-link:hover {
  background: var(--pf-hover) !important;
  color: var(--pf-primary) !important;
  transform: translateX(-2px);
}

.kt-dashboard-command .kt-shell-sidebar .menu-icon {
  inline-size: 1.35rem;
  min-inline-size: 1.35rem;
  margin: 0 !important;
  font-size: 1.08rem;
  text-align: center;
}

html[dir] body.kt-dashboard-command .kt-shell .kt-shell-sidebar.bg-menu-theme.menu-vertical
  .menu-inner .menu-item.active > .menu-link:not(.menu-toggle),
html[dir] body.kt-dashboard-command .kt-shell .kt-shell-sidebar.bg-menu-theme.menu-vertical
  .menu-inner .menu-sub .menu-item.active > .menu-link:not(.menu-toggle) {
  border: 1px solid var(--pf-border) !important;
  border-inline-start: .3rem solid var(--pf-accent) !important;
  background: var(--pf-primary-soft) !important;
  background-image: none !important;
  box-shadow:
    0 1rem 2.1rem rgb(31 53 83 / 13%),
    inset 0 1px 0 rgb(255 255 255 / 74%) !important;
  color: var(--pf-primary) !important;
  font-weight: 850;
}

.kt-dashboard-command .kt-command-sidebar-status {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: .75rem 1rem 1rem;
  padding: .8rem .9rem;
  border: 1px solid var(--pf-border);
  border-radius: .9rem;
  background: var(--pf-surface-soft);
  color: var(--pf-muted);
  font-size: .72rem;
  font-weight: 750;
}

.kt-dashboard-command .kt-command-sidebar-status span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}

.kt-dashboard-command .kt-command-sidebar-status i {
  inline-size: .42rem;
  block-size: .42rem;
  border-radius: 50%;
  background: var(--pf-subtle);
  box-shadow: 0 0 0 .25rem rgb(148 163 184 / 13%);
}

.kt-dashboard-command .kt-command-sidebar-status strong {
  color: #59687b;
  font-size: .72rem;
  font-weight: 900;
}

.kt-dashboard-command .kt-shell-navbar.kt-dashboard-command__navbar {
  block-size: var(--kt-topbar-height);
  min-block-size: var(--kt-topbar-height);
  padding: .5rem .75rem;
  border: 1px solid var(--kt-topbar-border);
  border-radius: var(--kt-topbar-radius) !important;
  background: var(--kt-topbar-bg) !important;
  box-shadow: var(--kt-topbar-shadow) !important;
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}

.kt-dashboard-command .kt-dashboard-command__navbar::after {
  position: absolute;
  inset-inline-start: var(--kt-shell-content-gap);
  inset-inline-end: var(--kt-shell-page-padding);
  inset-block-end: -1px;
  block-size: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgb(52 77 112 / 28%) 38%, var(--pf-accent) 50%, rgb(52 77 112 / 28%) 62%, transparent);
  content: "";
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__content {
  display: grid !important;
  grid-template-columns: minmax(13.5rem, .7fr) minmax(20rem, 1.3fr) auto;
  align-items: center;
  gap: 1.65rem;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__context {
  min-inline-size: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .8rem;
}

.kt-dashboard-command .kt-dashboard-command__context-icon {
  inline-size: 2.75rem;
  block-size: 2.75rem;
  flex: 0 0 2.75rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--pf-border);
  border-radius: .85rem;
  background: var(--pf-surface-soft);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-primary);
  font-size: 1.25rem;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__eyebrow,
.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__title {
  display: block;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__eyebrow {
  color: var(--pf-accent);
  font-size: .76rem;
  font-weight: 850;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__title {
  color: var(--pf-primary-deep);
  font-size: 1rem;
  font-weight: 950;
}

.kt-dashboard-command .kt-dashboard-command__search {
  inline-size: min(100%, 36rem);
  block-size: 3.1rem;
  justify-self: center;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding-inline: 1rem;
  border: 1px solid var(--pf-border);
  border-radius: .9rem;
  outline: 1px solid color-mix(in srgb, var(--pf-card-elevated) 72%, transparent);
  outline-offset: -2px;
  background: var(--pf-control);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-muted);
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}

.kt-dashboard-command .kt-dashboard-command__search-shell {
  position: relative;
  z-index: 20;
  inline-size: min(100%, 36rem);
  min-inline-size: 0;
  justify-self: center;
}

.kt-dashboard-command .kt-dashboard-command__search-shell .kt-dashboard-command__search {
  inline-size: 100%;
}

.kt-dashboard-command .kt-dashboard-command__search:focus-within {
  border-color: color-mix(in srgb, var(--pf-primary) 48%, var(--pf-border));
  background: var(--pf-card-elevated);
  box-shadow:
    0 0 0 .25rem color-mix(in srgb, var(--pf-primary) 10%, transparent),
    var(--pf-shadow-md);
}

.kt-dashboard-command .kt-dashboard-command__search > i {
  font-size: 1.18rem;
}

.kt-dashboard-command .kt-dashboard-command__search input {
  min-inline-size: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--pf-text);
  font: 700 .88rem/1.5 inherit;
}

.kt-dashboard-command .kt-dashboard-command__search input::placeholder {
  color: #8290a2;
}

.kt-dashboard-command .kt-dashboard-command__search kbd {
  min-inline-size: 2.65rem;
  padding: .15rem .45rem;
  border: 1px solid var(--pf-border);
  border-radius: .5rem;
  background: var(--pf-surface-soft);
  color: var(--pf-muted);
  font: 750 .7rem/1.5 inherit;
  text-align: center;
  direction: ltr;
}

.kt-dashboard-command .kt-dashboard-command__search-panel {
  position: absolute;
  inset-block-start: calc(100% + .65rem);
  inset-inline: 0;
  z-index: 1200;
  overflow: hidden;
  border: 1px solid var(--pf-border-strong);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--pf-card-elevated) 97%, transparent);
  box-shadow:
    0 1.25rem 3rem rgb(15 23 42 / 16%),
    0 .3rem .9rem rgb(15 23 42 / 7%),
    inset 0 1px 0 rgb(255 255 255 / 8%);
  color: var(--pf-text);
  backdrop-filter: blur(18px) saturate(128%);
  -webkit-backdrop-filter: blur(18px) saturate(128%);
  transform-origin: top center;
  animation: kt-command-search-enter 160ms var(--pf-ease) both;
}

.kt-dashboard-command .kt-dashboard-command__search-panel[hidden] {
  display: none !important;
}

.kt-dashboard-command .kt-dashboard-command__search-head,
.kt-dashboard-command .kt-dashboard-command__search-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .72rem .85rem;
  background: var(--pf-surface-soft);
}

.kt-dashboard-command .kt-dashboard-command__search-head {
  border-block-end: 1px solid var(--pf-divider);
}

.kt-dashboard-command .kt-dashboard-command__search-head span {
  color: var(--pf-text);
  font-size: .76rem;
  font-weight: 850;
}

.kt-dashboard-command .kt-dashboard-command__search-head small {
  color: var(--pf-subtle);
  font-size: .68rem;
  font-weight: 750;
}

.kt-dashboard-command .kt-dashboard-command__search-results {
  display: grid;
  gap: .24rem;
  max-block-size: min(25rem, calc(100dvh - 8rem));
  overflow-y: auto;
  padding: .48rem;
  overscroll-behavior: contain;
}

.kt-dashboard-command .kt-dashboard-command__search-result {
  min-inline-size: 0;
  min-block-size: 3.4rem;
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) 1rem;
  align-items: center;
  gap: .7rem;
  padding: .48rem .62rem;
  border: 1px solid transparent;
  border-radius: .78rem;
  color: var(--pf-text);
  transition:
    border-color 150ms ease,
    background-color 150ms ease,
    color 150ms ease,
    transform 150ms var(--pf-ease);
}

.kt-dashboard-command .kt-dashboard-command__search-result:hover,
.kt-dashboard-command .kt-dashboard-command__search-result.is-active {
  border-color: color-mix(in srgb, var(--pf-primary) 18%, var(--pf-border));
  background: var(--pf-hover);
  color: var(--pf-primary);
  transform: translateX(-2px);
}

[dir="ltr"] .kt-dashboard-command .kt-dashboard-command__search-result:hover,
[dir="ltr"] .kt-dashboard-command .kt-dashboard-command__search-result.is-active {
  transform: translateX(2px);
}

.kt-dashboard-command .kt-dashboard-command__search-result-icon {
  inline-size: 2.25rem;
  block-size: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: .68rem;
  background: var(--pf-surface-soft);
  color: var(--pf-primary);
  font-size: 1rem;
}

.kt-dashboard-command .kt-dashboard-command__search-result.is-active
  .kt-dashboard-command__search-result-icon {
  background: var(--pf-accent-soft);
  color: var(--pf-accent);
}

.kt-dashboard-command .kt-dashboard-command__search-result-copy {
  min-inline-size: 0;
  display: grid;
  gap: .08rem;
}

.kt-dashboard-command .kt-dashboard-command__search-result-copy strong {
  overflow: hidden;
  font-size: .79rem;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kt-dashboard-command .kt-dashboard-command__search-result-copy small {
  color: var(--pf-subtle);
  font-size: .66rem;
  font-weight: 700;
}

.kt-dashboard-command .kt-dashboard-command__search-result > .ti {
  color: var(--pf-subtle);
  font-size: .85rem;
}

.kt-dashboard-command .kt-dashboard-command__search-empty {
  min-block-size: 7rem;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .45rem;
  margin: 0;
  padding: 1rem;
  color: var(--pf-muted);
  text-align: center;
}

.kt-dashboard-command .kt-dashboard-command__search-empty[hidden] {
  display: none !important;
}

.kt-dashboard-command .kt-dashboard-command__search-empty i {
  color: var(--pf-accent);
  font-size: 1.35rem;
}

.kt-dashboard-command .kt-dashboard-command__search-empty span {
  font-size: .77rem;
  font-weight: 800;
}

.kt-dashboard-command .kt-dashboard-command__search-help {
  justify-content: flex-start;
  border-block-start: 1px solid var(--pf-divider);
  color: var(--pf-subtle);
  font-size: .64rem;
  font-weight: 700;
}

.kt-dashboard-command .kt-dashboard-command__search-help span {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
}

.kt-dashboard-command .kt-dashboard-command__search-help kbd {
  min-inline-size: 1.35rem;
  padding: .06rem .25rem;
  border: 1px solid var(--pf-border);
  border-radius: .35rem;
  background: var(--pf-card);
  color: var(--pf-muted);
  font: 750 .6rem/1.45 inherit;
  text-align: center;
}

@keyframes kt-command-search-enter {
  from {
    opacity: 0;
    transform: translateY(-.35rem) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__actions,
.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__account {
  align-items: center;
  gap: .45rem;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__actions {
  min-inline-size: 0;
  justify-self: end;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__account {
  margin: 0;
  padding: 0;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-icon-button,
.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-language-toggle {
  inline-size: 2.75rem;
  block-size: 2.75rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--pf-border);
  border-radius: .8rem;
  background: var(--pf-control);
  box-shadow: var(--pf-shadow-sm);
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-notifications__link {
  background: var(--pf-control) !important;
  color: var(--pf-muted) !important;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-notifications__link:hover,
.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-notifications__link:focus-visible {
  border-color: var(--pf-border-strong);
  background: var(--pf-hover) !important;
  color: var(--pf-primary) !important;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-notification-count {
  inset-block-start: -.35rem;
  inset-inline-end: -.4rem;
  border-color: #f8fafc;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__trigger {
  min-block-size: 3rem;
  gap: .7rem;
  padding: .25rem .4rem .25rem .75rem;
  border: 1px solid var(--pf-border);
  border-radius: .95rem;
  background: var(--pf-control);
  box-shadow: var(--pf-shadow-sm);
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__summary strong {
  color: var(--pf-primary-deep);
  font-size: .82rem;
  font-weight: 900;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__summary small {
  color: #6b7b8f;
  font-size: .7rem;
  font-weight: 700;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__avatar,
.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__avatar img {
  inline-size: 2.35rem;
  block-size: 2.35rem;
}

.kt-dashboard-command .kt-dashboard-command__page,
.kt-dashboard-command .kt-dashboard-command__page *,
.kt-dashboard-command .kt-dashboard-command__page *::before,
.kt-dashboard-command .kt-dashboard-command__page *::after {
  box-sizing: border-box;
}

.kt-dashboard-command .kt-dashboard-command__page {
  width: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.45rem;
  color: var(--pf-text);
}

.kt-dashboard-command .kt-dashboard-command__page :where(h1, h2, h3, p) {
  margin-block-end: 0;
}

.kt-dashboard-command .kt-dashboard-command__page a {
  color: inherit;
  text-decoration: none;
}

.kt-dashboard-command .kt-dashboard-command__page :where(a, button, input):focus-visible {
  outline: 3px solid rgb(255 159 52 / 42%);
  outline-offset: 3px;
}

.kt-dashboard-command .pf-hero {
  position: relative;
  min-block-size: 22.75rem;
  display: flex;
  align-items: stretch;
  gap: 2.25rem;
  overflow: hidden;
  padding: 2.25rem 2.5rem;
  border: 1px solid var(--pf-border-strong);
  border-radius: 2.4rem;
  background:
    radial-gradient(circle at 8% 12%, rgb(255 159 52 / 15%), transparent 24rem),
    var(--pf-card);
  box-shadow: var(--pf-shadow-lg);
}

.kt-dashboard-command .pf-hero::before {
  position: absolute;
  inset-block: 2.4rem;
  inset-inline-start: 0;
  inline-size: .42rem;
  border-radius: .35rem 0 0 .35rem;
  background: var(--pf-accent);
  box-shadow:
    0 0 1.75rem rgb(255 159 52 / 42%),
    0 .6rem 1.5rem rgb(255 159 52 / 26%);
  content: "";
}

.kt-dashboard-command .pf-hero::after {
  position: absolute;
  inset-block-end: -4.6rem;
  inset-inline-start: 1.8rem;
  color: rgb(52 77 112 / 6%);
  content: "KT";
  font-family: "Cairo", sans-serif;
  font-size: 10.5rem;
  font-weight: 1000;
  letter-spacing: -.11em;
  line-height: 1;
  pointer-events: none;
}

.kt-dashboard-command .pf-hero__intro {
  position: relative;
  z-index: 1;
  min-inline-size: 0;
  flex: 1.32;
  align-self: center;
}

.kt-dashboard-command .pf-eyebrow {
  min-block-size: 2.25rem;
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .35rem .8rem;
  border: 1px solid var(--pf-border);
  border-radius: .75rem;
  background: var(--pf-card-elevated);
  color: var(--pf-primary);
  font-size: .85rem;
  font-weight: 900;
}

.kt-dashboard-command .pf-eyebrow > i,
.kt-dashboard-command .pf-live-status i,
.kt-dashboard-command .pf-urgent__footer > span > i,
.kt-dashboard-command .pf-rail-section.is-auctions header small i,
.kt-dashboard-command .pf-footer i {
  inline-size: .42rem;
  block-size: .42rem;
  flex: 0 0 .42rem;
  border-radius: 50%;
  background: var(--pf-accent);
  box-shadow: 0 0 0 .28rem rgb(255 159 52 / 12%);
}

.kt-dashboard-command .pf-hero__edition {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-block-start: 1.15rem;
  color: var(--pf-subtle);
  font-family: "Segoe UI", sans-serif;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .14em;
  direction: ltr;
}

.kt-dashboard-command .pf-hero__edition::after {
  inline-size: 3rem;
  block-size: 1px;
  background: var(--pf-divider);
  content: "";
}

.kt-dashboard-command .pf-hero__edition b {
  inline-size: 1.8rem;
  block-size: 1.8rem;
  display: grid;
  place-items: center;
  border-radius: .5rem;
  background: var(--pf-primary);
  box-shadow: 0 .5rem 1.1rem rgb(31 53 83 / 18%);
  color: #fff;
  font-size: .63rem;
  letter-spacing: -.03em;
}

.kt-dashboard-command .pf-hero h1 {
  max-inline-size: 47.5rem;
  margin: .65rem 0 0;
  color: var(--pf-text);
  font-size: clamp(2.5rem, 3vw, 2.75rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.035em;
  text-shadow: none;
  text-wrap: balance;
}

.kt-dashboard-command .pf-hero__intro > p {
  max-inline-size: 45rem;
  margin: .7rem 0 0;
  color: var(--pf-muted);
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.8;
}

.kt-dashboard-command .pf-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-block-start: .9rem;
}

.kt-dashboard-command .pf-hero__chips > span {
  min-block-size: 2.35rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .35rem .75rem;
  border: 1px solid var(--pf-border);
  border-radius: .75rem;
  background: var(--pf-card-elevated);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-muted);
  font-size: .78rem;
  font-weight: 800;
}

.kt-dashboard-command .pf-hero__chips > span > .ti {
  color: var(--pf-primary);
  font-size: 1rem;
}

.kt-dashboard-command .pf-hero__chips > .is-live > i {
  background: var(--pf-success);
  box-shadow: 0 0 0 .28rem rgb(22 132 91 / 12%);
}

.kt-dashboard-command .pf-hero__chips > .is-status-neutral > i {
  inline-size: .42rem;
  block-size: .42rem;
  border-radius: 50%;
  background: var(--pf-subtle);
  box-shadow: 0 0 0 .28rem rgb(148 163 184 / 13%);
}

.kt-dashboard-command .pf-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-block-start: .8rem;
}

.kt-dashboard-command .pf-hero-actions a {
  min-block-size: 2.4rem;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .35rem .75rem;
  border: 1px solid var(--pf-border);
  border-radius: .7rem;
  background: var(--pf-card-elevated);
  color: var(--pf-primary);
  font-size: .75rem;
  font-weight: 850;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms var(--pf-ease);
}

.kt-dashboard-command .pf-hero-actions a:hover {
  background: var(--pf-hover);
  box-shadow: var(--pf-shadow-md);
  transform: translateY(-2px);
}

.kt-dashboard-command .pf-today {
  position: relative;
  z-index: 1;
  min-inline-size: 23.5rem;
  flex: .68;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.45rem 1.55rem;
  border: 1px solid var(--pf-hero-panel-border);
  border-radius: 1.8rem;
  background:
    radial-gradient(circle at 0 0, rgb(255 159 52 / 11%), transparent 38%),
    var(--pf-hero-panel-bg);
  box-shadow: var(--pf-shadow-md);
  transition:
    border-color 260ms ease,
    box-shadow 260ms ease,
    transform 260ms var(--pf-ease);
}

.kt-dashboard-command .pf-today:hover {
  border-color: color-mix(in srgb, var(--pf-accent) 38%, var(--pf-hero-panel-border));
  box-shadow: var(--pf-shadow-lg);
  transform: translateY(-3px);
}

.kt-dashboard-command .pf-today__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.kt-dashboard-command .pf-today__head > div span,
.kt-dashboard-command .pf-today__head > div strong {
  display: block;
}

.kt-dashboard-command .pf-today__head > div span {
  color: var(--pf-accent);
  font-size: .83rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-today__head > div strong {
  margin-block-start: .15rem;
  color: var(--pf-hero-panel-text);
  font-size: 1.15rem;
  font-weight: 950;
}

.kt-dashboard-command .pf-today__status {
  min-block-size: 2.25rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .35rem .7rem;
  border: 1px solid var(--pf-hero-panel-border);
  border-radius: .75rem;
  background: var(--pf-hero-panel-chip);
  color: var(--pf-hero-panel-muted);
  font-size: .76rem;
  font-weight: 800;
  direction: ltr;
}

.kt-dashboard-command .pf-today__status i {
  inline-size: .4rem;
  block-size: .4rem;
  border-radius: 50%;
  background: var(--pf-subtle);
}

.kt-dashboard-command .pf-today__status.is-live i {
  background: var(--pf-success);
}

.kt-dashboard-command .pf-today__spotlight {
  min-block-size: 5.75rem;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  margin-block-start: .7rem;
  padding-block: .5rem;
  border-block: 0;
}

.kt-dashboard-command .pf-today__volume {
  padding-inline-start: 1.35rem;
  border-inline-start: 1px solid var(--pf-hero-panel-border);
}

.kt-dashboard-command .pf-today__health > span,
.kt-dashboard-command .pf-today__volume > span,
.kt-dashboard-command .pf-today__volume > strong {
  display: block;
}

.kt-dashboard-command .pf-today__health > span,
.kt-dashboard-command .pf-today__volume > span {
  color: var(--pf-hero-panel-muted);
  font-size: .78rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-today__health > strong {
  display: flex;
  align-items: baseline;
  margin-block-start: .2rem;
  color: var(--pf-hero-panel-text);
  direction: ltr;
  line-height: 1;
}

.kt-dashboard-command .pf-today__health > strong b {
  font-size: 3rem;
  font-weight: 800;
  letter-spacing: -.05em;
}

.kt-dashboard-command .pf-today__health > strong em {
  margin-inline-start: .2rem;
  color: var(--pf-success);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 950;
}

.kt-dashboard-command .pf-today__volume > strong {
  margin-block-start: .35rem;
  color: var(--pf-hero-panel-text);
  font-size: 1rem;
  font-weight: 900;
}

.kt-dashboard-command .pf-today__volume > strong b {
  font-size: 1.9rem;
  font-weight: 800;
}

.kt-dashboard-command .pf-today__pipeline-wrap {
  margin-block-start: .65rem;
}

.kt-dashboard-command .pf-today__pipeline-wrap > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  color: var(--pf-hero-panel-muted);
  font-size: .78rem;
  font-weight: 800;
}

.kt-dashboard-command .pf-today__pipeline-wrap > div:first-child small {
  color: var(--pf-hero-panel-subtle);
  font-size: .72rem;
  font-weight: 700;
}

.kt-dashboard-command .pf-today__pipeline {
  block-size: .62rem;
  display: flex;
  gap: .22rem;
  margin-block-start: .45rem;
  overflow: hidden;
  border-radius: 999px;
  background: var(--pf-hero-panel-track);
  box-shadow: none;
}

.kt-dashboard-command .pf-today__pipeline i {
  inline-size: var(--pf-progress);
  block-size: 100%;
  min-inline-size: 0;
  border-radius: inherit;
  transform-origin: right;
}

.kt-dashboard-command .is-new {
  --pf-tone: var(--pf-info);
}

.kt-dashboard-command .is-current {
  --pf-tone: var(--pf-accent);
}

.kt-dashboard-command .is-finished {
  --pf-tone: var(--pf-success);
}

.kt-dashboard-command .is-cancelled {
  --pf-tone: var(--pf-danger);
}

.kt-dashboard-command .is-neutral {
  --pf-tone: var(--pf-subtle);
}

.kt-dashboard-command .pf-today__pipeline i {
  background: var(--pf-tone, var(--pf-subtle));
}

.kt-dashboard-command .pf-today__legend {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .25rem;
  margin-block-start: .42rem;
}

.kt-dashboard-command .pf-today__legend span {
  overflow: hidden;
  color: var(--pf-hero-panel-subtle);
  font-size: .68rem;
  font-weight: 800;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kt-dashboard-command .pf-section {
  margin: 0;
}

.kt-dashboard-command .pf-section__head {
  position: relative;
  min-block-size: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-block-end: 1.5rem;
  padding-inline-start: 1.25rem;
}

.kt-dashboard-command .pf-section__head::before {
  position: absolute;
  inset-block: .25rem;
  inset-inline-start: 0;
  inline-size: .25rem;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--pf-accent) 0 34%, var(--pf-primary) 34% 100%);
  box-shadow: 0 0 1rem rgb(52 77 112 / 12%);
  content: "";
}

.kt-dashboard-command .pf-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: var(--pf-accent);
  font-size: .82rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-section__eyebrow b {
  min-inline-size: 1.95rem;
  block-size: 1.55rem;
  display: grid;
  place-items: center;
  border: 1px solid rgb(255 159 52 / 26%);
  border-radius: .5rem;
  background: var(--pf-accent-soft);
  color: #b96205;
  font-size: .67rem;
  font-weight: 950;
  direction: ltr;
}

.kt-dashboard-command .pf-section__head h2 {
  margin: .18rem 0 0;
  color: #1d3452;
  font-size: clamp(1.5rem, 1.8vw, 1.75rem);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.035em;
}

.kt-dashboard-command .pf-section__head p {
  margin: .35rem 0 0;
  color: #5c6e83;
  font-size: .9rem;
  font-weight: 650;
}

.kt-dashboard-command .pf-live-status {
  min-block-size: 2.4rem;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .4rem .8rem;
  border: 1px solid #c9d6df;
  border-radius: .75rem;
  background: var(--pf-surface-soft);
  color: var(--pf-muted);
  font-size: .77rem;
  font-weight: 800;
}

.kt-dashboard-command .pf-live-status i {
  background: var(--pf-primary);
  box-shadow: 0 0 0 .28rem rgb(52 77 112 / 11%);
}

.kt-dashboard-command .pf-text-link {
  min-block-size: 2.4rem;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--pf-primary);
  font-size: .78rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-text-link > i {
  font-size: 1rem;
  transition: transform 180ms ease;
}

.kt-dashboard-command .pf-text-link:hover > i {
  transform: translateX(-4px);
}

.kt-dashboard-command .pf-kpi-band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  padding: .7rem;
  border: 1px solid var(--pf-kpi-border);
  border-radius: 1.95rem;
  background:
    radial-gradient(circle at 3% 0, rgb(255 159 52 / 8%), transparent 24%),
    var(--pf-kpi-band);
  box-shadow:
    var(--pf-shadow-md),
    inset 0 1px 0 rgb(255 255 255 / 8%);
}

.kt-dashboard-command .pf-kpi {
  position: relative;
  min-block-size: 13.75rem;
  display: block;
  overflow: hidden;
  padding: 1.55rem;
  border: 1px solid var(--pf-kpi-border);
  border-radius: 1.4rem;
  background: var(--pf-kpi-card);
  box-shadow: var(--pf-shadow-sm);
  transition:
    border-color 260ms ease,
    background-color 260ms ease,
    box-shadow 260ms ease,
    transform 260ms var(--pf-ease);
}

.kt-dashboard-command .pf-kpi::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 1.55rem;
  block-size: 3px;
  border-radius: 0 0 .35rem .35rem;
  background: var(--pf-primary);
  content: "";
}

.kt-dashboard-command .pf-kpi.is-accent {
  border-color: color-mix(in srgb, var(--pf-accent) 34%, var(--pf-kpi-border));
  background: var(--pf-kpi-card);
  box-shadow: var(--pf-shadow-sm);
}

.kt-dashboard-command .pf-kpi.is-accent::before {
  background: var(--pf-accent);
  box-shadow: 0 .25rem .75rem rgb(255 159 52 / 20%);
}

.kt-dashboard-command .pf-kpi:hover {
  border-color: var(--pf-border-strong);
  background: var(--pf-kpi-card-hover);
  box-shadow: var(--pf-shadow-md);
  transform: translateY(-4px);
}

.kt-dashboard-command .pf-kpi.is-accent:hover {
  border-color: color-mix(in srgb, var(--pf-accent) 52%, var(--pf-kpi-border));
  background: var(--pf-kpi-card-hover);
}

.kt-dashboard-command .pf-kpi__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

.kt-dashboard-command .pf-kpi__icon {
  inline-size: 3.5rem;
  block-size: 3.5rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--pf-kpi-border);
  border-radius: .95rem;
  background: var(--pf-kpi-icon-bg);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-kpi-icon-text);
  font-size: 1.45rem;
}

.kt-dashboard-command .pf-kpi.is-accent .pf-kpi__icon {
  border-color: color-mix(in srgb, var(--pf-accent) 28%, var(--pf-kpi-border));
  background: var(--pf-accent-soft);
  color: var(--pf-accent);
}

.kt-dashboard-command .pf-trend {
  min-block-size: 1.9rem;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .25rem .55rem;
  border: 1px solid var(--pf-kpi-border);
  border-radius: .65rem;
  background: var(--pf-kpi-trend-bg);
  color: var(--pf-kpi-trend-text);
  font-size: .75rem;
  font-weight: 900;
  direction: ltr;
}

.kt-dashboard-command .pf-kpi.is-accent .pf-trend {
  border-color: color-mix(in srgb, var(--pf-accent) 22%, var(--pf-kpi-border));
  background: var(--pf-kpi-trend-bg);
  color: var(--pf-kpi-trend-text);
}

.kt-dashboard-command .pf-kpi__label {
  display: block;
  margin-block-start: .8rem;
  color: var(--pf-kpi-muted);
  font-size: .86rem;
  font-weight: 800;
}

.kt-dashboard-command .pf-kpi.is-accent .pf-kpi__label,
.kt-dashboard-command .pf-kpi.is-accent > small {
  color: var(--pf-kpi-muted);
}

.kt-dashboard-command .pf-kpi__value {
  display: inline-block;
  margin-block-start: .15rem;
  color: var(--pf-kpi-text);
  font-size: clamp(2.5rem, 2.8vw, 2.875rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.045em;
  text-shadow: none;
}

.kt-dashboard-command .pf-kpi.is-accent .pf-kpi__value {
  color: var(--pf-kpi-text);
  text-shadow: none;
}

.kt-dashboard-command .pf-kpi > small {
  display: block;
  margin-block-start: .4rem;
  overflow: hidden;
  color: var(--pf-kpi-subtle);
  font-size: .78rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kt-dashboard-command .pf-section--operations {
  position: relative;
  overflow: hidden;
  padding: 2.1rem;
  border: 1px solid var(--pf-border);
  border-radius: 2.4rem;
  background: var(--pf-surface-soft);
  box-shadow: var(--pf-shadow-md);
}

.kt-dashboard-command .pf-section--operations::after {
  position: absolute;
  inset-block-start: -5rem;
  inset-inline-end: -4rem;
  inline-size: 13rem;
  block-size: 13rem;
  border: 1px solid rgb(52 77 112 / 9%);
  border-radius: 50%;
  box-shadow: 0 0 0 1.75rem rgb(52 77 112 / 2.5%);
  content: "";
  pointer-events: none;
}

.kt-dashboard-command .pf-section--operations > * {
  position: relative;
  z-index: 1;
}

.kt-dashboard-command .pf-operations-board,
.kt-dashboard-command .pf-activity-board {
  overflow: hidden;
  border: 1px solid var(--pf-border);
  border-radius: 1.8rem;
  background: var(--pf-card);
  box-shadow: var(--pf-shadow-md);
}

.kt-dashboard-command .pf-operations-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.86fr) minmax(20rem, 1fr);
  direction: ltr;
}

.kt-dashboard-command .pf-flow-cockpit,
.kt-dashboard-command .pf-urgent {
  min-inline-size: 0;
  padding: 1.75rem;
  direction: rtl;
}

[dir="ltr"] .kt-dashboard-command .pf-flow-cockpit,
[dir="ltr"] .kt-dashboard-command .pf-urgent {
  direction: ltr;
}

.kt-dashboard-command .pf-flow-cockpit {
  background: var(--pf-card);
}

.kt-dashboard-command .pf-urgent {
  border-inline-start: 1px solid var(--pf-divider);
  background:
    radial-gradient(circle at 100% 0%, rgb(255 159 52 / 8%), transparent 45%),
    var(--pf-card-elevated);
}

.kt-dashboard-command .pf-board-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}

.kt-dashboard-command .pf-board-head > div:first-child {
  min-inline-size: 0;
}

.kt-dashboard-command .pf-board-head > div:first-child > span {
  color: var(--pf-accent);
  font-size: .8rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-board-head h3 {
  margin: .18rem 0 0;
  color: var(--pf-primary-deep);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.4;
}

.kt-dashboard-command .pf-board-head p {
  margin: .25rem 0 0;
  color: var(--pf-muted);
  font-size: .79rem;
  font-weight: 650;
}

.kt-dashboard-command .pf-sla {
  min-inline-size: 7.25rem;
  text-align: end;
}

.kt-dashboard-command .pf-sla > span {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #738296;
  font-size: .72rem;
  font-weight: 800;
}

.kt-dashboard-command .pf-sla > span i {
  inline-size: .38rem;
  block-size: .38rem;
  border-radius: 50%;
  background: var(--pf-subtle);
}

.kt-dashboard-command .pf-sla strong {
  display: block;
  color: var(--pf-primary-deep);
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.15;
}

.kt-dashboard-command .pf-flow-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-block-start: 2.1rem;
}

.kt-dashboard-command .pf-flow-track::before {
  position: absolute;
  inset-block-start: 1.12rem;
  inset-inline: 6%;
  block-size: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #dde5ee, #cfd9e4, #e4eaf0);
  box-shadow: 0 1px 0 #fff;
  content: "";
  transform-origin: right;
}

.kt-dashboard-command .pf-flow-track article {
  position: relative;
  min-inline-size: 0;
  padding-inline: .8rem;
}

.kt-dashboard-command .pf-flow-track article + article {
  border-inline-start: 1px solid #edf0f3;
}

.kt-dashboard-command .pf-flow-track article:first-child {
  padding-inline-start: 0;
}

.kt-dashboard-command .pf-flow-track article:last-child {
  padding-inline-end: 0;
}

.kt-dashboard-command .pf-flow-track__index {
  position: relative;
  z-index: 1;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  display: grid;
  place-items: center;
  border: 5px solid #fff;
  border-radius: 50%;
  background: var(--pf-tone, var(--pf-primary));
  box-shadow:
    0 0 0 1px #d9e1e9,
    0 .5rem 1.1rem rgb(52 77 112 / 18%);
  color: #fff;
  font-size: .63rem;
  font-weight: 900;
  direction: ltr;
}

.kt-dashboard-command .pf-flow-track article > div {
  margin-block-start: 1rem;
}

.kt-dashboard-command .pf-flow-track article > div span,
.kt-dashboard-command .pf-flow-track article > div strong,
.kt-dashboard-command .pf-flow-track article > div small {
  display: block;
}

.kt-dashboard-command .pf-flow-track article > div span {
  color: var(--pf-muted);
  font-size: .78rem;
  font-weight: 750;
}

.kt-dashboard-command .pf-flow-track article > div strong {
  margin-block-start: .3rem;
  color: var(--pf-primary-deep);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
}

.kt-dashboard-command .pf-flow-track article > div small {
  margin-block-start: .45rem;
  color: #8e9aaa;
  font-size: .69rem;
  font-weight: 650;
}

.kt-dashboard-command .pf-flow-track article > i {
  block-size: .42rem;
  display: block;
  margin-block-start: 1rem;
  overflow: hidden;
  border-radius: 999px;
  background: var(--pf-surface-soft);
  box-shadow: none;
}

.kt-dashboard-command .pf-flow-track article > i b {
  inline-size: var(--pf-stage);
  block-size: 100%;
  display: block;
  border-radius: inherit;
  background: var(--pf-tone, var(--pf-primary));
  transform-origin: right;
}

.kt-dashboard-command .pf-flow-summary {
  min-block-size: 4.5rem;
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
  margin-block-start: 1.9rem;
  padding: .75rem .9rem;
  border: 1px solid var(--pf-border);
  border-radius: 1rem;
  background: var(--pf-surface-soft);
  box-shadow: none;
}

.kt-dashboard-command .pf-flow-summary__icon {
  inline-size: 2.65rem;
  block-size: 2.65rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--pf-border);
  border-radius: .8rem;
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
  font-size: 1.15rem;
}

.kt-dashboard-command .pf-flow-summary strong,
.kt-dashboard-command .pf-flow-summary span {
  display: block;
}

.kt-dashboard-command .pf-flow-summary strong {
  color: var(--pf-primary-deep);
  font-size: .78rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-flow-summary > div span {
  color: var(--pf-muted);
  font-size: .72rem;
  font-weight: 650;
}

.kt-dashboard-command .pf-flow-summary a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--pf-primary);
  font-size: .73rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-urgent__count {
  min-inline-size: 2.85rem;
  block-size: 2.45rem;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--pf-accent) 22%, var(--pf-border));
  border-radius: .75rem;
  background: var(--pf-accent-soft);
  color: var(--pf-accent);
  font-size: 1rem;
  font-weight: 800;
}

.kt-dashboard-command .pf-urgent__list {
  display: grid;
  gap: .2rem;
  margin-block-start: 1.35rem;
}

.kt-dashboard-command .pf-urgent__list > a {
  min-block-size: 4rem;
  display: grid;
  grid-template-columns: 2.55rem minmax(0, 1fr) auto 1rem;
  align-items: center;
  gap: .7rem;
  padding: .55rem;
  border-radius: .85rem;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms var(--pf-ease);
}

.kt-dashboard-command .pf-urgent__list > a + a {
  border-block-start: 0;
}

.kt-dashboard-command .pf-urgent__list > a:hover {
  background: var(--pf-hover);
  box-shadow: none;
  transform: translateX(-2px);
}

.kt-dashboard-command .pf-urgent__icon {
  inline-size: 2.55rem;
  block-size: 2.55rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--pf-border);
  border-radius: .78rem;
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
  font-size: 1.15rem;
}

.kt-dashboard-command .pf-urgent__list > a > span:nth-child(2) {
  min-inline-size: 0;
}

.kt-dashboard-command .pf-urgent__list strong,
.kt-dashboard-command .pf-urgent__list small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kt-dashboard-command .pf-urgent__list strong {
  color: var(--pf-primary-deep);
  font-size: .78rem;
  font-weight: 900;
}

.kt-dashboard-command .pf-urgent__list small {
  margin-block-start: .12rem;
  color: #7d8999;
  font-size: .68rem;
  font-weight: 650;
}

.kt-dashboard-command .pf-urgent__list > a > b {
  color: var(--pf-primary-deep);
  font-size: .9rem;
  font-weight: 800;
}

.kt-dashboard-command .pf-urgent__list > a > .ti {
  color: #9aa5b3;
  font-size: 1rem;
}

.kt-dashboard-command .pf-urgent__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  margin-block-start: 1rem;
  padding-block-start: .85rem;
  border-block-start: 0;
}

.kt-dashboard-command .pf-urgent__footer > span {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: #768598;
  font-size: .7rem;
  font-weight: 750;
}

.kt-dashboard-command .pf-urgent__footer > span > i {
  background: var(--pf-subtle);
  box-shadow: 0 0 0 .25rem rgb(148 163 184 / 11%);
}

.kt-dashboard-command .pf-urgent__footer > a {
  color: var(--pf-primary);
  font-size: .7rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-section--activity {
  padding-block-start: .25rem;
}

.kt-dashboard-command .pf-activity-board {
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.kt-dashboard-command .pf-activity-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(21rem, .9fr);
  align-items: stretch;
  gap: 1.5rem;
}

.kt-dashboard-command .pf-orders-table,
.kt-dashboard-command .pf-market-rail,
.kt-dashboard-command .pf-products-table {
  min-inline-size: 0;
}

.kt-dashboard-command .pf-orders-table,
.kt-dashboard-command .pf-products-table {
  padding: 1.75rem;
  border: 1px solid var(--pf-border);
  border-radius: 1.8rem;
  background: var(--pf-card);
  box-shadow: var(--pf-shadow-md);
}

.kt-dashboard-command .pf-market-rail {
  display: grid;
  gap: 1rem;
}

.kt-dashboard-command .pf-rail-section {
  min-block-size: 0;
  overflow: hidden;
  padding: 1.4rem;
  border: 1px solid var(--pf-border);
  border-radius: 1.55rem;
  background: var(--pf-card);
  box-shadow: var(--pf-shadow-md);
}

.kt-dashboard-command .pf-rail-section.is-auctions {
  border-color: color-mix(in srgb, var(--pf-accent) 18%, var(--pf-border));
  background: var(--pf-card-elevated);
}

.kt-dashboard-command .pf-rail-section > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-block-end: .75rem;
}

.kt-dashboard-command .pf-rail-section > header small,
.kt-dashboard-command .pf-rail-section > header strong {
  display: block;
}

.kt-dashboard-command .pf-rail-section > header small {
  color: var(--pf-accent);
  font-size: .68rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-rail-section.is-auctions > header small {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--pf-success);
}

.kt-dashboard-command .pf-rail-section.is-auctions > header small i {
  background: var(--pf-success);
  box-shadow: 0 0 0 .25rem rgb(22 132 91 / 11%);
}

.kt-dashboard-command .pf-rail-section > header strong {
  margin-block-start: .15rem;
  color: var(--pf-primary-deep);
  font-size: .9rem;
  font-weight: 950;
}

.kt-dashboard-command .pf-rail-section > header > a {
  color: var(--pf-primary);
  font-size: .68rem;
  font-weight: 850;
}

.kt-dashboard-command .pf-provider-list > a,
.kt-dashboard-command .pf-auction-list > a {
  min-block-size: 3.65rem;
  display: grid;
  grid-template-columns: 2.45rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  padding: .48rem;
  border-radius: .75rem;
  transition:
    background-color 180ms ease,
    transform 180ms var(--pf-ease);
}

.kt-dashboard-command .pf-provider-list,
.kt-dashboard-command .pf-auction-list {
  display: grid;
  gap: .2rem;
}

.kt-dashboard-command .pf-provider-list > a + a,
.kt-dashboard-command .pf-auction-list > a + a {
  border-block-start: 0;
}

.kt-dashboard-command .pf-provider-list > a:hover,
.kt-dashboard-command .pf-auction-list > a:hover {
  background: var(--pf-hover);
  transform: translateX(-2px);
}

.kt-dashboard-command .pf-provider-list > a > span:nth-child(2),
.kt-dashboard-command .pf-auction-list > a > span:nth-child(2) {
  min-inline-size: 0;
}

.kt-dashboard-command .pf-provider-list strong,
.kt-dashboard-command .pf-provider-list small,
.kt-dashboard-command .pf-auction-list strong,
.kt-dashboard-command .pf-auction-list small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kt-dashboard-command .pf-provider-list strong,
.kt-dashboard-command .pf-auction-list strong {
  color: var(--pf-primary-deep);
  font-size: .76rem;
  font-weight: 900;
}

.kt-dashboard-command .pf-provider-list small,
.kt-dashboard-command .pf-auction-list small {
  margin-block-start: .12rem;
  color: #78879a;
  font-size: .65rem;
  font-weight: 650;
}

.kt-dashboard-command .pf-provider-list small {
  display: flex;
  align-items: center;
  gap: .25rem;
}

.kt-dashboard-command .pf-provider-list em,
.kt-dashboard-command .pf-auction-list em {
  min-inline-size: 2.8rem;
  padding: .25rem .45rem;
  border-radius: .55rem;
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
  font-size: .64rem;
  font-style: normal;
  font-weight: 850;
  text-align: center;
}

.kt-dashboard-command .pf-avatar,
.kt-dashboard-command .pf-auction-icon {
  inline-size: 2.45rem;
  block-size: 2.45rem;
  display: grid;
  place-items: center;
  border-radius: .75rem;
  background: var(--pf-primary);
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
}

.kt-dashboard-command .pf-avatar.is-orange {
  background: var(--pf-accent);
  color: #462500;
}

.kt-dashboard-command .pf-avatar.is-green {
  background: var(--pf-success);
}

.kt-dashboard-command .pf-auction-icon {
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
  font-size: 1.05rem;
}

.kt-dashboard-command .pf-products-table {
  margin-block-start: 1.5rem;
  background: var(--pf-card);
}

.kt-dashboard-command .pf-table-scroll {
  inline-size: 100%;
  margin-block-start: 1.2rem;
  overflow: visible;
  border-radius: 1rem;
}

.kt-dashboard-command .pf-table {
  inline-size: 100%;
  min-inline-size: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.kt-dashboard-command .pf-table th {
  block-size: 3.25rem;
  padding: .65rem .75rem;
  border-block: 0;
  background: var(--pf-table-head-bg);
  box-shadow: none;
  color: var(--pf-table-head-text);
  font-size: .8125rem;
  font-weight: 800;
  line-height: 1.45;
  text-align: start;
  overflow-wrap: anywhere;
  white-space: normal;
}

.kt-dashboard-command .pf-table :where(th, td):last-child {
  inline-size: 3.5rem;
}

.kt-dashboard-command .pf-table th:first-child {
  border-radius: 0 1rem 1rem 0;
}

.kt-dashboard-command .pf-table th:last-child {
  border-radius: 1rem 0 0 1rem;
}

[dir="ltr"] .kt-dashboard-command .pf-table th:first-child {
  border-radius: 1rem 0 0 1rem;
}

[dir="ltr"] .kt-dashboard-command .pf-table th:last-child {
  border-radius: 0 1rem 1rem 0;
}

.kt-dashboard-command .pf-table td {
  min-block-size: 4.25rem;
  height: 4.25rem;
  padding: .75rem;
  border-block-end: 0;
  background: var(--pf-table-row-bg);
  color: var(--pf-muted);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

.kt-dashboard-command .pf-table tbody tr:last-child td {
  border-block-end: 0;
}

.kt-dashboard-command .pf-table tbody tr:hover td {
  background: var(--pf-table-row-hover);
  box-shadow: none;
}

.kt-dashboard-command .pf-table tbody tr:hover td:first-child {
  box-shadow: inset -3px 0 0 var(--pf-accent);
}

.kt-dashboard-command .pf-table td > strong,
.kt-dashboard-command .pf-person strong,
.kt-dashboard-command .pf-product strong {
  color: var(--pf-text);
  font-weight: 800;
}

.kt-dashboard-command .pf-table td:first-child > small,
.kt-dashboard-command .pf-person small,
.kt-dashboard-command .pf-product small {
  display: block;
  margin-block-start: .15rem;
  color: var(--pf-subtle);
  font-size: .65rem;
  font-weight: 650;
}

.kt-dashboard-command .pf-person,
.kt-dashboard-command .pf-product {
  min-inline-size: 0;
  display: flex;
  align-items: center;
  gap: .65rem;
}

.kt-dashboard-command .pf-person > span,
.kt-dashboard-command .pf-product > span {
  min-inline-size: 0;
}

.kt-dashboard-command .pf-person > i,
.kt-dashboard-command .pf-product > i {
  inline-size: 2.55rem;
  block-size: 2.55rem;
  flex: 0 0 2.55rem;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: .75rem;
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
  font-size: .67rem;
  font-style: normal;
  font-weight: 950;
}

.kt-dashboard-command .pf-product > i.is-orange {
  background: var(--pf-accent-soft);
  color: #b96508;
}

.kt-dashboard-command .pf-product > i.is-green {
  background: var(--pf-success-soft);
  color: var(--pf-success);
}

.kt-dashboard-command .pf-product > i img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.kt-dashboard-command .pf-product > i > span {
  display: grid;
  place-items: center;
  font-size: 1.05rem;
}

.kt-dashboard-command .pf-badge {
  min-block-size: 1.95rem;
  display: inline-flex;
  align-items: center;
  padding: .3rem .68rem;
  border: 1px solid var(--pf-border);
  border-radius: 999px;
  background: var(--pf-surface-soft);
  color: var(--pf-muted);
  box-shadow: none;
  font-size: .67rem;
  font-weight: 850;
  white-space: nowrap;
}

.kt-dashboard-command .pf-badge.is-new {
  border-color: color-mix(in srgb, var(--pf-info) 24%, var(--pf-border));
  background: var(--pf-info-soft);
  color: var(--pf-info);
}

.kt-dashboard-command .pf-badge.is-current {
  border-color: color-mix(in srgb, var(--pf-warning) 24%, var(--pf-border));
  background: var(--pf-warning-soft);
  color: var(--pf-warning);
}

.kt-dashboard-command .pf-badge.is-finished {
  border-color: color-mix(in srgb, var(--pf-success) 24%, var(--pf-border));
  background: var(--pf-success-soft);
  color: var(--pf-success);
}

.kt-dashboard-command .pf-badge.is-cancelled {
  border-color: color-mix(in srgb, var(--pf-danger) 24%, var(--pf-border));
  background: var(--pf-danger-soft);
  color: var(--pf-danger);
}

.kt-dashboard-command .pf-row-action {
  inline-size: 2.35rem;
  block-size: 2.35rem;
  display: grid;
  place-items: center;
  margin-inline: auto;
  border: 1px solid var(--pf-border);
  border-radius: .7rem;
  background: var(--pf-control);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-primary);
  font-size: 1rem;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms var(--pf-ease);
}

.kt-dashboard-command .pf-row-action:hover {
  background: var(--pf-primary);
  box-shadow: 0 .8rem 1.6rem rgb(31 53 83 / 19%);
  color: #fff;
  transform: translateY(-2px);
}

.kt-dashboard-command .pf-empty {
  min-block-size: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1.5rem;
  text-align: center;
}

.kt-dashboard-command .pf-rail-section .pf-empty {
  min-block-size: 10rem;
  padding: 1rem;
}

.kt-dashboard-command .pf-empty__icon {
  inline-size: 3.25rem;
  block-size: 3.25rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--pf-border);
  border-radius: 1rem;
  background: var(--pf-surface-soft);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-primary);
  font-size: 1.4rem;
}

.kt-dashboard-command .pf-empty h3 {
  margin: .75rem 0 0;
  color: var(--pf-primary-deep);
  font-size: .88rem;
  font-weight: 950;
}

.kt-dashboard-command .pf-empty p {
  max-inline-size: 24rem;
  margin: .3rem 0 0;
  color: var(--pf-muted);
  font-size: .72rem;
  font-weight: 650;
}

.kt-dashboard-command .pf-footer {
  min-block-size: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-inline: .5rem;
  color: #7e8b9c;
  font-size: .74rem;
  font-weight: 700;
}

.kt-dashboard-command .pf-footer > span:last-child {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.kt-dashboard-command .pf-footer i {
  background: var(--pf-primary);
  box-shadow: 0 0 0 .25rem rgb(52 77 112 / 10%);
}

.kt-dashboard-command .pf-motion-debug[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.kt-dashboard-command .pf-motion-debug {
  position: fixed;
  inset-block-end: 1.25rem;
  inset-inline-start: 1.25rem;
  z-index: 1100;
  inline-size: 21rem;
  max-inline-size: calc(100% - 2.5rem);
  flex-direction: column;
  gap: .75rem;
  padding: .9rem;
  border: 1px solid var(--pf-border);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--pf-card-elevated) 96%, transparent);
  box-shadow: var(--pf-shadow-lg);
  color: var(--pf-text);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.7;
  direction: ltr;
}

.kt-dashboard-command .pf-motion-debug::before {
  color: #ffbc70;
  content: "MOTION PROOF · NORMAL / SLOW";
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .07em;
}

.kt-dashboard-command .pf-motion-debug:not([hidden]) {
  display: flex;
}

.kt-dashboard-command .pf-motion-debug output {
  display: block;
  white-space: pre-line;
}

.kt-dashboard-command .pf-motion-debug__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
}

.kt-dashboard-command .pf-motion-debug button {
  min-block-size: 2.75rem;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: .7rem;
  background: var(--pf-accent);
  color: #172941;
  font: 900 .75rem/1.4 inherit;
}

.kt-dashboard-command .pf-motion-debug button.is-secondary {
  background: var(--pf-surface-soft);
  color: var(--pf-text);
}

.kt-dashboard-command .pf-motion-debug button.is-secondary.is-active {
  border-color: color-mix(in srgb, var(--pf-accent) 72%, var(--pf-border));
  background: var(--pf-accent-soft);
  color: var(--pf-accent);
}

@keyframes kt-command-status-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 .25rem rgb(22 132 91 / 10%);
    transform: scale(1);
  }

  45% {
    box-shadow: 0 0 0 .55rem rgb(22 132 91 / 4%);
    transform: scale(1.12);
  }
}

body.kt-dashboard-command.kt-dashboard-preload .kt-shell-sidebar {
  opacity: 0;
  transform: translateX(var(--kt-shell-sidebar-rail-width));
}

body.kt-dashboard-command.kt-dashboard-preload .kt-dashboard-command__navbar {
  opacity: 0;
  transform: translateY(-2.75rem);
}

body.kt-dashboard-command.kt-dashboard-preload [data-final-hero] {
  opacity: 0;
  transform: translateY(4.5rem);
}

body.kt-dashboard-command.kt-dashboard-preload [data-hero-part] {
  opacity: 0;
  transform: translateY(2.85rem);
}

body.kt-dashboard-command.kt-dashboard-preload [data-hero-visual] {
  opacity: 0;
  transform: translateX(-4.75rem);
}

body.kt-dashboard-command.kt-dashboard-preload [data-final-heading] {
  opacity: 0;
  transform: translateY(2.1rem);
}

body.kt-dashboard-command.kt-dashboard-preload .pf-kpi-band {
  opacity: 0;
  transform: translateY(2.6rem);
}

body.kt-dashboard-command.kt-dashboard-preload [data-final-kpi] {
  opacity: 0;
  transform: translateY(3.75rem);
}

body.kt-dashboard-command.kt-dashboard-preload [data-final-operations] {
  opacity: 0;
  transform: translateY(4.25rem);
}

body.kt-dashboard-command.kt-dashboard-preload [data-final-activity] {
  opacity: 0;
  transform: translateY(3.4rem);
}

body.kt-dashboard-command.kt-dashboard-preload [data-final-table] {
  opacity: 0;
  transform: translateY(3.25rem);
}

body.kt-dashboard-command.kt-dashboard-preload [data-motion-row] {
  opacity: 0;
}

body.kt-dashboard-command.kt-dashboard-preload .pf-today__pipeline i,
body.kt-dashboard-command.kt-dashboard-preload .pf-flow-track article > i b,
body.kt-dashboard-command.kt-dashboard-preload .pf-flow-track::before {
  transform: scaleX(0);
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload .kt-shell-sidebar {
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity 780ms var(--pf-ease) 30ms,
    transform 780ms var(--pf-ease) 30ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload .kt-dashboard-command__navbar {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 700ms var(--pf-ease) 80ms,
    transform 700ms var(--pf-ease) 80ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-hero] {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 900ms var(--pf-ease) 150ms,
    transform 900ms var(--pf-ease) 150ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-hero-part] {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 720ms var(--pf-ease) calc(270ms + var(--pf-hero-order, 0) * 90ms),
    transform 720ms var(--pf-ease) calc(270ms + var(--pf-hero-order, 0) * 90ms);
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-hero-visual] {
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity 860ms var(--pf-ease) 380ms,
    transform 860ms var(--pf-ease) 380ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-heading] {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 620ms var(--pf-ease) 610ms,
    transform 620ms var(--pf-ease) 610ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload .pf-kpi-band {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 680ms var(--pf-ease) 680ms,
    transform 680ms var(--pf-ease) 680ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-kpi] {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 720ms var(--pf-ease) calc(730ms + var(--pf-kpi-order, 0) * 100ms),
    transform 720ms var(--pf-ease) calc(730ms + var(--pf-kpi-order, 0) * 100ms);
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-operations] {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 760ms var(--pf-ease) 1080ms,
    transform 760ms var(--pf-ease) 1080ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-activity] {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 680ms var(--pf-ease) 1210ms,
    transform 680ms var(--pf-ease) 1210ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-table] {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 600ms var(--pf-ease) calc(1290ms + var(--pf-table-order, 0) * 70ms),
    transform 600ms var(--pf-ease) calc(1290ms + var(--pf-table-order, 0) * 70ms);
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-motion-row] {
  opacity: 1;
  transition: opacity 520ms var(--pf-ease) calc(1350ms + var(--pf-row-order, 0) * 42ms);
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload .pf-today__pipeline i {
  transform: scaleX(1);
  transition: transform 950ms var(--pf-ease) 760ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload .pf-flow-track::before {
  transform: scaleX(1);
  transition: transform 820ms var(--pf-ease) 1130ms;
}

html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload .pf-flow-track article > i b {
  transform: scaleX(1);
  transition: transform 720ms var(--pf-ease) calc(1160ms + var(--pf-flow-order, 0) * 40ms);
}

html.kt-dashboard-motion-slow.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-hero] {
  transition-duration: 1300ms;
  transition-delay: 240ms;
}

html.kt-dashboard-motion-slow.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-hero-part] {
  transition-duration: 1000ms;
  transition-delay: calc(420ms + var(--pf-hero-order, 0) * 140ms);
}

html.kt-dashboard-motion-slow.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-kpi] {
  transition-duration: 1000ms;
  transition-delay: calc(1000ms + var(--pf-kpi-order, 0) * 145ms);
}

html.kt-dashboard-motion-slow.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-operations] {
  transition-duration: 1100ms;
  transition-delay: 1480ms;
}

html.kt-dashboard-motion-slow.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-activity] {
  transition-duration: 1000ms;
  transition-delay: 1700ms;
}

html.kt-dashboard-motion-slow.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload [data-final-table] {
  transition-duration: 850ms;
  transition-delay: calc(1910ms + var(--pf-table-order, 0) * 100ms);
}

@media (min-width: 1200px) {
  .kt-dashboard-command .kt-shell-sidebar.bg-menu-theme ~ .kt-shell__page,
  .kt-dashboard-command .kt-shell__container > .kt-shell__page {
    padding-inline: 0 !important;
  }

  [dir="ltr"] .kt-dashboard-command .kt-shell-sidebar.bg-menu-theme ~ .kt-shell__page,
  [dir="ltr"] .kt-dashboard-command .kt-shell__container > .kt-shell__page {
    padding-inline: 0 !important;
  }
}

@media (max-width: 1399.98px) {
  .kt-dashboard-command .kt-shell__content {
    padding-block: var(--kt-shell-page-padding) !important;
    padding-inline-start: var(--kt-shell-content-gap) !important;
    padding-inline-end: var(--kt-shell-page-padding) !important;
  }

  .kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__content {
    grid-template-columns: minmax(11rem, .65fr) minmax(17rem, 1.1fr) auto;
    gap: 1rem;
  }

  .kt-dashboard-command .pf-hero {
    gap: 1.75rem;
    padding-inline: 2rem;
  }

  .kt-dashboard-command .pf-today {
    min-inline-size: 22.5rem;
  }

  .kt-dashboard-command .pf-operations-grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 1fr);
  }
}

@media (max-width: 1199.98px) {
  .kt-dashboard-command .kt-shell-sidebar.bg-menu-theme {
    inline-size: min(
      var(--kt-shell-sidebar-width),
      calc(100dvi - 3.5rem)
    ) !important;
    width: min(
      var(--kt-shell-sidebar-width),
      calc(100dvi - 3.5rem)
    ) !important;
  }

  .kt-dashboard-command .kt-shell__content {
    padding: var(--kt-shell-page-padding) !important;
  }

  body.kt-dashboard-command.kt-dashboard-preload .kt-shell-sidebar,
  html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload .kt-shell-sidebar {
    opacity: 1;
    transform: translateX(110%);
  }

  [dir="ltr"] body.kt-dashboard-command.kt-dashboard-preload .kt-shell-sidebar,
  [dir="ltr"] html.kt-dashboard-mounted body.kt-dashboard-command.kt-dashboard-preload .kt-shell-sidebar {
    transform: translateX(-110%);
  }

  html.kt-shell-sidebar-open body.kt-dashboard-command .kt-shell-sidebar.bg-menu-theme,
  [dir="ltr"] html.kt-shell-sidebar-open body.kt-dashboard-command
    .kt-shell-sidebar.bg-menu-theme {
    transform: translateX(0) !important;
  }

  .kt-dashboard-command .pf-hero {
    min-block-size: 0;
    flex-direction: column;
  }

  .kt-dashboard-command .pf-today {
    inline-size: 100%;
    min-inline-size: 0;
  }

  .kt-dashboard-command .pf-operations-grid,
  .kt-dashboard-command .pf-activity-grid {
    grid-template-columns: 1fr;
  }

  .kt-dashboard-command .pf-market-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .kt-dashboard-command .kt-shell__content {
    padding: var(--kt-shell-page-padding) !important;
  }

  .kt-dashboard-command .kt-dashboard-command__navbar {
    padding-inline: var(--kt-shell-page-padding) !important;
  }

  .kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__content {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .kt-dashboard-command .kt-dashboard-command__search {
    display: none;
  }

  .kt-dashboard-command .kt-dashboard-command__search-shell {
    display: none;
  }

  .kt-dashboard-command .kt-dashboard-command__page {
    gap: 2.4rem;
  }

  .kt-dashboard-command .pf-hero {
    padding: 2rem 1.7rem;
    border-radius: 1.8rem;
  }

  .kt-dashboard-command .pf-hero h1 {
    font-size: clamp(1.875rem, 4.5vw, 2.125rem);
  }

  .kt-dashboard-command .pf-kpi-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kt-dashboard-command .pf-section--operations {
    padding: 1.6rem;
    border-radius: 1.9rem;
  }

  .kt-dashboard-command .pf-flow-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1.6rem;
  }

  .kt-dashboard-command .pf-flow-track::before {
    display: none;
  }

  .kt-dashboard-command .pf-flow-track article:nth-child(3) {
    padding-inline-start: 0;
    border-inline-start: 0;
  }
}

@media (max-width: 767.98px) {
  .kt-dashboard-command .kt-shell__content {
    padding: var(--kt-shell-page-padding) !important;
  }

  .kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__context {
    gap: .55rem;
  }

  .kt-dashboard-command .kt-dashboard-command__context-icon {
    inline-size: 2.4rem;
    block-size: 2.4rem;
    flex-basis: 2.4rem;
  }

  .kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__eyebrow {
    display: none;
  }

  .kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__title {
    max-inline-size: 8.5rem;
    overflow: hidden;
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__summary {
    display: none;
  }

  .kt-dashboard-command .pf-hero {
    gap: 1.6rem;
    padding: 1.6rem 1.25rem;
    border-radius: 1.5rem;
  }

  .kt-dashboard-command .pf-hero h1 {
    font-size: clamp(1.875rem, 7vw, 2.125rem);
    line-height: 1.15;
  }

  .kt-dashboard-command .pf-hero__intro > p {
    font-size: .9rem;
  }

  .kt-dashboard-command .pf-hero-actions a {
    flex: 1 1 calc(50% - .55rem);
    justify-content: center;
  }

  .kt-dashboard-command .pf-today {
    padding: 1.25rem 1.05rem;
    border-radius: 1.25rem;
  }

  .kt-dashboard-command .pf-today__status {
    max-inline-size: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .kt-dashboard-command .pf-section__head {
    align-items: flex-start;
    margin-block-end: 1.15rem;
  }

  .kt-dashboard-command .pf-section__head h2 {
    font-size: clamp(1.5rem, 6vw, 1.625rem);
  }

  .kt-dashboard-command .pf-section__head > .pf-live-status,
  .kt-dashboard-command .pf-section__head > .pf-text-link {
    display: none;
  }

  .kt-dashboard-command .pf-kpi-band {
    grid-template-columns: 1fr;
    border-radius: 1.4rem;
  }

  .kt-dashboard-command .pf-kpi {
    min-block-size: 12rem;
  }

  .kt-dashboard-command .pf-section--operations {
    padding: 1.1rem;
    border-radius: 1.55rem;
  }

  .kt-dashboard-command .pf-flow-cockpit,
  .kt-dashboard-command .pf-urgent,
  .kt-dashboard-command .pf-orders-table,
  .kt-dashboard-command .pf-products-table {
    padding: 1.15rem .95rem;
  }

  .kt-dashboard-command .pf-flow-track {
    grid-template-columns: 1fr;
  }

  .kt-dashboard-command .pf-flow-track article,
  .kt-dashboard-command .pf-flow-track article:nth-child(3) {
    min-block-size: 6.5rem;
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    gap: .75rem;
    padding: .8rem;
    border-block-start: 0;
    border-radius: .8rem;
    background: var(--pf-surface-soft);
    border-inline-start: 0;
  }

  .kt-dashboard-command .pf-flow-track article:first-child {
    border-block-start: 0;
  }

  .kt-dashboard-command .pf-flow-track article > div,
  .kt-dashboard-command .pf-flow-track article > i {
    margin-block-start: 0;
  }

  .kt-dashboard-command .pf-flow-track article > i {
    grid-column: 2;
  }

  .kt-dashboard-command .pf-flow-summary {
    grid-template-columns: 2.65rem minmax(0, 1fr);
  }

  .kt-dashboard-command .pf-flow-summary > a {
    display: none;
  }

  .kt-dashboard-command .pf-orders-table .pf-table :is(th, td):nth-child(3),
  .kt-dashboard-command .pf-orders-table .pf-table :is(th, td):nth-child(4),
  .kt-dashboard-command .pf-orders-table .pf-table :is(th, td):nth-child(6),
  .kt-dashboard-command .pf-products-table .pf-table :is(th, td):nth-child(2),
  .kt-dashboard-command .pf-products-table .pf-table :is(th, td):nth-child(3),
  .kt-dashboard-command .pf-products-table .pf-table :is(th, td):nth-child(6) {
    display: none;
  }

  .kt-dashboard-command .pf-table :where(th, td) {
    padding-inline: .5rem;
  }

  .kt-dashboard-command .pf-market-rail {
    grid-template-columns: 1fr;
  }

  .kt-dashboard-command .pf-urgent__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .kt-dashboard-command .pf-footer {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-block: 1.1rem;
  }
}

@media (max-width: 479.98px) {
  .kt-dashboard-command .pf-hero__chips > span,
  .kt-dashboard-command .pf-hero-actions a {
    inline-size: 100%;
    flex-basis: 100%;
  }

  .kt-dashboard-command .pf-today__spotlight {
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  }

  .kt-dashboard-command .pf-today__volume {
    padding-inline-start: .8rem;
  }

  .kt-dashboard-command .pf-today__health > strong b {
    font-size: 2.4rem;
  }

  .kt-dashboard-command .pf-today__volume > strong b {
    font-size: 1.45rem;
  }

  .kt-dashboard-command .pf-board-head {
    gap: .7rem;
  }

  .kt-dashboard-command .pf-board-head p {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kt-dashboard-command *,
  .kt-dashboard-command *::before,
  .kt-dashboard-command *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }

  body.kt-dashboard-command.kt-dashboard-preload .kt-shell-sidebar,
  body.kt-dashboard-command.kt-dashboard-preload .kt-dashboard-command__navbar,
  body.kt-dashboard-command.kt-dashboard-preload [data-final-hero],
  body.kt-dashboard-command.kt-dashboard-preload [data-hero-part],
  body.kt-dashboard-command.kt-dashboard-preload [data-hero-visual],
  body.kt-dashboard-command.kt-dashboard-preload [data-final-heading],
  body.kt-dashboard-command.kt-dashboard-preload .pf-kpi-band,
  body.kt-dashboard-command.kt-dashboard-preload [data-final-kpi],
  body.kt-dashboard-command.kt-dashboard-preload [data-final-operations],
  body.kt-dashboard-command.kt-dashboard-preload [data-final-activity],
  body.kt-dashboard-command.kt-dashboard-preload [data-final-table],
  body.kt-dashboard-command.kt-dashboard-preload [data-motion-row] {
    opacity: 1;
    transform: none;
  }

  body.kt-dashboard-command.kt-dashboard-preload .pf-today__pipeline i,
  body.kt-dashboard-command.kt-dashboard-preload .pf-flow-track article > i b,
  body.kt-dashboard-command.kt-dashboard-preload .pf-flow-track::before {
    transform: scaleX(1);
  }
}

/* Shell-UX.11 — compact theme menu on Dashboard Home. */
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__theme-popover {
  inset-block-start: calc(100% + 0.5rem);
  inline-size: min(13.5rem, calc(100dvw - 1.5rem));
  gap: 0.125rem;
  padding: 0.375rem;
  border: 1px solid var(--pf-border);
  border-radius: 0.75rem;
  background: var(--pf-card-elevated);
  box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--pf-text) 8%, transparent);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.kt-dashboard-command .kt-dashboard-command__theme-head {
  min-inline-size: 0;
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  margin-block-end: 0.18rem;
  padding: 0.55rem 0.58rem 0.72rem;
  border-block-end: 1px solid var(--pf-divider);
}

.kt-dashboard-command .kt-dashboard-command__theme-head-icon {
  inline-size: 2.25rem;
  block-size: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: 0.72rem;
  background: var(--pf-accent-soft);
  color: var(--pf-accent);
  font-size: 1.05rem;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pf-accent) 18%, transparent);
}

.kt-dashboard-command .kt-dashboard-command__theme-head > span:last-child,
.kt-dashboard-command .kt-dashboard-command__theme-option-copy {
  min-inline-size: 0;
  display: grid;
  gap: 0.08rem;
}

.kt-dashboard-command .kt-dashboard-command__theme-head strong {
  color: var(--pf-text);
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.4;
}

.kt-dashboard-command .kt-dashboard-command__theme-head small {
  color: var(--pf-subtle);
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1.45;
}

/* Theme option rows — see Header UX.3 at end of file. */

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher.is-open .kt-theme-switcher__trigger {
  border-color: transparent !important;
  background: color-mix(in srgb, var(--pf-primary) 9%, transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pf-primary) 13%, transparent) !important;
}

@media (max-width: 575.98px) {
  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__theme-popover {
    position: fixed;
    inset-block-start: 4.25rem;
    inset-inline: 0.75rem;
    inline-size: auto;
    max-inline-size: none;
  }
}

/*
 * Phase 2.4.21.9 — one token-driven dashboard surface contract.
 * These rules preserve the accepted composition and replace the former
 * dark-only override stack with shared Light/Dark component definitions.
 */
.kt-dashboard-command,
.kt-dashboard-command .kt-shell,
.kt-dashboard-command .kt-shell__container,
.kt-dashboard-command .kt-shell__page,
.kt-dashboard-command .kt-shell__content-wrapper {
  background: var(--pf-bg) !important;
  color: var(--pf-text);
}

.kt-dashboard-command .kt-shell-sidebar.bg-menu-theme {
  border-inline-end-color: var(--pf-border) !important;
  background: var(--pf-surface) !important;
  box-shadow: var(--pf-shadow-md) !important;
}

.kt-dashboard-command .kt-shell-brand {
  background:
    radial-gradient(circle at 6% 4%, rgb(255 159 52 / 18%), transparent 42%),
    var(--pf-primary-strong);
  box-shadow:
    0 1.35rem 3rem rgb(15 23 42 / 22%),
    inset 0 1px 0 rgb(255 255 255 / 12%);
}

.kt-dashboard-command .kt-shell-brand__mark {
  background: color-mix(in srgb, var(--pf-primary-strong) 84%, var(--pf-bg));
}

.kt-dashboard-command .kt-command-workspace {
  border-color: var(--pf-border);
  background: var(--pf-card);
  box-shadow:
    var(--pf-shadow-sm),
    inset 0 1px 0 rgb(255 255 255 / 4%);
}

.kt-dashboard-command .kt-command-workspace > span:first-child {
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
}

.kt-dashboard-command .kt-command-workspace small,
.kt-dashboard-command .kt-shell-nav__section {
  color: var(--pf-subtle);
}

.kt-dashboard-command .kt-command-workspace strong {
  color: var(--pf-text);
}

.kt-dashboard-command .kt-shell-sidebar .menu-link {
  color: var(--pf-muted) !important;
}

.kt-dashboard-command .kt-shell-sidebar .menu-link:hover {
  background: var(--pf-hover) !important;
  color: var(--pf-primary) !important;
}

/* Shell-UX.12 — compact account menu (ops console). */
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover {
  --kt-account-popover-pad: 0.375rem;
  inline-size: min(14.5rem, calc(100dvw - 1.5rem));
  min-inline-size: min(14.5rem, calc(100dvw - 1.5rem));
  margin-block-start: 0.5rem !important;
  padding: var(--kt-account-popover-pad) !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 0.75rem !important;
  background: var(--pf-card-elevated) !important;
  box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--pf-text) 8%, transparent) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover::before {
  display: none !important;
  content: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__header {
  min-block-size: auto;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.625rem;
  overflow: visible;
  margin: 0 0 0.375rem;
  padding: 0.5rem 0.375rem 0.625rem !important;
  border-block-end: 1px solid var(--pf-divider);
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__header::after {
  display: none !important;
  content: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__avatar-frame,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__avatar {
  inline-size: 2rem !important;
  block-size: 2rem !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__avatar {
  border: 1px solid var(--pf-border);
  background: var(--pf-surface-soft);
  box-shadow: none;
  color: var(--pf-primary);
  font-size: 0.6875rem;
  font-weight: 700;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__meta {
  gap: 0.125rem;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__name {
  color: var(--pf-text) !important;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.25;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-role {
  justify-self: start;
  padding: 0.0625rem 0.375rem;
  border: 1px solid var(--pf-border);
  background: var(--pf-surface-soft) !important;
  color: var(--pf-subtle) !important;
  font-size: 0.625rem;
  font-weight: 600;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__item {
  min-block-size: 2.125rem;
  display: flex !important;
  align-items: center;
  gap: 0.625rem;
  margin: 0.0625rem 0;
  padding: 0.375rem 0.5rem !important;
  border: 0;
  border-radius: 0.5rem;
  background: transparent !important;
  color: var(--pf-text);
  font-size: 0.8125rem;
  font-weight: 500;
  transform: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__item:hover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__item:focus-visible {
  background: var(--pf-hover) !important;
  color: var(--pf-primary) !important;
  transform: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__icon {
  inline-size: 1rem;
  min-inline-size: 1rem;
  block-size: 1rem;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  color: var(--pf-subtle);
  font-size: 1rem;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__item:hover .kt-shell-user-menu__icon,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__item:focus-visible .kt-shell-user-menu__icon {
  color: var(--pf-primary);
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__divider {
  margin: 0.375rem 0.25rem;
  background: var(--pf-divider);
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__item--danger {
  background: transparent !important;
  color: var(--kt-danger);
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__item--danger:hover {
  background: color-mix(in srgb, var(--kt-danger) 8%, transparent) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover
  .kt-shell-user-menu__item--danger .kt-shell-user-menu__icon {
  color: var(--kt-danger);
}

@media (max-width: 575.98px) {
  body.kt-shell-body.kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__account-popover {
    position: absolute !important;
    top: calc(100% + 0.72rem) !important;
    inline-size: calc(100dvw - 1.5rem) !important;
    min-inline-size: calc(100dvw - 1.5rem) !important;
    max-inline-size: calc(100dvw - 1.5rem) !important;
    margin: 0 !important;
    transform: none !important;
  }

  [dir="rtl"] body.kt-shell-body.kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__account-popover {
    right: auto !important;
    left: 0 !important;
  }

  [dir="ltr"] body.kt-shell-body.kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__account-popover {
    right: 0 !important;
    left: auto !important;
  }
}

html[dir] body.kt-dashboard-command .kt-shell .kt-shell-sidebar.bg-menu-theme.menu-vertical
  .menu-inner .menu-item.active > .menu-link:not(.menu-toggle),
html[dir] body.kt-dashboard-command .kt-shell .kt-shell-sidebar.bg-menu-theme.menu-vertical
  .menu-inner .menu-sub .menu-item.active > .menu-link:not(.menu-toggle) {
  border-color: var(--pf-border) !important;
  border-inline-start-color: var(--pf-accent) !important;
  background: var(--pf-primary-soft) !important;
  box-shadow:
    var(--pf-shadow-sm),
    inset 0 1px 0 rgb(255 255 255 / 4%) !important;
  color: var(--pf-text) !important;
}

.kt-dashboard-command .kt-command-sidebar-status {
  border-color: var(--pf-border);
  background: var(--pf-surface-soft);
  color: var(--pf-muted);
}

.kt-dashboard-command .kt-command-sidebar-status strong {
  color: var(--pf-text);
}

.kt-dashboard-command .kt-command-sidebar-status i {
  background: var(--pf-subtle);
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--pf-subtle) 14%, transparent);
}

.kt-dashboard-command .kt-shell-navbar.kt-dashboard-command__navbar {
  border: 1px solid var(--kt-topbar-border);
  background: var(--kt-topbar-bg) !important;
  box-shadow: var(--kt-topbar-shadow) !important;
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}

.kt-dashboard-command .kt-dashboard-command__navbar::after {
  display: none;
  content: none;
}

.kt-dashboard-command .kt-dashboard-command__context-icon {
  border-color: var(--pf-border);
  background: var(--pf-surface-soft);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-primary);
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__title {
  color: var(--pf-text);
}

.kt-dashboard-command .kt-dashboard-command__search {
  block-size: 3rem;
  border-color: var(--pf-border);
  outline-color: color-mix(in srgb, var(--pf-card-elevated) 72%, transparent);
  background: var(--pf-control);
  box-shadow:
    inset 0 1px 2px rgb(15 23 42 / 5%),
    var(--pf-shadow-sm);
  color: var(--pf-muted);
}

.kt-dashboard-command .kt-dashboard-command__search:focus-within {
  border-color: color-mix(in srgb, var(--pf-primary) 48%, var(--pf-border));
  background: var(--pf-card-elevated);
  box-shadow:
    0 0 0 .25rem color-mix(in srgb, var(--pf-primary) 10%, transparent),
    var(--pf-shadow-md);
}

.kt-dashboard-command .kt-dashboard-command__search input {
  color: var(--pf-text);
}

.kt-dashboard-command .kt-dashboard-command__search input::placeholder {
  color: var(--pf-subtle);
}

.kt-dashboard-command .kt-dashboard-command__search kbd {
  border-color: var(--pf-border);
  background: var(--pf-surface-soft);
  color: var(--pf-muted);
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-icon-button,
.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-language-toggle,
.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-notifications__link {
  inline-size: 2.75rem;
  min-inline-size: 2.75rem;
  block-size: 2.75rem;
  border-color: var(--pf-border);
  border-radius: .8rem;
  background: var(--pf-control) !important;
  box-shadow:
    var(--pf-shadow-sm),
    inset 0 1px 0 rgb(255 255 255 / 4%);
  color: var(--pf-muted) !important;
}

.kt-dashboard-command .kt-dashboard-command__navbar
  :where(.kt-shell-icon-button, .kt-shell-language-toggle, .kt-shell-notifications__link):hover {
  border-color: var(--pf-border-strong);
  background: var(--pf-hover) !important;
  color: var(--pf-primary) !important;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-notification-count {
  border-color: var(--pf-surface);
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__trigger {
  min-block-size: 2.75rem;
  gap: .6rem;
  padding: .2rem .35rem .2rem .65rem;
  border-color: var(--pf-border);
  background: var(--pf-control);
  box-shadow:
    var(--pf-shadow-sm),
    inset 0 1px 0 rgb(255 255 255 / 4%);
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__trigger:hover {
  border-color: var(--pf-border-strong);
  background: var(--pf-hover);
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__summary strong {
  color: var(--pf-text);
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__summary small {
  color: var(--pf-muted);
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__avatar,
.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-user__avatar img {
  inline-size: 2.2rem;
  block-size: 2.2rem;
}

.kt-dashboard-command .pf-hero {
  border-color: var(--pf-border-strong);
  background:
    radial-gradient(circle at 8% 12%, rgb(255 159 52 / 16%), transparent 24rem),
    linear-gradient(
      102deg,
      color-mix(in srgb, var(--pf-card-elevated) 78%, transparent) 0 56%,
      transparent 56%
    ),
    var(--pf-card);
  box-shadow:
    var(--pf-shadow-lg),
    inset 0 1px 0 rgb(255 255 255 / 7%);
}

.kt-dashboard-command .pf-hero::after {
  color: color-mix(in srgb, var(--pf-primary) 7%, transparent);
}

.kt-dashboard-command .pf-eyebrow,
.kt-dashboard-command .pf-hero__chips > span,
.kt-dashboard-command .pf-hero-actions a {
  border-color: var(--pf-border);
  background: color-mix(in srgb, var(--pf-card-elevated) 82%, transparent);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-muted);
}

.kt-dashboard-command .pf-hero__chips > span {
  font-size: .8rem;
}

.kt-dashboard-command .pf-eyebrow,
.kt-dashboard-command .pf-hero__chips > span > .ti,
.kt-dashboard-command .pf-hero-actions a {
  color: var(--pf-primary);
}

.kt-dashboard-command .pf-hero__edition,
.kt-dashboard-command .pf-hero__intro > p {
  color: var(--pf-muted);
}

.kt-dashboard-command .pf-hero__edition::after {
  background: var(--pf-divider);
}

.kt-dashboard-command .pf-hero__edition b {
  background: var(--pf-primary-strong);
  color: #ffffff;
}

.kt-dashboard-command .pf-hero h1,
.kt-dashboard-command .pf-section__head h2,
.kt-dashboard-command .pf-board-head h3,
.kt-dashboard-command .pf-table td > strong,
.kt-dashboard-command .pf-person strong,
.kt-dashboard-command .pf-product strong,
.kt-dashboard-command .pf-empty h3 {
  color: var(--pf-text);
  text-shadow: none;
}

.kt-dashboard-command .pf-hero-actions a:hover {
  background: var(--pf-hover);
  box-shadow: var(--pf-shadow-md);
}

.kt-dashboard-command .pf-today {
  border-color: var(--pf-hero-panel-border);
  background:
    radial-gradient(circle at 0 0, rgb(255 159 52 / 11%), transparent 38%),
    var(--pf-hero-panel-bg);
}

.kt-dashboard-command .pf-section__head p,
.kt-dashboard-command .pf-board-head p,
.kt-dashboard-command .pf-empty p {
  color: var(--pf-muted);
}

.kt-dashboard-command .pf-section__head::before {
  background: linear-gradient(
    180deg,
    var(--pf-accent) 0 34%,
    var(--pf-primary-strong) 34% 100%
  );
}

.kt-dashboard-command .pf-section__eyebrow b {
  border-color: color-mix(in srgb, var(--pf-accent) 28%, var(--pf-border));
  background: var(--pf-accent-soft);
  color: var(--pf-accent);
}

.kt-dashboard-command .pf-live-status {
  border-color: var(--pf-border);
  background: var(--pf-surface-soft);
  color: var(--pf-muted);
}

.kt-dashboard-command .pf-live-status i {
  background: var(--pf-primary);
}

.kt-dashboard-command .pf-section--operations {
  border-color: var(--pf-border);
  background: var(--pf-surface-soft);
  box-shadow:
    var(--pf-shadow-md),
    inset 0 1px 0 rgb(255 255 255 / 4%);
}

/* Decorative oversized ring could cross surfaces during transformed reveals. */
.kt-dashboard-command .pf-section--operations::after {
  display: none;
  content: none;
}

.kt-dashboard-command .pf-operations-board,
.kt-dashboard-command .pf-orders-table,
.kt-dashboard-command .pf-products-table {
  border-color: var(--pf-border);
  background: var(--pf-card);
  box-shadow: var(--pf-shadow-md);
}

.kt-dashboard-command .pf-flow-cockpit {
  background: var(--pf-card);
}

.kt-dashboard-command .pf-urgent {
  border-inline-start-color: var(--pf-divider);
  background:
    radial-gradient(circle at 100% 0%, rgb(255 159 52 / 8%), transparent 45%),
    var(--pf-card-elevated);
}

.kt-dashboard-command :where(
  .pf-sla > span,
  .pf-flow-track article > div span,
  .pf-flow-track article > div small,
  .pf-flow-summary > div span,
  .pf-urgent__list small,
  .pf-urgent__footer > span,
  .pf-provider-list small,
  .pf-auction-list small
) {
  color: var(--pf-muted);
}

.kt-dashboard-command :where(
  .pf-flow-track article > div small,
  .pf-urgent__list small,
  .pf-provider-list small,
  .pf-auction-list small
) {
  font-size: .72rem;
  line-height: 1.5;
}

.kt-dashboard-command :where(
  .pf-sla strong,
  .pf-flow-track article > div strong,
  .pf-flow-summary strong,
  .pf-urgent__list strong,
  .pf-urgent__list > a > b,
  .pf-provider-list strong,
  .pf-auction-list strong,
  .pf-rail-section > header strong
) {
  color: var(--pf-text);
}

.kt-dashboard-command .pf-flow-track::before {
  background: linear-gradient(
    90deg,
    var(--pf-divider),
    var(--pf-primary-soft),
    var(--pf-divider)
  );
  box-shadow: none;
}

.kt-dashboard-command .pf-flow-track article + article {
  border-inline-start-color: var(--pf-divider);
}

.kt-dashboard-command .pf-flow-track__index {
  border-color: var(--pf-card);
  box-shadow:
    0 0 0 1px var(--pf-border),
    var(--pf-shadow-sm);
}

.kt-dashboard-command .pf-flow-track article > i {
  background: var(--pf-surface-soft);
}

.kt-dashboard-command .pf-flow-summary {
  border-color: var(--pf-border);
  background: var(--pf-surface-soft);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 4%);
}

.kt-dashboard-command .pf-flow-summary__icon,
.kt-dashboard-command .pf-urgent__icon {
  border-color: var(--pf-border);
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
}

.kt-dashboard-command .pf-urgent__count {
  border-color: color-mix(in srgb, var(--pf-accent) 22%, var(--pf-border));
  background: var(--pf-accent-soft);
  color: var(--pf-accent);
}

.kt-dashboard-command .pf-urgent__list > a + a,
.kt-dashboard-command .pf-urgent__footer {
  border-block-start: 0;
}

.kt-dashboard-command :where(
  .pf-urgent__list > a,
  .pf-provider-list > a,
  .pf-auction-list > a
):hover {
  background: var(--pf-hover);
  box-shadow: none;
}

.kt-dashboard-command .pf-activity-board {
  background: transparent;
}

.kt-dashboard-command .pf-rail-section {
  border-color: var(--pf-border);
  background: var(--pf-card);
  box-shadow: var(--pf-shadow-md);
}

.kt-dashboard-command .pf-rail-section.is-auctions {
  border-color: color-mix(in srgb, var(--pf-accent) 18%, var(--pf-border));
  background: var(--pf-card-elevated);
}

.kt-dashboard-command .pf-provider-list > a + a,
.kt-dashboard-command .pf-auction-list > a + a {
  border-block-start: 0;
}

.kt-dashboard-command .pf-provider-list em,
.kt-dashboard-command .pf-auction-list em {
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
}

.kt-dashboard-command :where(
  .pf-auction-icon,
  .pf-person > i,
  .pf-product > i
) {
  background: var(--pf-primary-soft);
  color: var(--pf-primary);
}

.kt-dashboard-command .pf-avatar {
  background: var(--pf-primary-strong);
  color: #ffffff;
}

.kt-dashboard-command .pf-products-table {
  background: var(--pf-card);
}

.kt-dashboard-command .pf-table-scroll {
  min-inline-size: 0;
  max-inline-size: 100%;
  border: 0;
  background: var(--pf-card);
}

.kt-dashboard-command .pf-table th {
  border-block: 0;
  background: var(--pf-table-head-bg);
  box-shadow: none;
  color: var(--pf-table-head-text);
}

.kt-dashboard-command .pf-table td {
  border-block-end: 0;
  background: var(--pf-table-row-bg);
  color: var(--pf-muted);
}

.kt-dashboard-command .pf-table tbody tr:hover td {
  background: var(--pf-table-row-hover);
  box-shadow: none;
}

.kt-dashboard-command .pf-table tbody tr:hover td:first-child {
  box-shadow: inset -3px 0 0 var(--pf-accent);
}

.kt-dashboard-command .pf-table td:first-child > small,
.kt-dashboard-command .pf-person small,
.kt-dashboard-command .pf-product small {
  color: var(--pf-subtle);
  font-size: .75rem;
  line-height: 1.5;
}

.kt-dashboard-command .pf-product > i.is-orange {
  background: var(--pf-accent-soft);
  color: var(--pf-accent);
}

.kt-dashboard-command .pf-badge {
  max-inline-size: 100%;
  border-color: var(--pf-border);
  background: var(--pf-surface-soft);
  box-shadow: none;
  color: var(--pf-muted);
  text-align: center;
  white-space: normal;
}

.kt-dashboard-command .pf-badge.is-new {
  border-color: color-mix(in srgb, var(--pf-info) 24%, var(--pf-border));
  background: var(--pf-info-soft);
  color: var(--pf-info);
}

.kt-dashboard-command .pf-badge.is-current {
  border-color: color-mix(in srgb, var(--pf-warning) 24%, var(--pf-border));
  background: var(--pf-warning-soft);
  color: var(--pf-warning);
}

.kt-dashboard-command .pf-badge.is-finished {
  border-color: color-mix(in srgb, var(--pf-success) 24%, var(--pf-border));
  background: var(--pf-success-soft);
  color: var(--pf-success);
}

.kt-dashboard-command .pf-badge.is-cancelled {
  border-color: color-mix(in srgb, var(--pf-danger) 24%, var(--pf-border));
  background: var(--pf-danger-soft);
  color: var(--pf-danger);
}

.kt-dashboard-command .pf-row-action {
  border-color: var(--pf-border);
  background: var(--pf-control);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-primary);
}

.kt-dashboard-command .pf-row-action:hover {
  border-color: var(--pf-primary-strong);
  background: var(--pf-primary-strong);
  color: #ffffff;
}

.kt-dashboard-command .pf-empty__icon {
  border-color: var(--pf-border);
  background: var(--pf-surface-soft);
  box-shadow: var(--pf-shadow-sm);
  color: var(--pf-primary);
}

.kt-dashboard-command .pf-footer {
  color: var(--pf-subtle);
}

.kt-dashboard-command .pf-empty p {
  font-size: .78rem;
  line-height: 1.65;
}

/* Calm Arabic type scale: hierarchy comes from spacing and contrast, not excess weight. */
.kt-dashboard-command .pf-hero h1 {
  font-size: clamp(2.5rem, 3vw, 2.75rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.035em;
}

.kt-dashboard-command .pf-section__head h2 {
  font-size: clamp(1.5rem, 1.8vw, 1.75rem);
  font-weight: 800;
}

.kt-dashboard-command :where(
  .pf-board-head h3,
  .pf-rail-section > header strong,
  .pf-empty h3
) {
  font-size: clamp(.9375rem, 1.05vw, 1.0625rem);
  font-weight: 800;
  line-height: 1.45;
}

.kt-dashboard-command .pf-kpi__value {
  font-size: clamp(2.5rem, 2.8vw, 2.875rem);
  font-weight: 800;
}

.kt-dashboard-command .pf-table th {
  font-size: .8125rem;
  font-weight: 800;
}

.kt-dashboard-command .pf-table td {
  font-size: .875rem;
  font-weight: 600;
}

.kt-dashboard-command :where(
  .pf-kpi > small,
  .pf-flow-track article > div small,
  .pf-urgent__list small,
  .pf-provider-list small,
  .pf-auction-list small,
  .pf-table td:first-child > small,
  .pf-person small,
  .pf-product small
) {
  font-size: clamp(.75rem, .8vw, .8125rem);
}

@media (max-width: 991.98px) {
  .kt-dashboard-command .pf-hero h1 {
    font-size: clamp(1.875rem, 4.5vw, 2.125rem);
  }
}

@media (max-width: 767.98px) {
  .kt-dashboard-command .pf-hero h1 {
    font-size: clamp(1.875rem, 7vw, 2.125rem);
    line-height: 1.15;
  }

  .kt-dashboard-command .pf-section__head h2 {
    font-size: clamp(1.5rem, 6vw, 1.625rem);
  }
}

.kt-dashboard-command .pf-motion-debug {
  border-color: var(--pf-border);
  background: color-mix(in srgb, var(--pf-card-elevated) 96%, transparent);
  box-shadow: var(--pf-shadow-lg);
  color: var(--pf-text);
}

.kt-dashboard-command .pf-motion-debug::before {
  color: var(--pf-accent);
}

.kt-dashboard-command .pf-motion-debug button {
  color: var(--kt-on-accent);
}

.kt-dashboard-command .pf-motion-debug button.is-secondary {
  border-color: var(--pf-border);
  background: var(--pf-surface-soft);
  color: var(--pf-text);
}

html.kt-theme-ready body.kt-dashboard-command :where(
  .kt-command-workspace,
  .kt-command-sidebar-status,
  .kt-dashboard-command__navbar,
  .kt-dashboard-command__search,
  .pf-hero,
  .pf-hero__chips > span,
  .pf-live-status,
  .pf-kpi-band,
  .pf-section--operations,
  .pf-operations-board,
  .pf-flow-cockpit,
  .pf-urgent,
  .pf-flow-summary,
  .pf-orders-table,
  .pf-products-table,
  .pf-rail-section,
  .pf-table th,
  .pf-table td,
  .pf-empty__icon
) {
  transition:
    background-color 220ms var(--pf-ease),
    border-color 220ms var(--pf-ease),
    color 220ms var(--pf-ease),
    box-shadow 220ms var(--pf-ease);
}

@media (prefers-reduced-motion: reduce) {
  html.kt-theme-ready body.kt-dashboard-command,
  html.kt-theme-ready body.kt-dashboard-command * {
    transition-duration: .01ms !important;
  }
}

/* Shell-UX.4 — keep the home command center on the compact shared shell. */
.kt-dashboard-command .kt-shell__content {
  inline-size:
    min(
      calc(100% - (var(--kt-page-inline-padding) * 2)),
      var(--kt-content-lane-max)
    );
  max-inline-size: var(--kt-content-lane-max);
  margin-inline: auto;
  padding-inline: 0 !important;
}

.kt-dashboard-command .kt-shell-navbar.kt-dashboard-command__navbar {
  block-size: var(--kt-topbar-height);
  min-block-size: var(--kt-topbar-height);
  padding-block: 0;
  padding-inline: var(--kt-topbar-inline-padding);
  border: 0;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-shell-navbar__content {
  grid-template-columns:
    minmax(10.5rem, auto)
    minmax(14rem, 32rem)
    auto;
  gap: clamp(0.65rem, 1.1vw, 1rem);
}

.kt-dashboard-command .kt-dashboard-command__context-icon {
  inline-size: 2.35rem;
  block-size: 2.35rem;
  flex-basis: 2.35rem;
  border-radius: 0.75rem;
  font-size: 1.02rem;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-shell-navbar__eyebrow {
  font-size: 0.66rem;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-shell-navbar__title {
  font-size: 0.86rem;
}

.kt-dashboard-command .kt-dashboard-command__search {
  inline-size: min(100%, 32rem);
  block-size: 2.5rem;
  gap: 0.55rem;
  padding-inline: 0.75rem;
  border-radius: 0.78rem;
}

.kt-dashboard-command .kt-dashboard-command__search-shell {
  inline-size: min(100%, 32rem);
}

.kt-dashboard-command .kt-dashboard-command__search kbd {
  min-inline-size: 2.35rem;
  padding: 0.1rem 0.35rem;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-shell-icon-button,
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-shell-language-toggle {
  inline-size: 2.35rem !important;
  min-inline-size: 2.35rem !important;
  block-size: 2.35rem !important;
  border-radius: 0.75rem;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-shell-user__trigger {
  block-size: 2.35rem;
  min-block-size: 2.35rem;
  padding: 0.12rem 0.18rem 0.12rem 0.52rem !important;
  border-radius: 0.78rem;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar :where(
    .kt-shell-user__avatar,
    .kt-shell-user__avatar img
  ) {
  inline-size: 1.9rem;
  block-size: 1.9rem;
}

@media (max-width: 991.98px) {
  .kt-dashboard-command .kt-dashboard-command__navbar {
    padding-inline: var(--kt-topbar-inline-padding) !important;
  }

  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-shell-navbar__content {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

@media (max-width: 575.98px) {
  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-shell-navbar__context {
    display: none;
  }

  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-shell-navbar__content {
    grid-template-columns: 1fr;
  }

  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-shell-navbar__actions {
    justify-self: end;
  }
}

/*
 * Shell-UX.10 — dashboard-only identity dock.
 * One composed surface owns the account, notification and theme controls so
 * the command header reads as a single product control instead of three
 * unrelated legacy buttons.
 */
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock {
  min-block-size: 2.75rem;
  display: flex;
  align-items: center;
  gap: 0.18rem;
  padding: 0.22rem;
  border: 1px solid color-mix(in srgb, var(--pf-primary) 13%, var(--pf-border));
  border-radius: 1rem;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--pf-card-elevated) 98%, transparent),
      color-mix(in srgb, var(--pf-surface-soft) 88%, transparent)
    );
  box-shadow:
    0 0.62rem 1.6rem color-mix(in srgb, var(--pf-primary) 8%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--pf-card-elevated) 78%, transparent);
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-navbar__account {
  gap: 0.18rem;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-icon-button, .kt-shell-notifications__link) {
  inline-size: 2.28rem !important;
  min-inline-size: 2.28rem !important;
  block-size: 2.28rem !important;
  border-color: transparent !important;
  border-radius: 0.72rem;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--pf-muted) !important;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-icon-button, .kt-shell-notifications__link):hover,
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-icon-button, .kt-shell-notifications__link):focus-visible {
  border-color: color-mix(in srgb, var(--pf-primary) 12%, transparent) !important;
  background: color-mix(in srgb, var(--pf-primary) 8%, transparent) !important;
  color: var(--pf-primary) !important;
  box-shadow: none !important;
  transform: none;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher .kt-theme-switcher__trigger {
  inline-size: 3.15rem !important;
  min-inline-size: 3.15rem !important;
  grid-template-columns: 1.35rem 0.82rem;
  gap: 0.18rem;
  padding: 0.16rem 0.3rem !important;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher__trigger > [data-kt-theme-icon] {
  inline-size: 1.35rem;
  block-size: 1.35rem;
  font-size: 1.08rem;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher__chevron-zone {
  inline-size: 0.82rem;
  block-size: 1.3rem;
  border: 0;
  border-inline-start: 1px solid color-mix(in srgb, var(--pf-border-strong) 58%, transparent);
  border-radius: 0;
  background: transparent;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher__chevron {
  inline-size: 0.72rem;
  block-size: 0.72rem;
  transition: transform 180ms var(--pf-ease);
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher.is-open .kt-theme-switcher__trigger {
  border-color: color-mix(in srgb, var(--pf-primary) 18%, transparent) !important;
  background: color-mix(in srgb, var(--pf-primary) 10%, transparent) !important;
  color: var(--pf-primary) !important;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-notifications {
  position: relative;
  margin-inline: 0.08rem;
  padding-inline: 0.18rem;
  border-inline: 1px solid color-mix(in srgb, var(--pf-border-strong) 52%, transparent);
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-notification-count {
  inset-block-start: -0.2rem;
  inset-inline-end: -0.08rem;
  min-inline-size: 1.05rem;
  block-size: 1.05rem;
  padding-inline: 0.2rem;
  border: 2px solid var(--pf-card-elevated);
  font-size: 0.56rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 0.28rem 0.65rem color-mix(in srgb, var(--kt-danger) 24%, transparent);
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__trigger {
  min-inline-size: 9.25rem;
  block-size: 2.28rem;
  min-block-size: 2.28rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.12rem 0.22rem 0.12rem 0.48rem !important;
  border-color: transparent;
  border-radius: 0.76rem;
  background: transparent;
  box-shadow: none;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__trigger:hover,
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user.show .kt-shell-user__trigger {
  border-color: color-mix(in srgb, var(--pf-primary) 12%, transparent);
  background: color-mix(in srgb, var(--pf-primary) 8%, transparent);
  box-shadow: none;
  transform: none;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__summary {
  min-inline-size: 0;
  flex: 1 1 auto;
  gap: 0;
  text-align: start;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__summary strong {
  max-inline-size: 6.2rem;
  overflow: hidden;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__summary small {
  font-size: 0.61rem;
  font-weight: 750;
  line-height: 1.25;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-user__avatar, .kt-shell-user__avatar img) {
  inline-size: 1.95rem;
  block-size: 1.95rem;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__avatar {
  flex: 0 0 1.95rem;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__chevron {
  inline-size: 0.78rem;
  block-size: 0.78rem;
  flex: 0 0 0.78rem;
  color: var(--pf-subtle);
  transition: transform 180ms var(--pf-ease), color 180ms var(--pf-ease);
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user.show .kt-shell-user__chevron {
  color: var(--pf-primary);
  transform: rotate(180deg);
}

@media (min-width: 768px) and (max-width: 87.99rem) {
  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-shell-user__trigger {
    min-inline-size: 2.28rem;
    inline-size: 2.28rem;
    justify-content: center;
    padding: 0.12rem !important;
  }

  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-shell-user__chevron {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock {
    min-block-size: 2.55rem;
    gap: 0.1rem;
    padding: 0.14rem;
    border-radius: 0.86rem;
  }

  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-shell-notifications {
    margin-inline: 0;
    padding-inline: 0.1rem;
  }

  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-theme-switcher .kt-theme-switcher__trigger {
    inline-size: 2.75rem !important;
    min-inline-size: 2.75rem !important;
    grid-template-columns: 1.25rem 0.65rem;
    gap: 0.08rem;
    padding-inline: 0.22rem !important;
  }

  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-shell-user__trigger {
    inline-size: 2.28rem;
    min-inline-size: 2.28rem;
    justify-content: center;
    padding: 0.12rem !important;
  }

  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-shell-user__chevron {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    :where(.kt-theme-switcher__chevron, .kt-shell-user__chevron) {
    transition: none;
  }
}

/* Keep the popover trigger state authoritative after the identity-dock rules. */
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher.is-open .kt-theme-switcher__trigger {
  border-color: transparent !important;
  background: color-mix(in srgb, var(--pf-primary) 9%, transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pf-primary) 13%, transparent) !important;
  color: var(--pf-primary) !important;
}

/*
 * Header UX.1 — Premium command bar (calm ops console)
 * Flat app header: one surface, quiet controls, no card-in-card glass stacks.
 */
.kt-dashboard-command .kt-shell-navbar.kt-dashboard-command__navbar {
  padding: 0 1.25rem !important;
  border: 0 !important;
  border-block-end: 1px solid var(--pf-border) !important;
  border-radius: 0 !important;
  background: var(--pf-card-elevated) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.kt-dashboard-command .kt-dashboard-command__navbar::after {
  display: none !important;
  content: none !important;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__content {
  grid-template-columns: minmax(10.5rem, auto) minmax(14rem, 1fr) auto !important;
  gap: 0.875rem !important;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__context,
.kt-dashboard-command .kt-shell-navbar[data-kt-command-bar] .kt-shell-navbar__context {
  gap: 0.625rem;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.kt-dashboard-command .kt-dashboard-command__context-icon {
  inline-size: 2rem;
  block-size: 2rem;
  flex: 0 0 2rem;
  border: 0;
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--pf-primary) 10%, var(--pf-card-elevated));
  box-shadow: none;
  color: var(--pf-primary);
  font-size: 1rem;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__eyebrow {
  color: var(--pf-subtle);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__title {
  color: var(--pf-text);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: -0.012em;
  line-height: 1.25;
}

.kt-dashboard-command .kt-dashboard-command__search-shell {
  inline-size: min(100%, 32rem);
}

.kt-dashboard-command .kt-dashboard-command__search {
  block-size: 2.5rem;
  gap: 0.5rem;
  padding-inline: 0.75rem;
  border: 1px solid var(--pf-border);
  border-radius: 0.625rem;
  outline: none;
  background: var(--pf-surface-soft);
  box-shadow: none;
}

.kt-dashboard-command .kt-dashboard-command__search:focus-within {
  border-color: color-mix(in srgb, var(--pf-primary) 30%, var(--pf-border));
  background: var(--pf-card-elevated);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pf-primary) 10%, transparent);
}

.kt-dashboard-command .kt-dashboard-command__search > i {
  color: var(--pf-subtle);
  font-size: 0.9375rem;
}

.kt-dashboard-command .kt-dashboard-command__search input {
  font-size: 0.8125rem;
  font-weight: 500;
}

.kt-dashboard-command .kt-dashboard-command__search input::placeholder {
  color: var(--pf-subtle);
}

.kt-dashboard-command .kt-dashboard-command__search kbd {
  min-inline-size: auto;
  padding: 0.125rem 0.375rem;
  border-color: var(--pf-border);
  border-radius: 0.375rem;
  background: var(--pf-card-elevated);
  color: var(--pf-subtle);
  font-size: 0.625rem;
  font-weight: 500;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock,
.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__actions {
  min-block-size: 2.5rem;
  gap: 0.125rem;
  padding: 0.1875rem !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 0.625rem !important;
  background: var(--pf-surface-soft) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-icon-button, .kt-shell-notifications__link),
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher .kt-theme-switcher__trigger,
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__trigger {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-icon-button, .kt-shell-notifications__link):hover,
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-icon-button, .kt-shell-notifications__link):focus-visible,
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher .kt-theme-switcher__trigger:hover,
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher.is-open .kt-theme-switcher__trigger,
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__trigger:hover,
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user.show .kt-shell-user__trigger {
  border-color: transparent !important;
  background: color-mix(in srgb, var(--pf-primary) 8%, transparent) !important;
  box-shadow: none !important;
  transform: none !important;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-notifications {
  border-inline-color: color-mix(in srgb, var(--pf-border) 88%, transparent);
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher__chevron-zone {
  border-inline-start-color: color-mix(in srgb, var(--pf-border) 88%, transparent);
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__summary strong {
  font-size: 0.75rem;
  font-weight: 700;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__summary small {
  font-size: 0.625rem;
  font-weight: 500;
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-notification-count {
  border-color: var(--pf-card-elevated);
  box-shadow: none;
}

@media (max-width: 1199.98px) {
  .kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__content {
    gap: 0.625rem !important;
  }

  .kt-dashboard-command .kt-dashboard-command__search-shell {
    inline-size: min(100%, 100%);
  }
}

@media (max-width: 767.98px) {
  .kt-dashboard-command .kt-shell-navbar.kt-dashboard-command__navbar {
    padding-inline: 0.875rem !important;
  }

  .kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__title {
    font-size: 0.875rem;
  }
}

/*
 * Header UX.2 — account & theme popovers (quiet ops console)
 * Replace marketing gradient cards with compact utility menus.
 */
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__theme-popover {
  inline-size: min(14.5rem, calc(100dvw - 1.5rem));
  min-inline-size: min(14.5rem, calc(100dvw - 1.5rem));
  margin-block-start: 0.5rem !important;
  padding: 0.375rem !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 0.75rem !important;
  background: var(--pf-card-elevated) !important;
  box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--pf-text) 8%, transparent) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover::before {
  display: none !important;
  content: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__header {
  min-block-size: auto;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.625rem;
  overflow: visible;
  margin: 0 0 0.375rem;
  padding: 0.5rem 0.375rem 0.625rem !important;
  border-block-end: 1px solid var(--pf-divider);
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__header::after {
  display: none !important;
  content: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__avatar-frame,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__avatar {
  inline-size: 2rem !important;
  block-size: 2rem !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__avatar {
  border: 1px solid var(--pf-border);
  background: var(--pf-surface-soft);
  box-shadow: none;
  color: var(--pf-primary);
  font-size: 0.6875rem;
  font-weight: 700;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__meta {
  gap: 0.125rem;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__name {
  color: var(--pf-text) !important;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.25;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-role {
  justify-self: start;
  padding: 0.0625rem 0.375rem;
  border: 1px solid var(--pf-border);
  background: var(--pf-surface-soft) !important;
  color: var(--pf-subtle) !important;
  font-size: 0.625rem;
  font-weight: 600;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__item {
  min-block-size: 2.125rem;
  display: flex !important;
  align-items: center;
  gap: 0.625rem;
  margin: 0.0625rem 0;
  padding: 0.375rem 0.5rem !important;
  border: 0;
  border-radius: 0.5rem;
  background: transparent !important;
  color: var(--pf-text);
  font-size: 0.8125rem;
  font-weight: 500;
  transform: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__item:hover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__item:focus-visible {
  background: var(--pf-hover) !important;
  color: var(--pf-primary) !important;
  transform: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__icon {
  inline-size: 1rem;
  min-inline-size: 1rem;
  block-size: 1rem;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  color: var(--pf-subtle);
  font-size: 1rem;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__item:hover
  .kt-shell-user-menu__icon,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__item:focus-visible
  .kt-shell-user-menu__icon {
  color: var(--pf-primary);
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__divider {
  margin: 0.375rem 0.25rem;
  background: var(--pf-divider);
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__item--danger {
  background: transparent !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__item--danger:hover {
  background: color-mix(in srgb, var(--kt-danger) 8%, transparent) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-menu__item--danger
  .kt-shell-user-menu__icon {
  color: var(--kt-danger);
}

.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__theme-popover {
  gap: 0.125rem;
}

.kt-dashboard-command
  .kt-dashboard-command__theme-popover [data-kt-theme-option] {
  min-block-size: 2.125rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.375rem 0.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--pf-text);
  font-size: 0.8125rem;
  font-weight: 500;
}

.kt-dashboard-command
  .kt-dashboard-command__theme-popover [data-kt-theme-option]:hover,
.kt-dashboard-command
  .kt-dashboard-command__theme-popover [data-kt-theme-option]:focus-visible {
  background: var(--pf-hover);
  color: var(--pf-primary);
}

.kt-dashboard-command
  .kt-dashboard-command__theme-popover [data-kt-theme-option] > .ti:first-child {
  inline-size: 1rem;
  font-size: 1rem;
  color: var(--pf-subtle);
}

.kt-dashboard-command
  .kt-dashboard-command__theme-popover [data-kt-theme-option][aria-checked="true"] {
  background: color-mix(in srgb, var(--pf-primary) 8%, transparent);
  color: var(--pf-primary);
}

.kt-dashboard-command
  .kt-dashboard-command__theme-popover [data-kt-theme-check] {
  margin-inline-start: auto;
  font-size: 0.875rem;
  color: var(--pf-accent);
}

/* Quieter attention anchors in the header cluster */
.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-notification-count {
  min-inline-size: 1rem;
  block-size: 1rem;
  padding-inline: 0.1875rem;
  font-size: 0.5625rem;
  font-weight: 700;
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__eyebrow {
  color: color-mix(in srgb, var(--pf-subtle) 88%, var(--pf-text));
}

.kt-dashboard-command .kt-dashboard-command__navbar .kt-shell-navbar__title {
  font-size: 1rem;
  font-weight: 700;
}

/*
 * Header UX.3 — premium dropdown surfaces (theme + account + context)
 * Authoritative overrides: kills legacy chip/rails from Shell-UX.11 option rows.
 */
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar.kt-enterprise-header
  .kt-shell-navbar__context::after {
  display: none !important;
  content: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-shell-navbar__location-icon::after {
  display: none !important;
  content: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__account-popover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__theme-popover {
  inline-size: min(15rem, calc(100dvw - 1.5rem)) !important;
  min-inline-size: min(15rem, calc(100dvw - 1.5rem)) !important;
  margin-block-start: 0.375rem !important;
  padding: 0.5rem !important;
  border: 1px solid var(--pf-border) !important;
  border-radius: 0.75rem !important;
  background: var(--pf-card-elevated) !important;
  box-shadow:
    0 0.25rem 0.5rem color-mix(in srgb, var(--pf-text) 4%, transparent),
    0 0.75rem 1.5rem color-mix(in srgb, var(--pf-text) 7%, transparent) !important;
  gap: 0.125rem !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option] {
  position: relative;
  inline-size: 100%;
  min-block-size: 2.25rem;
  display: flex !important;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4375rem 0.625rem !important;
  border: 0 !important;
  border-radius: 0.5rem;
  background: transparent !important;
  color: var(--pf-text);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25;
  text-align: start;
  isolation: auto;
  overflow: visible;
  grid-template-columns: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option]::before {
  display: none !important;
  content: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option] > i:first-child {
  inline-size: 1rem !important;
  block-size: 1rem !important;
  flex: 0 0 1rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--pf-subtle) !important;
  font-size: 1rem !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option] > span {
  flex: 1 1 auto;
  min-inline-size: 0;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option]:hover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option]:focus-visible {
  background: var(--pf-hover) !important;
  color: var(--pf-text) !important;
  outline: 0;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option].is-active,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option][aria-checked="true"] {
  border: 0 !important;
  border-inline-start: 0 !important;
  background: color-mix(in srgb, var(--pf-primary) 7%, var(--pf-card-elevated)) !important;
  color: var(--pf-primary) !important;
  box-shadow: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option].is-active > i:first-child,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option][aria-checked="true"] > i:first-child {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--pf-primary) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-check] {
  flex: 0 0 auto;
  inline-size: auto !important;
  block-size: auto !important;
  margin-inline-start: auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--pf-primary) !important;
  font-size: 0.875rem !important;
  opacity: 0;
  transform: none !important;
  transition: opacity 120ms var(--pf-ease);
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option].is-active [data-kt-theme-check],
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__theme-popover.kt-theme-switcher__menu
  [data-kt-theme-option][aria-checked="true"] [data-kt-theme-check] {
  opacity: 1 !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__account-popover .kt-shell-user-role {
  padding: 0.125rem 0.4375rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/*
 * Header UX.4 — premium account popover (authoritative)
 * Calm identity header + icon wells + measured rhythm.
 */
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover {
  --kt-account-popover-width: 17.5rem;
  inline-size: min(var(--kt-account-popover-width), calc(100dvw - 1.5rem)) !important;
  min-inline-size: min(var(--kt-account-popover-width), calc(100dvw - 1.5rem)) !important;
  max-inline-size: min(var(--kt-account-popover-width), calc(100dvw - 1.5rem)) !important;
  margin-block-start: 0.5rem !important;
  padding: 0.375rem !important;
  border: 1px solid color-mix(in srgb, var(--pf-border) 92%, var(--pf-primary)) !important;
  border-radius: 0.875rem !important;
  background: var(--pf-card-elevated) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--pf-text) 2%, transparent),
    0 0.375rem 0.75rem color-mix(in srgb, var(--pf-text) 5%, transparent),
    0 1rem 2.25rem color-mix(in srgb, var(--pf-text) 8%, transparent) !important;
  overflow: hidden;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__header {
  grid-template-columns: 2.5rem minmax(0, 1fr) !important;
  align-items: center;
  gap: 0.75rem !important;
  margin: 0 0 0.375rem !important;
  padding: 0.75rem 0.625rem !important;
  border: 0 !important;
  border-block-end: 1px solid var(--pf-divider) !important;
  border-radius: 0.625rem 0.625rem 0 0;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--pf-primary) 5%, var(--pf-card-elevated)),
      var(--pf-card-elevated)
    ) !important;
  box-shadow: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__avatar-frame {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  flex: 0 0 2.5rem;
  display: grid;
  place-items: center;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__avatar {
  inline-size: 2.5rem !important;
  block-size: 2.5rem !important;
  display: grid !important;
  place-items: center;
  border: 2px solid var(--pf-card-elevated) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--pf-primary) 12%, var(--pf-surface-soft)),
      var(--pf-surface-soft)
    ) !important;
  box-shadow:
    0 0 0 1px var(--pf-border),
    0 1px 2px color-mix(in srgb, var(--pf-text) 6%, transparent) !important;
  color: var(--pf-primary) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  line-height: 1;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__meta {
  gap: 0.1875rem !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__name {
  color: var(--pf-text) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.012em;
  line-height: 1.3 !important;
  text-transform: capitalize;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-role {
  justify-self: start;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--pf-subtle) !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item {
  min-block-size: 2.5rem !important;
  display: flex !important;
  align-items: center;
  gap: 0.75rem !important;
  margin: 0.125rem 0 !important;
  padding: 0.5rem 0.625rem !important;
  border: 1px solid transparent !important;
  border-radius: 0.5625rem !important;
  background: transparent !important;
  color: var(--pf-text) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.25;
  text-decoration: none !important;
  transition:
    background-color 140ms var(--pf-ease),
    border-color 140ms var(--pf-ease),
    color 140ms var(--pf-ease);
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item > span:last-child {
  flex: 1 1 auto;
  min-inline-size: 0;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item:hover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item:focus-visible {
  border-color: color-mix(in srgb, var(--pf-primary) 12%, transparent) !important;
  background: color-mix(in srgb, var(--pf-primary) 6%, var(--pf-card-elevated)) !important;
  color: var(--pf-primary) !important;
  outline: 0;
  transform: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__icon {
  inline-size: 1.75rem !important;
  min-inline-size: 1.75rem !important;
  block-size: 1.75rem !important;
  flex: 0 0 1.75rem;
  display: inline-grid !important;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--pf-border) 88%, transparent) !important;
  border-radius: 0.4375rem !important;
  background: var(--pf-surface-soft) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 40%, transparent);
  color: var(--pf-muted) !important;
  font-size: 0.9375rem !important;
  transition:
    background-color 140ms var(--pf-ease),
    border-color 140ms var(--pf-ease),
    color 140ms var(--pf-ease);
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item:hover .kt-shell-user-menu__icon,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item:focus-visible .kt-shell-user-menu__icon {
  border-color: color-mix(in srgb, var(--pf-primary) 22%, var(--pf-border)) !important;
  background: color-mix(in srgb, var(--pf-primary) 8%, var(--pf-card-elevated)) !important;
  color: var(--pf-primary) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__divider {
  block-size: 1px;
  margin: 0.375rem 0.5rem !important;
  border: 0;
  background: var(--pf-divider) !important;
  opacity: 1;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item--danger {
  color: var(--pf-text) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item--danger .kt-shell-user-menu__icon {
  border-color: color-mix(in srgb, var(--pf-border) 88%, transparent) !important;
  background: var(--pf-surface-soft) !important;
  color: var(--pf-muted) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item--danger:hover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item--danger:focus-visible {
  border-color: color-mix(in srgb, var(--kt-danger) 18%, transparent) !important;
  background: color-mix(in srgb, var(--kt-danger) 7%, var(--pf-card-elevated)) !important;
  color: var(--kt-danger) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item--danger:hover .kt-shell-user-menu__icon,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar
  .dropdown-menu-custom.kt-dashboard-command__account-popover
  .kt-shell-user-menu__item--danger:focus-visible
  .kt-shell-user-menu__icon {
  border-color: color-mix(in srgb, var(--kt-danger) 24%, var(--pf-border)) !important;
  background: color-mix(in srgb, var(--kt-danger) 10%, var(--pf-card-elevated)) !important;
  color: var(--kt-danger) !important;
}

/*
 * Header UX.5 — premium identity dock (theme · alerts · account)
 * Single composed control cluster with measured segments and quiet depth.
 */
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock {
  --kt-dock-segment-height: 2.375rem;
  min-block-size: calc(var(--kt-dock-segment-height) + 0.375rem);
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0.1875rem !important;
  border: 1px solid color-mix(in srgb, var(--pf-border) 88%, var(--pf-primary)) !important;
  border-radius: 0.75rem !important;
  background: var(--pf-card-elevated) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--pf-text) 2%, transparent),
    0 1px 2px color-mix(in srgb, var(--pf-text) 5%, transparent) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-navbar__account {
  display: flex;
  align-items: center;
  gap: 0.125rem !important;
  margin: 0;
  padding: 0;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-notifications,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-notifications::before,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user::before {
  position: absolute;
  inset-block: 0.4375rem;
  inset-inline-start: 0;
  inline-size: 1px;
  block-size: calc(100% - 0.875rem);
  background: var(--pf-divider);
  content: "";
  pointer-events: none;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher .kt-theme-switcher__trigger {
  block-size: var(--kt-dock-segment-height) !important;
  inline-size: auto !important;
  min-inline-size: 2.625rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.1875rem;
  padding: 0 0.4375rem !important;
  border: 0 !important;
  border-radius: 0.5625rem !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--pf-muted) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher__trigger > [data-kt-theme-icon] {
  inline-size: 1.0625rem !important;
  block-size: 1.0625rem !important;
  font-size: 1.0625rem !important;
  color: currentColor !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher__chevron-zone {
  inline-size: auto !important;
  block-size: auto !important;
  border: 0 !important;
  background: transparent !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher__chevron {
  inline-size: 0.625rem !important;
  block-size: 0.625rem !important;
  opacity: 0.5;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-icon-button, .kt-shell-notifications__link) {
  inline-size: 2.375rem !important;
  min-inline-size: 2.375rem !important;
  block-size: var(--kt-dock-segment-height) !important;
  border: 0 !important;
  border-radius: 0.5625rem !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--pf-muted) !important;
  font-size: 1.0625rem;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-notification-count {
  inset-block-start: 0.1875rem !important;
  inset-inline-end: 0.125rem !important;
  min-inline-size: 1rem !important;
  block-size: 1rem !important;
  padding-inline: 0.1875rem !important;
  border: 1.5px solid var(--pf-card-elevated) !important;
  border-radius: 999px;
  font-size: 0.5625rem !important;
  font-weight: 700 !important;
  line-height: 1;
  box-shadow: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__trigger {
  min-inline-size: 0 !important;
  max-inline-size: 11.5rem;
  block-size: var(--kt-dock-segment-height) !important;
  min-block-size: var(--kt-dock-segment-height) !important;
  display: inline-flex !important;
  align-items: center;
  gap: 0.5625rem !important;
  padding: 0.1875rem 0.4375rem 0.1875rem 0.5625rem !important;
  border: 0 !important;
  border-radius: 0.5625rem !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--pf-text);
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__summary {
  min-inline-size: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 0.0625rem;
  text-align: start;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__summary strong {
  max-inline-size: 7.5rem;
  overflow: hidden;
  color: var(--pf-text) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.012em;
  line-height: 1.25;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__summary small {
  overflow: hidden;
  color: var(--pf-subtle) !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-user__avatar, .kt-shell-user__avatar img) {
  inline-size: 2rem !important;
  block-size: 2rem !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__avatar {
  flex: 0 0 2rem;
  border: 2px solid var(--pf-card-elevated) !important;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--pf-primary) 10%, var(--pf-surface-soft)),
      var(--pf-surface-soft)
    ) !important;
  box-shadow: 0 0 0 1px var(--pf-border) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__avatar .kt-shell-avatar-fallback {
  color: var(--pf-primary) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__avatar.avatar-online::after {
  inline-size: 0.4375rem !important;
  block-size: 0.4375rem !important;
  inset-block-end: 0 !important;
  inset-inline-end: 0 !important;
  box-shadow: 0 0 0 2px var(--pf-card-elevated) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__chevron {
  inline-size: 0.6875rem !important;
  block-size: 0.6875rem !important;
  flex: 0 0 0.6875rem;
  opacity: 0.45;
  color: var(--pf-subtle) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher .kt-theme-switcher__trigger:hover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher.is-open .kt-theme-switcher__trigger,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-icon-button, .kt-shell-notifications__link):hover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  :where(.kt-shell-icon-button, .kt-shell-notifications__link):focus-visible,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__trigger:hover,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user.show .kt-shell-user__trigger {
  border-color: transparent !important;
  background: var(--pf-hover) !important;
  box-shadow: none !important;
  color: var(--pf-primary) !important;
  transform: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher.is-open .kt-theme-switcher__chevron,
body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-theme-switcher .kt-theme-switcher__trigger:hover .kt-theme-switcher__chevron {
  opacity: 0.85;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user__trigger:hover .kt-shell-user__chevron {
  opacity: 0.85;
  color: var(--pf-primary) !important;
}

body.kt-shell-body.kt-dashboard-command
  .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
  .kt-shell-user.show .kt-shell-user__chevron {
  opacity: 0.85;
  color: var(--pf-primary) !important;
  transform: rotate(180deg);
}

@media (min-width: 768px) and (max-width: 87.99rem) {
  body.kt-shell-body.kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-shell-user__trigger {
    min-inline-size: 0 !important;
    inline-size: auto !important;
    max-inline-size: none;
    padding-inline: 0.4375rem !important;
  }

  body.kt-shell-body.kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-shell-user__summary {
    display: none;
  }
}

@media (max-width: 575.98px) {
  body.kt-shell-body.kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock {
    min-block-size: calc(var(--kt-dock-segment-height) + 0.25rem);
    padding: 0.125rem !important;
    border-radius: 0.6875rem !important;
  }

  body.kt-shell-body.kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-theme-switcher .kt-theme-switcher__trigger {
    min-inline-size: 2.375rem !important;
    padding-inline: 0.375rem !important;
  }

  body.kt-shell-body.kt-dashboard-command
    .kt-dashboard-command__navbar .kt-dashboard-command__action-dock
    .kt-shell-user__trigger {
    padding-inline: 0.375rem !important;
  }
}

/*
 * Activity UX.1 — premium market activity surface (section 03 only)
 * Tables, rail cards, empty states — scoped to .pf-section--activity.
 */
body.kt-shell-body.kt-dashboard-command .pf-section--activity {
  padding-block-start: 0;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-section__head {
  margin-block-end: 1.125rem;
  padding-inline-start: 0;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-section__head::before {
  display: none !important;
  content: none !important;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-section__eyebrow {
  gap: 0.375rem;
  color: var(--pf-subtle);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-section__eyebrow b {
  min-inline-size: 1.375rem;
  block-size: 1.375rem;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--pf-accent) 22%, var(--pf-border));
  border-radius: 0.375rem;
  background: color-mix(in srgb, var(--pf-accent) 8%, var(--pf-card-elevated));
  color: var(--pf-accent);
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.375rem;
  text-align: center;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-section__head h2 {
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-section__head p {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.55;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-activity-grid {
  gap: 1rem;
  grid-template-columns: minmax(0, 1.75fr) minmax(18rem, 0.85fr);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  :is(.pf-orders-table, .pf-products-table) {
  padding: 1.25rem 1.25rem 1.125rem;
  border: 1px solid var(--pf-border);
  border-radius: 0.875rem;
  background: var(--pf-card-elevated);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--pf-text) 2%, transparent),
    0 1px 2px color-mix(in srgb, var(--pf-text) 4%, transparent);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-board-head {
  gap: 0.75rem;
  align-items: center;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-board-head > div:first-child span {
  color: var(--pf-subtle);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-board-head h3 {
  margin-block-start: 0.125rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-board-head p {
  margin-block-start: 0.1875rem;
  font-size: 0.8125rem;
  font-weight: 500;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-text-link {
  min-block-size: auto;
  padding: 0.3125rem 0.625rem;
  border: 1px solid var(--pf-border);
  border-radius: 0.5rem;
  background: var(--pf-surface-soft);
  font-size: 0.75rem;
  font-weight: 600;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-text-link:hover {
  background: var(--pf-hover);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-text-link > i {
  font-size: 0.875rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table-scroll {
  margin-block-start: 1rem;
  overflow: hidden;
  border: 1px solid var(--pf-border);
  border-radius: 0.625rem;
  background: var(--pf-card-elevated);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table th {
  block-size: auto;
  min-block-size: 2.375rem;
  padding: 0.5625rem 0.875rem;
  border-block-end: 1px solid var(--pf-divider);
  background: var(--pf-surface-soft);
  color: var(--pf-subtle);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 0 !important;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table td {
  min-block-size: 3.25rem;
  height: auto;
  padding: 0.625rem 0.875rem;
  border-block-end: 1px solid color-mix(in srgb, var(--pf-divider) 85%, transparent);
  background: var(--pf-card-elevated);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table tbody tr:last-child td {
  border-block-end: 0;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table tbody tr:hover td {
  background: var(--pf-hover);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table tbody tr:hover td:first-child {
  box-shadow: none !important;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-id {
  display: block;
  color: var(--pf-text);
  font-size: 0.8125rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table td:first-child > small {
  margin-block-start: 0.125rem;
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--pf-subtle);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person {
  gap: 0.625rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person > i {
  inline-size: 2rem;
  block-size: 2rem;
  flex: 0 0 2rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--pf-primary) 10%, var(--pf-surface-soft));
  font-size: 0.6875rem;
  font-weight: 600;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person > span {
  min-inline-size: 0;
  overflow: hidden;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person strong {
  display: block;
  overflow: hidden;
  color: var(--pf-text);
  font-size: 0.8125rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person small {
  overflow: hidden;
  font-size: 0.6875rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge {
  min-block-size: auto;
  padding: 0.1875rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-row-action {
  inline-size: 2rem;
  block-size: 2rem;
  border: 0;
  border-radius: 0.4375rem;
  background: transparent;
  box-shadow: none;
  color: var(--pf-muted);
  font-size: 1rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-row-action:hover {
  background: var(--pf-hover);
  box-shadow: none;
  color: var(--pf-primary);
  transform: none !important;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-market-rail {
  gap: 0.75rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-rail-section {
  padding: 1rem 1rem 0.875rem;
  border: 1px solid var(--pf-border);
  border-radius: 0.875rem;
  background: var(--pf-card-elevated);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--pf-text) 4%, transparent);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-auctions {
  border-color: color-mix(in srgb, var(--pf-success) 16%, var(--pf-border));
  background: var(--pf-card-elevated);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section > header {
  margin-block-end: 0.625rem;
  padding-block-end: 0.625rem;
  border-block-end: 1px solid var(--pf-divider);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section > header small {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section > header strong {
  font-size: 0.875rem;
  font-weight: 700;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section > header > a {
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.6875rem;
  font-weight: 600;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section > header > a:hover {
  background: var(--pf-hover);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-empty {
  min-block-size: 7.5rem;
  padding: 1rem 0.75rem 1.125rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-rail-section .pf-empty {
  min-block-size: 6.5rem;
  padding: 0.75rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-empty__icon {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border: 1px solid var(--pf-border);
  border-radius: 0.625rem;
  background: var(--pf-surface-soft);
  box-shadow: none;
  color: var(--pf-muted);
  font-size: 1.125rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-empty h3 {
  margin-block-start: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 600;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-empty p {
  margin-block-start: 0.25rem;
  max-inline-size: 16rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--pf-subtle);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-provider-list > a:hover,
body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-auction-list > a:hover {
  transform: none !important;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-products-table {
  margin-block-start: 1rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-product > i {
  inline-size: 2rem;
  block-size: 2rem;
  flex: 0 0 2rem;
  border-radius: 0.5rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-product strong {
  font-size: 0.8125rem;
  font-weight: 600;
}

@media (max-width: 1199.98px) {
  body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-activity-grid {
    grid-template-columns: 1fr;
  }
}

/*
 * Activity UX.2 — readable names + premium activity palette
 * Fixes RTL ellipsis on client/provider names; richer table + badge colors.
 */
body.kt-shell-body.kt-dashboard-command .pf-section--activity {
  --pf-act-accent: var(--pf-primary-strong, var(--pf-primary));
  --pf-act-header-bg: color-mix(in srgb, var(--pf-act-accent) 6%, var(--pf-surface-soft));
  --pf-act-row-hover: color-mix(in srgb, var(--pf-act-accent) 5%, var(--pf-hover));
  --pf-act-avatar-from: color-mix(in srgb, var(--pf-act-accent) 18%, var(--pf-surface-soft));
  --pf-act-avatar-to: color-mix(in srgb, var(--pf-accent) 14%, var(--pf-surface-soft));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  :is(.pf-orders-table, .pf-products-table) {
  position: relative;
  border-color: color-mix(in srgb, var(--pf-act-accent) 10%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-act-accent) 3%, var(--pf-card-elevated)) 0%,
    var(--pf-card-elevated) 2.5rem
  );
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--pf-act-accent) 4%, transparent),
    0 1px 3px color-mix(in srgb, var(--pf-text) 5%, transparent),
    0 8px 24px color-mix(in srgb, var(--pf-act-accent) 4%, transparent);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-orders-table::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 1.25rem;
  block-size: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--pf-act-accent) 55%, var(--pf-accent)) 35%,
    color-mix(in srgb, var(--pf-accent) 45%, var(--pf-act-accent)) 65%,
    transparent
  );
  pointer-events: none;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-text-link {
  border-color: color-mix(in srgb, var(--pf-act-accent) 18%, var(--pf-border));
  background: color-mix(in srgb, var(--pf-act-accent) 6%, var(--pf-surface-soft));
  color: var(--pf-act-accent);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-text-link:hover {
  background: color-mix(in srgb, var(--pf-act-accent) 10%, var(--pf-hover));
  color: var(--pf-act-accent);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table th {
  background: var(--pf-act-header-bg);
  color: color-mix(in srgb, var(--pf-act-accent) 42%, var(--pf-subtle));
  border-block-end-color: color-mix(in srgb, var(--pf-act-accent) 12%, var(--pf-divider));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table td {
  vertical-align: middle;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table tbody tr:hover td {
  background: var(--pf-act-row-hover);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-order {
  width: 11%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-client {
  width: 24%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-product {
  width: 8%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-provider {
  width: 20%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-status {
  width: 12%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-value {
  width: 11%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-action {
  width: 3.25rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person > span {
  flex: 1 1 auto;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person strong,
body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-cell-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  white-space: normal;
  text-overflow: unset;
  line-height: 1.35;
  word-break: break-word;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow-wrap: anywhere;
  white-space: normal;
  text-overflow: unset;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-cell-muted {
  color: var(--pf-subtle);
  font-size: 0.75rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person > i {
  background: linear-gradient(
    145deg,
    var(--pf-act-avatar-from),
    var(--pf-act-avatar-to)
  );
  color: var(--pf-act-accent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pf-act-accent) 12%, transparent);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table
  td:nth-child(6) {
  color: var(--pf-act-accent);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-new {
  border-color: color-mix(in srgb, var(--pf-info) 32%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-info) 16%, var(--pf-info-soft)),
    var(--pf-info-soft)
  );
  color: color-mix(in srgb, var(--pf-info) 88%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-finished {
  border-color: color-mix(in srgb, var(--pf-success) 32%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-success) 16%, var(--pf-success-soft)),
    var(--pf-success-soft)
  );
  color: color-mix(in srgb, var(--pf-success) 88%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-cancelled {
  border-color: color-mix(in srgb, var(--pf-danger) 32%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-danger) 16%, var(--pf-danger-soft)),
    var(--pf-danger-soft)
  );
  color: color-mix(in srgb, var(--pf-danger) 88%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-current {
  border-color: color-mix(in srgb, var(--pf-warning) 32%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-warning) 16%, var(--pf-warning-soft)),
    var(--pf-warning-soft)
  );
  color: color-mix(in srgb, var(--pf-warning) 88%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-rail-section {
  border-color: color-mix(in srgb, var(--pf-act-accent) 10%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-act-accent) 2.5%, var(--pf-card-elevated)),
    var(--pf-card-elevated)
  );
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-auctions {
  border-color: color-mix(in srgb, var(--pf-success) 22%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-success) 5%, var(--pf-card-elevated)),
    var(--pf-card-elevated)
  );
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-auctions
  > header
  small {
  color: var(--pf-success);
}

@media (max-width: 1399.98px) {
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    .pf-col-product {
    width: 0;
    display: none;
  }

  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    th:nth-child(3),
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    td:nth-child(3) {
    display: none;
  }

  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    .pf-col-client {
    width: 28%;
  }

  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    .pf-col-provider {
    width: 24%;
  }
}

/*
 * Activity UX.3 — rail cards + catalog table clarity
 * Premium empty/list surfaces; full product names; readable table copy.
 */
body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table th {
  color: color-mix(in srgb, var(--pf-act-accent) 48%, var(--pf-text));
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.035em;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table td {
  block-size: auto;
  min-block-size: 3.75rem;
  height: auto !important;
  padding-block: 0.75rem;
  color: var(--pf-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-products-table::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 1.25rem;
  block-size: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--pf-accent) 50%, var(--pf-act-accent)) 40%,
    color-mix(in srgb, var(--pf-act-accent) 45%, var(--pf-accent)) 60%,
    transparent
  );
  pointer-events: none;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  .pf-col-product-name {
  width: 26%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  .pf-col-provider {
  width: 18%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  .pf-col-department {
  width: 16%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  .pf-col-price {
  width: 11%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  .pf-col-status {
  width: 11%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  .pf-col-stock {
  width: 9%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  .pf-col-action {
  width: 3.25rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-product {
  align-items: flex-start;
  gap: 0.75rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-product > span {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: grid;
  gap: 0.125rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-product strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  white-space: normal;
  text-overflow: unset;
  color: var(--pf-text);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  word-break: break-word;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-product-code {
  display: block;
  overflow: visible;
  color: var(--pf-muted);
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  line-height: 1.35;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-product > i {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  flex: 0 0 2.5rem;
  margin-block-start: 0.125rem;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 14%, var(--pf-border));
  border-radius: 0.625rem;
  background: linear-gradient(
    145deg,
    var(--pf-act-avatar-from),
    var(--pf-act-avatar-to)
  );
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 35%, transparent);
  color: var(--pf-act-accent);
  overflow: hidden;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-product > i img {
  background: color-mix(in srgb, var(--pf-act-accent) 6%, var(--pf-surface-soft));
  object-fit: cover;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-product > i > span {
  font-size: 1.125rem;
  opacity: 0.88;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  td:nth-child(4) {
  color: var(--pf-act-accent);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  td:nth-child(6) {
  color: var(--pf-text);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-market-rail {
  gap: 0.875rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-rail-section {
  padding: 1.125rem 1.125rem 1rem;
  border-color: color-mix(in srgb, var(--pf-act-accent) 12%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-act-accent) 3%, var(--pf-card-elevated)),
    var(--pf-card-elevated)
  );
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--pf-act-accent) 3%, transparent),
    0 1px 3px color-mix(in srgb, var(--pf-text) 5%, transparent),
    0 6px 18px color-mix(in srgb, var(--pf-act-accent) 3%, transparent);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-review {
  border-color: color-mix(in srgb, var(--pf-info) 18%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-info) 4%, var(--pf-card-elevated)),
    var(--pf-card-elevated)
  );
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-review
  > header
  small {
  color: var(--pf-info);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-auctions {
  border-color: color-mix(in srgb, var(--pf-success) 24%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-success) 6%, var(--pf-card-elevated)),
    var(--pf-card-elevated)
  );
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--pf-success) 5%, transparent),
    0 1px 3px color-mix(in srgb, var(--pf-text) 5%, transparent),
    0 6px 18px color-mix(in srgb, var(--pf-success) 4%, transparent);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-auctions
  > header
  small
  i {
  inline-size: 0.4375rem;
  block-size: 0.4375rem;
  border-radius: 999px;
  background: var(--pf-success);
  box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--pf-success) 18%, transparent);
  animation: pf-act-live-pulse 2s ease-in-out infinite;
}

@keyframes pf-act-live-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--pf-success) 18%, transparent);
  }

  50% {
    box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--pf-success) 28%, transparent);
  }
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  > header
  strong {
  color: var(--pf-text);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  > header
  > a {
  padding: 0.3125rem 0.625rem;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 16%, var(--pf-border));
  border-radius: 0.4375rem;
  background: color-mix(in srgb, var(--pf-act-accent) 5%, var(--pf-surface-soft));
  color: var(--pf-act-accent);
  font-size: 0.6875rem;
  font-weight: 700;
  text-decoration: none;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  > header
  > a:hover {
  background: color-mix(in srgb, var(--pf-act-accent) 9%, var(--pf-hover));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  .pf-empty {
  min-block-size: 9.5rem;
  display: grid;
  place-content: center;
  justify-items: center;
  padding: 1.25rem 1rem;
  border: 1px dashed color-mix(in srgb, var(--pf-act-accent) 14%, var(--pf-border));
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--pf-act-accent) 3%, var(--pf-surface-soft));
  text-align: center;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-auctions
  .pf-empty {
  border-color: color-mix(in srgb, var(--pf-success) 18%, var(--pf-border));
  background: color-mix(in srgb, var(--pf-success) 4%, var(--pf-surface-soft));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-review
  .pf-empty {
  border-color: color-mix(in srgb, var(--pf-info) 16%, var(--pf-border));
  background: color-mix(in srgb, var(--pf-info) 4%, var(--pf-surface-soft));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  .pf-empty__icon {
  inline-size: 2.75rem;
  block-size: 2.75rem;
  margin-block-end: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 12%, var(--pf-border));
  border-radius: 0.75rem;
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--pf-act-accent) 10%, var(--pf-card-elevated)),
    var(--pf-card-elevated)
  );
  color: var(--pf-act-accent);
  font-size: 1.25rem;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-auctions
  .pf-empty__icon {
  color: var(--pf-success);
  border-color: color-mix(in srgb, var(--pf-success) 16%, var(--pf-border));
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--pf-success) 10%, var(--pf-card-elevated)),
    var(--pf-card-elevated)
  );
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  .pf-empty
  h3 {
  color: var(--pf-text);
  font-size: 0.875rem;
  font-weight: 700;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  .pf-empty
  p {
  max-inline-size: 14rem;
  color: var(--pf-muted);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.55;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  :is(.pf-provider-list, .pf-auction-list)
  > a {
  min-block-size: 3.5rem;
  padding: 0.5rem 0.625rem;
  border: 1px solid transparent;
  border-radius: 0.625rem;
  transition: background-color 160ms ease, border-color 160ms ease;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  :is(.pf-provider-list, .pf-auction-list)
  > a:hover {
  border-color: color-mix(in srgb, var(--pf-act-accent) 12%, var(--pf-border));
  background: var(--pf-act-row-hover);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  :is(.pf-provider-list, .pf-auction-list)
  strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  white-space: normal;
  text-overflow: unset;
  color: var(--pf-text);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.35;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  :is(.pf-provider-list, .pf-auction-list)
  small {
  color: var(--pf-muted);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.45;
  white-space: normal;
  text-overflow: unset;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-avatar,
body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-auction-icon {
  inline-size: 2.375rem;
  block-size: 2.375rem;
  border-radius: 0.625rem;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 22%, transparent);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-provider-list
  em,
body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-auction-list
  em {
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 14%, var(--pf-border));
  background: color-mix(in srgb, var(--pf-act-accent) 8%, var(--pf-surface-soft));
  color: var(--pf-act-accent);
  font-size: 0.6875rem;
  font-weight: 700;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-products-table
  .pf-empty {
  min-block-size: 10rem;
  border: 1px dashed color-mix(in srgb, var(--pf-act-accent) 14%, var(--pf-border));
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--pf-act-accent) 3%, var(--pf-surface-soft));
}

@media (max-width: 1399.98px) {
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--products
    .pf-col-department,
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--products
    .pf-col-stock {
    width: 0;
    display: none;
  }

  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--products
    th:nth-child(3),
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--products
    td:nth-child(3),
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--products
    th:nth-child(6),
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--products
    td:nth-child(6) {
    display: none;
  }

  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--products
    .pf-col-product-name {
    width: 34%;
  }

  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--products
    .pf-col-provider {
    width: 24%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-rail-section.is-auctions
    > header
    small
    i {
    animation: none;
  }
}

/*
 * Activity UX.4 — elevated market console
 * Stronger cards, Arabic-safe headers, data-dense premium tables + rail.
 */
body.kt-shell-body.kt-dashboard-command .pf-section--activity {
  --pf-act-accent: var(--pf-primary-strong, var(--pf-primary));
  --pf-act-glow: color-mix(in srgb, var(--pf-accent) 22%, transparent);
  --pf-act-header-bg: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-act-accent) 9%, var(--pf-surface-soft)) 0%,
    color-mix(in srgb, var(--pf-act-accent) 4%, var(--pf-card-elevated)) 100%
  );
  --pf-act-header-text: color-mix(in srgb, var(--pf-act-accent) 72%, var(--pf-text));
  --pf-act-row-hover: color-mix(in srgb, var(--pf-accent) 7%, var(--pf-hover));
  --pf-act-row-stripe: color-mix(in srgb, var(--pf-act-accent) 2.5%, var(--pf-card-elevated));
  --pf-act-card-shadow:
    0 0 0 1px color-mix(in srgb, var(--pf-act-accent) 8%, var(--pf-border)),
    0 1px 2px color-mix(in srgb, var(--pf-text) 4%, transparent),
    0 12px 32px color-mix(in srgb, var(--pf-act-accent) 7%, transparent);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-act-card {
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 14%, var(--pf-border));
  border-radius: 1rem;
  background:
    radial-gradient(
      ellipse 120% 80% at 100% -20%,
      color-mix(in srgb, var(--pf-accent) 7%, transparent),
      transparent 55%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--pf-act-accent) 2.5%, var(--pf-card-elevated)),
      var(--pf-card-elevated)
    );
  box-shadow: var(--pf-act-card-shadow);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-act-card::after {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  block-size: 3px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--pf-act-accent) 35%, transparent),
    var(--pf-accent) 42%,
    color-mix(in srgb, var(--pf-primary) 55%, var(--pf-accent)) 58%,
    color-mix(in srgb, var(--pf-act-accent) 35%, transparent)
  );
  pointer-events: none;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-review::after {
  background: linear-gradient(
    90deg,
    transparent,
    var(--pf-info) 50%,
    transparent
  );
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-auctions::after {
  background: linear-gradient(
    90deg,
    transparent,
    var(--pf-success) 50%,
    transparent
  );
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  :is(.pf-orders-table, .pf-products-table) {
  padding: 1.375rem 1.375rem 1.25rem;
  border: 0;
  border-radius: 1rem;
  background: transparent;
  box-shadow: none;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  :is(.pf-orders-table, .pf-products-table)::before {
  display: none;
  content: none;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-board-head {
  margin-block-end: 0.125rem;
  padding-block-end: 1rem;
  border-block-end: 1px solid color-mix(in srgb, var(--pf-act-accent) 10%, var(--pf-divider));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-board-head
  > div:first-child
  span {
  color: var(--pf-accent);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-board-head h3 {
  color: var(--pf-text);
  font-size: 1.0625rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-board-head p {
  color: var(--pf-muted);
  font-size: 0.8125rem;
  font-weight: 500;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-text-link {
  min-block-size: 2.125rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.4375rem 0.875rem;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 22%, var(--pf-border));
  border-radius: 0.5625rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-act-accent) 7%, var(--pf-card-elevated)),
    color-mix(in srgb, var(--pf-act-accent) 3%, var(--pf-surface-soft))
  );
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 40%, transparent),
    0 1px 3px color-mix(in srgb, var(--pf-act-accent) 8%, transparent);
  color: var(--pf-act-accent);
  font-size: 0.8125rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-text-link:hover {
  background: color-mix(in srgb, var(--pf-act-accent) 11%, var(--pf-hover));
  box-shadow:
    0 1px 0 color-mix(in srgb, #fff 35%, transparent),
    0 4px 14px color-mix(in srgb, var(--pf-act-accent) 12%, transparent);
  transform: translateY(-1px);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table-scroll {
  margin-block-start: 0.875rem;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 10%, var(--pf-border));
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--pf-act-accent) 2%, var(--pf-surface-soft));
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 50%, transparent);
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table {
  table-layout: fixed;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table th {
  block-size: auto;
  min-block-size: 2.75rem;
  padding: 0.6875rem 1rem;
  border-block-end: 1px solid color-mix(in srgb, var(--pf-act-accent) 14%, var(--pf-divider));
  background: var(--pf-act-header-bg);
  box-shadow: inset 0 -1px 0 color-mix(in srgb, #fff 35%, transparent);
  color: var(--pf-act-header-text);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  overflow-wrap: normal;
  text-transform: none;
  white-space: nowrap;
  border-radius: 0 !important;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-table td {
  block-size: auto;
  min-block-size: 4rem;
  height: auto !important;
  padding: 0.8125rem 1rem;
  border-block-end: 1px solid color-mix(in srgb, var(--pf-divider) 90%, transparent);
  background: var(--pf-card-elevated);
  color: var(--pf-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
  vertical-align: middle;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table tbody tr:nth-child(even) td {
  background: var(--pf-act-row-stripe);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table tbody tr:hover td {
  background: var(--pf-act-row-hover) !important;
  box-shadow: none !important;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table tbody tr:hover td:first-child {
  box-shadow: inset 3px 0 0 var(--pf-accent) !important;
}

[dir="ltr"]
  body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table tbody tr:hover td:first-child {
  box-shadow: inset -3px 0 0 var(--pf-accent) !important;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-order {
  width: 13%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-client {
  width: 28%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-provider {
  width: 26%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-status {
  width: 13%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-value {
  width: 14%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-action {
  width: 3.5rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-id {
  color: var(--pf-act-accent);
  font-size: 0.875rem;
  font-weight: 800;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table
  td:first-child
  > small {
  color: var(--pf-muted);
  font-size: 0.75rem;
  font-weight: 500;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-value-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
  padding: 0.3125rem 0.5625rem;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 16%, var(--pf-border));
  border-radius: 0.5rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-act-accent) 8%, var(--pf-card-elevated)),
    color-mix(in srgb, var(--pf-act-accent) 3%, var(--pf-surface-soft))
  );
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-value-chip strong {
  color: var(--pf-act-accent);
  font-size: 0.9375rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-value-chip small {
  color: var(--pf-muted);
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge {
  position: relative;
  min-block-size: 1.625rem;
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.25rem 0.625rem 0.25rem 0.5rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge::before {
  content: '';
  inline-size: 0.375rem;
  block-size: 0.375rem;
  flex: 0 0 0.375rem;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.85;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-new {
  border-color: color-mix(in srgb, var(--pf-info) 38%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-info) 22%, var(--pf-info-soft)),
    var(--pf-info-soft)
  );
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--pf-info) 8%, transparent);
  color: color-mix(in srgb, var(--pf-info) 90%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-finished {
  border-color: color-mix(in srgb, var(--pf-success) 38%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-success) 22%, var(--pf-success-soft)),
    var(--pf-success-soft)
  );
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--pf-success) 8%, transparent);
  color: color-mix(in srgb, var(--pf-success) 90%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-cancelled {
  border-color: color-mix(in srgb, var(--pf-danger) 38%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-danger) 22%, var(--pf-danger-soft)),
    var(--pf-danger-soft)
  );
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--pf-danger) 8%, transparent);
  color: color-mix(in srgb, var(--pf-danger) 90%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-current {
  border-color: color-mix(in srgb, var(--pf-warning) 38%, var(--pf-border));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-warning) 22%, var(--pf-warning-soft)),
    var(--pf-warning-soft)
  );
  color: color-mix(in srgb, var(--pf-warning) 90%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-row-action {
  inline-size: 2.125rem;
  block-size: 2.125rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 16%, var(--pf-border));
  border-radius: 0.5rem;
  background: linear-gradient(
    180deg,
    var(--pf-card-elevated),
    color-mix(in srgb, var(--pf-act-accent) 4%, var(--pf-surface-soft))
  );
  box-shadow: 0 1px 2px color-mix(in srgb, var(--pf-text) 5%, transparent);
  color: var(--pf-muted);
  font-size: 1rem;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-row-action:hover {
  border-color: color-mix(in srgb, var(--pf-accent) 30%, var(--pf-border));
  background: color-mix(in srgb, var(--pf-accent) 10%, var(--pf-card-elevated));
  box-shadow: 0 2px 8px var(--pf-act-glow);
  color: var(--pf-act-accent);
  transform: none !important;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person {
  align-items: center;
  gap: 0.75rem;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person > i {
  inline-size: 2.375rem;
  block-size: 2.375rem;
  flex: 0 0 2.375rem;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 14%, transparent);
  border-radius: 999px;
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--pf-act-accent) 16%, var(--pf-surface-soft)),
    color-mix(in srgb, var(--pf-accent) 12%, var(--pf-card-elevated))
  );
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 45%, transparent),
    0 2px 6px color-mix(in srgb, var(--pf-act-accent) 10%, transparent);
  color: var(--pf-act-accent);
  font-size: 0.75rem;
  font-weight: 700;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person strong {
  color: var(--pf-text);
  font-size: 0.875rem;
  font-weight: 700;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-person small {
  color: var(--pf-muted);
  font-size: 0.75rem;
  font-weight: 500;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-cell-text {
  color: var(--pf-text);
  font-size: 0.875rem;
  font-weight: 600;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-rail-section.pf-act-card {
  padding: 1.125rem 1.125rem 1rem;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.pf-act-card
  > header {
  margin-block-end: 0.75rem;
  padding-block-end: 0.75rem;
  border-block-end: 1px solid color-mix(in srgb, var(--pf-act-accent) 10%, var(--pf-divider));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  .pf-empty {
  min-block-size: 10.5rem;
  margin-block-start: 0.25rem;
  padding: 1.5rem 1.125rem;
  border: 1px dashed color-mix(in srgb, var(--pf-act-accent) 18%, var(--pf-border));
  border-radius: 0.875rem;
  background:
    radial-gradient(
      circle at 50% 0%,
      color-mix(in srgb, var(--pf-act-accent) 6%, transparent),
      transparent 68%
    ),
    color-mix(in srgb, var(--pf-act-accent) 2.5%, var(--pf-surface-soft));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  .pf-empty__icon {
  inline-size: 3.25rem;
  block-size: 3.25rem;
  margin-block-end: 0.75rem;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 14%, var(--pf-border));
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      var(--pf-card-elevated),
      color-mix(in srgb, var(--pf-act-accent) 5%, var(--pf-surface-soft))
    );
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--pf-act-accent) 6%, transparent),
    0 4px 12px color-mix(in srgb, var(--pf-act-accent) 8%, transparent);
  color: var(--pf-act-accent);
  font-size: 1.375rem;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section.is-auctions
  .pf-empty__icon {
  color: var(--pf-success);
  border-color: color-mix(in srgb, var(--pf-success) 20%, var(--pf-border));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--pf-success) 8%, transparent),
    0 4px 12px color-mix(in srgb, var(--pf-success) 10%, transparent);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  .pf-empty
  h3 {
  font-size: 0.9375rem;
  font-weight: 800;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-rail-section
  .pf-empty
  p {
  font-size: 0.8125rem;
  line-height: 1.6;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  td:nth-child(4)
  .pf-value-chip {
  margin-inline: auto 0;
}

@media (max-width: 1399.98px) {
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    .pf-col-client {
    width: 30%;
  }

  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    .pf-col-provider {
    width: 28%;
  }
}

@media (max-width: 1199.98px) {
  body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-activity-grid {
    gap: 0.875rem;
  }
}

/*
 * Activity UX.5 — premium order timestamp
 * Split date/time meta chip with icons + tabular numerals.
 */
body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-cell {
  display: grid;
  gap: 0.4375rem;
  min-inline-size: 0;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-id {
  display: block;
  color: var(--pf-act-accent);
  font-size: 0.9375rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.015em;
  line-height: 1.2;
  direction: ltr;
  unicode-bidi: isolate;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-meta {
  display: block;
  max-inline-size: 100%;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-meta time {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3125rem 0.4375rem;
  max-inline-size: 100%;
  padding: 0.3125rem 0.5625rem;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 12%, var(--pf-border));
  border-radius: 0.5rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pf-act-accent) 5%, var(--pf-card-elevated)),
    color-mix(in srgb, var(--pf-act-accent) 2%, var(--pf-surface-soft))
  );
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 42%, transparent),
    0 1px 2px color-mix(in srgb, var(--pf-act-accent) 6%, transparent);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__part {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-inline-size: 0;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__part
  > i {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--pf-accent) 78%, var(--pf-act-accent));
  font-size: 0.8125rem;
  line-height: 1;
  opacity: 0.92;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__part--time
  > i {
  color: color-mix(in srgb, var(--pf-info) 70%, var(--pf-act-accent));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__date,
body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__time {
  color: var(--pf-text);
  font-size: 0.75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  line-height: 1.2;
  direction: ltr;
  unicode-bidi: isolate;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__time {
  color: color-mix(in srgb, var(--pf-act-accent) 82%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__sep {
  inline-size: 1px;
  block-size: 0.875rem;
  flex: 0 0 1px;
  background: color-mix(in srgb, var(--pf-act-accent) 18%, var(--pf-divider));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta--empty {
  color: var(--pf-muted);
  font-size: 0.75rem;
  font-weight: 500;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table
  td:first-child
  > small:not(.pf-order-meta) {
  display: none;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-order {
  width: 15%;
}

@media (max-width: 1399.98px) {
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    .pf-col-order {
    width: 17%;
  }
}

/*
 * Activity UX.6 — clear date/time stack + صباحاً / مساءً
 */
body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-meta time {
  display: grid;
  gap: 0.3125rem;
  inline-size: 100%;
  max-inline-size: 11.5rem;
  padding: 0.4375rem 0.5625rem;
  border: 1px solid color-mix(in srgb, var(--pf-act-accent) 14%, var(--pf-border));
  border-radius: 0.5625rem;
  background: var(--pf-card-elevated);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 55%, transparent),
    0 1px 3px color-mix(in srgb, var(--pf-act-accent) 7%, transparent);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__row {
  display: grid;
  grid-template-columns: 1rem minmax(0, 1fr);
  align-items: center;
  gap: 0.375rem;
  min-inline-size: 0;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__row
  > i {
  color: var(--pf-muted);
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__row--date
  > i {
  color: color-mix(in srgb, var(--pf-accent) 75%, var(--pf-act-accent));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__row--time
  > i {
  color: color-mix(in srgb, var(--pf-info) 72%, var(--pf-act-accent));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__date {
  color: var(--pf-text);
  font-size: 0.8125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  direction: ltr;
  unicode-bidi: isolate;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__clock {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3125rem;
  min-inline-size: 0;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__time {
  color: var(--pf-text);
  font-size: 0.8125rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  direction: ltr;
  unicode-bidi: isolate;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__meridiem {
  padding: 0.125rem 0.4375rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.35;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__meridiem.is-morning {
  border: 1px solid color-mix(in srgb, var(--pf-warning) 28%, var(--pf-border));
  background: color-mix(in srgb, var(--pf-warning) 12%, var(--pf-warning-soft));
  color: color-mix(in srgb, var(--pf-warning) 88%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__meridiem.is-evening {
  border: 1px solid color-mix(in srgb, var(--pf-info) 28%, var(--pf-border));
  background: color-mix(in srgb, var(--pf-info) 12%, var(--pf-info-soft));
  color: color-mix(in srgb, var(--pf-info) 88%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__sep,
body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-meta__part {
  display: none;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-order {
  width: 18%;
}

@media (max-width: 1399.98px) {
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    .pf-col-order {
    width: 20%;
  }

  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-order-meta
    time {
    max-inline-size: 100%;
  }
}

/*
 * Activity UX.7 — airy order timestamp (no cramped chip)
 * Flat typography: date line + inline time + meridiem suffix.
 */
body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-cell {
  display: grid;
  gap: 0.3125rem;
  align-content: center;
  min-inline-size: 0;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-id {
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.15;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-when {
  display: grid;
  gap: 0.1875rem;
  min-inline-size: 0;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-when__date {
  display: block;
  color: var(--pf-muted);
  font-size: 0.8125rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
  direction: ltr;
  unicode-bidi: isolate;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-when__time {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0.4375rem;
  min-inline-size: 0;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-when__clock {
  color: var(--pf-text);
  font-size: 0.875rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-order-when__meridiem {
  color: var(--pf-muted);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-when__meridiem.is-morning {
  color: color-mix(in srgb, var(--pf-warning) 82%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-when__meridiem.is-evening {
  color: color-mix(in srgb, var(--pf-info) 82%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-order-when--empty {
  color: var(--pf-muted);
  font-size: 0.8125rem;
  font-weight: 500;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  td:first-child {
  min-block-size: 3.25rem;
  padding-block: 0.5625rem;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table td {
  min-block-size: 3.5rem;
  padding-block: 0.625rem;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-order {
  width: 12.5rem;
  min-width: 12.5rem;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-client {
  width: 24%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-provider {
  width: 22%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-status {
  width: 11%;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-value {
  width: 12%;
}

@media (max-width: 1399.98px) {
  body.kt-shell-body.kt-dashboard-command
    .pf-section--activity
    .pf-table--orders
    .pf-col-order {
    width: 11.5rem;
    min-width: 11.5rem;
  }
}

/*
 * Activity UX.8 — refined status badges (compact ops pills)
 */
body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table
  :is(th, td):has(.pf-badge) {
  text-align: start;
  vertical-align: middle;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge {
  min-block-size: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0.3125rem 0.625rem;
  border: 1px solid transparent;
  border-radius: 0.4375rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  white-space: nowrap;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge::before {
  display: none;
  content: none;
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-new {
  border-color: color-mix(in srgb, var(--pf-info) 32%, var(--pf-border));
  border-inline-start: 3px solid var(--pf-info);
  background: color-mix(in srgb, var(--pf-info) 10%, var(--pf-card-elevated));
  box-shadow: none;
  color: color-mix(in srgb, var(--pf-info) 92%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-finished {
  border-color: color-mix(in srgb, var(--pf-success) 32%, var(--pf-border));
  border-inline-start: 3px solid var(--pf-success);
  background: color-mix(in srgb, var(--pf-success) 10%, var(--pf-card-elevated));
  box-shadow: none;
  color: color-mix(in srgb, var(--pf-success) 92%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-cancelled {
  border-color: color-mix(in srgb, var(--pf-danger) 32%, var(--pf-border));
  border-inline-start: 3px solid var(--pf-danger);
  background: color-mix(in srgb, var(--pf-danger) 10%, var(--pf-card-elevated));
  box-shadow: none;
  color: color-mix(in srgb, var(--pf-danger) 92%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-current {
  border-color: color-mix(in srgb, var(--pf-warning) 32%, var(--pf-border));
  border-inline-start: 3px solid var(--pf-warning);
  background: color-mix(in srgb, var(--pf-warning) 10%, var(--pf-card-elevated));
  box-shadow: none;
  color: color-mix(in srgb, var(--pf-warning) 92%, var(--pf-text));
}

body.kt-shell-body.kt-dashboard-command .pf-section--activity .pf-badge.is-neutral {
  border-color: var(--pf-border);
  border-inline-start: 3px solid var(--pf-subtle);
  background: var(--pf-surface-soft);
  color: var(--pf-muted);
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--orders
  .pf-col-status {
  width: 6.75rem;
}

body.kt-shell-body.kt-dashboard-command
  .pf-section--activity
  .pf-table--products
  .pf-col-status {
  width: 6.75rem;
}