/* @layer-wrapped:pages */
@layer pages {
.ds-shell {
  min-height: 100vh;
  background: var(--color-bg);
}

.ds-shell-nav {
  background:
    radial-gradient(circle at 20% 0%, rgba(51, 135, 255, 0.18), transparent 32%),
    linear-gradient(180deg, var(--nz-navy-900) 0%, var(--nz-navy-950) 100%);
  color: #eaf3ff;
}

.ds-nav-item {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  border-radius: var(--radius-md);
  color: rgba(234, 243, 255, 0.82);
  transition: background var(--nz-transition-fast), color var(--nz-transition-fast), border-color var(--nz-transition-fast);
}

.ds-nav-item.is-active {
  color: #fff;
  background: linear-gradient(135deg, rgba(31, 94, 255, 0.22), rgba(94, 215, 255, 0.10));
  border: 1px solid rgba(94, 215, 255, 0.16);
  box-shadow: inset 3px 0 0 var(--nz-cyan-400);
}

.ds-page {
  display: grid;
  gap: var(--space-5);
}

.ds-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-5);
}

.ds-grid {
  display: grid;
  gap: var(--space-4);
}

.ds-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ds-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.helpdesk-workspace-board {
  --helpdesk-card-bg: var(--color-surface-solid);
  --helpdesk-column-bg: rgba(237, 244, 251, 0.72);
  gap: var(--space-3);
}

.helpdesk-workspace-board .ds-toolbar.helpdesk-filter-shell,
.helpdesk-workspace-board .helpdesk-board-command {
  display: block;
  padding: var(--space-4);
  background:
    radial-gradient(circle at 8% 0%, rgba(94, 215, 255, 0.10), transparent 26%),
    var(--color-surface);
  border: 1px solid var(--nz-intensity-light-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--nz-intensity-light-shadow);
}

.helpdesk-workspace-board .helpdesk-filter-grid-board {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) minmax(150px, 0.7fr) minmax(220px, 0.9fr) auto;
  align-items: end;
  gap: var(--space-3);
}

.helpdesk-workspace-board .helpdesk-filter-grid-board label {
  display: grid;
  gap: 0.45rem;
  margin: 0;
}

.helpdesk-workspace-board .helpdesk-filter-grid-board label > span {
  color: var(--color-text-muted);
  font-size: 0.72rem;
  font-weight: 840;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.helpdesk-workspace-board .helpdesk-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
  margin: 0;
}

/* Kanban POC legacy bridge: scoped important rules are required to outrank old
   layout-overrides.css Kanban declarations while this screen migrates to DS. */
.helpdesk-workspace-board .ds-toolbar.helpdesk-filter-shell.helpdesk-filter-shell-premium {
  display: grid !important;
  gap: 0.58rem !important;
  padding: 0.58rem 0.72rem 0.68rem !important;
  border-radius: 18px !important;
  border-color: var(--nz-intensity-light-border) !important;
  background:
    radial-gradient(circle at 3% 0%, rgba(94, 215, 255, 0.13), transparent 20%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 255, 0.94)) !important;
  box-shadow: 0 12px 28px rgba(7, 17, 31, 0.045) !important;
}

.helpdesk-workspace-board .helpdesk-board-command {
  position: relative;
  align-items: center !important;
  gap: 0.75rem !important;
  min-height: 44px;
  padding: 0 0 0.56rem !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(18, 63, 183, 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.helpdesk-workspace-board .helpdesk-board-command::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.18rem;
  width: 3px;
  height: 2.1rem;
  border-radius: var(--radius-pill);
  background: var(--nz-intensity-medium-signal);
  box-shadow: var(--nz-intensity-light-focus);
}

.helpdesk-workspace-board .helpdesk-board-command-copy {
  gap: 0.08rem !important;
  padding-left: 0.75rem;
}

.helpdesk-workspace-board .helpdesk-board-command-kicker {
  color: var(--nz-blue-700) !important;
  font-size: 0.64rem !important;
  letter-spacing: 0.11em !important;
}

.helpdesk-workspace-board .helpdesk-board-command-copy strong {
  color: var(--color-text) !important;
  font-size: 0.98rem !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em !important;
}

.helpdesk-workspace-board .helpdesk-board-command-copy small {
  max-width: 34rem;
  color: var(--color-text-soft) !important;
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
}

.helpdesk-workspace-board .helpdesk-board-command-side {
  gap: 0.32rem !important;
}

.helpdesk-workspace-board .helpdesk-board-stat-row {
  gap: 0.32rem !important;
}

.helpdesk-workspace-board .helpdesk-board-stat-chip {
  min-height: 1.55rem !important;
  padding: 0.14rem 0.48rem !important;
  border-radius: var(--radius-pill) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(18, 63, 183, 0.08) !important;
  box-shadow: none !important;
}

.helpdesk-workspace-board .helpdesk-board-stat-chip small {
  font-size: 0.62rem !important;
}

.helpdesk-workspace-board .helpdesk-board-stat-chip strong {
  font-size: 0.8rem !important;
}

.helpdesk-workspace-board .helpdesk-board-live-chip {
  min-height: 1.55rem !important;
  padding: 0.16rem 0.5rem !important;
  border-color: var(--nz-intensity-light-border) !important;
  background: rgba(31, 94, 255, 0.055) !important;
  color: var(--nz-blue-700) !important;
  box-shadow: none !important;
}

.helpdesk-workspace-board .helpdesk-filter-grid.helpdesk-filter-grid-board {
  grid-template-columns: minmax(240px, 1.42fr) minmax(130px, 0.56fr) minmax(190px, 0.78fr) auto !important;
  gap: 0.58rem !important;
}

.helpdesk-workspace-board .helpdesk-filter-grid-board label {
  gap: 0.28rem !important;
}

.helpdesk-workspace-board .helpdesk-filter-grid-board label > span {
  font-size: 0.66rem !important;
  letter-spacing: 0.075em !important;
}

.helpdesk-workspace-board .helpdesk-filter-grid-board .ds-field,
.helpdesk-workspace-board .helpdesk-filter-grid-board input,
.helpdesk-workspace-board .helpdesk-filter-grid-board select {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0.42rem 0.7rem !important;
  border-radius: 11px !important;
  font-size: 0.84rem !important;
}

.helpdesk-workspace-board .helpdesk-filter-grid-board .ds-field:focus,
.helpdesk-workspace-board .helpdesk-filter-grid-board input:focus,
.helpdesk-workspace-board .helpdesk-filter-grid-board select:focus {
  border-color: var(--nz-intensity-medium-border) !important;
  box-shadow: var(--nz-intensity-light-focus) !important;
}

.helpdesk-workspace-board .helpdesk-filter-actions .ds-button {
  min-height: 34px !important;
  padding: 0.45rem 0.72rem !important;
  border-radius: 11px !important;
  font-size: 0.83rem !important;
}

.helpdesk-workspace-board .helpdesk-filter-grid-board input,
.helpdesk-workspace-board .helpdesk-filter-grid-board select {
  min-height: 42px;
  background: var(--color-surface-solid);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text);
  transition: border-color var(--nz-transition-fast), box-shadow var(--nz-transition-fast);
}

.helpdesk-workspace-board .helpdesk-filter-grid-board input:focus,
.helpdesk-workspace-board .helpdesk-filter-grid-board select:focus {
  border-color: rgba(51, 135, 255, 0.72);
  box-shadow: var(--nz-intensity-light-focus);
  outline: 0;
}

.helpdesk-workspace-board .helpdesk-board {
  gap: var(--space-3);
}

.helpdesk-workspace-board .ds-card.helpdesk-column {
  background:
    radial-gradient(circle at 12% 0%, rgba(94, 215, 255, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(237, 244, 251, 0.72));
  border: 1px solid var(--nz-intensity-light-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--nz-intensity-light-shadow);
  padding: var(--space-3);
}

.helpdesk-workspace-board .ds-card.helpdesk-column.helpdesk-column-premium {
  gap: 0.58rem !important;
  padding: 0.64rem !important;
  border-radius: 18px !important;
  border-color: rgba(18, 63, 183, 0.12) !important;
  background:
    linear-gradient(135deg, rgba(94, 215, 255, 0.08), transparent 16%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(244, 248, 253, 0.95)) !important;
  box-shadow: 0 12px 28px rgba(7, 17, 31, 0.052) !important;
}

.helpdesk-workspace-board .ds-card.helpdesk-column.helpdesk-column-premium::before {
  height: 3px !important;
  background: linear-gradient(90deg, var(--helpdesk-column-accent, var(--nz-blue-500)), rgba(94, 215, 255, 0.18), transparent) !important;
}

.helpdesk-workspace-board .helpdesk-column-head {
  align-items: center;
  border-bottom: 1px solid rgba(18, 63, 183, 0.08);
  margin-bottom: var(--space-2);
  padding: 0 0 var(--space-2);
}

.helpdesk-workspace-board .helpdesk-column-head {
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.02rem 0 0.46rem !important;
}

.helpdesk-workspace-board .helpdesk-column-head h3 {
  font-size: 0.9rem !important;
  line-height: 1.05 !important;
}

.helpdesk-workspace-board .helpdesk-column-head p {
  margin-top: 0.16rem !important;
  font-size: 0.7rem !important;
  line-height: 1.24 !important;
}

.helpdesk-workspace-board .helpdesk-column-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.55rem;
  border: 1px solid rgba(18, 63, 183, 0.10);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.72);
  color: var(--color-text);
  font-weight: 840;
}

.helpdesk-workspace-board .helpdesk-column-count {
  min-width: 2.05rem !important;
  height: 1.55rem !important;
  padding: 0 0.5rem !important;
  font-size: 0.78rem !important;
}

.helpdesk-workspace-board .helpdesk-column-list {
  gap: var(--space-2);
}

.helpdesk-workspace-board .helpdesk-column-list {
  gap: 0.48rem !important;
}

.helpdesk-workspace-board .helpdesk-column-list.is-drop-target {
  border-color: var(--nz-intensity-medium-border) !important;
  background:
    linear-gradient(135deg, rgba(31, 94, 255, 0.075), rgba(94, 215, 255, 0.05)) !important;
  box-shadow: inset 0 0 0 1px var(--nz-intensity-light-border), var(--nz-intensity-light-focus) !important;
}

.helpdesk-workspace-board .helpdesk-column h3,
.helpdesk-workspace-board .helpdesk-column-title {
  color: var(--color-text);
  letter-spacing: -0.025em;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card {
  background: var(--helpdesk-card-bg);
  border: 1px solid rgba(18, 63, 183, 0.10);
  border-radius: 17px;
  box-shadow: 0 10px 30px rgba(7, 17, 31, 0.055);
  transition: transform var(--nz-transition-fast), box-shadow var(--nz-transition-fast), border-color var(--nz-transition-fast);
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  /* min-height removido — vide nota em layout-overrides.css */
  height: auto !important;
  padding: 0.85rem 0.9rem 0.85rem 1rem !important;
  border-radius: 17px !important;
  box-shadow: 0 8px 22px rgba(7, 17, 31, 0.052) !important;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card.is-critical,
.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card.is-high {
  border-color: var(--nz-intensity-medium-border) !important;
  box-shadow: 0 10px 26px rgba(7, 17, 31, 0.07), var(--nz-intensity-light-focus) !important;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card:hover {
  border-color: var(--nz-intensity-medium-border);
  box-shadow: 0 16px 36px rgba(7, 17, 31, 0.085);
  transform: translateY(-1px);
}

.helpdesk-workspace-board .helpdesk-ticket-card::after {
  background: linear-gradient(90deg, transparent, rgba(94, 215, 255, 0.62));
}

.helpdesk-workspace-board .helpdesk-ticket-card::before {
  width: 3px;
  border-radius: var(--radius-pill);
}

.helpdesk-workspace-board .helpdesk-ticket-card.is-low::before {
  background: linear-gradient(180deg, #6dd5ff, #2d73ff);
}

.helpdesk-workspace-board .helpdesk-ticket-card.is-medium::before {
  background: linear-gradient(180deg, #ffd166, #c98318);
}

.helpdesk-workspace-board .helpdesk-ticket-card.is-high::before {
  background: linear-gradient(180deg, #ffab6b, #df6c1d);
}

.helpdesk-workspace-board .helpdesk-ticket-card.is-critical::before {
  background: linear-gradient(180deg, #ff7a90, #d4475c);
}

.helpdesk-workspace-board .helpdesk-ticket-card.is-internal-task::before {
  background: linear-gradient(180deg, #c06df7, #80078f 52%, #4f0758);
}

.helpdesk-workspace-board .helpdesk-ticket-number {
  color: var(--color-text-muted);
  font-size: 0.9rem;
  font-weight: 560;
}

.helpdesk-workspace-board .helpdesk-ticket-card h4 {
  color: var(--color-text);
  font-weight: 520;
  letter-spacing: -0.018em;
}

.helpdesk-workspace-board .helpdesk-ticket-card h4 {
  font-size: 0.88rem !important;
  line-height: 1.18 !important;
  margin: 0 !important;
}

.helpdesk-workspace-board .helpdesk-ticket-meta {
  gap: 0.34rem !important;
}

.helpdesk-workspace-board .helpdesk-ticket-meta-item,
.helpdesk-workspace-board .helpdesk-ticket-stack span {
  color: var(--color-text-soft);
}

/* Kanban tool composition: this screen must behave like an operational tool,
   not a Bootstrap-style dashboard made of stacked cards. */
.helpdesk-workspace-board.admin-page-shell {
  gap: 0.48rem !important;
  padding-top: 0 !important;
}

.helpdesk-workspace-board .ds-toolbar.helpdesk-filter-shell.helpdesk-filter-shell-premium {
  position: relative;
  grid-template-areas:
    "command filters";
  grid-template-columns: minmax(260px, 0.78fr) minmax(560px, 1.62fr);
  align-items: end;
  gap: 0.72rem 1rem !important;
  margin: 0 0 0.2rem !important;
  padding: 0.46rem 0.1rem 0.62rem !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(18, 63, 183, 0.10) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(94, 215, 255, 0.10), transparent 34%),
    transparent !important;
  box-shadow: none !important;
}

.helpdesk-workspace-board .ds-toolbar.helpdesk-filter-shell.helpdesk-filter-shell-premium::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, var(--nz-cyan-400), rgba(51, 135, 255, 0.42), transparent 42%);
  opacity: 0.72;
  pointer-events: none;
}

.helpdesk-workspace-board .ds-toolbar.helpdesk-filter-shell.helpdesk-filter-shell-premium::after {
  content: "";
  position: absolute;
  left: 9.2rem;
  bottom: -1px;
  width: 3.4rem;
  height: 2px;
  background: var(--nz-intensity-medium-signal);
  clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%);
  box-shadow: var(--nz-intensity-light-focus);
  opacity: 0.8;
  pointer-events: none;
}

.helpdesk-workspace-board .helpdesk-board-command {
  grid-area: command;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  padding: 0 0 0.08rem !important;
  border: 0 !important;
}

.helpdesk-workspace-board .helpdesk-board-command::before {
  top: 0.22rem;
  width: 2px;
  height: 2.45rem;
  opacity: 0.84;
}

.helpdesk-workspace-board .helpdesk-board-command-copy {
  padding-left: 0.68rem;
}

.helpdesk-workspace-board .helpdesk-board-command-copy strong {
  font-size: 1.02rem !important;
  line-height: 1 !important;
}

.helpdesk-workspace-board .helpdesk-board-command-copy small {
  max-width: 24rem;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
}

.helpdesk-workspace-board .helpdesk-board-command-side {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  justify-items: start !important;
  gap: 0.32rem !important;
  margin-top: 0.34rem;
}

.helpdesk-workspace-board .helpdesk-board-stat-row {
  order: 2;
  justify-content: flex-start !important;
}

.helpdesk-workspace-board .helpdesk-board-live-chip {
  order: 1;
  background: transparent !important;
  border-color: rgba(18, 63, 183, 0.10) !important;
}

.helpdesk-workspace-board .helpdesk-filter-grid.helpdesk-filter-grid-board {
  grid-area: filters;
  grid-template-columns: minmax(230px, 1.15fr) minmax(104px, 0.42fr) minmax(170px, 0.62fr) auto !important;
  align-items: end;
}

.helpdesk-workspace-board .helpdesk-filter-actions {
  gap: 0.42rem !important;
}

.helpdesk-workspace-board .helpdesk-filter-actions .ds-button--secondary {
  border-color: rgba(18, 63, 183, 0.10) !important;
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow: none !important;
}

.helpdesk-workspace-board .helpdesk-filter-actions .ds-button--primary {
  border-radius: 10px 14px 10px 10px !important;
}

.helpdesk-workspace-board .helpdesk-board {
  position: relative;
  gap: 0.64rem !important;
  padding-top: 0.22rem;
  background:
    linear-gradient(90deg, rgba(31, 94, 255, 0.035), transparent 19%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.20), transparent 22%);
}

.helpdesk-workspace-board .ds-card.helpdesk-column.helpdesk-column-premium {
  border-width: 1px 0 0 !important;
  border-radius: 14px 14px 10px 10px !important;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.72), rgba(241, 246, 252, 0.50)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

.helpdesk-workspace-board .ds-card.helpdesk-column.helpdesk-column-premium:hover {
  border-color: rgba(18, 63, 183, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(241, 246, 252, 0.60)) !important;
}

.helpdesk-workspace-board .ds-card.helpdesk-column.helpdesk-column-premium::before {
  height: 2px !important;
  opacity: 0.72;
}

.helpdesk-workspace-board .helpdesk-column-head {
  border-bottom: 1px solid rgba(18, 63, 183, 0.07) !important;
}

.helpdesk-workspace-board .helpdesk-column-list {
  padding-right: 0.08rem;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card {
  border-color: rgba(18, 63, 183, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 251, 255, 0.95)) !important;
  box-shadow: 0 4px 14px rgba(7, 17, 31, 0.045) !important;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card:hover {
  border-color: rgba(31, 94, 255, 0.26) !important;
  box-shadow: 0 10px 26px rgba(7, 17, 31, 0.075), var(--nz-intensity-light-focus) !important;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card.is-critical,
.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card.is-high {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.98)) !important;
}

/* Premium finish: contrast and lane rhythm without reintroducing dashboard chrome. */
.helpdesk-workspace-board .helpdesk-board-command-kicker {
  color: color-mix(in srgb, var(--nz-blue-700) 82%, var(--nz-cyan-400)) !important;
}

.helpdesk-workspace-board .helpdesk-board-command-copy strong {
  color: var(--nz-navy-950) !important;
  font-weight: 860 !important;
  letter-spacing: -0.035em !important;
}

.helpdesk-workspace-board .helpdesk-board-command-copy small {
  color: rgba(49, 67, 92, 0.76) !important;
  font-weight: 520 !important;
}

.helpdesk-workspace-board .helpdesk-column[data-column-tone="backlog"] {
  --helpdesk-lane-accent: #3387ff;
  --helpdesk-lane-tint: rgba(51, 135, 255, 0.055);
}

.helpdesk-workspace-board .helpdesk-column[data-column-tone="progress"] {
  --helpdesk-lane-accent: #17a672;
  --helpdesk-lane-tint: rgba(23, 166, 114, 0.055);
}

.helpdesk-workspace-board .helpdesk-column[data-column-tone="waiting"] {
  --helpdesk-lane-accent: #d79522;
  --helpdesk-lane-tint: rgba(215, 149, 34, 0.07);
}

.helpdesk-workspace-board .helpdesk-column[data-column-tone="done"] {
  --helpdesk-lane-accent: #64748b;
  --helpdesk-lane-tint: rgba(100, 116, 139, 0.055);
}

.helpdesk-workspace-board .helpdesk-column[data-column-tone="archived"] {
  --helpdesk-lane-accent: #475569;
  --helpdesk-lane-tint: rgba(71, 85, 105, 0.06);
}

.helpdesk-workspace-board .helpdesk-column[data-column-tone="default"] {
  --helpdesk-lane-accent: var(--nz-blue-600);
  --helpdesk-lane-tint: rgba(31, 94, 255, 0.045);
}

.helpdesk-workspace-board .ds-card.helpdesk-column.helpdesk-column-premium {
  border-top-color: color-mix(in srgb, var(--helpdesk-lane-accent, var(--nz-blue-600)) 42%, transparent) !important;
  background:
    linear-gradient(180deg, var(--helpdesk-lane-tint, rgba(51, 135, 255, 0.045)), transparent 22%),
    linear-gradient(180deg, rgba(250, 252, 255, 0.86), rgba(242, 247, 253, 0.62)) !important;
}

.helpdesk-workspace-board .ds-card.helpdesk-column.helpdesk-column-premium::before {
  background:
    linear-gradient(
      90deg,
      var(--helpdesk-lane-accent, var(--nz-blue-600)),
      color-mix(in srgb, var(--helpdesk-lane-accent, var(--nz-blue-600)) 34%, var(--nz-cyan-400)),
      transparent 78%
    ) !important;
}

.helpdesk-workspace-board .helpdesk-column-count {
  border-color: color-mix(in srgb, var(--helpdesk-lane-accent, var(--nz-blue-600)) 18%, rgba(18, 63, 183, 0.10)) !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card {
  background:
    linear-gradient(180deg, #ffffff, rgba(251, 253, 255, 0.98)) !important;
  border-color: rgba(18, 63, 183, 0.13) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 7px 18px rgba(7, 17, 31, 0.068) !important;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card::after {
  opacity: 0.42;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card:hover {
  background:
    linear-gradient(180deg, #ffffff, rgba(248, 252, 255, 1)) !important;
  border-color: rgba(31, 94, 255, 0.34) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.96) inset,
    0 13px 28px rgba(7, 17, 31, 0.096),
    0 0 0 1px rgba(94, 215, 255, 0.13),
    var(--nz-intensity-light-focus) !important;
}

.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card:focus-visible,
.helpdesk-workspace-board .ds-card--ticket.helpdesk-ticket-card.is-dragging {
  border-color: var(--nz-intensity-medium-border) !important;
  box-shadow:
    0 14px 30px rgba(7, 17, 31, 0.11),
    var(--nz-intensity-medium-glow) !important;
  outline: 0;
}

.helpdesk-workspace-board .helpdesk-ticket-card h4 {
  color: rgba(8, 18, 38, 0.94) !important;
}

.helpdesk-workspace-board .helpdesk-ticket-meta-item,
.helpdesk-workspace-board .helpdesk-ticket-stack span {
  color: rgba(49, 67, 92, 0.72) !important;
}

/* Tickets board: domain composition based on the operational SaaS reference. */
.tickets-board-page.helpdesk-workspace-board {
  --board-blue: #1f5eff;
  --board-cyan: #28b8ff;
  --board-orange: #ff9f43;
  --board-green: #24b47e;
  --board-slate: #64748b;
  --board-text: #111827;
  --board-muted: #718096;
  --board-line: rgba(148, 163, 184, 0.18);
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  background: #f8fafc !important;
  min-height: 0;
}

.tickets-board-page .tickets-board-top {
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 0;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid var(--board-line);
  border-radius: 0;
  box-shadow: none;
}

.tickets-board-page .command-bar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(320px, 0.86fr) auto;
  gap: 1rem;
  align-items: center;
  min-height: 66px;
  padding: 0.72rem 1.16rem 0.7rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.78);
}

.tickets-board-page .command-bar__title-block {
  display: grid;
  gap: 0.16rem;
  min-width: 0;
}

.tickets-board-page .command-bar__title-row {
  display: inline-flex;
  align-items: center;
  gap: 0.48rem;
  min-width: 0;
}

.tickets-board-page .command-bar h1 {
  margin: 0;
  color: #101828;
  font-size: clamp(1.26rem, 1.55vw, 1.64rem);
  font-weight: 760;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.tickets-board-page .command-bar p {
  margin: 0;
  color: #667085;
  font-size: 0.78rem;
  font-weight: 560;
}

.tickets-board-page .command-bar__search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: center;
  min-height: 40px;
  padding: 0 0.7rem;
  background: #ffffff;
  border: 1px solid rgba(203, 213, 225, 0.72);
  border-radius: 9px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035);
}

.tickets-board-page .command-bar__search i {
  color: #94a3b8;
  font-size: 0.84rem;
}

.tickets-board-page .command-bar__search input {
  width: 100%;
  min-width: 0;
  color: #27364d;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 0.8rem;
  font-weight: 560;
}

.tickets-board-page .command-bar__search kbd {
  min-width: 22px;
  padding: 0.08rem 0.32rem;
  color: #9aa8bd;
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 6px;
  box-shadow: none;
  font-size: 0.7rem;
}

.tickets-board-page .command-bar__actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.64rem;
}

.tickets-board-page .btn-filter,
.tickets-board-page .btn-primary,
.tickets-board-page .btn-more-filters,
.tickets-board-page .btn-link,
.tickets-board-page .btn-toggle-view {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 38px;
  padding: 0 0.78rem;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 720;
  white-space: nowrap;
  border-radius: 9px;
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.tickets-board-page .btn-filter {
  color: #344054;
  background: #ffffff;
  border: 1px solid rgba(203, 213, 225, 0.78);
}

.tickets-board-page .btn-filter:hover {
  color: var(--board-blue);
  border-color: rgba(31, 94, 255, 0.28);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.tickets-board-page .btn-primary {
  position: relative;
  min-width: 156px;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(135deg, #1354f8 0%, #0568ff 72%, #1188ff 100%);
  border: 1px solid rgba(31, 94, 255, 0.2);
  border-radius: 4px 12px 12px 4px;
  box-shadow: 0 14px 28px rgba(31, 94, 255, 0.22);
}

.tickets-board-page .btn-primary:hover {
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(31, 94, 255, 0.28), 0 0 0 3px rgba(47, 126, 255, 0.12);
}

.tickets-board-page .btn-primary__bolt {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 100%;
  background: rgba(255, 255, 255, 0.96);
  clip-path: polygon(64% 0, 100% 0, 64% 47%, 100% 47%, 36% 100%, 50% 58%, 18% 58%);
  opacity: 0.95;
}

.tickets-board-page .status-strip {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) repeat(5, minmax(84px, auto)) minmax(176px, 1fr);
  align-items: center;
  min-height: 50px;
  padding: 0 1.16rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.74);
}

.tickets-board-page .status-strip__item,
.tickets-board-page .status-strip__live {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 30px;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--color-surface-muted);
  border: 1px solid var(--color-border-subtle);
  color: var(--color-text-soft);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.tickets-board-page .status-strip__item:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

.tickets-board-page .status-strip__item:first-child {
  padding-left: var(--space-3);
}

.tickets-board-page .status-strip__item small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

.tickets-board-page .status-strip__item strong {
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-tight);
}

/* Tonal accents per metric (uses :has() against data-board-stat) */
.tickets-board-page .status-strip__item:has([data-board-stat="total"]) {
  background: var(--color-primary-soft);
  border-color: transparent;
}
.tickets-board-page .status-strip__item:has([data-board-stat="total"]) strong {
  color: var(--color-primary-text);
}

.tickets-board-page .status-strip__item:has([data-board-stat="active"]) {
  background: var(--color-info-soft);
  border-color: transparent;
}
.tickets-board-page .status-strip__item:has([data-board-stat="active"]) strong {
  color: var(--color-info-text);
}

.tickets-board-page .status-strip__item:has([data-board-stat="waiting"]) {
  background: var(--color-warning-soft);
  border-color: transparent;
}
.tickets-board-page .status-strip__item:has([data-board-stat="waiting"]) strong {
  color: var(--color-warning-text);
}

.tickets-board-page .status-strip__item:has([data-board-stat="resolved"]) {
  background: var(--color-success-soft);
  border-color: transparent;
}
.tickets-board-page .status-strip__item:has([data-board-stat="resolved"]) strong {
  color: var(--color-success-text);
}

.tickets-board-page .status-strip__item--risk {
  background: var(--color-danger-soft);
  border-color: transparent;
}
.tickets-board-page .status-strip__item--risk strong {
  color: var(--color-danger-text);
}

.tickets-board-page .status-strip__item--online {
  color: #2c3443;
}

.tickets-board-page .status-dot {
  width: 7px;
  height: 7px;
  background: #15b877;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(21, 184, 119, 0.1);
}

.tickets-board-page .status-strip__live {
  justify-self: end;
  color: #5270a4;
  border-left: 0;
}

.tickets-board-page .status-strip__live i {
  color: var(--board-blue);
}

.tickets-board-page .filter-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  min-height: 60px;
  padding: 0.74rem 1.16rem;
}

.tickets-board-page .filter-bar__fields {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.25fr) minmax(92px, 0.42fr) minmax(150px, 0.64fr) auto;
  gap: 0.54rem;
  align-items: center;
}

.tickets-board-page .filter-field {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
  min-height: 38px;
  margin: 0;
  padding: 0 0.72rem;
  background: #ffffff;
  border: 1px solid rgba(203, 213, 225, 0.7);
  border-radius: 8px;
}

.tickets-board-page .filter-field input,
.tickets-board-page .filter-field select {
  width: 100%;
  min-width: 0;
  color: #344054;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: 0.76rem;
  font-weight: 650;
}

.tickets-board-page .filter-field i {
  color: #98a6ba;
}

.tickets-board-page .btn-more-filters,
.tickets-board-page .btn-toggle-view {
  color: #53647f;
  background: #ffffff;
  border: 1px solid transparent;
}

.tickets-board-page .btn-more-filters:hover,
.tickets-board-page .btn-toggle-view:hover,
.tickets-board-page .btn-toggle-view.is-active {
  color: var(--board-blue);
  background: rgba(31, 94, 255, 0.07);
}

.tickets-board-page .filter-bar__actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.36rem;
}

.tickets-board-page .btn-link {
  min-height: 34px;
  padding: 0 0.52rem;
  color: var(--board-blue);
  background: transparent;
  border: 0;
}

.tickets-board-page .btn-link:hover {
  color: #084edc;
  background: rgba(31, 94, 255, 0.06);
}

.tickets-board-page .board.helpdesk-board {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(168px, 1fr)) !important;
  gap: 0.66rem !important;
  align-items: stretch;
  margin: 0;
  padding: 0.74rem 1.16rem 1rem !important;
  overflow-x: auto;
  background: #f8fafc !important;
}

.tickets-board-page .lane.helpdesk-column {
  --lane-accent: var(--board-slate);
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 168px;
  min-height: 100%;
  padding: 0.68rem 0.58rem 0.66rem !important;
  background: rgba(255, 255, 255, 0.56) !important;
  border: 0 !important;
  border-top: 3px solid var(--lane-accent) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.tickets-board-page .lane[data-column-tone="backlog"] { --lane-accent: var(--board-blue); }
.tickets-board-page .lane[data-column-tone="progress"] { --lane-accent: var(--board-cyan); }
.tickets-board-page .lane[data-column-tone="waiting"] { --lane-accent: var(--board-orange); }
.tickets-board-page .lane[data-column-tone="done"] { --lane-accent: var(--board-green); }
.tickets-board-page .lane[data-column-tone="archived"] { --lane-accent: var(--board-slate); }

.tickets-board-page .lane__header,
.tickets-board-page .helpdesk-column-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.5rem;
  align-items: start;
  margin: 0 0 0.62rem !important;
  padding: 0 0.08rem !important;
}

.tickets-board-page .lane__title-block,
.tickets-board-page .helpdesk-column-title-wrap {
  position: relative;
  display: grid;
  gap: 0.18rem;
  min-width: 0;
  padding-left: 1.18rem;
}

.tickets-board-page .lane__title-block::before,
.tickets-board-page .helpdesk-column-title-wrap::before {
  position: absolute;
  top: 0.08rem;
  left: 0;
  display: grid;
  width: 16px;
  height: 16px;
  place-items: center;
  color: var(--lane-accent);
  background: color-mix(in srgb, var(--lane-accent) 12%, white);
  border-radius: 6px;
  content: "";
}

.tickets-board-page .helpdesk-column-title-wrap h3 {
  margin: 0;
  color: #253044;
  font-size: 0.86rem !important;
  font-weight: 760;
  letter-spacing: -0.02em;
}

.tickets-board-page .helpdesk-column-title-wrap p {
  margin: 0 !important;
  color: #7c8aa0 !important;
  font-size: 0.66rem !important;
  font-weight: 620;
  line-height: 1.2;
}

.tickets-board-page .lane__count,
.tickets-board-page .helpdesk-column-count {
  display: inline-grid;
  min-width: 25px;
  height: 25px;
  place-items: center;
  color: #344054 !important;
  background: #eef3f8 !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.tickets-board-page .lane__list,
.tickets-board-page .helpdesk-column-list {
  display: grid !important;
  align-content: start;
  gap: 0.54rem !important;
  min-height: 0;
  padding: 0 0.06rem 0.3rem !important;
  overflow-y: auto;
}

.tickets-board-page .ticket-item.helpdesk-ticket-card {
  position: relative;
  display: grid !important;
  gap: 0.38rem !important;
  /* SEM min-height: a column-list e display:grid com grid-auto-rows:auto.
     Quando o card tinha min-height:96/120, o grid auto-medido considerava
     esse valor como o tamanho REAL do card (browser pre-layout pass), nao
     deixando o card crescer alem disso mesmo com conteudo maior — a 3a
     linha de meta (Responsavel) ficava clipada/visivel-fora-do-card.
     Sem min-height, o card cresce naturalmente para abrigar 3 linhas. */
  padding: 0.58rem 0.58rem 0.56rem 0.72rem !important;
  cursor: pointer;
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.76) !important;
  border-left: 3px solid var(--ticket-accent, var(--board-blue)) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04) !important;
}

.tickets-board-page .ticket-item.helpdesk-ticket-card::before,
.tickets-board-page .ticket-item.helpdesk-ticket-card::after {
  display: none !important;
}

.tickets-board-page .ticket-item.is-low { --ticket-accent: #2dbf83; }
.tickets-board-page .ticket-item.is-medium { --ticket-accent: #ffb020; }
.tickets-board-page .ticket-item.is-high { --ticket-accent: #ff6b4a; }
.tickets-board-page .ticket-item.is-critical { --ticket-accent: #e5484d; }
.tickets-board-page .ticket-item.is-internal-task { --ticket-accent: #80078f; }

.tickets-board-page .ticket-item:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--ticket-accent) 34%, rgba(226, 232, 240, 1)) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08), 0 0 0 3px color-mix(in srgb, var(--ticket-accent) 10%, transparent) !important;
}

.tickets-board-page .ticket__top,
.tickets-board-page .helpdesk-ticket-topline {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 0.48rem;
  min-height: 16px;
}

.tickets-board-page .ticket__id,
.tickets-board-page .helpdesk-ticket-number {
  color: #61718a !important;
  font-size: 0.68rem !important;
  font-weight: 780 !important;
  letter-spacing: 0.01em;
}

.tickets-board-page .ticket__badge,
.tickets-board-page .helpdesk-ticket-priority-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 0 0.42rem !important;
  color: var(--ticket-accent) !important;
  background: color-mix(in srgb, var(--ticket-accent) 10%, white) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 0.62rem !important;
  font-weight: 760 !important;
}

.tickets-board-page .ticket__title {
  display: -webkit-box;
  min-height: 2.38em;
  margin: 0 !important;
  overflow: hidden;
  color: #172033 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.8rem !important;
  font-weight: 760 !important;
  line-height: 1.19 !important;
  letter-spacing: -0.018em;
}

.tickets-board-page .ticket__meta,
.tickets-board-page .helpdesk-ticket-meta {
  display: grid !important;
  gap: 0.18rem !important;
  margin: 0 !important;
}

.tickets-board-page .helpdesk-ticket-meta-item {
  display: inline-flex !important;
  align-items: center;
  gap: 0.36rem;
  min-width: 0;
  color: #73839a !important;
  font-size: 0.66rem !important;
  font-weight: 650 !important;
  line-height: 1.18;
}

.tickets-board-page .helpdesk-ticket-meta-item i {
  width: 10px;
  color: #99a8bd;
  font-size: 0.62rem;
}

.tickets-board-page .helpdesk-ticket-meta-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tickets-board-page .lane__empty.helpdesk-column-empty,
.tickets-board-page .lane__empty.inventory-empty-state {
  display: grid !important;
  min-height: 210px;
  place-items: center;
  align-content: center;
  gap: 0.34rem;
  margin: 0.08rem 0;
  padding: 1rem 0.72rem !important;
  color: #74839a;
  background: rgba(255, 255, 255, 0.46);
  border: 1px dashed rgba(148, 163, 184, 0.34);
  border-radius: 10px;
  text-align: center;
}

.tickets-board-page .lane__empty h3,
.tickets-board-page .lane__empty strong {
  margin: 0;
  color: #253044;
  font-size: 0.82rem;
}

.tickets-board-page .lane__empty p,
.tickets-board-page .lane__empty span {
  margin: 0;
  color: #7b8aa0;
  font-size: 0.72rem;
}

.tickets-board-page .lane__empty-icon,
.tickets-board-page .helpdesk-column-empty-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  margin-bottom: 0.22rem;
  color: var(--board-green);
  background: rgba(36, 180, 126, 0.12);
  border-radius: 999px;
}

/* Board refinement pass: reduce duplicated controls and anchor the flow. */
.tickets-board-page .command-bar {
  grid-template-columns: minmax(250px, 0.82fr) minmax(360px, 1fr) auto;
  min-height: 62px;
}

.tickets-board-page .command-bar__actions {
  gap: 0.5rem;
}

.tickets-board-page .command-bar__actions .btn-link--quiet {
  color: #41608d;
  border: 1px solid rgba(203, 213, 225, 0.64);
  background: #ffffff;
}

.tickets-board-page .command-bar__actions .btn-link--quiet:hover {
  color: var(--board-blue);
  border-color: rgba(31, 94, 255, 0.24);
  background: rgba(31, 94, 255, 0.055);
}

.tickets-board-page .btn-primary {
  min-width: 150px;
  padding: 0 3rem 0 0.68rem;
  gap: 0.34rem;
}

.tickets-board-page .btn-primary i {
  margin-left: -0.08rem;
  font-size: 0.82rem;
}

.tickets-board-page .btn-primary span:not(.btn-primary__bolt) {
  position: relative;
  z-index: 1;
}

.tickets-board-page .btn-primary__bolt {
  width: 42px;
}

.tickets-board-page .status-strip {
  grid-template-columns: repeat(5, minmax(86px, auto)) minmax(72px, 1fr);
  min-height: 42px;
}

.tickets-board-page .status-strip__item {
  padding: 0 0.95rem;
}

.tickets-board-page .status-strip__item:first-child {
  padding-left: 0;
}

.tickets-board-page .status-strip__live {
  justify-self: end;
  min-height: 24px;
  padding: 0.15rem 0.42rem;
  color: #6b7c96;
  background: transparent;
  border: 0;
  border-radius: 999px;
  font-size: 0.66rem;
  letter-spacing: 0.02em;
  text-transform: lowercase;
}

.tickets-board-page .status-strip__live .status-dot {
  width: 6px;
  height: 6px;
  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.08);
}

.tickets-board-page .filter-bar {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 50px;
  padding: 0.52rem 1.16rem 0.58rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.72);
}

.tickets-board-page .filter-bar__fields {
  grid-template-columns: minmax(100px, 0.42fr) minmax(180px, 0.74fr) minmax(132px, 0.54fr) minmax(132px, 0.54fr) !important;
  max-width: 760px;
}

.tickets-board-page .filter-field {
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 34px;
  padding: 0 0.62rem;
}

.tickets-board-page .filter-field > span:not(.sr-only) {
  color: #7a879a;
  font-size: 0.64rem;
  font-weight: 820;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tickets-board-page .filter-field input,
.tickets-board-page .filter-field select {
  font-size: 0.72rem;
}

.tickets-board-page .board.helpdesk-board {
  gap: 0.72rem !important;
  padding-top: 0.58rem !important;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.82), rgba(241, 245, 249, 0.94)) !important;
}

.tickets-board-page .lane.helpdesk-column {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--lane-accent) 5%, #ffffff), rgba(255, 255, 255, 0.6)) !important;
  border-top-width: 3px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

.tickets-board-page .lane.helpdesk-column::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--lane-accent) 8%, transparent), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.74), transparent 96px);
  content: "";
}

.tickets-board-page .lane.helpdesk-column > * {
  position: relative;
  z-index: 1;
}

.tickets-board-page .lane__list,
.tickets-board-page .helpdesk-column-list {
  min-height: 360px;
  padding: 0.46rem 0.4rem 0.48rem !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.2));
  border: 1px solid rgba(226, 232, 240, 0.48);
  border-radius: 10px;
}

.tickets-board-page .ticket-item.helpdesk-ticket-card {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 5px 13px rgba(15, 23, 42, 0.052) !important;
}

.tickets-board-page .ticket-item.helpdesk-ticket-card + .ticket-item.helpdesk-ticket-card {
  margin-top: 0.02rem;
}

.tickets-board-page .lane[data-column-tone="backlog"] .lane__count,
.tickets-board-page .lane[data-column-tone="backlog"] .helpdesk-column-count {
  background: rgba(31, 94, 255, 0.09) !important;
  color: #174fd2 !important;
}

.tickets-board-page .lane[data-column-tone="progress"] .lane__count,
.tickets-board-page .lane[data-column-tone="progress"] .helpdesk-column-count {
  background: rgba(40, 184, 255, 0.12) !important;
  color: #0876a6 !important;
}

.tickets-board-page .lane[data-column-tone="waiting"] .lane__count,
.tickets-board-page .lane[data-column-tone="waiting"] .helpdesk-column-count {
  background: rgba(255, 159, 67, 0.14) !important;
  color: #9a4f00 !important;
}

.tickets-board-page .lane[data-column-tone="done"] .lane__count,
.tickets-board-page .lane[data-column-tone="done"] .helpdesk-column-count {
  background: rgba(36, 180, 126, 0.12) !important;
  color: #087852 !important;
}

.tickets-board-page .lane[data-column-tone="archived"] .lane__count,
.tickets-board-page .lane[data-column-tone="archived"] .helpdesk-column-count {
  background: rgba(100, 116, 139, 0.14) !important;
  color: #46556b !important;
}

/* Final product finish: stronger identity, less framework-card language. */
.tickets-board-page .filter-bar__fields {
  grid-template-columns: minmax(136px, 0.5fr) minmax(190px, 0.78fr) minmax(136px, 0.56fr) minmax(142px, 0.58fr) !important;
  max-width: 820px;
}

.tickets-board-page .filter-field {
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.tickets-board-page .filter-field .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.tickets-board-page .filter-field input,
.tickets-board-page .filter-field select {
  min-width: 0;
  padding: 0 !important;
  text-overflow: ellipsis;
}

.tickets-board-page .filter-field--number input {
  min-width: 8.5ch;
}

.tickets-board-page .board.helpdesk-board {
  position: relative;
  margin: 0.08rem 0 0 !important;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(239, 244, 249, 0.98)) !important;
  border-top: 1px solid rgba(210, 220, 233, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.tickets-board-page .lane.helpdesk-column {
  --lane-surface: color-mix(in srgb, var(--lane-accent) 7%, #f8fafc);
  border-top-width: 4px !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--lane-accent) 8%, #ffffff), rgba(255, 255, 255, 0.66) 34%, rgba(248, 250, 252, 0.78)) !important;
}

.tickets-board-page .lane.helpdesk-column::before {
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--lane-accent) 12%, transparent), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,0.78), transparent 104px);
}

.tickets-board-page .lane[data-column-tone="backlog"] {
  --lane-accent: #1f5eff;
}

.tickets-board-page .lane[data-column-tone="progress"] {
  --lane-accent: #0ea5e9;
}

.tickets-board-page .lane[data-column-tone="waiting"] {
  --lane-accent: #f59e0b;
}

.tickets-board-page .lane[data-column-tone="done"] {
  --lane-accent: #10b981;
}

.tickets-board-page .lane[data-column-tone="archived"] {
  --lane-accent: #64748b;
}

.tickets-board-page .helpdesk-column-title-wrap {
  padding-left: 1.05rem;
}

.tickets-board-page .helpdesk-column-title-wrap::before {
  top: 0.02rem;
  width: 7px;
  height: 20px;
  background: var(--lane-accent);
  border-radius: 999px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lane-accent) 10%, transparent);
}

.tickets-board-page .helpdesk-column-title-wrap p {
  display: none !important;
}

.tickets-board-page .helpdesk-column-title-wrap h3 {
  font-size: 0.91rem !important;
  font-weight: 820;
}

.tickets-board-page .lane__list,
.tickets-board-page .helpdesk-column-list {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.34));
  border-color: color-mix(in srgb, var(--lane-accent) 14%, rgba(226, 232, 240, 1));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.tickets-board-page .ticket-item.helpdesk-ticket-card {
  --ticket-border: rgba(208, 217, 229, 0.78);
  min-height: 100px;
  padding: 0.62rem 0.64rem 0.58rem 0.86rem !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid var(--ticket-border) !important;
  border-left: 0 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 7px 16px rgba(15, 23, 42, 0.06) !important;
}

.tickets-board-page .ticket-item.helpdesk-ticket-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  display: block !important;
  width: 4px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ticket-accent) 72%, #ffffff), var(--ticket-accent));
  border-radius: 8px 0 0 8px;
  content: "";
}

.tickets-board-page .ticket-item.helpdesk-ticket-card::after {
  position: absolute;
  top: 0.58rem;
  right: 0.58rem;
  display: block !important;
  width: 9px;
  height: 9px;
  background: var(--ticket-accent);
  border-radius: 999px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ticket-accent) 13%, transparent);
  content: "";
}

.tickets-board-page .ticket__badge,
.tickets-board-page .helpdesk-ticket-priority-badge {
  margin-right: 1rem;
  color: color-mix(in srgb, var(--ticket-accent) 82%, #1f2937) !important;
  background: color-mix(in srgb, var(--ticket-accent) 9%, #ffffff) !important;
}

.tickets-board-page .ticket__title {
  color: #101828 !important;
  font-size: 0.83rem !important;
  font-weight: 820 !important;
  letter-spacing: -0.025em;
}

.tickets-board-page .helpdesk-ticket-meta-item {
  color: #7d8aa0 !important;
  font-size: 0.64rem !important;
  font-weight: 600 !important;
}

.tickets-board-page .helpdesk-ticket-meta-item i {
  color: #a6b2c3;
}

.tickets-board-page .ticket-item:hover {
  transform: translateY(-3px);
  background: #ffffff !important;
  border-color: color-mix(in srgb, var(--ticket-accent) 24%, rgba(208, 217, 229, 1)) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 16px 30px rgba(15, 23, 42, 0.105),
    0 0 0 3px color-mix(in srgb, var(--ticket-accent) 9%, transparent) !important;
}

/* Helpdesk board final UX pass: fewer filters, firmer work items, clearer lanes. */
.tickets-board-page .filter-bar {
  grid-template-columns: minmax(0, 1fr) !important;
}

.tickets-board-page .filter-bar__fields {
  grid-template-columns: minmax(122px, 0.46fr) minmax(210px, 0.78fr) auto !important;
  max-width: 560px;
}

.tickets-board-page .filter-field--assignee {
  min-width: 210px;
}

.tickets-board-page .btn-advanced-filters {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 38px;
  padding: 0 0.78rem;
  color: #1f5eff;
  font-size: 0.74rem;
  font-weight: 780;
  letter-spacing: -0.01em;
  background: rgba(31, 94, 255, 0.07);
  border: 1px solid rgba(31, 94, 255, 0.18);
  border-radius: 9px;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.tickets-board-page .btn-advanced-filters:hover,
.tickets-board-page .btn-advanced-filters.is-active {
  color: #0f46d8;
  background: rgba(31, 94, 255, 0.11);
  border-color: rgba(31, 94, 255, 0.32);
  box-shadow: 0 0 0 3px rgba(31, 94, 255, 0.08);
  transform: translateY(-1px);
}

.tickets-board-page .command-bar__actions .btn-primary {
  padding-left: 0.78rem !important;
  padding-right: 1.28rem !important;
  gap: 0.48rem;
}

.tickets-board-page .board.helpdesk-board {
  padding: 0.7rem 0.68rem 0.78rem !important;
  background:
    linear-gradient(180deg, rgba(246, 249, 253, 0.98), rgba(236, 242, 248, 1)) !important;
  border: 1px solid rgba(205, 216, 229, 0.82);
  border-radius: 0 0 18px 18px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 14px 30px rgba(15, 23, 42, 0.055);
}

.tickets-board-page .lane.helpdesk-column {
  padding: 0.62rem 0.5rem 0.58rem !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--lane-accent) 10%, #ffffff), rgba(255, 255, 255, 0.72) 34%, rgba(245, 248, 252, 0.86)) !important;
  border: 1px solid color-mix(in srgb, var(--lane-accent) 16%, rgba(211, 222, 235, 1)) !important;
  border-top: 4px solid var(--lane-accent) !important;
  border-radius: 10px !important;
}

.tickets-board-page .lane[data-column-tone="backlog"] {
  background: linear-gradient(180deg, rgba(235, 242, 255, 0.92), rgba(248, 250, 252, 0.84)) !important;
}

.tickets-board-page .lane[data-column-tone="progress"] {
  background: linear-gradient(180deg, rgba(231, 247, 255, 0.94), rgba(248, 250, 252, 0.84)) !important;
}

.tickets-board-page .lane[data-column-tone="waiting"] {
  background: linear-gradient(180deg, rgba(255, 247, 229, 0.94), rgba(248, 250, 252, 0.84)) !important;
}

.tickets-board-page .lane[data-column-tone="done"] {
  background: linear-gradient(180deg, rgba(232, 250, 242, 0.94), rgba(248, 250, 252, 0.84)) !important;
}

.tickets-board-page .lane[data-column-tone="archived"] {
  background: linear-gradient(180deg, rgba(239, 244, 249, 0.96), rgba(248, 250, 252, 0.84)) !important;
}

.tickets-board-page .lane__list,
.tickets-board-page .helpdesk-column-list {
  gap: 0.48rem !important;
  padding: 0.54rem 0.44rem !important;
  background: rgba(255, 255, 255, 0.46);
  border: 1px solid color-mix(in srgb, var(--lane-accent) 11%, rgba(224, 231, 240, 1));
  border-radius: 8px;
}

.tickets-board-page .ticket-item.helpdesk-ticket-card {
  min-height: 92px;
  padding: 0.54rem 0.58rem 0.52rem 0.82rem !important;
  background: #ffffff !important;
  border: 1px solid rgba(190, 202, 218, 0.9) !important;
  border-left: 0 !important;
  border-radius: 7px !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 6px 14px rgba(15, 23, 42, 0.075) !important;
}

.tickets-board-page .ticket-item.helpdesk-ticket-card::before {
  width: 5px;
  border-radius: 7px 0 0 7px;
}

.tickets-board-page .ticket__title {
  font-size: 0.84rem !important;
  font-weight: 780 !important;
  line-height: 1.22;
}

.tickets-board-page .ticket__badge,
.tickets-board-page .helpdesk-ticket-priority-badge {
  font-size: 0.58rem !important;
  font-weight: 760 !important;
  padding: 0.12rem 0.38rem !important;
  border: 1px solid color-mix(in srgb, var(--ticket-accent) 16%, transparent);
}

.tickets-board-page .ticket-item:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--ticket-accent) 30%, rgba(182, 196, 214, 1)) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 14px 24px rgba(15, 23, 42, 0.12),
    0 0 0 2px color-mix(in srgb, var(--ticket-accent) 10%, transparent) !important;
}

.helpdesk-advanced-filter-dialog {
  border-radius: 18px !important;
}

.helpdesk-advanced-filter-modal {
  display: grid;
  gap: 0.86rem;
  text-align: left;
}

.helpdesk-advanced-filter-modal fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  padding: 0.82rem;
  margin: 0;
  border: 1px solid rgba(213, 223, 235, 0.92);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.72);
}

.helpdesk-advanced-filter-modal legend,
.helpdesk-advanced-filter-modal label > span {
  color: #506176;
  font-size: 0.7rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.helpdesk-advanced-filter-modal label {
  display: grid;
  gap: 0.34rem;
}

.helpdesk-advanced-filter-modal input,
.helpdesk-advanced-filter-modal select {
  min-height: 42px;
  padding: 0 0.78rem;
  color: #172033;
  background: #fff;
  border: 1px solid rgba(203, 213, 225, 0.95);
  border-radius: 10px;
}

.helpdesk-advanced-filter-service {
  padding: 0.82rem;
  border: 1px solid rgba(213, 223, 235, 0.92);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.82);
}

/* Quadro de chamados: acabamento final de identidade, altern?ncia e modal. */
.tickets-board-page.is-list-view .board.helpdesk-board {
  display: none !important;
}

.tickets-board-page:not(.is-list-view) .helpdesk-ticket-list-view {
  display: none !important;
}

.tickets-board-page .helpdesk-ticket-list-view {
  display: grid;
  gap: 0.44rem;
  padding: 0.78rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 250, 253, 0.92));
  border: 1px solid rgba(203, 213, 225, 0.72);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.055);
}

.tickets-board-page .helpdesk-ticket-list-row {
  display: grid;
  grid-template-columns: 56px minmax(220px, 1fr) minmax(120px, 0.45fr) minmax(140px, 0.5fr) minmax(110px, auto) 130px;
  gap: var(--space-3);
  align-items: center;
  min-height: 56px;
  padding: var(--space-2) var(--space-3);
  color: var(--color-text);
  background: var(--color-surface-solid);
  border: 1px solid var(--color-border-subtle);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.tickets-board-page .helpdesk-ticket-list-row:hover {
  border-color: var(--color-primary-200);
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

/* Priority-based left border accent */
.tickets-board-page .helpdesk-ticket-list-row.is-low { border-left-color: var(--color-info); }
.tickets-board-page .helpdesk-ticket-list-row.is-medium { border-left-color: var(--color-warning); }
.tickets-board-page .helpdesk-ticket-list-row.is-high { border-left-color: #f97316; }
.tickets-board-page .helpdesk-ticket-list-row.is-critical { border-left-color: var(--color-danger); }

/* Internal task: tinted background with purple accent (matches the kanban card) */
.tickets-board-page .helpdesk-ticket-list-row.is-internal-task {
  background:
    radial-gradient(circle at 100% 0%, rgba(192, 38, 211, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(250, 245, 255, 0.98), rgba(243, 232, 255, 0.95));
  border-color: rgba(192, 38, 211, 0.20);
  border-left-color: #c026d3;
}

.tickets-board-page .helpdesk-ticket-list-row.is-internal-task:hover {
  border-color: rgba(192, 38, 211, 0.34);
}

.tickets-board-page .helpdesk-ticket-list-number {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-text);
  text-align: center;
}

.tickets-board-page .helpdesk-ticket-list-column,
.tickets-board-page .helpdesk-ticket-list-assignee,
.tickets-board-page .helpdesk-ticket-list-row time {
  color: var(--color-text-soft);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
}

.tickets-board-page .helpdesk-ticket-list-main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tickets-board-page .helpdesk-ticket-list-main strong {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tickets-board-page .helpdesk-ticket-list-main small {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tickets-board-page .helpdesk-ticket-list-sla {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.tickets-board-page .helpdesk-ticket-list-sla:empty {
  display: none;
}

.tickets-board-page .helpdesk-ticket-list-main strong {
  overflow: hidden;
  color: #101828;
  font-size: 0.84rem;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tickets-board-page .helpdesk-ticket-list-main small {
  overflow: hidden;
  color: #748199;
  font-size: 0.72rem;
  font-weight: 590;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tickets-board-page .btn-toggle-view {
  min-width: 82px;
}

.tickets-board-page .btn-toggle-view.is-active {
  color: #174fd2;
  background: color-mix(in srgb, var(--board-blue) 10%, #ffffff);
  border-color: color-mix(in srgb, var(--board-blue) 20%, #dbe6f4);
}

.tickets-board-page .lane[data-column-tone="backlog"] {
  --lane-accent: #1f5eff;
}

.tickets-board-page .lane[data-column-tone="progress"] {
  --lane-accent: #17a672;
}

.tickets-board-page .lane[data-column-tone="waiting"] {
  --lane-accent: #d79522;
}

.tickets-board-page .lane[data-column-tone="done"] {
  --lane-accent: #31b981;
}

.tickets-board-page .lane[data-column-tone="archived"] {
  --lane-accent: #64748b;
}

.tickets-board-page .lane__count,
.tickets-board-page .helpdesk-column-count {
  color: color-mix(in srgb, var(--lane-accent) 82%, #172033) !important;
  background: color-mix(in srgb, var(--lane-accent) 12%, #ffffff) !important;
  border: 1px solid color-mix(in srgb, var(--lane-accent) 18%, transparent) !important;
}

.tickets-board-page .lane[data-column-tone] .ticket-item.helpdesk-ticket-card {
  --ticket-accent: var(--lane-accent) !important;
}

.tickets-board-page .ticket-item.helpdesk-ticket-card::after,
.tickets-board-page .helpdesk-ticket-priority-dot {
  display: none !important;
  content: none !important;
}

.tickets-board-page .ticket-item.helpdesk-ticket-card {
  border-left-color: var(--lane-accent) !important;
}

.helpdesk-advanced-filter-dialog {
  width: min(760px, calc(100vw - 32px)) !important;
  padding: 0 !important;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(31, 94, 255, 0.08), transparent 34%),
    #f8fafc !important;
  border: 1px solid rgba(191, 204, 222, 0.78) !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22) !important;
}

.helpdesk-advanced-filter-dialog .swal2-title {
  margin: 0 !important;
  padding: 1.18rem 1.28rem 0.42rem !important;
  color: #101828 !important;
  font-size: 1.08rem !important;
  font-weight: 820 !important;
  letter-spacing: -0.035em !important;
  text-align: left !important;
}

.helpdesk-advanced-filter-dialog .swal2-html-container {
  margin: 0 !important;
  padding: 0.3rem 1.28rem 1rem !important;
  overflow: visible !important;
}

.helpdesk-advanced-filter-dialog .swal2-actions {
  justify-content: flex-end !important;
  gap: 0.58rem !important;
  width: 100% !important;
  padding: 0.86rem 1.28rem 1.18rem !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.66) !important;
  border-top: 1px solid rgba(217, 226, 236, 0.82) !important;
}

.helpdesk-advanced-filter-dialog .swal2-confirm,
.helpdesk-advanced-filter-dialog .swal2-deny,
.helpdesk-advanced-filter-dialog .swal2-cancel {
  min-height: 38px !important;
  padding: 0 0.92rem !important;
  border-radius: 10px !important;
  font-size: 0.78rem !important;
  font-weight: 760 !important;
  transition: transform 170ms ease, box-shadow 170ms ease, border-color 170ms ease, background 170ms ease !important;
}

.helpdesk-advanced-filter-dialog .swal2-confirm {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1f5eff 0%, #0b73ff 72%, #28b8ff 100%) !important;
  border: 1px solid rgba(31, 94, 255, 0.82) !important;
  box-shadow: 0 14px 28px rgba(31, 94, 255, 0.22) !important;
}

.helpdesk-advanced-filter-dialog .swal2-deny {
  color: #174fd2 !important;
  background: #ffffff !important;
  border: 1px solid rgba(31, 94, 255, 0.18) !important;
}

.helpdesk-advanced-filter-dialog .swal2-cancel {
  color: #526173 !important;
  background: transparent !important;
  border: 1px solid rgba(203, 213, 225, 0.84) !important;
}

.helpdesk-advanced-filter-dialog .swal2-confirm:hover,
.helpdesk-advanced-filter-dialog .swal2-deny:hover,
.helpdesk-advanced-filter-dialog .swal2-cancel:hover {
  transform: translateY(-1px) !important;
}

.helpdesk-advanced-filter-dialog {
  width: min(640px, calc(100vw - 28px)) !important;
  border-radius: 18px !important;
}

.helpdesk-advanced-filter-dialog .swal2-title {
  padding: 1rem 1.12rem 0.34rem !important;
  font-size: 1.05rem !important;
  letter-spacing: -0.03em !important;
}

.helpdesk-advanced-filter-dialog .swal2-html-container {
  padding: 0.22rem 1.12rem 0.9rem !important;
}

.helpdesk-advanced-filter-modal.is-compact {
  display: grid;
  gap: 0.58rem;
  text-align: left;
}

.helpdesk-advanced-filter-modal.is-compact .helpdesk-advanced-filter-group,
.helpdesk-advanced-filter-modal.is-compact .helpdesk-advanced-filter-service {
  display: grid;
  gap: 0.48rem;
  padding: 0.72rem;
  background: #ffffff;
  border: 1px solid rgba(209, 221, 236, 0.82);
  border-radius: 13px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
}

.helpdesk-advanced-filter-modal.is-compact .helpdesk-advanced-filter-group > strong,
.helpdesk-advanced-filter-modal.is-compact label > span {
  color: #536176;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.helpdesk-advanced-filter-modal.is-compact .helpdesk-advanced-filter-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.58rem;
}

.helpdesk-advanced-filter-modal.is-compact label {
  display: grid;
  gap: 0.32rem;
}

.helpdesk-advanced-filter-modal.is-compact input,
.helpdesk-advanced-filter-modal.is-compact select {
  width: 100%;
  min-height: 38px;
  padding: 0 0.72rem;
  color: #1f2937;
  background: #fdfefe;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 10px;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.helpdesk-advanced-filter-modal.is-compact input:focus,
.helpdesk-advanced-filter-modal.is-compact select:focus {
  background: #ffffff;
  border-color: rgba(31, 94, 255, 0.46);
  box-shadow: 0 0 0 3px rgba(31, 94, 255, 0.1);
}

.helpdesk-advanced-filter-dialog .swal2-actions {
  padding: 0.78rem 1.12rem 1rem !important;
}

.helpdesk-advanced-filter-modal {
  gap: 0.7rem;
}

.helpdesk-advanced-filter-modal fieldset,
.helpdesk-advanced-filter-service {
  background: rgba(255, 255, 255, 0.84);
  border-color: rgba(208, 219, 233, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

@media (max-width: 1180px) {
  .helpdesk-workspace-board .ds-toolbar.helpdesk-filter-shell.helpdesk-filter-shell-premium {
    grid-template-areas:
      "command"
      "filters";
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 0.54rem !important;
  }

  .helpdesk-workspace-board .helpdesk-board-command {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
  }

  .helpdesk-workspace-board .helpdesk-board-command-side {
    margin-top: 0;
  }

  .helpdesk-workspace-board .helpdesk-filter-grid.helpdesk-filter-grid-board {
    grid-template-columns: minmax(220px, 1fr) minmax(96px, 0.42fr) minmax(160px, 0.62fr) auto !important;
  }
}

[data-theme-mode="dark"] .helpdesk-workspace-board .helpdesk-column,
[data-theme-mode="dark"] .helpdesk-workspace-board .helpdesk-filter-shell,
[data-theme-mode="dark"] .helpdesk-workspace-board .helpdesk-board-command,
    [data-theme-mode="dark"] .helpdesk-workspace-board .helpdesk-ticket-card {
      background: var(--color-surface);
      border-color: var(--color-border);
    }

    /* Quadro de chamados: header compacto em duas linhas via tokens DS. */
    .tickets-board-page .tickets-board-top {
      display: block !important;
      background: var(--color-surface-solid) !important;
      border-bottom: 1px solid var(--color-border-subtle) !important;
      box-shadow: var(--shadow-xs);
    }

    .tickets-board-page .command-bar {
      display: grid !important;
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto !important;
      gap: 0 !important;
      min-height: auto !important;
      padding: 0 !important;
      background: transparent !important;
      border-bottom: 0 !important;
    }

    .tickets-board-page .command-bar__row {
      display: grid;
      align-items: center;
      min-width: 0;
    }

    .tickets-board-page .command-bar__row--primary {
      grid-template-columns: minmax(220px, 0.64fr) minmax(620px, 1.36fr);
      gap: var(--space-4);
      min-height: 56px;
      padding: var(--space-3) var(--space-5) var(--space-2);
      border-bottom: 1px solid var(--color-border-subtle);
    }

    .tickets-board-page .command-bar__row--secondary {
      grid-template-columns: minmax(440px, 0.95fr) minmax(430px, 1.05fr);
      gap: var(--space-4);
      min-height: 48px;
      padding: var(--space-2) var(--space-5);
    }

    .tickets-board-page .command-bar__title-block {
      gap: 2px;
    }

    .tickets-board-page .command-bar h1 {
      font-size: var(--font-size-lg);
      line-height: var(--line-height-tight);
      letter-spacing: var(--letter-spacing-tight);
      color: var(--color-text);
      font-weight: var(--font-weight-bold);
      margin: 0;
    }

    .tickets-board-page .command-bar p {
      font-size: var(--font-size-xs);
      line-height: var(--line-height-snug);
      color: var(--color-text-muted);
      margin: 0;
    }

    .tickets-board-page .command-bar__primary-actions {
      display: grid;
      grid-template-columns: minmax(300px, 1fr) auto auto auto;
      gap: var(--space-2);
      align-items: center;
      justify-self: end;
      width: min(100%, 850px);
    }

    .tickets-board-page .command-bar__search {
      min-height: 36px;
      border-radius: var(--radius-md);
      background: var(--color-surface-muted);
      border: 1px solid var(--color-border-subtle);
      box-shadow: none;
      transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
    }

    .tickets-board-page .command-bar__search:focus-within {
      border-color: var(--color-primary);
      box-shadow: var(--shadow-focus);
      background: var(--color-surface-solid);
    }

    .tickets-board-page .command-bar__search input {
      font-size: var(--font-size-sm);
    }

    .tickets-board-page .btn-filter,
    .tickets-board-page .btn-primary,
    .tickets-board-page .btn-more-filters,
    .tickets-board-page .btn-link,
    .tickets-board-page .btn-toggle-view,
    .tickets-board-page .btn-advanced-filters {
      min-height: 36px !important;
      border-radius: var(--radius-md) !important;
      font-size: var(--font-size-xs) !important;
      font-weight: var(--font-weight-semibold) !important;
    }

    .tickets-board-page .command-bar__actions {
      display: none !important;
    }

    .tickets-board-page .filter-bar {
      display: block !important;
      min-height: auto !important;
      padding: 0 !important;
      border: 0 !important;
    }

    .tickets-board-page .filter-bar__fields {
      display: none !important;
    }

    .tickets-board-page .filter-bar__left {
      display: grid;
      grid-template-columns: minmax(128px, 0.5fr) minmax(184px, 0.72fr) auto auto;
      gap: var(--space-3);
      align-items: center;
      max-width: 540px;
    }

    .tickets-board-page .filter-field {
      min-height: 34px;
      padding: 0 0.62rem;
      border-radius: 8px;
    }

    .tickets-board-page .filter-field--number {
      min-width: 142px;
    }

    .tickets-board-page .filter-field--assignee {
      min-width: 190px;
    }

    .tickets-board-page .command-bar__metrics.status-strip {
      display: grid !important;
      grid-template-columns: repeat(5, minmax(74px, auto));
      justify-content: end;
      align-items: center;
      min-height: auto;
      padding: 0 !important;
      border-bottom: 0 !important;
    }

    .tickets-board-page .command-bar__metrics .status-strip__item {
      min-height: 28px;
      padding: 0 0.82rem;
      gap: 0.38rem;
      border-left: 1px solid rgba(226, 232, 240, 0.94);
    }

    .tickets-board-page .command-bar__metrics .status-strip__item:first-child {
      border-left: 0;
    }

    .tickets-board-page .command-bar__metrics .status-strip__item small {
      font-size: 0.64rem;
    }

    .tickets-board-page .command-bar__metrics .status-strip__item strong {
      font-size: 0.86rem;
    }

    .tickets-board-page .status-strip__live,
    .tickets-board-page .status-strip__item--online {
      display: none !important;
    }

    .tickets-board-page .command-bar__primary-actions .btn-primary {
      min-width: 138px;
      padding-left: 0.64rem !important;
      padding-right: 2.72rem !important;
    }

    .tickets-board-page .command-bar__primary-actions .btn-primary__bolt {
      width: 38px;
    }

    .tickets-board-page .ticket__badge,
    .tickets-board-page .helpdesk-ticket-priority-badge {
      display: none !important;
    }

    .tickets-board-page .lane__empty.inventory-empty-state,
    .tickets-board-page .lane__empty.helpdesk-column-empty {
      gap: 0.68rem !important;
      min-height: 188px;
    }

    .tickets-board-page .lane__empty-icon + strong {
      display: block;
    }

    .tickets-board-page .lane__empty span,
    .tickets-board-page .lane__empty p {
      display: none !important;
    }

    @media (max-width: 900px) {
      .ds-page-header,
      .ds-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .ds-grid--2,
  .ds-grid--3 {
    grid-template-columns: 1fr;
  }
}

.helpdesk-workspace-board .helpdesk-ticket-card.is-client-filter-hidden,
.helpdesk-workspace-board .helpdesk-ticket-card[hidden],
.tickets-board-page .ticket-item.helpdesk-ticket-card.is-client-filter-hidden,
.tickets-board-page .ticket-item.helpdesk-ticket-card[hidden],
.helpdesk-ticket-list-row.is-client-filter-hidden,
.helpdesk-ticket-list-row[hidden] {
  display: none !important;
}

.helpdesk-workspace-board .helpdesk-ticket-sla {
  margin-left: auto;
  white-space: nowrap;
}

.helpdesk-workspace-board .helpdesk-ticket-sla.ds-badge {
  min-height: 1.22rem;
  padding: 0.14rem 0.4rem;
  gap: 0.22rem;
  font-size: 0.62rem;
  font-weight: 780;
  letter-spacing: 0;
  box-shadow: none;
}

.helpdesk-workspace-board .helpdesk-ticket-sla i {
  font-size: 0.64rem;
}

.helpdesk-sla-page {
  gap: 1.05rem;
  font-family: var(--font-sans);
}

.helpdesk-sla-hero,
.helpdesk-sla-guidance,
.helpdesk-sla-table-card,
.helpdesk-sla-error {
  border-radius: 22px;
}

.helpdesk-sla-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: var(--space-5);
  padding: 1.35rem 1.45rem;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 0%, rgba(94, 215, 255, 0.13), transparent 27%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.96));
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.055);
}

.helpdesk-sla-kicker {
  display: inline-flex;
  color: var(--nz-blue-700);
  font-size: 0.68rem;
  font-weight: 860;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.helpdesk-sla-hero h2 {
  margin: 0.58rem 0 0.42rem;
  color: var(--color-text);
  font-size: clamp(1.75rem, 2.4vw, 2.55rem);
  font-weight: 850;
  letter-spacing: -0.055em;
}

.helpdesk-sla-hero p,
.helpdesk-sla-guidance p,
.helpdesk-sla-modal p {
  margin: 0;
  color: var(--color-text-soft);
  font-size: 0.94rem;
  line-height: 1.58;
}

.helpdesk-sla-hero__panel {
  display: grid;
  align-content: space-between;
  justify-items: end;
  gap: var(--space-5);
}

.helpdesk-sla-hero__badges,
.helpdesk-sla-hero__buttons {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.58rem;
  flex-wrap: wrap;
}

.helpdesk-sla-cell--actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.58rem;
  flex-wrap: wrap;
}

.helpdesk-sla-hero__badges .ds-badge {
  min-height: 1.55rem;
  padding: 0.25rem 0.78rem;
  border-radius: var(--radius-pill);
  font-size: 0.72rem;
  box-shadow: none;
}

.helpdesk-sla-guidance {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, rgba(246, 250, 255, 0.96), rgba(255, 255, 255, 0.98));
  border-color: rgba(18, 63, 183, 0.09);
  box-shadow: 0 12px 28px rgba(7, 17, 31, 0.04);
}

.helpdesk-sla-guidance__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.45rem;
  height: 2.45rem;
  border-radius: var(--radius-pill);
  color: var(--nz-blue-700);
  background: rgba(31, 94, 255, 0.10);
}

.helpdesk-sla-guidance strong {
  display: block;
  margin-bottom: 0.1rem;
  color: var(--color-text);
  font-size: 0.98rem;
  font-weight: 830;
}

.helpdesk-sla-inline-action {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 0;
  background: transparent;
  color: var(--nz-blue-700);
  font-size: 0.84rem;
  font-weight: 820;
  cursor: pointer;
}

.helpdesk-sla-inline-action:hover {
  color: var(--nz-blue-900);
}

.helpdesk-sla-table-card {
  padding: 1rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 252, 255, 0.96));
  border-color: rgba(18, 63, 183, 0.08);
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.045);
}

.helpdesk-sla-table {
  display: grid;
  gap: 0.34rem;
  min-width: 960px;
}

.helpdesk-sla-table-head,
.helpdesk-sla-row {
  display: grid;
  grid-template-columns: 78px minmax(190px, 1.3fr) minmax(160px, 0.9fr) minmax(140px, 0.75fr) 104px 104px 120px 72px;
  align-items: center;
  gap: 0.78rem;
}

.helpdesk-sla-table-head {
  padding: 0.48rem 0.72rem 0.62rem;
  color: var(--color-text-muted);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.helpdesk-sla-head-with-tooltip {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
}

.helpdesk-sla-tooltip-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--nz-blue-500);
  cursor: help;
}

.helpdesk-sla-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.52rem);
  z-index: 5;
  width: max-content;
  max-width: 15rem;
  padding: 0.5rem 0.62rem;
  border: 1px solid rgba(18, 63, 183, 0.12);
  border-radius: 12px;
  background: var(--nz-navy-950);
  color: #f8fbff;
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.20);
  font-size: 0.74rem;
  font-weight: 720;
  letter-spacing: 0;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  text-transform: none;
  transform: translate(-50%, 4px);
  transition: opacity var(--nz-transition-fast), transform var(--nz-transition-fast);
}

.helpdesk-sla-tooltip-trigger:hover .helpdesk-sla-tooltip,
.helpdesk-sla-tooltip-trigger:focus-visible .helpdesk-sla-tooltip,
.helpdesk-sla-icon-button:hover .helpdesk-sla-tooltip,
.helpdesk-sla-icon-button:focus-visible .helpdesk-sla-tooltip {
  opacity: 1;
  transform: translate(-50%, 0);
}

.helpdesk-sla-table-body {
  display: grid;
  gap: 0.42rem;
}

.helpdesk-sla-row {
  min-height: 3.75rem;
  padding: 0.44rem 0.72rem;
  border: 1px solid rgba(18, 63, 183, 0.065);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 8px 20px rgba(7, 17, 31, 0.028);
  transition: transform var(--nz-transition-fast), box-shadow var(--nz-transition-fast), border-color var(--nz-transition-fast), background var(--nz-transition-fast);
}

.helpdesk-sla-row.is-dirty {
  border-color: rgba(31, 94, 255, 0.24);
  background:
    linear-gradient(90deg, rgba(31, 94, 255, 0.055), rgba(255, 255, 255, 0.96) 42%),
    rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 26px rgba(31, 94, 255, 0.07);
}

.helpdesk-sla-row:hover {
  transform: translateY(-1px);
  border-color: rgba(31, 94, 255, 0.16);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 14px 28px rgba(7, 17, 31, 0.055);
}

.helpdesk-sla-row.is-dragging {
  cursor: grabbing;
  opacity: 0.62;
  transform: scale(0.995);
}

.helpdesk-sla-cell {
  min-width: 0;
}

.helpdesk-sla-cell--order {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.helpdesk-sla-drag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  height: 1.9rem;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--color-text-muted);
  cursor: grab;
}

.helpdesk-sla-drag:hover {
  color: var(--nz-blue-700);
  background: rgba(31, 94, 255, 0.07);
}

.helpdesk-sla-drag:active {
  cursor: grabbing;
}

.helpdesk-sla-order-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  border-radius: 9px;
  color: var(--color-text-soft);
  background: rgba(18, 63, 183, 0.06);
  font-size: 0.78rem;
  font-weight: 820;
}

.helpdesk-sla-cell--rule {
  position: relative;
  display: grid;
  gap: 0.12rem;
  padding-left: 1.02rem;
}

.helpdesk-sla-rule-accent {
  position: absolute;
  left: 0;
  top: 0.08rem;
  bottom: 0.08rem;
  width: 3px;
  border-radius: var(--radius-pill);
  background: rgba(51, 135, 255, 0.72);
}

.helpdesk-sla-row[data-tone="critical"] .helpdesk-sla-rule-accent {
  background: var(--nz-danger);
}

.helpdesk-sla-row[data-tone="high"] .helpdesk-sla-rule-accent {
  background: var(--nz-warning);
}

.helpdesk-sla-row[data-tone="medium"] .helpdesk-sla-rule-accent {
  background: color-mix(in srgb, var(--nz-warning) 58%, var(--color-surface-solid));
}

.helpdesk-sla-row[data-tone="low"] .helpdesk-sla-rule-accent {
  background: var(--nz-blue-500);
}

.helpdesk-sla-row[data-tone="standard"] .helpdesk-sla-rule-accent {
  background: color-mix(in srgb, var(--nz-blue-500) 58%, var(--color-surface-solid));
}

.helpdesk-sla-rule-input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text);
  font-size: 0.95rem;
  font-weight: 830;
  line-height: 1.2;
  outline: 0;
}

.helpdesk-sla-cell--rule small {
  color: var(--color-text-soft);
  font-size: 0.78rem;
}

.helpdesk-sla-select.ds-field {
  width: 100%;
  min-height: 2.35rem;
  height: 2.35rem;
  padding: 0.46rem 0.74rem;
  border-radius: 11px;
  color: var(--color-text);
  font-size: 0.86rem;
}

.helpdesk-sla-priority-select.ds-field {
  min-width: 0;
  padding: 0.42rem 2rem 0.42rem 0.78rem;
  border-color: rgba(18, 63, 183, 0.10);
  background:
    linear-gradient(90deg, rgba(18, 63, 183, 0.035), rgba(255, 255, 255, 0) 62%),
    var(--color-surface-solid);
  color: var(--color-text);
  font-size: 0.8rem;
  font-weight: 820;
  letter-spacing: -0.01em;
  text-overflow: ellipsis;
  box-shadow: 0 5px 12px rgba(7, 17, 31, 0.025);
}

.helpdesk-sla-priority-select.ds-field:hover {
  border-color: rgba(31, 94, 255, 0.18);
  box-shadow: 0 8px 18px rgba(7, 17, 31, 0.045);
}

.helpdesk-sla-priority-select[data-priority-tone="critical"] {
  border-color: color-mix(in srgb, var(--nz-danger) 28%, var(--color-border));
  background:
    linear-gradient(90deg, var(--nz-danger-soft), rgba(255, 255, 255, 0) 68%),
    var(--color-surface-solid);
  color: color-mix(in srgb, var(--nz-danger) 76%, var(--nz-navy-950));
}

.helpdesk-sla-priority-select[data-priority-tone="high"] {
  border-color: color-mix(in srgb, var(--nz-warning) 28%, var(--color-border));
  background:
    linear-gradient(90deg, var(--nz-warning-soft), rgba(255, 255, 255, 0) 68%),
    var(--color-surface-solid);
  color: color-mix(in srgb, var(--nz-warning) 72%, var(--nz-navy-950));
}

.helpdesk-sla-priority-select[data-priority-tone="medium"] {
  border-color: color-mix(in srgb, var(--nz-warning) 18%, var(--color-border));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--nz-warning-soft) 72%, var(--color-surface-solid)), rgba(255, 255, 255, 0) 68%),
    var(--color-surface-solid);
  color: color-mix(in srgb, var(--nz-warning) 62%, var(--nz-navy-950));
}

.helpdesk-sla-priority-select[data-priority-tone="low"] {
  border-color: color-mix(in srgb, var(--nz-blue-500) 24%, var(--color-border));
  background:
    linear-gradient(90deg, var(--color-primary-soft), rgba(255, 255, 255, 0) 68%),
    var(--color-surface-solid);
  color: var(--nz-blue-700);
}

.helpdesk-sla-priority-select[data-priority-tone="standard"] {
  border-color: rgba(18, 63, 183, 0.10);
  background:
    linear-gradient(90deg, rgba(31, 94, 255, 0.055), rgba(255, 255, 255, 0) 68%),
    var(--color-surface-solid);
  color: color-mix(in srgb, var(--nz-warning) 58%, var(--nz-navy-950));
}

.helpdesk-sla-select option {
  color: var(--color-text);
  background: var(--color-surface-solid);
  font-weight: 700;
}

.helpdesk-sla-number-field {
  display: inline-grid;
  grid-template-columns: 4.45rem 1.25rem;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 11px;
  background: var(--color-surface-solid);
}

.helpdesk-sla-number-field input.ds-field {
  width: 4.45rem;
  min-height: 2.35rem;
  height: 2.35rem;
  padding: 0.44rem 0.72rem;
  border: 0;
  border-radius: 0;
  text-align: center;
  font-weight: 780;
  box-shadow: none;
}

.helpdesk-sla-number-field em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-left: 1px solid rgba(18, 63, 183, 0.08);
  color: var(--color-text-soft);
  font-style: normal;
  font-weight: 760;
}

.helpdesk-sla-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.52rem;
  margin: 0;
  color: var(--color-text-soft);
  font-size: 0.82rem;
  font-weight: 780;
}

.helpdesk-sla-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.helpdesk-sla-toggle span {
  position: relative;
  width: 2.18rem;
  height: 1.14rem;
  border-radius: var(--radius-pill);
  background: #cbd5e1;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: inset 0 1px 2px rgba(7, 17, 31, 0.12);
  transition: background var(--nz-transition-fast);
}

.helpdesk-sla-toggle span::after {
  content: "";
  position: absolute;
  top: 0.16rem;
  left: 0.16rem;
  width: 0.82rem;
  height: 0.82rem;
  border-radius: var(--radius-pill);
  background: #fff;
  box-shadow: 0 2px 5px rgba(7, 17, 31, 0.22);
  transition: transform var(--nz-transition-fast);
}

.helpdesk-sla-toggle input:checked + span {
  background: linear-gradient(135deg, var(--nz-success), color-mix(in srgb, var(--nz-success) 78%, var(--nz-cyan-400)));
  box-shadow: 0 0 0 3px rgba(33, 196, 123, 0.10);
}

.helpdesk-sla-toggle input:checked + span::after {
  transform: translateX(1.02rem);
}

.helpdesk-sla-icon-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid rgba(18, 63, 183, 0.10);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--nz-blue-700);
  cursor: pointer;
  transition: background var(--nz-transition-fast), color var(--nz-transition-fast), transform var(--nz-transition-fast);
}

.helpdesk-sla-tooltip--action {
  bottom: calc(100% + 0.42rem);
  font-size: 0.72rem;
}

.helpdesk-sla-hero__buttons .ds-button:disabled {
  cursor: not-allowed;
  opacity: 0.54;
  box-shadow: none;
}

.helpdesk-sla-icon-button:hover {
  transform: translateY(-1px);
  background: rgba(31, 94, 255, 0.08);
}

.helpdesk-sla-icon-button--danger {
  color: var(--nz-danger);
}

.helpdesk-sla-error {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-5);
}

.helpdesk-sla-modal-open {
  overflow: hidden;
}

.helpdesk-sla-modal {
  position: fixed;
  inset: 0;
  z-index: 2200;
  display: grid;
  place-items: center;
  padding: 2rem;
}

.helpdesk-sla-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 16, 32, 0.48);
  backdrop-filter: blur(8px);
}

.helpdesk-sla-modal__panel {
  position: relative;
  width: min(760px, calc(100vw - 2rem));
  max-height: calc(100vh - 3rem);
  overflow: auto;
  padding: 1.45rem;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 24px;
  background:
    radial-gradient(circle at 10% 0%, rgba(94, 215, 255, 0.16), transparent 32%),
    rgba(255, 255, 255, 0.98);
  box-shadow: 0 28px 80px rgba(7, 17, 31, 0.26);
  animation: helpdesk-sla-modal-in 180ms ease-out;
}

@keyframes helpdesk-sla-modal-in {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.helpdesk-sla-modal__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid rgba(18, 63, 183, 0.10);
  border-radius: 11px;
  background: #fff;
  color: var(--color-text-soft);
}

.helpdesk-sla-modal__intro h3 {
  margin: 0.45rem 0 0.35rem;
  color: var(--color-text);
  font-size: 1.55rem;
  letter-spacing: -0.045em;
}

.helpdesk-sla-confirm {
  display: grid;
  gap: 1.1rem;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.helpdesk-sla-confirm__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
  padding-top: 0.2rem;
}

.helpdesk-sla-specificity {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1.1rem;
}

.helpdesk-sla-specificity article,
.helpdesk-sla-order-note,
.helpdesk-sla-example {
  border-radius: 18px;
  border: 1px solid rgba(18, 63, 183, 0.08);
  background: rgba(255, 255, 255, 0.78);
}

.helpdesk-sla-specificity article {
  display: grid;
  gap: 0.35rem;
  padding: 1rem;
}

.helpdesk-sla-specificity article strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-pill);
  color: var(--nz-blue-700);
  background: rgba(31, 94, 255, 0.10);
}

.helpdesk-sla-specificity article span,
.helpdesk-sla-order-note strong,
.helpdesk-sla-example strong {
  color: var(--color-text);
  font-weight: 830;
}

.helpdesk-sla-specificity article small {
  color: var(--color-text-soft);
}

.helpdesk-sla-order-note {
  display: grid;
  gap: 0.4rem;
  margin-top: 0.8rem;
  padding: 1rem;
}

.helpdesk-sla-example-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1.1rem;
}

.helpdesk-sla-example {
  display: grid;
  align-content: space-between;
  gap: 0.85rem;
  padding: 1rem;
}

.helpdesk-sla-example p {
  margin-top: 0.22rem;
  font-size: 0.82rem;
  line-height: 1.45;
}

.helpdesk-sla-example ul {
  display: grid;
  gap: 0.42rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.helpdesk-sla-example li {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  color: var(--color-text-soft);
  font-size: 0.8rem;
}

@media (max-width: 1180px) {
  .helpdesk-sla-table-card {
    overflow-x: auto;
  }
}

@media (max-width: 980px) {
  .helpdesk-sla-hero,
  .helpdesk-sla-guidance {
    grid-template-columns: 1fr;
  }

  .helpdesk-sla-hero__panel {
    justify-items: start;
  }

  .helpdesk-sla-specificity,
  .helpdesk-sla-example-list {
    grid-template-columns: 1fr;
  }
}

/* =============================================
   Unified View — Premium SaaS Refinement
   ============================================= */

.unified-view-page {
  gap: 0.85rem;
  font-family: var(--font-sans);
}

/* ── Hero Compact ── */

.unified-view-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-radius: 18px;
  background:
    radial-gradient(circle at 10% 0%, rgba(94, 215, 255, 0.10), transparent 27%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.96));
  box-shadow: 0 12px 28px rgba(7, 17, 31, 0.045);
}

.unified-view-kicker {
  display: inline-flex;
  color: var(--nz-blue-700);
  font-size: 0.62rem;
  font-weight: 860;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 0.15rem;
}

.unified-view-hero h2 {
  margin: 0;
  color: var(--color-text);
  font-size: clamp(1.15rem, 1.6vw, 1.45rem);
  font-weight: 820;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.unified-view-hero p {
  display: none;
}

.unified-view-hero__panel {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

.unified-view-hero__badges {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.unified-view-hero__badges .ds-badge {
  min-height: 1.35rem;
  padding: 0.15rem 0.6rem;
  border-radius: var(--radius-pill);
  font-size: 0.65rem;
  font-weight: 700;
  box-shadow: none;
}

.unified-view-hero__buttons .ds-button {
  min-height: 30px;
  padding: 0.2rem 0.65rem;
  font-size: 0.72rem;
  gap: 0.35rem;
}

.unified-view-hero__buttons .ds-button i {
  font-size: 0.7rem;
}

/* ── Context Breadcrumb ── */

.unified-view-page .ds-context-line {
  margin-top: -0.2rem;
  margin-bottom: -0.1rem;
}

/* ── Summary Strip ── */

.unified-view-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.55rem;
}

.unified-view-summary-card {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  border-radius: 12px;
  padding: 0.55rem 0.75rem;
  text-align: left;
  cursor: pointer;
  background: var(--color-surface-solid);
  border: 1px solid var(--color-border);
  box-shadow: 0 2px 6px rgba(7, 17, 31, 0.03);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.unified-view-summary-card:hover {
  box-shadow: 0 6px 14px rgba(7, 17, 31, 0.06);
  transform: translateY(-1px);
}

.unified-view-summary-card.is-active {
  box-shadow: 0 0 0 1.5px var(--nz-blue-500);
}

.unified-view-summary-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 8px;
  flex-shrink: 0;
  font-size: 0.72rem;
}

.unified-view-summary-card.is-offline .unified-view-summary-icon {
  background: var(--nz-danger-soft);
  color: var(--nz-danger);
}
.unified-view-summary-card.is-unstable .unified-view-summary-icon {
  background: var(--nz-warning-soft);
  color: var(--nz-warning);
}
.unified-view-summary-card.is-attending .unified-view-summary-icon {
  background: #eef2ff;
  color: #6366f1;
}
.unified-view-summary-card.is-neutral .unified-view-summary-icon {
  background: rgba(31, 94, 255, 0.07);
  color: var(--nz-blue-600);
}

.unified-view-summary-card .unified-view-summary-copy {
  line-height: 1.1;
}

.unified-view-summary-card .unified-view-summary-copy span {
  display: block;
  color: var(--color-text-soft);
  font-size: 0.6rem;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.unified-view-summary-card .unified-view-summary-copy strong {
  font-size: 1.1rem;
  font-weight: 820;
  color: var(--color-text);
  letter-spacing: -0.03em;
}

/* ── Filter Toolbar ── */

/* Row 1: Search (cols 1-3) | Status (col 4) */
.unified-view-page .unified-view-controls-toolbar > *:nth-child(1) {
  grid-row: 1;
  grid-column: 1 / 4;
  align-self: end;
}

.unified-view-page .unified-view-controls-toolbar > *:nth-child(2) {
  grid-row: 1;
  grid-column: 4;
}

/* Row 2: Grupo (col 1) | Empresa (col 2) | Monitoramento (cols 3-4) */
.unified-view-page .unified-view-controls-toolbar > *:nth-child(3) {
  grid-row: 2;
  grid-column: 1;
}

.unified-view-page .unified-view-controls-toolbar > *:nth-child(4) {
  grid-row: 2;
  grid-column: 2;
}

.unified-view-page .unified-view-controls-toolbar > *:nth-child(5) {
  grid-row: 2;
  grid-column: 3 / 5;
}

/* ── Card Grid ── */

.unified-view-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 0.55rem;
}

/* ── Device Card (Compact Horizontal) ── */

.unified-view-device-card {
  border-radius: 12px;
  overflow: hidden;
  padding: 0;
  background: var(--color-surface-solid);
  border: 1px solid var(--color-border);
  box-shadow: 0 2px 6px rgba(7, 17, 31, 0.03);
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.unified-view-device-card:hover {
  border-color: rgba(31, 94, 255, 0.18);
  box-shadow: 0 6px 16px rgba(7, 17, 31, 0.06);
}

.unified-view-device-card__accent {
  height: 3px;
}

.unified-view-device-card.is-offline .unified-view-device-card__accent {
  background: var(--nz-danger);
}
.unified-view-device-card.is-unstable .unified-view-device-card__accent {
  background: var(--nz-warning);
}
.unified-view-device-card.is-attending .unified-view-device-card__accent {
  background: #6366f1;
}
.unified-view-device-card.is-online .unified-view-device-card__accent {
  background: var(--nz-success);
}

.unified-view-device-card__inner {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.65rem 0.75rem;
}

/* Icon */
.unified-view-device-card__icon {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--nz-ice-100);
  border: 1px solid var(--color-border);
  flex-shrink: 0;
  color: var(--color-text-muted);
  overflow: hidden;
  font-size: 0.75rem;
}

.unified-view-device-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Content area */
.unified-view-device-card__content {
  flex: 1;
  min-width: 0;
}

/* Top row: name | status | time */
.unified-view-device-card__top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.2rem;
}

.unified-view-device-card__name {
  min-width: 0;
  flex-shrink: 0;
}

.unified-view-device-card__name strong {
  font-size: 0.82rem;
  color: var(--color-text);
  font-weight: 720;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
  display: inline-block;
  vertical-align: middle;
}

.unified-view-device-card__name span {
  display: none;
}

/* Status pill */
.unified-view-device-card__status {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.1rem 0.45rem;
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 660;
  line-height: 1.3;
  white-space: nowrap;
}

.unified-view-device-card.is-offline .unified-view-device-card__status {
  background: var(--nz-danger-soft);
  color: var(--nz-danger);
}
.unified-view-device-card.is-unstable .unified-view-device-card__status {
  background: var(--nz-warning-soft);
  color: var(--nz-warning);
}
.unified-view-device-card.is-attending .unified-view-device-card__status {
  background: #eef2ff;
  color: #6366f1;
}
.unified-view-device-card.is-online .unified-view-device-card__status {
  background: var(--nz-success-soft);
  color: var(--nz-success);
}

.unified-view-device-card__status-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}

.unified-view-device-card.is-offline .unified-view-device-card__status-dot {
  background: var(--nz-danger);
}
.unified-view-device-card.is-unstable .unified-view-device-card__status-dot {
  background: var(--nz-warning);
}
.unified-view-device-card.is-attending .unified-view-device-card__status-dot {
  background: #6366f1;
}
.unified-view-device-card.is-online .unified-view-device-card__status-dot {
  background: var(--nz-success);
}

/* Time on top row */
.unified-view-device-card__time {
  margin-left: auto;
  color: var(--color-text-muted);
  font-size: 0.68rem;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Bottom row: tags + meta inline */
.unified-view-device-card__bottom {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding-left: 0;
  color: var(--color-text-muted);
  font-size: 0.68rem;
}

.unified-view-device-card__bottom .ds-badge {
  font-size: 0.62rem;
  padding: 0.05rem 0.4rem;
  min-height: 1.1rem;
  border-radius: 6px;
  font-weight: 600;
  background: var(--nz-ice-100);
  color: var(--color-text-soft);
  border: 0;
  line-height: 1.2;
}

.unified-view-device-card__bottom .ds-badge.is-mode {
  background: transparent;
  color: var(--color-text-muted);
  padding: 0.05rem 0.2rem;
}

.unified-view-device-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  color: var(--color-text-muted);
}

.unified-view-device-card__meta-item + .unified-view-device-card__meta-item::before {
  content: "·";
  margin-right: 0.3rem;
  color: var(--color-border);
}

.unified-view-device-card__meta-item strong {
  color: var(--color-text-soft);
  font-weight: 620;
}

/* ── Status cell overrides ── */
.unified-view-device-card .monitoring-status-stack {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}

.unified-view-device-card .monitoring-status-meta {
  font-size: 0.68rem;
  color: var(--color-text-muted);
}

.unified-view-device-card .monitoring-status-meta.is-secondary {
  color: var(--color-text-muted);
  opacity: 0.75;
}

.unified-view-device-card .monitoring-ticket-badge {
  font-size: 0.62rem;
  padding: 0.05rem 0.35rem;
  min-height: 1.1rem;
}

/* ── Responsive ── */

@media (max-width: 1200px) {
  .unified-view-card-grid {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}

@media (max-width: 1100px) {
  .unified-view-page .ds-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .unified-view-page .ds-filter-toolbar > *,
  .unified-view-page .ds-filter-toolbar > *:nth-child(1),
  .unified-view-page .ds-filter-toolbar > *:nth-child(2),
  .unified-view-page .ds-filter-toolbar > *:nth-child(3),
  .unified-view-page .ds-filter-toolbar > *:nth-child(4),
  .unified-view-page .ds-filter-toolbar > *:nth-child(5),
  .unified-view-page .ds-filter-toolbar > *:nth-child(6),
  .unified-view-page .ds-filter-toolbar > *:nth-child(7) {
    grid-row: auto;
    grid-column: auto;
  }

  .unified-view-page .ds-filter-toolbar > *:nth-child(1) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 992px) {
  .unified-view-card-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .unified-view-summary-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .unified-view-card-grid {
    grid-template-columns: 1fr;
  }

  .unified-view-hero {
    flex-wrap: wrap;
  }

  .unified-view-hero__panel {
    width: 100%;
    justify-content: flex-start;
  }

  .unified-view-context-line {
    font-size: 0.68rem;
  }
}

.dashboard-toolbar-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  margin-left: auto;
}

.notification-center {
  position: relative;
}

.notification-center__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.9rem;
  height: 2.9rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(15, 23, 42, 0.22));
  color: rgba(241, 245, 249, 0.94);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.notification-center__button:hover,
.notification-center__button:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(96, 165, 250, 0.35);
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.28);
}

.notification-center__button.has-critical {
  border-color: rgba(248, 113, 113, 0.45);
}

.notification-center__button.is-fresh {
  animation: notificationBellPulse 1.2s ease;
}

.notification-center__badge {
  position: absolute;
  top: -0.2rem;
  right: -0.18rem;
  min-width: 1.2rem;
  height: 1.2rem;
  padding: 0 0.28rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  background: linear-gradient(135deg, var(--nz-danger), #ff7b87);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(239, 68, 68, 0.34);
  transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.notification-center__badge.is-fresh {
  animation: notificationBadgePulse 1.2s ease;
}

.notification-center__dropdown {
  position: absolute;
  top: calc(100% + 0.65rem);
  right: -0.2rem;
  z-index: 1200;
  width: min(364px, calc(100vw - 1rem));
  padding: 0.78rem;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background:
    radial-gradient(circle at top right, rgba(31, 94, 255, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 249, 255, 0.98));
  box-shadow: 0 24px 48px rgba(7, 17, 31, 0.18);
}

.notification-center__dropdown-head,
.notification-center__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
}

.notification-center__dropdown-head {
  justify-content: flex-end;
  min-height: 1.8rem;
  margin-bottom: 0.18rem;
}

.notification-center__eyebrow,
.notification-page__eyebrow {
  display: inline-flex;
  color: var(--nz-blue-700);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.69rem;
  font-weight: 800;
}

.notification-center__dropdown-head strong {
  display: block;
  margin-top: 0.12rem;
  color: var(--color-text);
  font-size: 0.96rem;
}

.notification-center__mark-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.8rem;
  border: 1px solid rgba(31, 94, 255, 0.12);
  background: rgba(255, 255, 255, 0.72);
  color: var(--nz-blue-700);
  font-size: 0.68rem;
  font-weight: 760;
  letter-spacing: -0.01em;
  padding: 0.22rem 0.58rem;
  border-radius: 999px;
  box-shadow: 0 6px 14px rgba(7, 17, 31, 0.045);
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.notification-center__mark-all:hover,
.notification-center__mark-all:focus-visible {
  border-color: rgba(31, 94, 255, 0.22);
  background: rgba(31, 94, 255, 0.07);
  color: var(--nz-blue-800);
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(7, 17, 31, 0.07);
}

.notification-center__tabs,
.notification-page__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  margin-top: 0.52rem;
}

.notification-center__tab,
.notification-page__tab {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: var(--radius-pill);
  padding: 0.34rem 0.62rem;
  background: rgba(255, 255, 255, 0.78);
  color: var(--color-text-soft);
  font-size: 0.72rem;
  font-weight: 700;
  transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}

.notification-center__tab.is-active,
.notification-page__tab.is-active {
  border-color: rgba(31, 94, 255, 0.28);
  background: rgba(31, 94, 255, 0.08);
  color: var(--nz-blue-800);
}

.notification-center__list,
.notification-page__list {
  display: grid;
  gap: 0.48rem;
  margin-top: 0.72rem;
}

.notification-center__list {
  max-height: 496px;
  overflow: auto;
  padding-right: 0.1rem;
}

.notification-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem;
  padding: 0.68rem 0.76rem;
  border-radius: 20px;
  border: 1px solid rgba(18, 63, 183, 0.08);
  background: rgba(255, 255, 255, 0.84);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.notification-item:hover,
.notification-item:focus-within {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(7, 17, 31, 0.06);
}

.notification-item.tone-danger {
  border-left: 3px solid rgba(239, 68, 68, 0.55);
}

.notification-item.tone-warning {
  border-left: 3px solid rgba(245, 158, 11, 0.55);
}

.notification-item.tone-info {
  border-left: 3px solid rgba(31, 94, 255, 0.35);
}

.notification-item.is-unread {
  border-color: rgba(31, 94, 255, 0.16);
  box-shadow: 0 14px 26px rgba(7, 17, 31, 0.06);
}

.notification-item__main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.62rem;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
  width: 100%;
  cursor: pointer;
}

.notification-item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 14px;
  background: rgba(148, 163, 184, 0.1);
  color: var(--color-text-soft);
  font-size: 0.86rem;
}

.notification-item__icon.tone-danger {
  background: rgba(248, 113, 113, 0.12);
  color: var(--nz-danger);
}

.notification-item__icon.tone-warning {
  background: rgba(251, 191, 36, 0.14);
  color: #b45309;
}

.notification-item__icon.tone-info {
  background: rgba(31, 94, 255, 0.09);
  color: var(--nz-blue-700);
}

.notification-item__copy {
  display: grid;
  gap: 0.08rem;
}

.notification-item__copy strong {
  color: var(--color-text);
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.25;
}

.notification-item__copy span {
  color: var(--color-text-soft);
  font-size: 0.76rem;
  line-height: 1.36;
}

.notification-item__copy small {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  color: var(--color-text-muted);
  font-size: 0.68rem;
}

.notification-item__meta-tone {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.35);
}

.notification-item__meta-tone.tone-danger {
  background: rgba(239, 68, 68, 0.7);
}

.notification-item__meta-tone.tone-warning {
  background: rgba(245, 158, 11, 0.7);
}

.notification-item__meta-tone.tone-info {
  background: rgba(31, 94, 255, 0.56);
}

.notification-item__actions {
  display: grid;
  align-content: space-between;
  justify-items: end;
  gap: 0.4rem;
}

.notification-item__mark-read {
  width: 1.8rem;
  height: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: #fff;
  color: var(--color-text-soft);
  cursor: pointer;
}

.notification-item__cta {
  font-size: 0.68rem;
  padding: 0.28rem 0.48rem;
}

.notification-empty-state {
  display: grid;
  justify-items: center;
  gap: 0.32rem;
  min-height: 146px;
  padding: 0.95rem 0.8rem;
  border-radius: 20px;
  color: var(--color-text-soft);
  text-align: center;
}

.notification-empty-state i {
  color: var(--nz-blue-500);
  font-size: 1rem;
}

.notification-center__footer {
  margin-top: 0.7rem;
  padding-top: 0.1rem;
}

.notification-center__footer .ds-button {
  min-height: 2.2rem;
  padding: 0.45rem 0.72rem;
  font-size: 0.76rem;
}

.notification-page {
  display: grid;
  gap: 1rem;
}

.notification-page__hero,
.notification-page__panel,
.notification-preferences__card {
  border-radius: 24px;
}

.notification-page__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  padding: 1.35rem;
  background:
    radial-gradient(circle at top left, rgba(31, 94, 255, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.97));
}

.notification-page__hero h2 {
  margin: 0.46rem 0 0.3rem;
  color: var(--color-text);
  font-size: clamp(1.75rem, 2.4vw, 2.35rem);
}

.notification-page__hero p {
  margin: 0;
  max-width: 720px;
  color: var(--color-text-soft);
}

.notification-page__hero-actions {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.notification-page__panel {
  padding: 0.92rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
}

.notification-preferences__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.notification-preferences__card {
  display: grid;
  gap: 0.58rem;
  padding: 0.88rem;
}

.notification-preferences__toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.66rem 0.82rem;
  border-radius: 18px;
  border: 1px solid rgba(18, 63, 183, 0.08);
  background: rgba(255, 255, 255, 0.82);
  color: var(--color-text);
  font-weight: 700;
  font-size: 0.86rem;
}

.notification-preferences__toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.notification-preferences__toggle em {
  position: relative;
  width: 2.24rem;
  height: 1.18rem;
  display: inline-flex;
  border-radius: var(--radius-pill);
  background: rgba(148, 163, 184, 0.3);
}

.notification-preferences__toggle em::after {
  content: "";
  position: absolute;
  top: 0.14rem;
  left: 0.16rem;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
  transition: transform 160ms ease;
}

.notification-preferences__toggle input:checked + em,
.notification-preferences__toggle:has(input:checked) em {
  background: linear-gradient(135deg, var(--nz-success), color-mix(in srgb, var(--nz-success) 78%, var(--nz-cyan-400)));
}

.notification-preferences__toggle input:checked + em::after,
.notification-preferences__toggle:has(input:checked) em::after {
  transform: translateX(1rem);
}

@media (max-width: 980px) {
  .notification-page__hero {
    grid-template-columns: 1fr;
  }

  .notification-preferences__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .dashboard-toolbar-actions {
    gap: 0.55rem;
  }

  .notification-center__dropdown {
    right: -0.25rem;
    width: min(360px, calc(100vw - 0.8rem));
  }
}

@keyframes notificationBellPulse {
  0% { transform: scale(1); }
  30% { transform: scale(1.06); }
  55% { transform: scale(0.98); }
  100% { transform: scale(1); }
}

@keyframes notificationBadgePulse {
  0% { transform: scale(1); opacity: 0.9; }
  35% { transform: scale(1.12); opacity: 1; }
  70% { transform: scale(0.98); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

.device-monitor-page {
  gap: 0;
  padding: 20px 22px 96px;
  background: #f8fafc;
}

.device-monitor-page .device-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  min-height: 0;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.device-monitor-page .device-page-header::after {
  display: none !important;
}

.device-monitor-page .device-page-title-block {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.device-monitor-page .device-page-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eaf2ff;
  color: #0f5cff;
  font-size: 22px;
  flex: 0 0 56px;
}

.device-monitor-page .device-page-title-copy {
  min-width: 0;
}

.device-monitor-page .device-page-title-copy h1 {
  margin: 0;
  color: #07164a;
  font-size: 29px;
  font-weight: 850;
  letter-spacing: -0.045em;
  line-height: 1;
}

.device-monitor-page .device-page-title-copy p {
  margin: 5px 0 0;
  max-width: 38rem;
  color: #53658a;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.45;
}

.device-monitor-page .device-page-side {
  display: grid;
  justify-items: end;
  flex: 0 0 auto;
}

.device-monitor-page .device-page-action {
  position: relative;
  display: inline-flex;
}

.device-monitor-page .device-page-action__primary {
  border: 0;
  color: #fff !important;
  transition: background var(--nz-transition-fast), color var(--nz-transition-fast), transform var(--nz-transition-fast), box-shadow var(--nz-transition-fast);
  display: inline-flex;
  align-items: center;
  gap: 0;
  height: 42px;
  min-width: 0 !important;
  width: auto;
  padding: 0 16px;
  border-radius: 8px;
  background: linear-gradient(135deg, #0f5cff 0%, #0057e7 100%) !important;
  font-weight: 800;
  font-size: 12.5px;
  letter-spacing: -0.01em;
  box-shadow: 0 10px 20px rgba(31, 94, 255, 0.2);
}

.device-monitor-page .device-page-action__primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(31, 94, 255, 0.22);
}

.device-monitor-page .device-page-action__primary:focus-visible {
  outline: 0;
  box-shadow: var(--nz-intensity-light-focus);
}

.device-monitor-page .device-page-action__bolt {
  margin-right: 10px;
  color: #fff;
  transform: scaleX(-1);
}

.device-monitor-page .device-page-action__primary span {
  padding-right: 1rem;
}

.device-monitor-page .device-refresh-info {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  margin-top: 10px;
  color: #53658a;
  font-size: 11px;
  font-weight: 600;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.device-monitor-page .device-refresh-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #16b978;
}

.device-monitor-page .monitoring-refresh-inline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #53658a;
  box-shadow: none;
  transition: color var(--nz-transition-fast), transform var(--nz-transition-fast);
}

.device-monitor-page .monitoring-refresh-inline-button:hover {
  transform: rotate(12deg);
  color: #0f5cff;
}

.device-monitor-page .device-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}

.device-monitor-page .device-kpi-card {
  min-height: 108px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.85);
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
  overflow: visible;
}

.device-monitor-page .device-kpi-card::before {
  display: none !important;
}

.device-monitor-page .device-kpi-card--offline {
  --device-kpi-accent: var(--nz-danger);
}

.device-monitor-page .device-kpi-card--attending {
  --device-kpi-accent: var(--nz-warning);
}

.device-monitor-page .device-kpi-card--unstable {
  --device-kpi-accent: var(--nz-blue-500);
}

.device-monitor-page .device-kpi-card--online {
  --device-kpi-accent: var(--nz-success);
}

.device-monitor-page .device-kpi-card__icon,
.device-monitor-page .device-kpi-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--device-kpi-accent, var(--nz-blue-500)) 12%, white);
  color: var(--device-kpi-accent, var(--nz-blue-500));
  box-shadow: none;
  font-size: 15px;
  flex: 0 0 44px;
}

.device-monitor-page .device-kpi-card__body {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.device-monitor-page .device-kpi-card__label {
  color: color-mix(in srgb, var(--device-kpi-accent, var(--nz-blue-500)) 82%, #07164a);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.device-monitor-page .device-kpi-card__value {
  margin-top: 4px;
  color: #07164a;
  font-size: 25px;
  font-weight: 850;
  letter-spacing: -0.045em;
  line-height: 1;
}

.device-monitor-page .device-kpi-card__helper {
  margin: 5px 0 0;
  color: #53658a;
  font-size: 11px;
  line-height: 1.35;
}

.device-monitor-page .device-filter-panel {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) 180px 180px 180px auto auto;
  align-items: center;
  gap: 10px;
  min-height: 74px;
  padding: 13px 14px;
  margin-bottom: 14px;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.85);
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.028);
}

.device-monitor-page .device-filter-panel__main {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) 180px 180px 180px;
  gap: 10px;
  align-items: center;
  grid-column: 1 / span 4;
}

.device-monitor-page .device-filter-panel__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  grid-column: 5 / span 2;
}

.device-monitor-page .device-filter-panel__advanced {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(180px, 0.8fr));
  gap: 0.8rem;
  padding-top: 0.05rem;
}

.device-monitor-page .device-filter-panel__advanced[hidden] {
  display: none;
}

.device-monitor-page .device-filter-field {
  position: relative;
  display: grid;
  gap: 0;
  min-width: 0;
  margin: 0;
}

.device-monitor-page .device-select-label {
  position: absolute;
  top: -8px;
  left: 12px;
  padding: 0 5px;
  background: #fff;
  color: #53658a;
  font-size: 10.5px;
  font-weight: 650;
  z-index: 1;
}

.device-monitor-page .device-filter-field--search {
  position: relative;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #dbe5f0;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
}

.device-monitor-page .device-filter-field__input::placeholder {
  color: color-mix(in srgb, var(--color-text-soft) 76%, white);
}

.device-monitor-page .device-filter-field__icon {
  color: var(--nz-blue-600);
  font-size: 0.92rem;
}

.device-monitor-page .device-filter-field__input,
.device-monitor-page .device-filter-field__select {
  width: 100%;
  height: 40px;
  border: 1px solid #dbe5f0;
  border-radius: 10px;
  background: #fff;
  color: #07164a;
  font-size: 12.5px;
  padding: 0 12px;
  transition: border-color var(--nz-transition-fast), box-shadow var(--nz-transition-fast), background var(--nz-transition-fast), transform var(--nz-transition-fast);
}

.device-monitor-page .device-filter-field__input {
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.device-monitor-page .device-filter-field__input:focus,
.device-monitor-page .device-filter-field__select:focus {
  outline: 0;
  border-color: var(--nz-intensity-medium-border);
  box-shadow: var(--nz-intensity-light-focus);
}

.device-monitor-page .device-filter-field--search:focus-within {
  border-color: var(--nz-intensity-medium-border);
  box-shadow: var(--nz-intensity-light-focus);
}

.device-monitor-page .device-filter-field__shortcut {
  display: none !important;
}

.device-monitor-page .device-filter-panel__more,
.device-monitor-page .device-view-toggle__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  height: 40px;
  border: 1px solid #dbe5f0;
  border-radius: 10px;
  background: #fff;
  color: #07164a;
  font-size: 11.5px;
  font-weight: 780;
  transition: border-color var(--nz-transition-fast), background var(--nz-transition-fast), color var(--nz-transition-fast), box-shadow var(--nz-transition-fast), transform var(--nz-transition-fast);
}

.device-monitor-page .device-filter-panel__more {
  padding: 0 14px;
}

.device-monitor-page .device-filter-panel__more i {
  color: var(--nz-blue-600);
}

.device-monitor-page .device-filter-panel__more:hover,
.device-monitor-page .device-view-toggle__button:hover,
.device-monitor-page .device-view-toggle__button.is-active {
  border-color: rgba(31, 94, 255, 0.16);
  background: rgba(31, 94, 255, 0.08);
  color: var(--nz-blue-700);
  box-shadow: var(--nz-intensity-light-focus);
  transform: translateY(-1px);
}

.device-monitor-page .device-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.device-monitor-page .device-view-toggle__button {
  width: 42px;
  padding: 0;
}

.device-monitor-page .device-list-shell {
  margin-top: 0;
  display: block;
  overflow: visible;
  border: 1px solid rgba(226, 232, 240, 0.85);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.028);
}

.device-monitor-page .device-asset-list,
.device-monitor-page .device-grid {
  overflow: visible;
}

.device-monitor-page .device-list-header,
.device-monitor-page .device-asset-row {
  display: grid;
  grid-template-columns: minmax(250px, 1.25fr) minmax(145px, 0.75fr) minmax(150px, 0.75fr) minmax(150px, 0.75fr) minmax(200px, 240px) minmax(176px, auto);
  column-gap: 16px;
  align-items: center;
}

.device-monitor-page .device-list-header {
  min-height: 40px;
  padding: 0 16px;
  color: #66789b;
  background: #fff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 0;
}

.device-monitor-page .device-asset-list {
  display: grid;
}

.device-monitor-page .device-asset-row {
  min-width: 0;
  min-height: 78px;
  padding: 10px 14px;
  border-top: 1px solid rgba(226, 232, 240, 0.65);
  background: #fff;
  transition: background var(--nz-transition-fast), box-shadow var(--nz-transition-fast), transform var(--nz-transition-fast);
  box-shadow: none !important;
  border-radius: 0 !important;
}

.device-monitor-page .device-asset-row:hover {
  background: #fcfdff;
  transform: none;
}

.device-monitor-page .device-asset-main,
.device-monitor-page .device-asset-main__media,
.device-monitor-page .device-asset-cell,
.device-monitor-page .device-actions {
  /* min-width: 0 e nao max-content. Sem isso, nomes longos
     ("Brother - DCP-8080DN - DEPARTAMENTO PESSOAL (Kelly)") forcam a coluna
     a crescer e transbordam visualmente sobre o STATUS / CONECTIVIDADE.
     Combinado com as regras de text-overflow: ellipsis logo abaixo, o nome
     trunca corretamente sem comprometer o layout em telas largas. */
  min-width: 0;
  width: 100%;
}

.device-monitor-page .device-asset-main__media {
  display: flex;
  align-items: center;
  gap: 10px;
}

.device-monitor-page .device-thumb {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 48px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.device-monitor-page .device-thumb .monitoring-model-thumb,
.device-monitor-page .device-thumb .monitoring-model-thumb-fallback {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.device-monitor-page .device-thumb img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.device-monitor-page .device-grid-card img,
.device-monitor-page .device-row img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.device-monitor-page .device-thumb .monitoring-model-thumb-fallback {
  color: #0f5cff;
  font-size: 16px;
}

.device-monitor-page .device-asset-main__copy {
  display: grid;
  gap: 0.14rem;
  min-width: 0;
}

.device-monitor-page .device-asset-main__copy strong,
.device-monitor-page .device-asset-cell strong,
.device-monitor-page .device-status strong,
.device-monitor-page .device-attendance strong {
  color: #07164a;
  font-weight: 840;
  letter-spacing: -0.03em;
}

.device-monitor-page .device-asset-main__copy strong,
.device-monitor-page .device-asset-main__copy span,
.device-monitor-page .device-asset-cell strong,
.device-monitor-page .device-asset-cell span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.device-monitor-page .device-asset-main__copy span,
.device-monitor-page .device-asset-cell span,
.device-monitor-page .device-status__meta span,
.device-monitor-page .device-attendance span {
  color: #53658a;
  font-size: 11px;
  line-height: 1.28;
}

.device-monitor-page .device-asset-title {
  color: #07164a;
  font-size: 12.5px;
  font-weight: 850;
}

.device-monitor-page .device-asset-subtitle {
  margin-top: 3px;
  color: #53658a;
  font-size: 11px;
}

.device-monitor-page .device-asset-main__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.38rem;
  margin-top: 0.1rem;
}

.device-monitor-page .device-asset-main__meta span,
.device-monitor-page .device-attendance__ticket {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.3rem;
  padding: 0 0.48rem;
  border-radius: 999px;
  background: rgba(31, 94, 255, 0.07);
  color: var(--nz-blue-700);
  font-size: 0.7rem;
  font-weight: 760;
}

.device-monitor-page .device-asset-cell {
  display: grid;
  gap: 0.14rem;
}

.device-monitor-page .device-status {
  display: grid;
  gap: 0;
}

.device-monitor-page .device-status__head,
.device-monitor-page .device-status-main {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
}

.device-monitor-page .device-status__dot,
.device-monitor-page .device-status-dot {
  display: inline-block;
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--nz-blue-500);
  box-shadow: none;
}

.device-monitor-page .device-status__meta {
  display: grid;
  gap: 0;
  padding-top: 0;
}

.device-monitor-page .device-status--danger .device-status__dot,
.device-monitor-page .device-status--danger .device-status-dot {
  background: #ff1515;
}

.device-monitor-page .device-status--danger strong {
  color: #ff1515;
}

.device-monitor-page .device-status--warning .device-status__dot,
.device-monitor-page .device-status--warning .device-status-dot {
  background: var(--nz-warning);
}

.device-monitor-page .device-status--warning strong {
  color: #d97706;
}

.device-monitor-page .device-status--unstable .device-status__dot,
.device-monitor-page .device-status--unstable .device-status-dot {
  background: #8b5cf6;
}

.device-monitor-page .device-status--unstable strong {
  color: #7c3aed;
}

.device-monitor-page .device-status--success .device-status__dot,
.device-monitor-page .device-status--success .device-status-dot {
  background: var(--nz-success);
}

.device-monitor-page .device-status--success strong {
  color: #16a34a;
}

.device-monitor-page .device-status--muted .device-status__dot,
.device-monitor-page .device-status--muted .device-status-dot {
  background: var(--nz-navy-400);
}

.device-monitor-page .device-status--muted strong {
  color: var(--nz-navy-700);
}

.device-monitor-page .device-status-time {
  margin-top: 4px;
  color: #b42318;
  font-size: 11px;
}

.device-monitor-page .device-status-detail {
  margin-top: 2px;
  color: #53658a;
  font-size: 11px;
}

.device-monitor-page .device-status__meta .device-status-time {
  color: #b42318;
}

.device-monitor-page .device-status__meta .device-status-detail {
  color: #53658a;
}

.device-monitor-page .device-attendance {
  display: grid;
  gap: 0.14rem;
  width: 100%;
  max-width: 240px;
  justify-self: start;
}

.device-monitor-page .device-attendance--empty {
  gap: 0.12rem;
}

.device-monitor-page .device-service-card {
  width: 100%;
  max-width: 240px;
  min-width: 200px;
  padding: 10px 12px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.035);
}

.device-monitor-page .device-service-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  min-width: 0;
}

.device-monitor-page .device-service-card__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(31, 94, 255, 0.16), rgba(94, 215, 255, 0.22));
  color: var(--nz-blue-800);
  font-size: 11px;
  font-weight: 800;
}

.device-monitor-page .device-service-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.device-monitor-page .device-service-card__avatar.is-fallback {
  padding-top: 0.03rem;
}

.device-monitor-page .device-service-card__meta {
  min-width: 0;
  flex: 1 1 auto;
}

.device-monitor-page .device-service-card__meta > * + * {
  margin-top: 2px;
}

.device-monitor-page .device-service-card__user,
.device-monitor-page .device-service-card__ticket {
  min-width: 0;
}

.device-monitor-page .device-service-card__user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #07164a;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.15;
}

.device-monitor-page .device-service-card__ticket {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  color: #53658a;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.device-monitor-page .device-service-card__note {
  position: relative;
  margin-top: 7px;
  max-height: 60px;
  padding: 8px 9px 8px 24px;
  border-radius: 9px;
  background: #f1f5f9;
  color: #334155;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.device-monitor-page .device-service-card__note::before {
  content: none;
}

.device-monitor-page .device-service-card__note.is-empty {
  color: #8a98b3;
}

.device-monitor-page .monitoring-attendance-note-button.device-service-card__edit,
.device-monitor-page .device-service-card__edit {
  margin-top: 8px;
  padding: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  justify-content: flex-start;
  width: fit-content;
  line-height: 1.2;
}

.device-monitor-page .monitoring-attendance-note-button.device-service-card__edit i,
.device-monitor-page .device-service-card__edit i {
  color: currentColor !important;
  font-size: 12px;
}

.device-monitor-page .monitoring-attendance-note-button.device-service-card__edit:hover,
.device-monitor-page .monitoring-attendance-note-button.device-service-card__edit:focus,
.device-monitor-page .device-service-card__edit:hover,
.device-monitor-page .device-service-card__edit:focus {
  background: transparent !important;
  border-color: transparent !important;
  color: #084edc !important;
  box-shadow: none !important;
  text-decoration: underline;
}

.device-monitor-page .device-actions,
.device-monitor-page .device-row-actions {
  display: flex;
  align-items: center;
  /* Encosta os botoes na borda direita da coluna ACOES para criar gap visivel
     entre o card de atendimento (max 240px, justify-self: start) e a coluna
     de acoes. Sem isso, o ... ficava colado no card e parecia parte da nota. */
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 5px;
  white-space: nowrap;
}

.device-monitor-page .device-actions__button,
.device-monitor-page .device-actions__menu-toggle,
.device-monitor-page .device-actions__menu button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  height: 34px;
  border-radius: 8px;
  background: #fff;
  color: #07164a;
  font-size: 11px;
  font-weight: 800;
  transition: border-color var(--nz-transition-fast), background var(--nz-transition-fast), color var(--nz-transition-fast), box-shadow var(--nz-transition-fast), transform var(--nz-transition-fast);
}

.device-monitor-page .device-actions__button {
  padding: 0 10px;
}

.device-monitor-page .device-btn-details {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0;
  display: inline-grid;
  place-items: center;
}

.device-monitor-page .device-actions__button:hover,
.device-monitor-page .device-actions__menu-toggle:hover,
.device-monitor-page .device-actions__menu button:hover {
  border-color: rgba(31, 94, 255, 0.14);
  box-shadow: var(--nz-intensity-light-focus);
  transform: translateY(-1px);
}

.device-monitor-page .device-actions__button--details:hover {
  color: var(--nz-blue-700);
  background: rgba(31, 94, 255, 0.06);
}

.device-monitor-page .device-actions__button--details:not(:disabled) {
  border: 1px solid #e2e8f0;
}

.device-monitor-page .device-actions__button--assume {
  padding: 0 13px;
  border: 0;
  background: #ffb13b;
  color: #111827;
  box-shadow: none;
}

.device-monitor-page .device-actions__button--assume:hover {
  background: #f6a82e;
  color: #111827;
}

.device-monitor-page .device-actions__button:disabled {
  cursor: not-allowed;
  opacity: 0.72;
  box-shadow: none;
}

.device-monitor-page .device-actions__menu-shell {
  position: relative;
  overflow: visible;
}

.device-monitor-page .device-actions__menu-toggle {
  width: 36px;
  padding: 0;
  border: 0;
  background: #fff;
}

.device-monitor-page .device-actions__button span,
.device-monitor-page .device-actions__menu-toggle {
  white-space: nowrap;
}

.device-monitor-page .device-actions__menu {
  position: absolute;
  top: calc(100% + 0.4rem);
  right: 0;
  z-index: 9999;
  display: grid;
  gap: 0.35rem;
  min-width: 9.7rem;
  padding: 0.45rem;
  border: 1px solid rgba(18, 63, 183, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 36px rgba(7, 17, 31, 0.10);
}

.device-monitor-page .device-actions-menu {
  min-width: 210px;
  padding: 6px;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.14);
  z-index: 9999;
}

.device-monitor-page .device-actions-menu .device-actions-menu__item,
.device-monitor-page .device-actions-menu__item {
  width: 100%;
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  color: #07164a;
  background: transparent;
  border: 0;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  justify-content: flex-start;
  white-space: nowrap;
}

.device-monitor-page .device-actions-menu .device-actions-menu__item:hover,
.device-monitor-page .device-actions-menu__item:hover {
  background: #f1f6ff;
  color: #0f5cff;
}

.device-monitor-page .device-actions__menu[hidden] {
  display: none;
}

.device-monitor-page .device-actions__menu button {
  justify-content: flex-start;
  width: 100%;
  padding: 0 0.74rem;
  border-color: transparent;
  box-shadow: none;
}

.device-monitor-page .device-list-empty {
  padding: 1.2rem 1.35rem 1.4rem;
  color: var(--color-text-soft);
  font-size: 0.95rem;
}

.device-monitor-page .device-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
  gap: 12px;
  padding: 12px;
}

.device-monitor-page .device-grid-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.85);
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.028);
  gap: 0;
  overflow: visible;
}

.device-monitor-page .device-grid-card:hover {
  transform: translateY(-1px);
  border-color: rgba(31, 94, 255, 0.22);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.device-monitor-page .device-grid-card.is-menu-open,
.device-monitor-page .device-asset-row.is-menu-open {
  z-index: 80;
}

.device-monitor-page .device-grid-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.device-monitor-page .device-grid-card__identity {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.device-monitor-page .device-grid-card__copy {
  min-width: 0;
}

.device-monitor-page .device-grid-card__title,
.device-monitor-page .device-grid-card__copy .device-asset-title {
  margin: 0;
  color: #07164a;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
}

.device-monitor-page .device-grid-card__subtitle,
.device-monitor-page .device-grid-card__copy .device-asset-subtitle {
  margin: 3px 0 0;
  color: #66789b;
  font-size: 11px;
  line-height: 1.25;
}

.device-monitor-page .device-grid-card__status {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding-top: 2px;
  font-size: 11px;
  font-weight: 800;
}

.device-monitor-page .device-grid-card__status.device-status--danger,
.device-monitor-page .device-grid-card__status.device-status--danger span:last-child {
  color: #ff1515;
}

.device-monitor-page .device-grid-card__status.device-status--warning,
.device-monitor-page .device-grid-card__status.device-status--warning span:last-child {
  color: #d97706;
}

.device-monitor-page .device-grid-card__status.device-status--unstable,
.device-monitor-page .device-grid-card__status.device-status--unstable span:last-child {
  color: #7c3aed;
}

.device-monitor-page .device-grid-card__status.device-status--success,
.device-monitor-page .device-grid-card__status.device-status--success span:last-child {
  color: #16a34a;
}

.device-monitor-page .device-grid-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}

.device-monitor-page .device-grid-card__tags span {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  color: #0f5cff;
  background: #edf5ff;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
}

.device-monitor-page .device-grid-card__facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 10px;
  margin-top: 10px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.75);
  border-radius: 12px;
}

.device-monitor-page .device-grid-card__fact {
  display: grid;
  gap: 2px;
}

.device-monitor-page .device-grid-card__fact small {
  display: block;
  margin-bottom: 4px;
  color: #66789b;
  font-size: 9.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.device-monitor-page .device-grid-card__fact strong {
  display: block;
  min-width: 0;
  color: #07164a;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.device-monitor-page .device-grid-card__meta-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
}

.device-monitor-page .device-grid-card__event {
  display: grid;
  gap: 3px;
  margin-top: 0;
  flex: 1 1 auto;
  color: #b42318;
  font-size: 11px;
  font-weight: 700;
}

.device-monitor-page .device-grid-card__event small {
  color: #53658a;
  font-size: 11px;
  font-weight: 600;
}

.device-monitor-page .device-grid-card__event--attending {
  color: #d97706;
}

.device-monitor-page .device-grid-card__event--unstable {
  color: #7c3aed;
}

.device-monitor-page .device-grid-card__event--online {
  color: #16a34a;
}

.device-monitor-page .device-grid-card__service {
  margin-top: 8px;
  color: #53658a;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}

.device-monitor-page .device-grid-card__service-person {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #07164a;
}

.device-monitor-page .device-grid-card__service .device-service-card {
  width: 100%;
  max-width: none;
}

.device-monitor-page .device-grid-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-top: 0;
  padding-top: 0;
  flex: 0 0 auto;
}

.device-monitor-page .device-actions__menu-toggle.device-btn-more {
  margin-left: 0;
}

@media (max-width: 980px) {
  .device-monitor-page .device-filter-panel {
    grid-template-columns: 1fr;
  }

  .device-monitor-page .device-filter-panel__main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column: auto;
  }

  .device-monitor-page .device-filter-panel__actions {
    justify-content: space-between;
    grid-column: auto;
  }

  .device-monitor-page .device-filter-panel__advanced {
    grid-template-columns: 1fr 1fr;
  }

  .device-monitor-page .device-list-header,
  .device-monitor-page .device-asset-row {
    grid-template-columns: minmax(0, 1.7fr) repeat(2, minmax(0, 1fr));
  }

  .device-monitor-page .device-list-header span:nth-child(4),
  .device-monitor-page .device-list-header span:nth-child(5),
  .device-monitor-page .device-list-header span:nth-child(6),
  .device-monitor-page .device-asset-row > :nth-child(4),
  .device-monitor-page .device-asset-row > :nth-child(5),
  .device-monitor-page .device-asset-row > :nth-child(6) {
    grid-column: span 3;
  }

  .device-monitor-page .device-actions {
    justify-content: flex-start;
  }

  .ds-pagination {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .device-monitor-page .device-page-header {
    flex-direction: column;
    align-items: stretch;
  }

  .device-monitor-page .device-page-side {
    justify-items: stretch;
  }

  .device-monitor-page .device-page-action__split {
    width: 100%;
  }

  .device-monitor-page .device-page-action__primary {
    flex: 1 1 auto;
    justify-content: center;
  }

  .device-monitor-page .device-refresh-info {
    text-align: left;
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .device-monitor-page .device-filter-panel__main,
  .device-monitor-page .device-filter-panel__advanced {
    grid-template-columns: 1fr;
  }

  .device-monitor-page .device-filter-panel__actions {
    flex-wrap: wrap;
  }

  .device-monitor-page .device-filter-panel__more {
    flex: 1 1 auto;
  }

  .device-monitor-page .device-list-header {
    display: none;
  }

  .device-monitor-page .device-asset-row {
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }

  .device-monitor-page .device-asset-row > * {
    grid-column: auto !important;
  }

  .device-monitor-page .device-actions {
    flex-wrap: wrap;
    white-space: normal;
  }

  .device-monitor-page .device-actions__button span,
  .device-monitor-page .device-actions__menu-toggle {
    white-space: normal;
  }

  .device-monitor-page .device-thumb {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }

  .ds-pagination__controls,
  .ds-pagination__size {
    flex-wrap: wrap;
  }

  .device-monitor-page .device-page-title-block {
    align-items: flex-start;
  }

  .device-monitor-page .device-page-icon {
    width: 56px;
    height: 56px;
    font-size: 22px;
  }

  .device-monitor-page .device-page-action__primary {
    padding-inline: 0.92rem;
    font-size: 0.92rem;
  }
}

.generic-device-admin-shell {
  padding: 24px 28px 96px;
  background:
    radial-gradient(circle at top left, rgba(15, 92, 255, 0.08), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f3f7fd 100%);
}

.generic-device-admin-shell .generic-device-admin-hero,
.generic-device-admin-shell .generic-device-admin-filters,
.generic-device-admin-shell .generic-device-admin-item {
  border: 1px solid rgba(209, 220, 236, 0.9);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06);
}

.generic-device-admin-shell .generic-device-admin-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 28px;
  margin-bottom: 18px;
  background:
    radial-gradient(circle at top right, rgba(15, 92, 255, 0.16), transparent 26%),
    linear-gradient(135deg, #0d1b44 0%, #10255f 52%, #123089 100%);
  color: #f8fbff;
}

.generic-device-admin-shell .generic-device-admin-hero__copy {
  display: grid;
  gap: 6px;
}

.generic-device-admin-shell .generic-device-admin-hero__eyebrow {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

.generic-device-admin-shell .generic-device-admin-hero h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 2.5vw, 2.45rem);
  letter-spacing: -0.045em;
}

.generic-device-admin-shell .generic-device-admin-hero p {
  margin: 0;
  max-width: 760px;
  color: rgba(235, 242, 255, 0.86);
  font-size: 14px;
}

.generic-device-admin-shell .generic-device-admin-hero__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.generic-device-admin-shell .generic-device-admin-hero__button {
  min-height: 46px;
  padding-inline: 16px 18px;
  box-shadow: 0 16px 30px rgba(15, 92, 255, 0.22);
}

.generic-device-admin-shell .generic-device-admin-filters {
  padding: 18px 20px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.94);
}

.generic-device-admin-shell .generic-device-admin-filters__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.generic-device-admin-shell .generic-device-admin-filters__head h5 {
  margin: 0;
  color: #0f172a;
  font-size: 1.02rem;
}

.generic-device-admin-shell .generic-device-admin-filters__head p {
  margin: 4px 0 0;
  color: #64748b;
}

.generic-device-admin-shell .generic-device-admin-filters__grid {
  display: grid;
  grid-template-columns: minmax(240px, 1.3fr) repeat(5, minmax(145px, 0.7fr));
  gap: 14px;
}

.generic-device-admin-shell .generic-device-filter-field {
  display: grid;
  gap: 6px;
  margin: 0;
}

.generic-device-admin-shell .generic-device-filter-field__label {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.generic-device-filter-select-wrap,
.generic-device-filter-input-wrap {
  position: relative;
}

.generic-device-filter-select-wrap .ds-field,
.generic-device-filter-input-wrap .ds-field {
  width: 100%;
  min-height: 44px;
  padding: 0.6rem 0.85rem;
  border-color: rgba(203, 213, 225, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.generic-device-filter-select-wrap .ds-field {
  appearance: none;
  padding-right: 2.2rem;
  cursor: pointer;
}

.generic-device-filter-select-wrap i {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-muted);
  font-size: 0.72rem;
  pointer-events: none;
}

.generic-device-filter-input-wrap i {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-muted);
  font-size: 0.82rem;
  pointer-events: none;
}

.generic-device-filter-input-wrap .ds-field {
  padding-left: 2.2rem;
}

.generic-device-admin-shell .generic-device-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
  align-items: start;
}

.generic-device-admin-shell #generic-device-list.admin-card-grid {
  justify-items: stretch;
}

.generic-device-admin-shell #generic-device-list .generic-device-admin-item {
  width: 100%;
}

.generic-device-admin-shell .generic-device-admin-item {
  overflow: hidden;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96));
}

.generic-device-admin-shell .admin-entity-topbar {
  height: 4px;
}

.generic-device-admin-shell .admin-entity-body {
  gap: 14px;
  padding: 18px;
}

.generic-device-admin-shell .generic-device-card-top {
  display: grid;
  gap: 12px;
}

.generic-device-admin-shell .generic-device-card-line-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.generic-device-admin-shell .generic-device-card-identity {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.generic-device-admin-shell .admin-entity-logo,
.generic-device-admin-shell .admin-entity-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  flex: 0 0 auto;
}

.generic-device-admin-shell .generic-device-card-headings {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.generic-device-admin-shell .admin-entity-badge {
  width: fit-content;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(15, 92, 255, 0.08);
  color: #0f5cff;
  font-size: 11px;
  font-weight: 800;
}

.generic-device-admin-shell .generic-device-card-name {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.generic-device-admin-shell .generic-device-card-location {
  margin: 0;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
}

.generic-device-admin-shell .generic-device-state-pill {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.generic-device-admin-shell .generic-device-status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.generic-device-admin-shell .generic-device-chip {
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
}

.generic-device-admin-shell .generic-device-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(248, 250, 252, 0.88);
  border: 1px solid rgba(226, 232, 240, 0.92);
}

.generic-device-admin-shell .generic-device-fact {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.generic-device-admin-shell .generic-device-fact span {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.generic-device-admin-shell .generic-device-fact strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.generic-device-admin-shell .generic-device-admin-item__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 18px 18px;
}

.generic-device-admin-shell .generic-device-admin-item__actions .ds-button {
  min-height: 40px;
  flex: 1 1 0;
  justify-content: center;
}

.generic-device-admin-shell .generic-device-admin-item__delete {
  border-color: rgba(239, 68, 68, 0.22);
  color: #b91c1c;
  background: rgba(254, 242, 242, 0.92);
}

.generic-device-admin-shell .generic-device-admin-item__delete:hover {
  border-color: rgba(220, 38, 38, 0.28);
  background: rgba(254, 226, 226, 0.98);
  color: #991b1b;
}

.generic-device-admin-shell .generic-device-empty-state {
  margin-top: 12px;
}

.generic-device-admin-shell .ds-pagination {
  margin-top: 16px;
}

@media (max-width: 1320px) {
  .generic-device-admin-shell .generic-device-admin-filters__grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
}

@media (max-width: 920px) {
  .generic-device-admin-shell {
    padding: 20px 20px 88px;
  }

  .generic-device-admin-shell .generic-device-admin-hero,
  .generic-device-admin-shell .generic-device-admin-filters {
    padding: 18px;
  }

  .generic-device-admin-shell .generic-device-admin-filters__head,
  .generic-device-admin-shell .generic-device-admin-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .generic-device-admin-shell .generic-device-admin-filters__grid {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
}

@media (max-width: 640px) {
  .generic-device-admin-shell .generic-device-admin-filters__grid,
  .generic-device-admin-shell .generic-device-grid,
  .generic-device-admin-shell .generic-device-facts {
    grid-template-columns: 1fr;
  }

  .generic-device-admin-shell .generic-device-admin-item__actions {
    flex-direction: column;
  }
}

html[data-theme-mode="netzor"] .dashboard-nav,
.dashboard-nav {
  width: 260px;
  min-width: 260px;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(94, 215, 255, 0.16), transparent 32%),
    linear-gradient(180deg, #0f4eea 0%, #0a35b5 42%, #062978 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

.dashboard-nav::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: 70px;
  width: 230px;
  height: 330px;
  background: linear-gradient(135deg, transparent 20%, rgba(255, 255, 255, 0.055) 22%, transparent 58%);
  transform: skewX(-18deg) rotate(8deg);
  pointer-events: none;
}

html[data-theme-mode="netzor"] .dashboard-nav > header,
.dashboard-nav > header,
.dashboard-nav-header {
  height: 74px;
  min-height: 74px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

.dashboard-sidebar-toggle,
.dashboard-topbar__menu-toggle {
  width: 40px;
  height: 40px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
}

.dashboard-sidebar-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
}

.brand-logo {
  display: inline-flex;
  align-items: center;
  height: 74px;
  padding: 0;
  background: transparent !important;
  width: auto;
}

.brand-logo img {
  width: auto;
  max-width: 150px;
  max-height: 42px;
  object-fit: contain;
  filter: none;
  opacity: 1;
}

.dashboard-nav-list {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 74px);
  padding: 14px 12px 18px;
  overflow-y: auto;
  gap: 18px;
}

.dashboard-nav-section {
  display: grid;
  gap: 10px;
}

.dashboard-nav-section--root {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-nav-section__label {
  padding: 0 12px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#company-locations-menu,
#ordered-root-nav {
  display: grid;
  gap: 8px;
}

.dashboard-brand-group > .dashboard-brand-toggle,
.dashboard-store-group > .dashboard-store-toggle {
  min-height: 48px;
  margin: 0 0 8px;
  padding: 10px 12px;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.dashboard-brand-group > .dashboard-brand-toggle:hover,
.dashboard-store-group > .dashboard-store-toggle:hover,
.dashboard-nav-root-item .dashboard-nav-item:hover,
.dashboard-nav-dropdown-item:hover,
.dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  transform: none;
}

.dashboard-brand-mark {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #fff;
  display: grid;
  place-items: center;
  overflow: hidden;
  flex: 0 0 auto;
  box-shadow: 0 8px 18px rgba(4, 21, 74, 0.28);
}

.dashboard-brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dashboard-brand-label,
.dashboard-location-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-brand-group > .dashboard-nav-dropdown-menu,
.dashboard-store-group > .dashboard-nav-dropdown-menu {
  margin-left: 28px;
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
  background: transparent;
  border-radius: 0;
}

#ordered-root-nav {
  padding: 12px 0 18px;
}

.dashboard-nav-root-item .dashboard-nav-item,
.dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle {
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 700;
  background: transparent;
  border: 0;
}

.dashboard-nav-dropdown-item {
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 9px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-weight: 650;
}

.dashboard-nav-dropdown-item.active,
.dashboard-nav-dropdown-item.is-active,
.dashboard-nav-dropdown-item[aria-current="page"],
.dashboard-nav-item.active,
.dashboard-nav-item.is-active,
.dashboard-nav-item[aria-current="page"] {
  background: #0866ff;
  color: #fff;
  box-shadow: 0 10px 22px rgba(8, 102, 255, 0.25);
}

.dashboard-nav-dropdown-item.active::before,
.dashboard-nav-dropdown-item.is-active::before,
.dashboard-nav-dropdown-item[aria-current="page"]::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 8px;
  border-radius: 999px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
}

.dashboard-nav-dropdown-menu {
  overflow: hidden;
  /* min-height: 0 e min-width: 0 sao essenciais quando o pai dashboard-nav-dropdown
     vira flex container (caso da secao GESTAO em modo expandido). Sem isso, flex
     items respeitam min-content por default (min-height: auto), ignorando o
     max-height: 0 abaixo. */
  min-height: 0;
  min-width: 0;
  max-height: 0;
  opacity: 0;
  transform: translateY(-4px);
  transition: max-height .22s ease, opacity .18s ease, transform .18s ease;
}

/* Fix de espacamento extra no GESTAO: regras em layout-overrides.css aplicam
   padding (0.22rem top, 0.45rem bottom), margin-top (0.2rem) e border-left no
   .dashboard-nav-dropdown-menu como ornamento visual quando o menu esta aberto.
   Mas elas se aplicam em QUALQUER estado, inclusive colapsado. Mesmo com
   max-height: 0 + overflow: hidden, padding/margin/border CONTAM para altura
   visual do elemento (~11px) e geram gap extra entre os items da sidebar.
   OPERACAO ja tinha regra resetando isso via shell-locked + #ordered-root-nav,
   mas GESTAO nao. Generalizamos: qualquer dropdown-menu colapsado zera
   padding/margin/border. Quando .show, ornamento volta normal. */
.dashboard-nav-dropdown:not(.show):not(.is-open):not(.open) > .dashboard-nav-dropdown-menu {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu,
.dashboard-nav-dropdown.is-open > .dashboard-nav-dropdown-menu,
.dashboard-nav-dropdown.open > .dashboard-nav-dropdown-menu {
  max-height: 900px;
  opacity: 1;
  transform: translateY(0);
}

.dashboard-nav .dashboard-nav-dropdown-toggle::after {
  transition: transform .18s ease;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle::after,
.dashboard-nav-dropdown.is-open > .dashboard-nav-dropdown-toggle::after {
  transform: rotate(180deg);
}

html[data-theme-mode="netzor"] .dashboard-toolbar,
.dashboard-toolbar,
.dashboard-topbar {
  height: 64px;
  min-height: 64px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: #fff !important;
  border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .02) !important;
}

.dashboard-topbar__left,
.dashboard-topbar__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.dashboard-topbar__left {
  flex: 1 1 auto;
}

.dashboard-topbar__menu-toggle {
  color: #07164a;
}

.dashboard-topbar__menu-toggle:hover {
  background: rgba(15, 92, 255, 0.06);
  color: #0f5cff;
}

.dashboard-toolbar-copy {
  display: none !important;
}

.dashboard-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  color: #07164a;
  font-size: 14px;
  font-weight: 750;
  overflow: hidden;
  white-space: nowrap;
}

.dashboard-breadcrumb a,
.dashboard-breadcrumb button,
.dashboard-breadcrumb__current {
  border: 0;
  background: transparent;
  color: #07164a;
  font: inherit;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-breadcrumb a {
  color: #0f5cff;
}

.dashboard-breadcrumb__separator {
  color: #718096;
  font-size: 11px;
  flex: 0 0 auto;
}

.dashboard-notification-button {
  position: relative;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid #dbe5f0;
  background: #fff;
  color: #07164a;
}

.dashboard-notification-badge {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 10px;
  font-weight: 850;
}

.dashboard-user-shell {
  position: relative;
}

.dashboard-user-button {
  height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 4px 10px 4px 6px;
  border: 0;
  border-radius: 999px;
  background: #1264f6;
  color: #fff;
  box-shadow: 0 10px 24px rgba(18, 100, 246, .22);
}

.dashboard-user-avatar-shell {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, .45);
  flex: 0 0 auto;
}

.dashboard-user-button img {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  object-fit: cover;
}

.dashboard-user-button__copy {
  display: grid;
  gap: 2px;
  text-align: left;
}

.dashboard-user-button__name {
  font-size: 13px;
  font-weight: 850;
  line-height: 1.1;
}

.dashboard-user-button__role {
  font-size: 10px;
  font-weight: 650;
  opacity: .85;
}

.dashboard-user-caret {
  font-size: 12px;
}

.dashboard-user-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: 230px;
  padding: 14px;
  background: #111827;
  color: #fff;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(15,23,42,.32);
  z-index: 1000;
}

.dashboard-user-menu__session {
  padding: 4px 8px 10px;
}

.dashboard-user-menu__session span {
  display: block;
  color: #8a98ad;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dashboard-user-menu__session strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 850;
}

.dashboard-user-menu__session small {
  display: block;
  margin-top: 2px;
  color: #cbd5e1;
  font-size: 11px;
}

.dashboard-user-menu__divider {
  height: 1px;
  margin: 8px 0;
  background: rgba(255,255,255,.10);
}

.dashboard-user-menu__item {
  width: 100%;
  min-height: 38px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e5edf8;
  background: transparent;
  border: 0;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 750;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.dashboard-user-menu__item:hover {
  background: rgba(255,255,255,.08);
  color: #fff;
}

.dashboard-user-menu__item i {
  width: 18px;
  color: #9fb0c8;
}

.dashboard-user-menu__item--danger {
  color: #ffb4b4;
}

.dashboard-user-menu__item--danger i {
  color: #ff6b6b;
}

.dashboard-content {
  min-height: calc(100vh - 64px);
}

.dashboard-footer,
.app-footer,
footer.dashboard-footer {
  display: none !important;
}

@media (max-width: 1100px) {
  .dashboard-breadcrumb {
    gap: 10px;
    font-size: 13px;
  }

  .dashboard-user-button__role {
    display: none;
  }
}

@media (max-width: 990px) {
  .dashboard-nav {
    position: fixed;
    inset: 0 auto 0 0;
    transform: translateX(-100%);
    transition: transform .22s ease;
    z-index: 1200;
  }

  .dashboard-nav.mobile-show {
    transform: translateX(0);
  }

  .dashboard-topbar,
  .dashboard-toolbar {
    padding: 0 16px;
  }
}

@media (max-width: 720px) {
  .dashboard-breadcrumb {
    max-width: 100%;
  }

  .dashboard-topbar__actions {
    gap: 10px;
  }

  .dashboard-user-button__copy {
    display: none;
  }
}

html[data-theme-mode="netzor"] .dashboard,
.dashboard {
  min-height: 100vh;
  background: #f8fafc;
}

.dashboard-app {
  min-width: 0;
  flex: 1 1 auto;
  background: #f8fafc;
}

.dashboard-content {
  min-width: 0;
  background: #f8fafc;
}

.dashboard-nav {
  display: flex;
  flex-direction: column;
}

.dashboard-nav::before {
  content: "";
  position: absolute;
  inset: auto -42px 112px auto;
  width: 208px;
  height: 290px;
  background:
    linear-gradient(135deg, transparent 8%, rgba(255, 255, 255, 0.045) 18%, transparent 31%),
    linear-gradient(135deg, transparent 44%, rgba(255, 255, 255, 0.07) 48%, transparent 58%),
    linear-gradient(135deg, transparent 66%, rgba(255, 255, 255, 0.055) 69%, transparent 78%);
  transform: skewX(-18deg);
  pointer-events: none;
}

.dashboard-nav-header {
  justify-content: flex-start;
}

.dashboard-sidebar-toggle {
  margin-left: -8px;
}

.dashboard-nav-list::-webkit-scrollbar {
  width: 8px;
}

.dashboard-nav-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 999px;
}

.dashboard-nav-item,
.dashboard-nav-dropdown-item,
.dashboard-brand-toggle,
.dashboard-store-toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-decoration: none;
}

.dashboard-nav-item i,
.dashboard-brand-toggle i,
.dashboard-store-toggle i {
  width: 18px;
  text-align: center;
  flex: 0 0 18px;
}

.dashboard-nav-root-item .dashboard-nav-item,
.dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle {
  justify-content: flex-start;
}

.dashboard-nav-dropdown-item {
  justify-content: flex-start;
}

.dashboard-nav-root-item .dashboard-nav-item.active,
.dashboard-nav-root-item .dashboard-nav-item.is-active,
.dashboard-nav-root-item .dashboard-nav-item[aria-current="page"] {
  background: rgba(255, 255, 255, 0.12);
}

.dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle::after {
  content: "\f078";
  margin-left: auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.78);
}

.dashboard-nav-dropdown-menu .dashboard-nav-dropdown .dashboard-nav-dropdown-toggle {
  padding-right: 32px;
}

.dashboard-brand-group > .dashboard-nav-dropdown-menu,
.dashboard-store-group > .dashboard-nav-dropdown-menu {
  gap: 6px;
}

.dashboard-nav-dropdown-menu {
  display: grid;
  gap: 6px;
}

.dashboard-topbar__actions {
  gap: 14px;
  margin-left: auto;
}

.dashboard-notification-button {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.dashboard-notification-button:hover {
  border-color: rgba(15, 92, 255, 0.22);
  box-shadow: 0 12px 22px rgba(15, 23, 42, 0.06);
  transform: translateY(-1px);
}

.dashboard-user-button {
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.dashboard-user-button:hover,
.dashboard-user-button.is-open {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(18, 100, 246, 0.28);
  filter: saturate(1.04);
}

.dashboard-user-button__copy {
  min-width: 0;
}

.dashboard-user-shell {
  padding-left: 16px;
  margin-left: 2px;
  border-left: 1px solid rgba(226, 232, 240, 0.9);
}

.dashboard-breadcrumb__home {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

.dashboard-breadcrumb__current {
  font-weight: 800;
}

.dashboard-user-button__name,
.dashboard-user-button__role {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-user-menu[hidden] {
  display: none !important;
}

.dashboard-user-menu {
  transform-origin: top right;
  animation: dashboard-user-menu-enter .16s ease;
}

@keyframes dashboard-user-menu-enter {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.dashboard.dashboard-compact .dashboard-nav {
  width: 92px;
  min-width: 92px;
}

.dashboard.dashboard-compact .dashboard-nav::before,
.dashboard.dashboard-compact .dashboard-nav::after {
  opacity: 0.6;
}

.dashboard.dashboard-compact .dashboard-nav-header {
  padding: 0 16px;
  justify-content: center;
}

.dashboard.dashboard-compact .brand-logo {
  position: relative;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  overflow: hidden !important;
}

.dashboard.dashboard-compact .brand-logo img {
  opacity: 0 !important;
}

.dashboard.dashboard-compact .brand-logo::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url('/img/netzor_premium_white-transp.png?v=20260415-02') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: auto 34px !important;
}

/* NOTA: .brand-logo removido daqui — precisa ficar visível para o ::before
   (raio Netzor centralizado) renderizar. A img dentro do brand-logo continua
   sendo escondida via .brand-logo img { opacity: 0 } logo acima. */
.dashboard.dashboard-compact .dashboard-nav-section__label,
.dashboard.dashboard-compact .dashboard-brand-label,
.dashboard.dashboard-compact .dashboard-location-label,
.dashboard.dashboard-compact .dashboard-nav-item span,
.dashboard.dashboard-compact .dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle::after,
.dashboard.dashboard-compact .dashboard-brand-group > .dashboard-nav-dropdown-menu,
.dashboard.dashboard-compact .dashboard-store-group > .dashboard-nav-dropdown-menu,
.dashboard.dashboard-compact .dashboard-nav-dropdown-menu {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.dashboard.dashboard-compact .dashboard-nav-list {
  padding-inline: 10px;
}

.dashboard.dashboard-compact .dashboard-brand-group > .dashboard-brand-toggle,
.dashboard.dashboard-compact .dashboard-store-group > .dashboard-store-toggle,
.dashboard.dashboard-compact .dashboard-nav-root-item .dashboard-nav-item,
.dashboard.dashboard-compact .dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle {
  justify-content: center;
  padding-inline: 0;
}

.dashboard.dashboard-compact .dashboard-sidebar-toggle {
  margin-left: 0;
}

@media (max-width: 990px) {
  .dashboard {
    overflow-x: clip;
  }

  .dashboard-nav {
    box-shadow: 0 24px 60px rgba(7, 22, 74, 0.28);
  }
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-app,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-content {
  background: #f8fafc !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav {
  background:
    radial-gradient(circle at 20% 0%, rgba(94, 215, 255, 0.16), transparent 32%),
    linear-gradient(180deg, #0f4eea 0%, #0a35b5 42%, #062978 100%) !important;
  background-color: transparent !important;
  background-image:
    radial-gradient(circle at 20% 0%, rgba(94, 215, 255, 0.16), transparent 32%),
    linear-gradient(180deg, #0f4eea 0%, #0a35b5 42%, #062978 100%) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu .dashboard-nav-dropdown,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu .dashboard-nav-dropdown-menu,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown-menu,
/* Aplicar tambem em dropdowns FORA de #ordered-root-nav (secao GESTAO,
   GESTAO bottom): tema light setava `:root[data-theme-mode="light"]
   .dashboard-nav-dropdown-menu { background: rgba(255,255,255,0.48) }` que
   gerava um "card claro" visualmente desconectado do resto da sidebar dark.
   Reset universal: qualquer dropdown-menu dentro da sidebar fica transparente. */
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav .dashboard-nav-dropdown-menu,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav .dashboard-nav-dropdown {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown.show,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown.bg-secondary,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown-menu.bg-dark {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::after,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::before {
  opacity: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav > header,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav header,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  min-height: 74px !important;
  height: 74px !important;
  padding: 0 24px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo {
  width: auto !important;
  max-width: none !important;
  min-height: 74px !important;
  height: 74px !important;
  justify-content: flex-start !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo img {
  width: auto !important;
  max-width: 150px !important;
  max-height: 42px !important;
  margin: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-toolbar,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-topbar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.02) !important;
  min-height: 64px !important;
  height: 64px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-toolbar h1,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-toolbar-title-fixed,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-toolbar-title-fixed *,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb a,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb button,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb__current {
  color: #07164a !important;
  text-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb__home {
  color: #0f5cff !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb__separator {
  color: #718096 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-notification-button {
  background: #ffffff !important;
  color: #07164a !important;
  border: 1px solid #dbe5f0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #dashboard-button,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button {
  background: #1264f6 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu {
  background: #111827 !important;
  background-color: #111827 !important;
  background-image: none !important;
  color: #ffffff !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session strong,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session small {
  color: inherit !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-footer,
html[data-theme-mode] body.dashboard-shell-locked .app-footer,
html[data-theme-mode] body.dashboard-shell-locked footer.dashboard-footer,
html[data-theme-mode] body.dashboard-shell-locked .container-footer {
  display: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard {
  display: grid !important;
  grid-template-columns: 252px minmax(0, 1fr) !important;
  min-height: 100vh !important;
  height: 100vh !important;
  overflow: hidden !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: 252px !important;
  min-width: 252px !important;
  max-width: 252px !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  z-index: 20 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), transparent 40%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown.show,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::after {
  right: -78px !important;
  bottom: 78px !important;
  width: 240px !important;
  height: 360px !important;
  background: linear-gradient(135deg, transparent 26%, rgba(255,255,255,.055) 28%, transparent 58%) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-header {
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 22px !important;
  gap: 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-sidebar-toggle {
  display: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo {
  height: 72px !important;
  min-height: 72px !important;
  align-items: center !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo img {
  max-width: 145px !important;
  max-height: 38px !important;
  object-fit: contain !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list {
  height: calc(100vh - 72px) !important;
  padding: 10px 10px 12px !important;
  gap: 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav * {
  transition: all .18s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-section {
  gap: 6px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-section__label {
  padding: 0 10px !important;
  font-size: 11px !important;
  margin: 2px 0 4px !important;
  color: rgba(255,255,255,.82) !important;
  letter-spacing: .08em !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu {
  position: relative !important;
  z-index: 1 !important;
  padding: 0 8px 6px !important;
  display: grid !important;
  gap: 6px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group {
  margin: 0 0 6px !important;
  padding-top: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle {
  min-height: 44px !important;
  height: 44px !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  gap: 10px !important;
  border-radius: 12px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.92) !important;
  font-weight: 700 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle:hover {
  background: rgba(255,255,255,.06) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.is-open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.show > .dashboard-brand-toggle {
  background: rgba(255,255,255,.08) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-mark {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  margin-left: 0 !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-mark img {
  width: 100% !important;
  height: 100% !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-label {
  flex: 1 !important;
  min-width: 0 !important;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle {
  min-height: 40px !important;
  height: 40px !important;
  padding: 8px 10px 8px 6px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(255,255,255,.90) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  opacity: .9 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle:hover {
  background: rgba(255,255,255,.05) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-toggle i,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-toggle i {
  margin-left: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-nav-dropdown-menu,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-nav-dropdown-menu {
  margin-left: 14px !important;
  padding-left: 10px !important;
  border-left: 1px solid rgba(255,255,255,.16) !important;
  gap: 4px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-nav-dropdown-menu {
  margin: 6px 0 8px 12px !important;
  border-left: 1px solid rgba(255,255,255,.14) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-root-item .dashboard-nav-item,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-root-item .dashboard-nav-item.active,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-root-item .dashboard-nav-item.is-active {
  background: rgba(255,255,255,.08) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-location-label {
  flex: 1 !important;
  min-width: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: inherit !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item {
  min-height: 34px !important;
  height: 34px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  border-radius: 9px !important;
  color: rgba(255,255,255,.78) !important;
  background: transparent !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item:hover {
  background: rgba(255,255,255,.08) !important;
  transform: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.active,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.is-active,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item[aria-current="page"] {
  min-height: 36px !important;
  background: linear-gradient(135deg, #0f5cff, #0a46c4) !important;
  color: #fff !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 18px rgba(15,92,255,.25) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav {
  position: relative !important;
  z-index: 1 !important;
  padding: 10px 10px 18px !important;
  display: grid !important;
  gap: 4px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-root-item {
  margin-bottom: 2px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard:not(.dashboard-compact) .dashboard-nav-root-item .dashboard-nav-item,
html[data-theme-mode] body.dashboard-shell-locked .dashboard:not(.dashboard-compact) .dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle {
  min-height: 40px !important;
  height: 40px !important;
  padding: 9px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  font-weight: 750 !important;
  color: rgba(255,255,255,.82) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard:not(.dashboard-compact) .dashboard-nav-root-item .dashboard-nav-item:hover,
html[data-theme-mode] body.dashboard-shell-locked .dashboard:not(.dashboard-compact) .dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle:hover {
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-app {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-toolbar,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-topbar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  padding: 0 24px !important;
  gap: 18px !important;
  justify-content: space-between !important;
  flex: 0 0 64px !important;
  backdrop-filter: blur(6px) !important;
  background: rgba(255,255,255,.96) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-topbar__left {
  gap: 14px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-topbar__menu-toggle,
html[data-theme-mode] body.dashboard-shell-locked .menu-toggle {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  color: #07164a !important;
  background: transparent !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
  color: #07164a !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb a,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb button,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #07164a !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb a:first-child {
  color: #0f5cff !important;
  font-size: 16px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb__separator {
  color: #718096 !important;
  opacity: .6 !important;
  font-size: 12px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-shell {
  padding-left: 14px !important;
  margin-left: 0 !important;
  border-left: 1px solid rgba(226,232,240,.9) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button {
  height: 44px !important;
  gap: 10px !important;
  padding: 6px 12px 6px 6px !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(18,100,246,.22) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.45) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button__name {
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button__role {
  font-size: 11px !important;
  font-weight: 650 !important;
  opacity: .85 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 28px rgba(18,100,246,.28) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu {
  right: 16px !important;
  top: 58px !important;
  width: 230px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  background-image: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #dash {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 16px !important;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  overflow-y: auto !important;
}

html[data-theme-mode] body.dashboard-shell-locked #dash.dash-layout-flow {
  justify-content: flex-start !important;
}

@media (max-width: 990px) {
  html[data-theme-mode] body.dashboard-shell-locked .dashboard {
    display: block !important;
  }

  html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    transform: translateX(-100%);
    transition: transform .22s ease;
  }

  html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav.mobile-show {
    transform: translateX(0);
  }

  html[data-theme-mode] body.dashboard-shell-locked .dashboard-sidebar-toggle {
    display: inline-grid !important;
  }

  html[data-theme-mode] body.dashboard-shell-locked .dashboard-app {
    width: 100% !important;
  }
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu {
  display: block !important;
  padding: 0 10px 8px !important;
  gap: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group {
  margin: 0 0 4px !important;
  padding: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle.dashboard-nav-item {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 12px !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle:hover,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.is-open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.show > .dashboard-brand-toggle {
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(255,255,255,.06) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-mark {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  flex: 0 0 32px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-label {
  line-height: 1.1 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group {
  margin-bottom: 2px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle.dashboard-nav-item {
  height: 38px !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  background: transparent !important;
  border: none !important;
  font-weight: 600 !important;
  opacity: .9 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-nav-dropdown-menu {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-nav-dropdown-menu {
  margin-top: 3px !important;
  margin-bottom: 5px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu {
  position: absolute !important;
  right: 16px !important;
  top: 58px !important;
  width: 248px !important;
  padding: 12px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 235, .28), transparent 36%),
    linear-gradient(180deg, #111827 0%, #0b1426 100%) !important;
  border: 1px solid rgba(59, 130, 246, .22) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 60px rgba(15, 23, 42, .42),
    0 0 0 1px rgba(255,255,255,.035) inset !important;
  z-index: 2000 !important;
  overflow: hidden !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.06), transparent 42%) !important;
  pointer-events: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu > * {
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session {
  padding: 8px 10px 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #8ea2c4 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session strong {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session small {
  display: block !important;
  margin-top: 3px !important;
  color: #c7d2e5 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__divider {
  height: 1px !important;
  margin: 8px 4px !important;
  background: linear-gradient(90deg, transparent, rgba(148,163,184,.24), transparent) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #e5edf8 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background .16s ease, color .16s ease, transform .16s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item i {
  width: 18px !important;
  color: #8ea2c4 !important;
  font-size: 13px !important;
  text-align: center !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item:hover {
  color: #fff !important;
  background: rgba(37, 99, 235, .18) !important;
  transform: translateX(2px) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item:hover i {
  color: #60a5fa !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger {
  color: #fecaca !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger i {
  color: #fb7185 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger:hover {
  color: #fff !important;
  background: rgba(239, 68, 68, .14) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger:hover i {
  color: #f87171 !important;
}

/* Final shell lock: compact company groups + premium user menu */
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list {
  gap: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-section {
  gap: 4px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu {
  display: block !important;
  padding: 0 10px 8px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group {
  margin: 0 0 4px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-brand-toggle {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-brand-toggle:hover,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group.is-open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group.open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group.show > .dashboard-brand-toggle {
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(255,255,255,.06) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu {
  margin: 4px 0 6px 14px !important;
  padding-left: 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group {
  margin: 0 0 2px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group > .dashboard-store-toggle {
  height: 38px !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group > .dashboard-nav-dropdown-menu {
  margin: 3px 0 5px 12px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu {
  width: 248px !important;
  padding: 12px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 235, .28), transparent 36%),
    linear-gradient(180deg, #111827 0%, #0b1426 100%) !important;
  border: 1px solid rgba(59, 130, 246, .22) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 60px rgba(15, 23, 42, .42),
    0 0 0 1px rgba(255,255,255,.035) inset !important;
  z-index: 2000 !important;
  overflow: hidden !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.06), transparent 42%) !important;
  pointer-events: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu > * {
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session {
  padding: 8px 10px 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__divider {
  height: 1px !important;
  margin: 8px 4px !important;
  background: linear-gradient(90deg, transparent, rgba(148,163,184,.24), transparent) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item {
  border-radius: 11px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item:hover {
  background: rgba(37, 99, 235, .18) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu {
  display: block !important;
  padding: 0 10px 8px !important;
  gap: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.dashboard-nav-dropdown {
  margin: 0 0 4px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle.dashboard-nav-item {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 12px !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle:hover,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.is-open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.show > .dashboard-brand-toggle {
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(255,255,255,.06) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-mark {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  flex: 0 0 32px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-label {
  line-height: 1.1 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group.dashboard-nav-dropdown {
  margin-bottom: 2px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle.dashboard-nav-item {
  height: 38px !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  opacity: .9 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle:hover,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group.is-open > .dashboard-store-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group.open > .dashboard-store-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group.show > .dashboard-store-toggle {
  background: rgba(255,255,255,.05) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-nav-dropdown-menu {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
  margin-left: 14px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-nav-dropdown-menu {
  margin-top: 3px !important;
  margin-bottom: 5px !important;
  margin-left: 12px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu {
  position: absolute !important;
  right: 16px !important;
  top: 58px !important;
  width: 248px !important;
  padding: 12px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 235, .28), transparent 36%),
    linear-gradient(180deg, #111827 0%, #0b1426 100%) !important;
  border: 1px solid rgba(59, 130, 246, .22) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 60px rgba(15, 23, 42, .42),
    0 0 0 1px rgba(255,255,255,.035) inset !important;
  z-index: 2000 !important;
  overflow: hidden !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.06), transparent 42%) !important;
  pointer-events: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu > * {
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session {
  padding: 8px 10px 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #8ea2c4 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session strong {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session small {
  display: block !important;
  margin-top: 3px !important;
  color: #c7d2e5 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__divider {
  height: 1px !important;
  margin: 8px 4px !important;
  background: linear-gradient(90deg, transparent, rgba(148,163,184,.24), transparent) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #e5edf8 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background .16s ease, color .16s ease, transform .16s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item i {
  width: 18px !important;
  color: #8ea2c4 !important;
  font-size: 13px !important;
  text-align: center !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item:hover {
  color: #fff !important;
  background: rgba(37, 99, 235, .18) !important;
  transform: translateX(2px) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item:hover i {
  color: #60a5fa !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger {
  color: #fecaca !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger i {
  color: #fb7185 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger:hover {
  color: #fff !important;
  background: rgba(239, 68, 68, .14) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger:hover i {
  color: #f87171 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav {
  background:
    radial-gradient(circle at 18% 0%, rgba(94, 215, 255, .13), transparent 30%),
    linear-gradient(180deg, #155fee 0%, #0d45c7 46%, #082f91 100%) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.18) transparent;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::-webkit-scrollbar,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list::-webkit-scrollbar {
  width: 6px;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::-webkit-scrollbar-track,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list::-webkit-scrollbar-track {
  background: transparent;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::-webkit-scrollbar-thumb,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.16);
  border-radius: 999px;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav * {
  transition: all .18s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group {
  margin-bottom: 3px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle {
  min-height: 42px !important;
  height: 42px !important;
  padding: 7px 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle:hover {
  background: rgba(255,255,255,.06) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.is-open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.show > .dashboard-brand-toggle {
  background: rgba(255,255,255,.08) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group {
  margin-bottom: 2px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle {
  min-height: 38px !important;
  height: 38px !important;
  padding: 7px 10px 7px 6px !important;
  background: transparent !important;
  border: none !important;
  font-weight: 600 !important;
  opacity: .9 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle:hover {
  background: rgba(255,255,255,.05) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-nav-dropdown-menu {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
  margin-left: 14px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-nav-dropdown-menu {
  margin-top: 3px !important;
  margin-bottom: 5px !important;
  margin-left: 12px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-label,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-location-label {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item {
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: -0.005em !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-root-item .dashboard-nav-item {
  font-size: 13.5px !important;
  font-weight: 750 !important;
  letter-spacing: -0.01em !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-toggle > .fa-chevron-left,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-toggle > .fa-chevron-right,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-toggle > .fa-angle-left,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-toggle > .fa-angle-right,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-toggle > .fa-caret-left,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-toggle > .fa-caret-right {
  display: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-toggle::after {
  content: "\f078" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  margin-left: auto !important;
  font-size: 10px !important;
  color: rgba(255,255,255,.68) !important;
  transition: transform .18s ease !important;
  border: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown.is-open > .dashboard-nav-dropdown-toggle::after,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown.open > .dashboard-nav-dropdown-toggle::after,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle::after {
  transform: rotate(180deg) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.active,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.is-active,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item[aria-current="page"] {
  min-height: 34px !important;
  height: 34px !important;
  background: #0f5cff !important;
  box-shadow: 0 8px 18px rgba(15,92,255,.24) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu {
  padding: 0 8px 6px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-root-item {
  margin-bottom: 2px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb {
  gap: 13px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb a,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb button,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb span {
  font: inherit !important;
  font-weight: 800 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb__separator {
  opacity: .72 !important;
  font-size: 11px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu {
  background: #111827 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.34) !important;
  z-index: 1000 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session {
  padding: 4px 8px 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session span {
  display: block !important;
  color: #8a98ad !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session strong {
  display: block !important;
  margin-top: 4px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__session small {
  display: block !important;
  margin-top: 2px !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__divider {
  height: 1px !important;
  margin: 8px 0 !important;
  background: rgba(255,255,255,.10) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #e5edf8 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-align: left !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item:hover {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger {
  color: #ffb4b4 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-menu__item--danger i {
  color: #ff6b6b !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav {
  background:
    radial-gradient(circle at 18% 0%, rgba(94, 215, 255, .11), transparent 28%),
    linear-gradient(180deg, #1557e5 0%, #0d3fb9 46%, #082d88 100%) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::before {
  background: linear-gradient(180deg, rgba(255,255,255,.045), transparent 38%) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-header,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav > header {
  height: 70px !important;
  min-height: 70px !important;
  padding: 0 20px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo,
html[data-theme-mode] body.dashboard-shell-locked .brand-logo.brand-logo {
  height: 70px !important;
  min-height: 70px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo img {
  max-width: 142px !important;
  max-height: 36px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list {
  padding: 9px 8px 10px !important;
  gap: 7px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-section__label {
  margin: 4px 6px 6px !important;
  padding: 0 8px !important;
  color: rgba(255,255,255,.78) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu {
  gap: 4px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group {
  margin-bottom: 2px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle {
  min-height: 41px !important;
  height: 41px !important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle:hover {
  background: rgba(255,255,255,.045) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.is-open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.show > .dashboard-brand-toggle {
  background: rgba(255,255,255,.06) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-mark {
  width: 31px !important;
  height: 31px !important;
  flex: 0 0 31px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-label {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group {
  margin-bottom: 1px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle {
  min-height: 37px !important;
  height: 37px !important;
  padding: 6px 9px 6px 4px !important;
  border-radius: 9px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: .88 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle:hover {
  background: rgba(255,255,255,.04) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-nav-dropdown-menu {
  margin-top: 3px !important;
  margin-bottom: 5px !important;
  margin-left: 12px !important;
  padding-left: 9px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-nav-dropdown-menu {
  margin-top: 2px !important;
  margin-bottom: 4px !important;
  margin-left: 10px !important;
  padding-left: 9px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-location-label {
  font-size: 13.5px !important;
  font-weight: 780 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item {
  min-height: 33px !important;
  height: 33px !important;
  padding: 6px 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.active,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.is-active,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item[aria-current="page"] {
  min-height: 34px !important;
  height: 34px !important;
  background: #0f5cff !important;
  box-shadow: 0 8px 18px rgba(15,92,255,.24) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-root-item {
  margin-bottom: 1px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-root-item .dashboard-nav-item,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown > .dashboard-nav-dropdown-toggle {
  min-height: 39px !important;
  height: 39px !important;
  padding: 8px 9px !important;
  border-radius: 9px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-toggle::after {
  font-size: 9px !important;
  color: rgba(255,255,255,.62) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-topbar__menu-toggle,
html[data-theme-mode] body.dashboard-shell-locked .menu-toggle {
  width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb {
  gap: 12px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb__separator {
  opacity: .72 !important;
  font-size: 10.5px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button {
  padding: 5px 12px 5px 6px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button__name {
  font-size: 13.5px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button__role {
  font-size: 10.5px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-layout,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-app-shell {
  grid-template-columns: 242px minmax(0, 1fr) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav {
  width: 242px !important;
  min-width: 242px !important;
  max-width: 242px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(94, 215, 255, 0.12), transparent 30%),
    linear-gradient(180deg, #0d48d8 0%, #0736a6 46%, #062675 100%) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::after {
  right: -80px !important;
  bottom: 58px !important;
  width: 230px !important;
  height: 360px !important;
  background: linear-gradient(135deg, transparent 25%, rgba(255, 255, 255, 0.055) 27%, rgba(255, 255, 255, 0.035) 40%, transparent 58%) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-header,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav > header {
  height: 72px !important;
  min-height: 72px !important;
  padding: 0 22px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo,
html[data-theme-mode] body.dashboard-shell-locked .brand-logo.brand-logo {
  height: 72px !important;
  min-height: 72px !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  justify-content: flex-start !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo img {
  width: auto !important;
  max-width: 145px !important;
  max-height: 38px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list {
  padding: 10px 8px 12px !important;
  gap: 8px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-section__label {
  margin: 4px 6px 6px !important;
  padding: 0 8px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu {
  padding: 0 8px 8px !important;
  gap: 6px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.dashboard-nav-dropdown,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group.dashboard-nav-dropdown {
  margin: 0 0 6px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle.dashboard-nav-item,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle.dashboard-nav-item,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle {
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle.dashboard-nav-item,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle.dashboard-nav-item,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle {
  min-height: 40px !important;
  height: 40px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-brand-toggle:hover,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.is-open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group.show > .dashboard-brand-toggle {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-store-toggle:hover,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group.is-open > .dashboard-store-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group.open > .dashboard-store-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group.show > .dashboard-store-toggle {
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-mark {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 999px !important;
  background: #fff !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-label {
  flex: 1 !important;
  min-width: 0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-brand-group > .dashboard-nav-dropdown-menu {
  margin: 6px 0 8px 18px !important;
  padding-left: 10px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.16) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-store-group > .dashboard-nav-dropdown-menu {
  margin: 6px 0 8px 14px !important;
  padding-left: 10px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item {
  min-height: 34px !important;
  height: 34px !important;
  padding: 7px 10px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 9px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.active,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.is-active,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item[aria-current="page"] {
  min-height: 36px !important;
  background: #0866ff !important;
  box-shadow: 0 10px 22px rgba(8, 102, 255, 0.24) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.active::before,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item.is-active::before,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-dropdown-item[aria-current="page"]::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 8px !important;
  border-radius: 999px !important;
  background: #fff !important;
  flex: 0 0 auto !important;
}

html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav {
  padding: 10px 8px 18px !important;
  gap: 4px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-toolbar,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-topbar {
  height: 64px !important;
  min-height: 64px !important;
  width: 100% !important;
  padding: 0 24px !important;
  gap: 18px !important;
  background: #fff !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-topbar__left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb {
  gap: 14px !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-breadcrumb a:first-child {
  color: #0f5cff !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-shell {
  padding-left: 16px !important;
  border-left: 1px solid rgba(226, 232, 240, 0.9) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-user-button {
  height: 44px !important;
  gap: 9px !important;
  padding: 4px 10px 4px 6px !important;
  border-radius: 999px !important;
  background: #1264f6 !important;
}

/* Definitive shell overrides: compact company tree + premium profile menu */
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu {
  display: block !important;
  padding: 0 10px 8px !important;
  margin: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu .dashboard-nav-dropdown-menu,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu .dashboard-nav-dropdown {
  gap: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group.dashboard-nav-dropdown {
  display: block !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-brand-toggle.dashboard-nav-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 6px 9px !important;
  margin: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-brand-toggle:hover,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group.is-open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group.open > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group.show > .dashboard-brand-toggle {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu {
  display: block !important;
  margin: 3px 0 5px 14px !important;
  padding: 0 0 0 10px !important;
  min-height: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: transparent !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group.dashboard-nav-dropdown {
  display: block !important;
  margin: 0 0 1px !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group > .dashboard-store-toggle,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group > .dashboard-store-toggle.dashboard-nav-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 6px 8px 6px 4px !important;
  margin: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  opacity: 0.92 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group > .dashboard-store-toggle:hover,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group.is-open > .dashboard-store-toggle,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group.open > .dashboard-store-toggle,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group.show > .dashboard-store-toggle {
  background: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu > .dashboard-brand-group > .dashboard-nav-dropdown-menu > .dashboard-store-group > .dashboard-nav-dropdown-menu {
  display: block !important;
  margin: 2px 0 4px 10px !important;
  padding: 0 0 0 10px !important;
  min-height: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: transparent !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list-loading .dashboard-nav-loading .dashboard-nav-item,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard-nav-list-loading .dashboard-nav-loading .dashboard-nav-item {
  min-height: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list-loading .dashboard-nav-loading .dashboard-nav-item:hover,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard-nav-list-loading .dashboard-nav-loading .dashboard-nav-item:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu .dashboard-nav-dropdown-item {
  min-height: 32px !important;
  height: 32px !important;
  padding: 6px 9px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu .dashboard-brand-mark {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  flex: 0 0 32px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu .dashboard-brand-label,
html[data-theme-mode] body.dashboard-shell-locked #company-locations-menu .dashboard-location-label {
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu {
  position: absolute !important;
  right: 16px !important;
  top: calc(100% + 10px) !important;
  width: 248px !important;
  padding: 12px !important;
  overflow: hidden !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.28), transparent 36%),
    linear-gradient(180deg, #111827 0%, #0b1426 100%) !important;
  background-color: #0b1426 !important;
  border: 1px solid rgba(59, 130, 246, 0.22) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset !important;
  z-index: 2000 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 42%) !important;
  pointer-events: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu > * {
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__session {
  padding: 8px 10px 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__divider {
  height: 1px !important;
  margin: 8px 4px !important;
  background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.24), transparent) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #e5edf8 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 11px !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover {
  color: #fff !important;
  background: rgba(37, 99, 235, 0.18) !important;
  transform: translateX(2px) !important;
}

/* Final shell hardening: root modules spacing + profile-anchor legacy neutralization */
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav {
  display: block !important;
  padding: 10px 8px 18px !important;
  margin: 0 !important;
  gap: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item .dashboard-nav-dropdown {
  display: block !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item .dashboard-nav-item,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item .dashboard-nav-dropdown-toggle {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item .dashboard-nav-item:hover,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item .dashboard-nav-item.active,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item .dashboard-nav-item.is-active {
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu {
  text-align: left !important;
  justify-content: flex-start !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.28), transparent 36%),
    linear-gradient(180deg, #111827 0%, #0b1426 100%) !important;
  background-color: #0b1426 !important;
  background-image:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.28), transparent 36%),
    linear-gradient(180deg, #111827 0%, #0b1426 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.22) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__session,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__session,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item {
  text-align: left !important;
  justify-content: flex-start !important;
}

/* Final premium light user dropdown + aligned nav header */
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-header,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav > header {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 22px !important;
  gap: 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo,
html[data-theme-mode] body.dashboard-shell-locked .brand-logo.brand-logo {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  align-items: center !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo img {
  max-width: 145px !important;
  max-height: 36px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu {
  position: absolute !important;
  right: 16px !important;
  top: calc(100% + 10px) !important;
  width: 280px !important;
  padding: 12px !important;
  overflow: hidden !important;
  color: #07164a !important;
  text-align: left !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
  background-color: rgba(255, 255, 255, 0.98) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.18),
    0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
  backdrop-filter: blur(14px) !important;
  z-index: 2000 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor::before,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu::before,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor::before,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(15, 92, 255, 0.06), transparent 42%) !important;
  pointer-events: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor > *,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu > * {
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__header,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__header {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 8px 8px 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__avatar,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  border: 2px solid rgba(15, 92, 255, 0.18) !important;
  box-shadow: 0 8px 18px rgba(15, 92, 255, 0.14) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__identity,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__identity {
  min-width: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__eyebrow,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__eyebrow {
  display: inline-flex !important;
  margin-bottom: 3px !important;
  color: #0f5cff !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__header strong,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__header strong {
  display: block !important;
  color: #07164a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__header small,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__header small {
  display: block !important;
  margin-top: 2px !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__divider,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__divider {
  height: 1px !important;
  margin: 8px 4px !important;
  background: linear-gradient(90deg, transparent, rgba(203, 213, 225, 0.95), transparent) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:link,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:visited {
  width: 100% !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  color: #0f172a !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item i {
  width: 18px !important;
  color: #64748b !important;
  font-size: 13px !important;
  text-align: center !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:focus,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus {
  color: #0f5cff !important;
  background: #eef5ff !important;
  transform: translateX(2px) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:hover i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:focus i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus i {
  color: #0f5cff !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger {
  color: #dc2626 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger i {
  color: #ef4444 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger:focus,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus {
  color: #b91c1c !important;
  background: #fff1f2 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger:hover i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger:focus i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus i {
  color: #dc2626 !important;
}

/* Final shell polish: nav header matches topbar and user trigger/menu stay light premium */
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-header,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav > header,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard-nav-header,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard-nav > header {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 22px !important;
  align-items: center !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo,
html[data-theme-mode] body.dashboard-shell-locked .brand-logo.brand-logo,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .brand-logo,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .brand-logo.brand-logo {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  align-items: center !important;
}

html[data-theme-mode] body.dashboard-shell-locked .brand-logo img,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .brand-logo img {
  width: 100px !important;
  max-width: 100px !important;
  max-height: 36px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #dashboard-button.dashboard-user-button,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #dashboard-button.dashboard-user-button {
  height: 44px !important;
  padding: 4px 12px 4px 6px !important;
  gap: 10px !important;
  border-radius: 999px !important;
  color: #07164a !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
  background-color: rgba(255, 255, 255, 0.98) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.92) inset !important;
}

html[data-theme-mode] body.dashboard-shell-locked #dashboard-button.dashboard-user-button:hover,
html[data-theme-mode] body.dashboard-shell-locked #dashboard-button.dashboard-user-button.is-open,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #dashboard-button.dashboard-user-button:hover,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #dashboard-button.dashboard-user-button.is-open {
  transform: translateY(-1px) !important;
  box-shadow:
    0 14px 28px rgba(15, 23, 42, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.92) inset !important;
}

html[data-theme-mode] body.dashboard-shell-locked #dashboard-button .dashboard-user-button__name,
html[data-theme-mode] body.dashboard-shell-locked #dashboard-button .dashboard-user-button__role,
html[data-theme-mode] body.dashboard-shell-locked #dashboard-button .dashboard-user-caret,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #dashboard-button .dashboard-user-button__name,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #dashboard-button .dashboard-user-button__role,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #dashboard-button .dashboard-user-caret {
  color: inherit !important;
}

html[data-theme-mode] body.dashboard-shell-locked #dashboard-button .dashboard-user-button__name,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #dashboard-button .dashboard-user-button__name {
  font-size: 13px !important;
  font-weight: 850 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #dashboard-button .dashboard-user-button__role,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #dashboard-button .dashboard-user-button__role {
  font-size: 10px !important;
  color: #64748b !important;
  opacity: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #dashboard-button .dashboard-user-avatar-shell img,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #dashboard-button .dashboard-user-avatar-shell img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(15, 92, 255, 0.16) !important;
  box-shadow: 0 8px 18px rgba(15, 92, 255, 0.12) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu {
  width: 280px !important;
  padding: 12px !important;
  color: #07164a !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
  background-color: rgba(255, 255, 255, 0.98) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.18),
    0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
  backdrop-filter: blur(14px) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor::before,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu::before,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor::before,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu::before {
  background: linear-gradient(135deg, rgba(15, 92, 255, 0.06), transparent 42%) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__header strong,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__header small,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__header strong,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__header small,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item {
  color: #07164a !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__header small,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__header small {
  color: #64748b !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item i {
  color: #64748b !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:focus,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:hover,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:focus {
  color: #0f5cff !important;
  background: #eef5ff !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:hover i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:focus i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:hover i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item:focus i {
  color: #0f5cff !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger {
  color: #dc2626 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger i {
  color: #ef4444 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger:focus,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger:hover,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor .dashboard-user-menu__item--danger:focus {
  color: #b91c1c !important;
  background: #fff1f2 !important;
}

@keyframes netzorUserMenuIn {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Final dropdown-only finish: light premium user popover */
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu {
  position: absolute !important;
  right: 16px !important;
  top: 60px !important;
  width: 292px !important;
  padding: 12px !important;
  color: #07164a !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(15, 92, 255, 0.10), transparent 40%),
    linear-gradient(180deg, #ffffff, #f6f9ff) !important;
  background-color: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(203, 213, 225, 0.92) !important;
  border-radius: 20px !important;
  box-shadow:
    0 30px 80px rgba(2, 6, 23, 0.25),
    0 1px 0 rgba(255, 255, 255, 0.90) inset !important;
  backdrop-filter: blur(16px) !important;
  z-index: 3000 !important;
  overflow: hidden !important;
  transform-origin: top right !important;
  animation: netzorUserMenuIn 0.18s ease both !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu::before,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 44%) !important;
  pointer-events: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu > *,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu > * {
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__header,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 9px 9px 11px !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__avatar,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  border: 2px solid rgba(15, 92, 255, 0.20) !important;
  box-shadow:
    0 10px 24px rgba(15, 92, 255, 0.18),
    0 0 0 4px rgba(15, 92, 255, 0.08) !important;
  flex: 0 0 auto !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__identity,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__identity {
  min-width: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__eyebrow,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__eyebrow {
  display: block !important;
  margin-bottom: 4px !important;
  color: #0f5cff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__identity strong,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__identity strong {
  display: block !important;
  color: #07164a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__identity small,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__identity small {
  display: block !important;
  margin-top: 3px !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__divider,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__divider {
  height: 1px !important;
  margin: 8px 4px !important;
  background: linear-gradient(90deg, transparent, rgba(203, 213, 225, 0.95), transparent) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:link,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:visited,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:link,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:visited {
  width: 100% !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #0f172a !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item i {
  width: 18px !important;
  color: #64748b !important;
  font-size: 13px !important;
  text-align: center !important;
  transition: color 0.16s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus {
  color: #0f5cff !important;
  background: rgba(15, 92, 255, 0.08) !important;
  transform: translateX(2px) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus i {
  color: #0f5cff !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger {
  color: #dc2626 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger i {
  color: #ef4444 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus {
  color: #b91c1c !important;
  background: rgba(239, 68, 68, 0.08) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus i {
  color: #dc2626 !important;
}

/* Final root-nav spacing hardening: closed root dropdowns must not leave vertical gaps */
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-root-item,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown {
  margin: 0 0 2px !important;
  padding: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown > .dashboard-nav-dropdown-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown > .dashboard-nav-dropdown-menu {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  gap: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown:not(.show):not(.open):not(.is-open) > .dashboard-nav-dropdown-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown:not(.show):not(.open):not(.is-open) > .dashboard-nav-dropdown-menu {
  margin: 0 !important;
  padding: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown.open > .dashboard-nav-dropdown-menu,
html[data-theme-mode] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown.is-open > .dashboard-nav-dropdown-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown.open > .dashboard-nav-dropdown-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #ordered-root-nav .dashboard-nav-dropdown.is-open > .dashboard-nav-dropdown-menu {
  margin: 4px 0 4px 10px !important;
  padding: 0 0 0 10px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
  gap: 2px !important;
}

/* Final compact sidebar behavior: true 72px collapsed state */
html[data-theme-mode] body.dashboard-shell-locked .dashboard,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard {
  transition: grid-template-columns 0.22s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard-nav,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard-nav-list {
  transition:
    width 0.22s ease,
    min-width 0.22s ease,
    max-width 0.22s ease,
    padding 0.22s ease !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav::-webkit-scrollbar,
html[data-theme-mode] body.dashboard-shell-locked .dashboard-nav-list::-webkit-scrollbar,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard-nav::-webkit-scrollbar,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard-nav-list::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact {
  grid-template-columns: 72px minmax(0, 1fr) !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-header,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav > header,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-header,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav > header {
  padding: 0 !important;
  justify-content: center !important;
  padding-top: 10px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .brand-logo,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .brand-logo {
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  justify-self: center !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  overflow: hidden !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .brand-logo img,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .brand-logo img {
  display: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .brand-logo::before,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .brand-logo::before {
  content: "\f0e7" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  background: none !important;
  background-image: none !important;
  font-size: 30px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  transform: scaleX(-1) !important;
  text-shadow: 0 4px 12px rgba(15, 92, 255, 0.18) !important;
  margin-left: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-list,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-list {
  padding: 8px 6px 12px !important;
  gap: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-section__label,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-brand-label,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-location-label,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown-toggle::after,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown-menu,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact #company-locations-menu::before,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-section__label,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-brand-label,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-location-label,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown-toggle::after,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact #company-locations-menu::before {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-brand-group,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-store-group,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-root-item,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-brand-group,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-store-group,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-root-item {
  margin: 0 0 8px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-brand-group > .dashboard-brand-toggle,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-store-group > .dashboard-store-toggle,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-brand-group > .dashboard-brand-toggle,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-store-group > .dashboard-store-toggle {
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 14px !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-brand-mark,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-brand-mark {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}

html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown-menu,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu,
html[data-theme-mode] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown.is-open > .dashboard-nav-dropdown-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked .dashboard.dashboard-compact .dashboard-nav-dropdown.is-open > .dashboard-nav-dropdown-menu {
  display: none !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Final user dropdown visual: compact light premium popover */
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu {
  position: absolute !important;
  right: 0 !important;
  top: 44px !important;
  width: 210px !important;
  padding: 6px !important;
  color: #07164a !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(15, 92, 255, 0.10), transparent 40%),
    linear-gradient(180deg, #ffffff, #f6f9ff) !important;
  background-color: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(203, 213, 225, 0.92) !important;
  border-radius: 12px !important;
  box-shadow:
    0 24px 52px rgba(2, 6, 23, 0.18),
    0 1px 0 rgba(255, 255, 255, 0.90) inset !important;
  backdrop-filter: blur(16px) !important;
  z-index: 3000 !important;
  overflow: hidden !important;
  transform-origin: top right !important;
  animation: netzorUserMenuIn 0.18s ease both !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu::before,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 44%) !important;
  pointer-events: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu > *,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu > * {
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__header,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__divider:first-of-type,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__header,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__divider:first-of-type {
  display: none !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__divider,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__divider {
  height: 1px !important;
  margin: 6px 4px !important;
  background: linear-gradient(90deg, transparent, rgba(203, 213, 225, 0.95), transparent) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:link,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:visited,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:link,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:visited {
  width: 100% !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #0f172a !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 9px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item i {
  width: 16px !important;
  color: #64748b !important;
  font-size: 12px !important;
  text-align: center !important;
  transition: color 0.15s ease !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus {
  color: #0f5cff !important;
  background: rgba(15, 92, 255, 0.08) !important;
  transform: translateX(2px) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:hover i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item:focus i {
  color: #0f5cff !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger {
  color: #dc2626 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger i {
  color: #ef4444 !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus {
  color: #b91c1c !important;
  background: rgba(239, 68, 68, 0.08) !important;
}

html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover i,
html[data-theme-mode] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:hover i,
:root[data-theme-mode="netzor"] body.dashboard-shell-locked #profile-anchor.dashboard-user-menu .dashboard-user-menu__item--danger:focus i {
  color: #dc2626 !important;
}

/* -- Device Types Admin -- */

.device-type-page {
  gap: 1.05rem;
  font-family: var(--font-sans);
}

#device-type-overview-tone option {
  color: #fff;
}

#device-type-overview-tone option[value="overview-tone-slate"] { background: #334155; }
#device-type-overview-tone option[value="overview-tone-cyan"] { background: #0f766e; }
#device-type-overview-tone option[value="overview-tone-blue"] { background: #1d4ed8; }
#device-type-overview-tone option[value="overview-tone-amber"] { background: #b45309; }
#device-type-overview-tone option[value="overview-tone-violet"] { background: #6d28d9; }
#device-type-overview-tone option[value="overview-tone-emerald"] { background: #047857; }
#device-type-overview-tone option[value="overview-tone-rose"] { background: #be123c; }

.device-type-hero,
.device-type-form-card,
.device-type-toolbar-card,
.device-type-empty-card {
  border-radius: 22px;
}

.device-type-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: var(--space-5);
  padding: 1.35rem 1.45rem;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 0%, rgba(94, 215, 255, 0.13), transparent 27%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.96));
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.055);
}

.device-type-kicker {
  display: inline-flex;
  color: var(--nz-blue-700);
  font-size: 0.68rem;
  font-weight: 860;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.device-type-hero h2 {
  margin: 0.58rem 0 0.42rem;
  color: var(--color-text);
  font-size: clamp(1.75rem, 2.4vw, 2.55rem);
  font-weight: 850;
  letter-spacing: -0.055em;
}

.device-type-hero p {
  margin: 0;
  color: var(--color-text-soft);
  font-size: 0.94rem;
  line-height: 1.58;
}

.device-type-hero__panel {
  display: grid;
  align-content: space-between;
  justify-items: end;
  gap: var(--space-5);
}

.device-type-hero__badges,
.device-type-hero__buttons {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.58rem;
  flex-wrap: wrap;
}

.device-type-hero__badges .ds-badge {
  min-height: 1.55rem;
  padding: 0.25rem 0.78rem;
  border-radius: var(--radius-pill);
  font-size: 0.72rem;
  box-shadow: none;
}

.device-type-form-card {
  position: relative;
  padding: 1.5rem;
  background:
    radial-gradient(circle at 3% 0%, rgba(94, 215, 255, 0.08), transparent 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 252, 255, 0.96));
  border-color: rgba(18, 63, 183, 0.10);
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.045);
}

.device-type-form-card::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 3px;
  height: 42px;
  border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
  background: var(--nz-intensity-medium-signal);
}

.device-type-form-title {
  font-size: 1rem;
  font-weight: 650;
  color: var(--color-text);
  margin-bottom: 1.25rem;
}

.device-type-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem 1rem;
}

.device-type-form-grid .ds-field {
  width: 100%;
}

.device-type-form-grid label {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--color-text);
  font-size: 0.78rem;
  font-weight: 660;
}

.device-type-form-full {
  grid-column: 1 / -1;
}

.device-type-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.55rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border);
}

.device-type-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 28px;
  cursor: pointer;
  user-select: none;
}

.device-type-toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.device-type-toggle span {
  position: relative;
  display: inline-flex;
  width: 36px;
  height: 20px;
  flex: 0 0 36px;
  background: var(--color-border);
  border-radius: var(--radius-pill);
  transition: background var(--nz-transition-fast);
}

.device-type-toggle span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(7, 17, 31, 0.15);
  transition: transform var(--nz-transition-fast);
}

.device-type-toggle input:checked + span {
  background: var(--nz-blue-600);
}

.device-type-toggle input:checked + span::after {
  transform: translateX(16px);
}

.device-type-toggle strong {
  font-size: 0.82rem;
  font-weight: 660;
  color: var(--color-text);
}

.device-type-toolbar {
  padding: 1rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 252, 255, 0.96));
  border-color: rgba(18, 63, 183, 0.08);
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.045);
}

.device-type-toolbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.device-type-toolbar-info strong {
  display: block;
  color: var(--color-text);
}

.device-type-toolbar-info span {
  font-size: 0.82rem;
  color: var(--color-text-soft);
}

.device-type-search-wrap {
  position: relative;
  width: 260px;
}

.device-type-search-wrap i {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-muted);
  font-size: 0.85rem;
  pointer-events: none;
}

.device-type-search-wrap input {
  width: 100%;
  min-height: 38px;
  padding: 0.45rem 0.7rem 0.45rem 2.1rem;
  color: var(--color-text);
  background: var(--color-surface-solid);
  border: 1px solid var(--color-border);
  border-radius: 11px;
  font-size: 0.84rem;
  transition: border-color var(--nz-transition-fast), box-shadow var(--nz-transition-fast);
}

.device-type-search-wrap input:focus {
  border-color: rgba(51, 135, 255, 0.72);
  box-shadow: var(--nz-intensity-light-focus);
  outline: 0;
}

.device-type-empty-card {
  padding: 2rem;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 252, 255, 0.96));
  border-color: rgba(18, 63, 183, 0.08);
  border-style: dashed;
  box-shadow: none;
}

.device-type-empty-card p {
  margin: 0;
  color: var(--color-text-soft);
  font-size: 0.88rem;
}

.device-type-card {
  position: relative;
  padding: 1.15rem;
  background:
    radial-gradient(circle at 6% 0%, rgba(94, 215, 255, 0.06), transparent 20%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 252, 255, 0.96));
  border-color: rgba(18, 63, 183, 0.10);
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.045);
  transition: transform var(--nz-transition-fast), box-shadow var(--nz-transition-fast), border-color var(--nz-transition-fast);
}

.device-type-card::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 3px;
  height: 42px;
  border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
  background: var(--nz-intensity-medium-signal);
}

.device-type-card:hover {
  transform: translateY(-2px);
  border-color: var(--nz-intensity-medium-border);
  box-shadow: 0 20px 40px rgba(7, 17, 31, 0.07);
}

.device-type-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.device-type-card-id {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.device-type-card-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex: 0 0 38px;
}

.device-type-card-name {
  font-weight: 650;
  color: var(--color-text);
}

.device-type-card-desc {
  font-size: 0.78rem;
  color: var(--color-text-soft);
}

.device-type-card-meta {
  display: grid;
  gap: 0.2rem;
  margin-bottom: 0.85rem;
}

.device-type-card-meta > div {
  font-size: 0.78rem;
  color: var(--color-text-soft);
}

.device-type-card-meta strong {
  color: var(--color-text);
  font-weight: 660;
}

.device-type-card-actions {
  display: flex;
  gap: 0.45rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-border);
}

.device-type-card-actions .ds-button {
  flex: 1;
  min-height: 36px;
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
}

.device-type-extra-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  border-top: 1px solid var(--color-border);
  flex-wrap: wrap;
  gap: 0.5rem;
}

.device-type-extra-header label {
  font-size: 0.88rem;
  font-weight: 660;
  color: var(--color-text);
  margin-bottom: 0;
}

.device-type-extra-header .device-type-extra-help {
  font-size: 0.76rem;
  color: var(--color-text-soft);
}

.device-type-extra-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
  gap: 0.5rem;
  align-items: end;
  margin-bottom: 0.5rem;
}

.device-type-extra-field-row label {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--color-text-soft);
  font-size: 0.72rem;
  font-weight: 660;
}

.device-type-tcp-guide {
  border-radius: var(--radius-lg);
  padding: 1rem;
  background: var(--color-surface-muted);
  border: 1px solid var(--color-border);
}

.device-type-tcp-guide-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.device-type-tcp-guide-header label {
  font-size: 0.82rem;
  font-weight: 660;
  color: var(--color-text);
  margin-bottom: 0;
}

.device-type-tcp-guide-header small {
  display: block;
  color: var(--color-text-soft);
  font-size: 0.76rem;
}

.device-type-tcp-preset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.5rem;
}

.device-type-tcp-preset-card {
  display: grid;
  gap: 0.2rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-solid);
  text-align: left;
  cursor: pointer;
  transition: border-color var(--nz-transition-fast), background var(--nz-transition-fast), box-shadow var(--nz-transition-fast);
}

.device-type-tcp-preset-card:hover {
  border-color: rgba(51, 135, 255, 0.42);
  background: var(--color-primary-soft);
}

.device-type-tcp-preset-card.is-selected {
  border-color: var(--nz-blue-600);
  background: var(--color-primary-soft);
  box-shadow: 0 0 0 2px rgba(51, 135, 255, 0.15);
}

.device-type-tcp-preset-card strong {
  font-size: 0.82rem;
  font-weight: 720;
  color: var(--color-text);
}

.device-type-tcp-preset-card span {
  font-size: 0.72rem;
  color: var(--color-text-soft);
}

.device-type-tcp-preset-card small {
  font-size: 0.68rem;
  color: var(--color-text-muted);
}

.monitoring-mode-summary-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.85rem 1rem;
  background: linear-gradient(135deg, rgba(246, 250, 255, 0.96), rgba(255, 255, 255, 0.98));
  border: 1px solid rgba(18, 63, 183, 0.09);
  border-radius: var(--radius-lg);
}

.monitoring-mode-summary-eyebrow {
  display: block;
  color: var(--color-text-muted);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.15rem;
}

.monitoring-mode-summary-copy h6 {
  margin: 0 0 0.25rem;
  font-size: 0.88rem;
  font-weight: 720;
  color: var(--color-text);
}

.monitoring-mode-summary-copy p {
  margin: 0;
  font-size: 0.78rem;
  color: var(--color-text-soft);
  line-height: 1.5;
}

.monitoring-mode-summary-meta {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  flex-shrink: 0;
}

.monitoring-mode-summary-chip {
  padding: 0.25rem 0.6rem;
  background: var(--color-surface-solid);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  font-size: 0.72rem;
  color: var(--color-text-soft);
  white-space: nowrap;
}

.monitoring-mode-summary-chip strong {
  color: var(--color-text);
  font-weight: 720;
}

.device-type-icon-picker {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 0.5rem;
}

.device-type-icon-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  padding: 0.65rem 0.5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-solid);
  cursor: pointer;
  transition: border-color var(--nz-transition-fast), background var(--nz-transition-fast), box-shadow var(--nz-transition-fast);
}

.device-type-icon-option:hover {
  border-color: rgba(51, 135, 255, 0.42);
  background: var(--color-primary-soft);
  box-shadow: 0 0 0 2px rgba(51, 135, 255, 0.10);
}

.device-type-icon-option i {
  font-size: 1.3rem;
  color: var(--color-text);
}

.device-type-icon-option span {
  font-size: 0.72rem;
  color: var(--color-text-soft);
}

/* ── Device Registration / Edit (Novo equipamento) ── */

.device-reg-form-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.85rem 1rem;
}

.device-reg-form-grid .ds-field {
  width: 100%;
}

.device-reg-form-grid label {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--color-text);
  font-size: 0.78rem;
  font-weight: 660;
}

.device-reg-form-full {
  grid-column: 1 / -1;
}

.device-reg-extra-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--color-border);
}

.device-reg-extra-header label {
  margin-bottom: 0;
}

.device-reg-extra-header .device-reg-extra-help {
  font-size: 0.76rem;
  color: var(--color-text-soft);
}

.device-reg-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 0.5rem;
  align-items: end;
  margin-bottom: 0.5rem;
}

.device-reg-field-row label {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--color-text-soft);
  font-size: 0.72rem;
  font-weight: 660;
}

.device-reg-file-input {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 42px;
  padding: 0.35rem 0.85rem;
  color: var(--color-text-soft);
  background: var(--color-surface-solid);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: border-color var(--nz-transition-fast), background var(--nz-transition-fast);
}

.device-reg-file-input:hover {
  border-color: rgba(51, 135, 255, 0.42);
  background: var(--color-primary-soft);
}

.device-reg-image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 0.5rem;
}

/* ── Catalog Admin (Marcas e Modelos) ── */

.catalog-page {
  gap: 1.05rem;
  font-family: var(--font-sans);
}

.catalog-toolbar {
  padding: 1rem 1.25rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 252, 255, 0.96));
  border-color: rgba(18, 63, 183, 0.08);
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.045);
}

.catalog-toolbar__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

.catalog-tabs {
  display: inline-flex;
  gap: 0.25rem;
  padding: 0.2rem;
  background: var(--color-surface-muted);
  border-radius: var(--radius-pill);
}

.catalog-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.38rem 0.9rem;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-text-soft);
  font-size: 0.82rem;
  font-weight: 720;
  cursor: pointer;
  transition: background var(--nz-transition-fast), color var(--nz-transition-fast), box-shadow var(--nz-transition-fast);
}

.catalog-tab:hover {
  color: var(--color-text);
}

.catalog-tab.is-active {
  background: var(--color-surface-solid);
  color: var(--color-text);
  box-shadow: 0 1px 3px rgba(7, 17, 31, 0.10);
}

.catalog-tab__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 0.35rem;
  border-radius: var(--radius-pill);
  background: var(--color-border);
  font-size: 0.68rem;
  font-weight: 780;
  color: var(--color-text-soft);
}

.catalog-tab.is-active .catalog-tab__count {
  background: var(--nz-blue-600);
  color: #fff;
}

.catalog-toolbar__filters {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.catalog-toolbar__filters .catalog-search-wrap {
  position: relative;
  width: 240px;
}

.catalog-toolbar__filters .catalog-search-wrap i {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-muted);
  font-size: 0.82rem;
  pointer-events: none;
}

.catalog-toolbar__filters .catalog-search-wrap input {
  width: 100%;
  min-height: 36px;
  padding: 0.4rem 0.7rem 0.4rem 2rem;
  color: var(--color-text);
  background: var(--color-surface-solid);
  border: 1px solid var(--color-border);
  border-radius: 11px;
  font-size: 0.82rem;
  transition: border-color var(--nz-transition-fast), box-shadow var(--nz-transition-fast);
}

.catalog-toolbar__filters .catalog-search-wrap input:focus {
  border-color: rgba(51, 135, 255, 0.72);
  box-shadow: var(--nz-intensity-light-focus);
  outline: 0;
}

.catalog-toolbar__filters .ds-field {
  min-height: 36px;
  font-size: 0.82rem;
}

.catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 0.85rem;
  margin-top: 1rem;
}

.catalog-card {
  position: relative;
  display: grid;
  gap: 0.65rem;
  padding: 1rem;
  background:
    radial-gradient(circle at 6% 0%, rgba(94, 215, 255, 0.06), transparent 20%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 252, 255, 0.96));
  border: 1px solid rgba(18, 63, 183, 0.10);
  border-radius: var(--radius-lg);
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.045);
  transition: transform var(--nz-transition-fast), box-shadow var(--nz-transition-fast), border-color var(--nz-transition-fast);
}

.catalog-card:hover {
  transform: translateY(-2px);
  border-color: var(--nz-intensity-medium-border);
  box-shadow: 0 20px 40px rgba(7, 17, 31, 0.07);
}

.catalog-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.catalog-card__main {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.catalog-card__name {
  font-weight: 650;
  color: var(--color-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.catalog-card__meta {
  font-size: 0.78rem;
  color: var(--color-text-soft);
}

.catalog-card__thumb {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  overflow: hidden;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-surface-muted);
}

.catalog-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.catalog-card__thumb i {
  font-size: 1.1rem;
  color: var(--color-text-muted);
}

.catalog-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.55rem;
  border-radius: var(--radius-pill);
  font-size: 0.68rem;
  font-weight: 720;
  background: var(--color-surface-muted);
  color: var(--color-text-soft);
}

.catalog-card__actions {
  display: flex;
  gap: 0.4rem;
  padding-top: 0.65rem;
  border-top: 1px solid var(--color-border);
}

.catalog-card__actions .ds-button {
  flex: 1;
  min-height: 32px;
  padding: 0.35rem 0.6rem;
  font-size: 0.78rem;
}

.catalog-empty {
  grid-column: 1 / -1;
  padding: 2.5rem 1rem;
  text-align: center;
  color: var(--color-text-soft);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-lg);
}

.catalog-empty p {
  margin: 0;
  font-size: 0.88rem;
}

/* Hover-peek: fade dos labels da sidebar em sincronia com a transicao de
   width ja existente (~0.22s). Sem isso, os textos pulariam quando o user
   passa o mouse sobre a sidebar minimizada. Visibility precisa transicionar
   para que a propriedade nao "salte" antes do opacity terminar. */
.dashboard-nav-section__label,
.dashboard-brand-label,
.dashboard-location-label,
.dashboard-nav-item span,
.dashboard-nav-dropdown-toggle::after,
.dashboard-brand-group > .dashboard-nav-dropdown-menu,
.dashboard-store-group > .dashboard-nav-dropdown-menu,
.dashboard-nav-dropdown-menu {
  transition:
    opacity 0.18s ease,
    visibility 0.18s ease;
}

}