/**
 * Ads2Wallet chrome — header, sidebar, FAB, footer (dark shell only).
 */

/* UX-AUDIT[a2w]: FAB safe area — no overlap with table legend / stato column */
html[data-shell="dark"].a2w-shell .content {
  padding-bottom: var(--a2w-fab-clearance);
}

html[data-shell="dark"].a2w-shell.a2w-wai-visible .content {
  padding-bottom: calc(var(--a2w-fab-clearance) + 8px);
}

/* UX-AUDIT[a2w]: hide orphan legacy header block; use breadcrumb instead */
html[data-shell="dark"].a2w-shell .header-title--legacy {
  display: none !important;
}

html[data-shell="dark"].a2w-shell .app-breadcrumb {
  display: block !important;
}

html[data-shell="dark"].a2w-shell .sidebar-toggle {
  display: none;
}

html[data-shell="dark"].a2w-shell .layout {
  grid-template-columns: var(--a2w-sidebar-expanded-w) 1fr;
  transition: grid-template-columns var(--a2w-dur-sidebar) ease;
}

/* Ads2Wallet only: keep main content (and its dropdowns) above the left sidebar column */
html[data-shell="dark"].a2w-shell .layout > .sidebar {
  position: relative;
  z-index: 10;
}

html[data-shell="dark"].a2w-shell .layout > .main {
  position: relative;
  z-index: 20;
}

html[data-shell="dark"].a2w-shell .sidebar {
  width: var(--a2w-sidebar-expanded-w);
  transition: width var(--a2w-dur-sidebar) ease, padding var(--a2w-dur-sidebar) ease;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .layout {
  grid-template-columns: var(--a2w-sidebar-collapsed-w) 1fr;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .sidebar {
  width: var(--a2w-sidebar-collapsed-w);
  padding-left: 8px;
  padding-right: 8px;
}

html[data-shell="dark"].a2w-shell .app-header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--space-4);
}

html[data-shell="dark"].a2w-shell .header-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  min-width: 0;
}

/* UX-AUDIT[a2w]: breadcrumb with brand logo */
html[data-shell="dark"].a2w-shell .breadcrumb-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: var(--text-sm);
  color: var(--a2w-text-secondary);
}

html[data-shell="dark"].a2w-shell .breadcrumb-list li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

html[data-shell="dark"].a2w-shell .breadcrumb-list li:not(:last-child)::after {
  content: '›';
  color: var(--a2w-text-tertiary);
  font-weight: 400;
  margin-left: var(--space-1);
}

html[data-shell="dark"].a2w-shell .a2w-breadcrumb-brand-wrap {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}

html[data-shell="dark"].a2w-shell .a2w-breadcrumb-brand-wrap.a2w-breadcrumb-brand-wrap--text-only {
  gap: 0;
}

html[data-shell="dark"].a2w-shell .a2w-breadcrumb-logo {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  object-fit: contain;
  border: 1px solid var(--a2w-border-default);
  background: var(--bg-subtle);
  flex-shrink: 0;
}

html[data-shell="dark"].a2w-shell .a2w-breadcrumb-logo--fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--a2w-accent);
  background: var(--a2w-accent-subtle);
}

html[data-shell="dark"].a2w-shell .a2w-breadcrumb-brand-wrap--text-only .a2w-breadcrumb-logo,
html[data-shell="dark"].a2w-shell .a2w-breadcrumb-brand-wrap--text-only .a2w-breadcrumb-logo--fallback {
  display: none !important;
}

html[data-shell="dark"].a2w-shell #breadcrumbBrand {
  font-weight: 600;
  color: var(--a2w-text-primary);
}

html[data-shell="dark"].a2w-shell #breadcrumbSection {
  color: var(--a2w-text-secondary);
  font-weight: 500;
}

html[data-shell="dark"].a2w-shell .header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  justify-content: flex-end;
}

html[data-shell="dark"].a2w-shell .a2w-brand-picker {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

html[data-shell="dark"].a2w-shell .a2w-brand-picker__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--a2w-text-tertiary);
  line-height: 1.2;
}

html[data-shell="dark"].a2w-shell .brand-sel--header {
  min-width: 160px;
  max-width: 220px;
}

html[data-shell="dark"].a2w-shell .a2w-sidebar-workspace {
  display: grid;
  gap: 8px;
  margin: 0 0 var(--space-4);
}

html[data-shell="dark"].a2w-shell .a2w-sidebar-workspace__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--a2w-text-tertiary);
}

html[data-shell="dark"].a2w-shell .a2w-sidebar-workspace__row {
  display: flex;
  align-items: center;
  gap: 8px;
}

html[data-shell="dark"].a2w-shell .a2w-workspace-brand-tile {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid var(--a2w-border-default);
  background: rgba(255, 255, 255, 0.04);
  color: var(--a2w-text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

html[data-shell="dark"].a2w-shell .a2w-sidebar-workspace .a2w-brand-picker {
  flex: 1;
  min-width: 0;
}

html[data-shell="dark"].a2w-shell .a2w-sidebar-workspace .a2w-brand-picker__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

html[data-shell="dark"].a2w-shell .a2w-sidebar-workspace .brand-sel--header {
  min-width: 0;
  max-width: none;
  width: 100%;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .a2w-sidebar-workspace {
  justify-items: center;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .a2w-sidebar-workspace__label,
html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .a2w-sidebar-workspace .a2w-brand-picker {
  display: none;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .a2w-sidebar-workspace__row {
  justify-content: center;
}

/* UX-AUDIT[a2w]: dark buttons/cards — no hardcoded light fills */
html[data-shell="dark"].a2w-shell .btn.sec,
html[data-shell="dark"].a2w-shell .btn-secondary {
  background: var(--a2w-action-secondary);
  border-color: var(--a2w-action-secondary-border);
  color: var(--a2w-text-primary);
}

html[data-shell="dark"].a2w-shell .btn.sec:hover,
html[data-shell="dark"].a2w-shell .btn-secondary:hover {
  background: var(--a2w-action-secondary-hover);
  border-color: var(--a2w-action-secondary-border);
}

html[data-shell="dark"].a2w-shell .btn:not(.sec):not(.danger):not(.btn-secondary):not(.btn-link),
html[data-shell="dark"].a2w-shell .a2w-btn-primary {
  background: var(--a2w-action-primary);
  border-color: var(--a2w-action-primary);
  color: #05211d;
}

html[data-shell="dark"].a2w-shell .btn:not(.sec):not(.danger):not(.btn-secondary):not(.btn-link):hover:not(:disabled),
html[data-shell="dark"].a2w-shell .a2w-btn-primary:hover:not(:disabled) {
  background: var(--a2w-action-primary-hover);
  border-color: var(--a2w-action-primary-hover);
  color: #021512;
}

html[data-shell="dark"].a2w-shell .a2w-btn-secondary {
  background: var(--a2w-action-secondary);
  border: 1px solid var(--a2w-action-secondary-border);
  color: var(--a2w-text-primary);
}

html[data-shell="dark"].a2w-shell .a2w-btn-secondary:hover:not(:disabled) {
  background: var(--a2w-action-secondary-hover);
  border-color: var(--a2w-action-secondary-border);
}

html[data-shell="dark"].a2w-shell .stat-card,
html[data-shell="dark"].a2w-shell .push-card,
html[data-shell="dark"].a2w-shell .card {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--a2w-border-default);
}

html[data-shell="dark"].a2w-shell .geo-suggest-box {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--a2w-border-default);
}

html[data-shell="dark"].a2w-shell svg[stroke]:not([stroke="none"]) {
  stroke: currentColor;
}

/* UX-AUDIT[a2w]: admin badge + divider in user row */
html[data-shell="dark"].a2w-shell .user-menu-meta {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

html[data-shell="dark"].a2w-shell .user-menu-meta::before {
  content: none;
}

html[data-shell="dark"].a2w-shell .a2w-user-divider {
  width: 1px;
  height: 20px;
  background: var(--a2w-border-default);
  flex-shrink: 0;
}

html[data-shell="dark"].a2w-shell .user-menu-role.role-tag,
html[data-shell="dark"].a2w-shell .a2w-admin-badge {
  background: var(--a2w-accent-subtle);
  color: var(--a2w-accent);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* UX-AUDIT[a2w]: sidebar section hierarchy */
html[data-shell="dark"].a2w-shell .nav-group-label,
html[data-shell="dark"].a2w-shell .nav-label {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--a2w-text-tertiary);
  font-weight: 600;
  margin-top: var(--space-6);
  margin-bottom: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--a2w-border-subtle);
}

html[data-shell="dark"].a2w-shell .nav-group:first-of-type .nav-group-label,
html[data-shell="dark"].a2w-shell .sidebar > .nav-label:first-of-type {
  border-top: none;
  margin-top: var(--space-4);
  padding-top: 0;
}

html[data-shell="dark"].a2w-shell .nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--text-sm);
  color: rgba(255, 255, 255, 0.80);
}

html[data-shell="dark"].a2w-shell .a2w-nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: currentColor;
  opacity: 0.92;
}

html[data-shell="dark"].a2w-shell .a2w-nav-label {
  display: inline-block;
  min-width: 0;
  white-space: nowrap;
}

html[data-shell="dark"].a2w-shell .sidebar .nav-item.active,
html[data-shell="dark"].a2w-shell .sidebar .nav-item[aria-current="page"] {
  background: var(--a2w-nav-active-bg);
  color: var(--a2w-text-primary);
  box-shadow: inset 3px 0 0 var(--a2w-action-primary);
  font-weight: 600;
}

html[data-shell="dark"].a2w-shell .sidebar .nav-item:hover:not(.disabled):not(.active):not([aria-current="page"]) {
  background: rgba(255, 255, 255, 0.06);
  color: var(--a2w-text-primary);
}

html[data-shell="dark"].a2w-shell .sidebar-footer {
  margin-top: auto;
  padding-top: var(--space-5);
  border-top: 1px solid var(--a2w-border-default);
}

html[data-shell="dark"].a2w-shell .sidebar-footer-text {
  color: var(--a2w-text-secondary);
  line-height: 1.45;
}

html[data-shell="dark"].a2w-shell .sidebar-footer-text .chrome-byline {
  color: var(--a2w-text-tertiary);
}

html[data-shell="dark"].a2w-shell .a2w-sidebar-toggle-btn {
  width: 100%;
  min-height: 36px;
  border-radius: 8px;
  border: 1px solid var(--a2w-border-default);
  background: rgba(255, 255, 255, 0.04);
  color: var(--a2w-text-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background var(--a2w-dur-sidebar) ease, color var(--a2w-dur-sidebar) ease;
}

html[data-shell="dark"].a2w-shell .a2w-sidebar-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--a2w-text-primary);
}

html[data-shell="dark"].a2w-shell .a2w-sidebar-toggle-btn svg {
  width: 16px;
  height: 16px;
  transition: transform var(--a2w-dur-sidebar) ease;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .a2w-sidebar-toggle-btn {
  min-height: 40px;
  padding: 0;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .a2w-sidebar-toggle-btn .a2w-sidebar-toggle-btn__label {
  display: none;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .a2w-sidebar-toggle-btn svg {
  transform: rotate(180deg);
}

html[data-shell="dark"].a2w-shell .a2w-tooltip {
  position: fixed;
  z-index: var(--a2w-z-tooltip);
  pointer-events: none;
  background: #0f172a;
  color: var(--a2w-text-primary);
  border: 1px solid var(--a2w-border-default);
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.25;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 120ms ease, transform 120ms ease;
}

html[data-shell="dark"].a2w-shell .a2w-tooltip[data-visible="true"] {
  opacity: 1;
  transform: translateY(0);
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .nav-group-label,
html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .nav-label {
  font-size: 0;
  line-height: 0;
  border-top: 1px solid var(--a2w-border-subtle);
  margin: 8px 4px;
  padding: 0;
  min-height: 0;
  cursor: default;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .nav-group-label::after {
  display: none;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .nav-item {
  justify-content: center;
  gap: 0;
  padding-left: 0;
  padding-right: 0;
}

html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .a2w-nav-label,
html[data-shell="dark"].a2w-shell.a2w-sidebar-collapsed .sidebar-footer-text {
  display: none;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-page-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-page-menu {
  position: relative;
  z-index: calc(var(--a2w-z-dropdown) + 2);
}

html[data-shell="dark"].a2w-shell .a2w-icon-btn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid var(--a2w-border-default);
  background: var(--a2w-action-secondary);
  color: var(--a2w-text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

html[data-shell="dark"].a2w-shell .a2w-media-kebab-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 170px;
  border-radius: 10px;
  border: 1px solid var(--a2w-border-default);
  background: #0f172a;
  z-index: var(--a2w-z-dropdown);
  padding: 6px;
  display: grid;
  gap: 4px;
}

/* Media Library — dropdowns stay inside content (not under left sidebar) */
html[data-shell="dark"].a2w-shell #media-library > div:first-child,
html[data-shell="dark"].a2w-shell #media-library .a2w-media-page-actions,
html[data-shell="dark"].a2w-shell #media-library .card,
html[data-shell="dark"].a2w-shell #media-library .strip-gallery,
html[data-shell="dark"].a2w-shell #media-library .a2w-media-host {
  overflow: visible;
}

html[data-shell="dark"].a2w-shell #media-library [data-a2w-dropdown-root] {
  position: relative;
  z-index: calc(var(--a2w-z-dropdown) + 2);
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-item {
  overflow: visible;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-item-actions {
  z-index: calc(var(--a2w-z-dropdown) + 1);
}

html[data-shell="dark"].a2w-shell .a2w-media-kebab-item {
  width: 100%;
  min-height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--a2w-text-primary);
  text-align: left;
  padding: 6px 10px;
  cursor: pointer;
}

html[data-shell="dark"].a2w-shell .a2w-media-kebab-item:hover {
  background: rgba(255, 255, 255, 0.08);
}

html[data-shell="dark"].a2w-shell .a2w-media-kebab-item--danger {
  color: #f87171;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-bucket {
  border-color: var(--a2w-border-default);
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-bucket-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-spec-btn {
  font-size: 13px;
  color: var(--a2w-text-secondary);
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-dropzone {
  border: 1px dashed var(--a2w-border-default);
  border-radius: 10px;
  min-height: 84px;
  padding: 12px;
  margin-bottom: 12px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--a2w-text-secondary);
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-dropzone__title {
  font-size: 13px;
  font-weight: 600;
  color: var(--a2w-text-primary);
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-dropzone__hint {
  font-size: 11px;
  color: var(--a2w-text-tertiary);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-dropzone--dragover {
  background: rgba(63, 224, 200, 0.15);
  border-color: var(--a2w-action-primary);
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-strip-search {
  max-width: 220px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-strip-select {
  max-width: 260px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-strip-check {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--a2w-text-secondary);
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-host {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-item {
  position: relative;
  width: 150px;
  margin: 0;
  padding: 8px;
  border: 1px solid var(--a2w-border-default);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-item-actions {
  position: absolute;
  inset: auto 8px 8px 8px;
  display: none;
  gap: 4px;
  flex-wrap: wrap;
  background: rgba(2, 6, 23, 0.88);
  border: 1px solid var(--a2w-border-default);
  border-radius: 8px;
  padding: 6px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-item:hover .a2w-media-item-actions {
  display: flex;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-item-action {
  border: 1px solid var(--a2w-border-default);
  border-radius: 6px;
  background: transparent;
  color: var(--a2w-text-primary);
  font-size: 11px;
  padding: 3px 6px;
  cursor: pointer;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-item-action--danger {
  color: #f87171;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-media-campaign-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
  margin-top: 4px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-badge-muted {
  background: rgba(148, 163, 184, 0.15);
  color: #cbd5e1;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-badge-info {
  background: rgba(59, 130, 246, 0.2);
  color: #bfdbfe;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-skeleton-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-skeleton-card {
  width: 150px;
  border: 1px solid var(--a2w-border-default);
  border-radius: 10px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.03);
}

html[data-shell="dark"].a2w-shell #media-library .a2w-skeleton-media {
  width: 100%;
  height: 70px;
  border-radius: 8px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-skeleton-line {
  width: 80%;
  height: 10px;
  margin-top: 8px;
  border-radius: 999px;
}

html[data-shell="dark"].a2w-shell #media-library .a2w-skeleton {
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.15), rgba(148, 163, 184, 0.35), rgba(148, 163, 184, 0.15));
  background-size: 200% 100%;
  animation: a2w-skeleton-shimmer 1.2s linear infinite;
}

@keyframes a2w-skeleton-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

html[data-shell="dark"].a2w-shell .a2w-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

html[data-shell="dark"].a2w-shell .a2w-row-primary-btn {
  min-height: 32px;
  padding: 6px 12px;
  font-size: 12px;
}

html[data-shell="dark"].a2w-shell .a2w-row-icon-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

html[data-shell="dark"].a2w-shell .a2w-row-icon-btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

html[data-shell="dark"].a2w-shell .a2w-row-icon-btn svg,
html[data-shell="dark"].a2w-shell .a2w-row-kebab-trigger svg {
  width: 15px;
  height: 15px;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-wrap {
  position: relative;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 180px;
  border: 1px solid var(--a2w-border-default);
  border-radius: 10px;
  background: #0f172a;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
  padding: 6px;
  z-index: var(--a2w-z-dropdown);
  display: grid;
  gap: 4px;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-menu[hidden],
html[data-shell="dark"].a2w-shell .a2w-media-kebab-menu[hidden] {
  display: none !important;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-item {
  width: 100%;
  min-height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--a2w-text-primary);
  font-size: 12px;
  text-align: left;
  padding: 6px 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-item:hover {
  background: rgba(255, 255, 255, 0.08);
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-item--danger {
  color: #f87171;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-icon svg {
  width: 14px;
  height: 14px;
}

html[data-shell="dark"].a2w-shell .a2w-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

html[data-shell="dark"].a2w-shell .a2w-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--a2w-border-default);
  background: rgba(148, 163, 184, 0.12);
  color: var(--a2w-text-secondary);
  font-size: 11px;
  line-height: 1;
}

html[data-shell="dark"].a2w-shell .a2w-chip__icon {
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html[data-shell="dark"].a2w-shell .a2w-chip__icon svg {
  width: 12px;
  height: 12px;
}

html[data-shell="dark"].a2w-shell .a2w-chip__label {
  white-space: nowrap;
}

/* UX-AUDIT[a2w]: FAB does not steal clicks from underlying UI */
html[data-shell="dark"].a2w-shell .wai-fab {
  bottom: var(--space-6);
  right: var(--space-6);
  z-index: 10050;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

@media (max-width: 1023px) {
  html[data-shell="dark"].a2w-shell .sidebar-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--a2w-border-default);
    border-radius: var(--radius-sm);
    background: var(--bg-canvas);
    cursor: pointer;
    color: var(--a2w-text-primary);
  }
}

@media (max-width: 767px) {
  html[data-shell="dark"].a2w-shell .layout {
    grid-template-columns: 1fr;
  }

  html[data-shell="dark"].a2w-shell .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(280px, 88vw);
    z-index: 200;
    transform: translateX(-100%);
    transition: transform var(--transition-fast);
  }

  html[data-shell="dark"].a2w-shell body.sidebar-open .sidebar {
    transform: translateX(0);
  }
}

html[data-shell="dark"].a2w-shell .a2w-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

html[data-shell="dark"].a2w-shell .a2w-row-primary-btn {
  min-height: 32px;
  padding: 6px 12px;
  font-size: 12px;
}

html[data-shell="dark"].a2w-shell .a2w-row-icon-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

html[data-shell="dark"].a2w-shell .a2w-row-icon-btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

html[data-shell="dark"].a2w-shell .a2w-row-icon-btn svg,
html[data-shell="dark"].a2w-shell .a2w-row-kebab-trigger svg {
  width: 15px;
  height: 15px;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-wrap {
  position: relative;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 180px;
  border: 1px solid var(--a2w-border-default);
  border-radius: 10px;
  background: #0f172a;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
  padding: 6px;
  z-index: var(--a2w-z-dropdown);
  display: grid;
  gap: 4px;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-menu[hidden],
html[data-shell="dark"].a2w-shell .a2w-media-kebab-menu[hidden] {
  display: none !important;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-item {
  width: 100%;
  min-height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--a2w-text-primary);
  font-size: 12px;
  text-align: left;
  padding: 6px 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-item:hover {
  background: rgba(255, 255, 255, 0.08);
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-item--danger {
  color: #f87171;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html[data-shell="dark"].a2w-shell .a2w-row-kebab-icon svg {
  width: 14px;
  height: 14px;
}

html[data-shell="dark"].a2w-shell .a2w-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

html[data-shell="dark"].a2w-shell .a2w-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--a2w-border-default);
  background: rgba(148, 163, 184, 0.12);
  color: var(--a2w-text-secondary);
  font-size: 11px;
  line-height: 1;
}

html[data-shell="dark"].a2w-shell .a2w-chip__icon {
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html[data-shell="dark"].a2w-shell .a2w-chip__icon svg {
  width: 12px;
  height: 12px;
}

html[data-shell="dark"].a2w-shell .a2w-chip__label {
  white-space: nowrap;
}