/*
 * 彩枢汇统一紧凑密度规范（批TGW-DEV319）
 * 统一控制件高度、按钮内边距和操作组间距；需要保留更大触控面的控件可加 data-density="comfortable"。
 */
.compact-ui {
  --csh-density-control-height: 34px;
  --csh-density-gap: 4px;
  --csh-density-layout-gap: 8px;
  --csh-density-pad-y: 6px;
  --csh-density-pad-x: 10px;
}

.compact-ui :is(button, .button-link, .sidebar-tool-link, .sidebar-action-button):not([data-density="comfortable"]) {
  min-height: var(--csh-density-control-height);
  padding: var(--csh-density-pad-y) var(--csh-density-pad-x);
  line-height: 1.2;
}

/* 店主助手作为主入口保留44px，内部分类工具栏用40px形成约10%的层级差。 */
.compact-ui .nav-button[data-view="materials"] {
  min-height: 44px;
}

.compact-ui :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([data-density="comfortable"]) {
  min-height: var(--csh-density-control-height);
  padding: var(--csh-density-pad-y) 8px;
}

.compact-ui :is(nav, [class*="toolbar"], [class*="actions"], [class*="tabs"], [class*="controls"], [class*="button-group"], [class*="button-row"], [class*="quick-actions"]) {
  gap: var(--csh-density-gap) !important;
}

.compact-ui :is([class*="-grid"], [class*="__grid"], [class*="columns"], [class*="layout"]) {
  gap: var(--csh-density-layout-gap) !important;
}

.compact-ui .sidebar {
  gap: var(--csh-density-gap);
  padding: 8px;
}

.compact-ui .sidebar > :is(button, a),
.compact-ui .nav-button,
.compact-ui .sidebar-tool-link,
.compact-ui .sidebar-action-button {
  margin: 0;
}

.compact-ui .topbar,
.compact-ui .topbar__account,
.compact-ui .store-material-center,
.compact-ui .store-assistant-workspace,
.compact-ui .store-assistant-category-content,
.compact-ui .store-assistant-category-rail,
.compact-ui .store-operations-tabs,
.compact-ui .store-context-selection,
.compact-ui .store-context-actions {
  gap: var(--csh-density-gap);
}

@media (min-width: 761px) {
  .compact-ui .sidebar > * + * {
    margin-top: var(--csh-density-gap) !important;
  }
}

@media (max-width: 760px) {
  .compact-ui {
    --csh-density-control-height: 34px;
    --csh-density-pad-y: 5px;
    --csh-density-pad-x: 8px;
  }

  .compact-ui .sidebar {
    padding: 4px;
  }
}

@media (min-width: 601px) {
  .compact-ui .store-assistant-category-rail button {
    min-height: 40px !important;
    padding: 6px 10px;
  }
}