:root {
  --skin-radius: 8px;
  --skin-shadow-soft: 0 12px 30px rgba(20, 35, 55, 0.08);
  --skin-shadow-strong: 0 18px 46px rgba(5, 18, 32, 0.14);
  --skin-font: Arial, "Microsoft YaHei", sans-serif;
}

body.ui-skin-ai-cockpit button.category-readable-chip,
body.ui-skin-cockpit button.category-readable-chip,
body.ui-skin-pipeline button.category-readable-chip {
  border: 1px solid #d8dee8 !important;
  background: #f7f8fa !important;
  color: #344054 !important;
  box-shadow: none !important;
}

body.ui-skin-ai-cockpit button.category-readable-chip:hover,
body.ui-skin-cockpit button.category-readable-chip:hover,
body.ui-skin-pipeline button.category-readable-chip:hover {
  background: #eef0f3 !important;
  color: #1f2937 !important;
  text-decoration: none;
}

body.ui-skin-ai-cockpit button.category-readable-chip.warn,
body.ui-skin-cockpit button.category-readable-chip.warn,
body.ui-skin-pipeline button.category-readable-chip.warn {
  border-color: #ead7a4 !important;
  background: #fffaf0 !important;
  color: #7a4c00 !important;
}

body.ui-skin-ai-cockpit button.category-readable-chip.bad,
body.ui-skin-ai-cockpit button.category-readable-chip.todo,
body.ui-skin-cockpit button.category-readable-chip.bad,
body.ui-skin-cockpit button.category-readable-chip.todo,
body.ui-skin-pipeline button.category-readable-chip.bad,
body.ui-skin-pipeline button.category-readable-chip.todo {
  border-color: #f3c5c5 !important;
  background: #fff5f5 !important;
  color: #b42318 !important;
}

.ui-skin-switcher {
  position: static;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 6px 0 8px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--skin-radius);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
  font-family: var(--skin-font);
}

.ui-skin-switcher button {
  height: 30px;
  min-width: 0;
  flex: 1 1 0;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #d5e4f7;
  cursor: pointer;
  font: 650 12px/1 var(--skin-font);
  text-align: center;
  white-space: nowrap;
}

.ui-skin-switcher button:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.ui-skin-switcher button.active {
  border-color: transparent;
  background: var(--blue, #1769ff);
  color: #fff;
}

body.ui-skin-ai-cockpit {
  --bg: #f2f6f8;
  --panel: #ffffff;
  --text: #142033;
  --muted: #66778c;
  --line: #d9e4ed;
  --blue: #1769ff;
  --green: #0f9f7a;
  --red: #d93442;
  --amber: #c77800;
  background:
    linear-gradient(90deg, rgba(18, 214, 197, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(23, 105, 255, 0.035) 1px, transparent 1px),
    #f2f6f8;
  background-size: 34px 34px, 34px 34px, auto;
  color: var(--text);
}

body.ui-skin-ai-cockpit.forwarder-page,
body.ui-skin-ai-cockpit.admin-body {
  background:
    linear-gradient(90deg, rgba(18, 214, 197, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(23, 105, 255, 0.035) 1px, transparent 1px),
    #f2f6f8;
  background-size: 34px 34px, 34px 34px, auto;
}

body.ui-skin-ai-cockpit .sidebar {
  border-right: 0;
  background:
    linear-gradient(180deg, rgba(18, 214, 197, 0.13), transparent 28%),
    #08131a;
  color: #f4fffd;
  box-shadow: 10px 0 34px rgba(8, 19, 26, 0.18);
}

body.ui-skin-ai-cockpit .sidebar .brand,
body.ui-skin-ai-cockpit .sidebar .status-block,
body.ui-skin-ai-cockpit .sidebar .nav-list {
  position: relative;
  z-index: 1;
}

body.ui-skin-ai-cockpit .sidebar .brand h1,
body.ui-skin-ai-cockpit .sidebar .status-block strong {
  color: #ffffff;
}

body.ui-skin-ai-cockpit .sidebar .brand p,
  body.ui-skin-ai-cockpit .sidebar .nav-group > span,
body.ui-skin-ai-cockpit .sidebar .status-block span {
  color: #9bb7bd;
}

body.ui-skin-ai-cockpit .mark,
body.ui-skin-ai-cockpit .login-brand-mark {
  background: linear-gradient(135deg, #12d6c5, #2f80ed);
  color: #041316;
  box-shadow: 0 0 24px rgba(18, 214, 197, 0.28);
}

body.ui-skin-ai-cockpit .sidebar .nav {
  color: #d9f7f4;
  background: transparent;
}

body.ui-skin-ai-cockpit .sidebar .nav:hover {
  background: rgba(255, 255, 255, 0.08);
}

body.ui-skin-ai-cockpit .sidebar .nav.active {
  color: #041316;
  background: #12d6c5;
  box-shadow: 0 8px 22px rgba(18, 214, 197, 0.2);
}

body.ui-skin-ai-cockpit .sidebar .status-block {
  border-color: rgba(18, 214, 197, 0.22);
  background: rgba(255, 255, 255, 0.06);
}

body.ui-skin-ai-cockpit .toolbar,
body.ui-skin-ai-cockpit .admin-hero,
body.ui-skin-ai-cockpit .forwarder-topbar {
  position: relative;
  overflow: hidden;
  border: 1px solid #cfe5e7;
  background:
    linear-gradient(120deg, #ffffff 0%, #ffffff 56%, #eefdfb 100%);
  box-shadow: var(--skin-shadow-soft);
}

body.ui-skin-ai-cockpit .toolbar,
body.ui-skin-cockpit .toolbar,
body.ui-skin-pipeline .toolbar {
  padding: 12px 16px 12px 18px;
  border-radius: var(--skin-radius);
}

body.ui-skin-ai-cockpit .toolbar::before,
body.ui-skin-ai-cockpit .admin-hero::before,
body.ui-skin-ai-cockpit .forwarder-topbar::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #12d6c5, #2f80ed);
}

body.ui-skin-ai-cockpit .toolbar > *,
body.ui-skin-ai-cockpit .admin-hero > *,
body.ui-skin-ai-cockpit .forwarder-topbar > * {
  position: relative;
  z-index: 1;
}

body.ui-skin-ai-cockpit .card,
body.ui-skin-ai-cockpit .stats div,
body.ui-skin-ai-cockpit .product-card,
body.ui-skin-ai-cockpit .module-card,
body.ui-skin-ai-cockpit .section-head,
body.ui-skin-ai-cockpit .batch-bar,
body.ui-skin-ai-cockpit .capture-import-panel,
body.ui-skin-ai-cockpit .capture-job-row,
body.ui-skin-ai-cockpit .capture-job-product,
body.ui-skin-ai-cockpit .customer-service-card,
body.ui-skin-ai-cockpit .data-analysis-card,
body.ui-skin-ai-cockpit .fulfillment-panel,
body.ui-skin-ai-cockpit .registered-product-card,
body.ui-skin-ai-cockpit .admin-shell-card,
body.ui-skin-ai-cockpit .admin-panel,
body.ui-skin-ai-cockpit .admin-kpi-grid article,
body.ui-skin-ai-cockpit .admin-api-card,
body.ui-skin-ai-cockpit .admin-check,
body.ui-skin-ai-cockpit .admin-toggle,
body.ui-skin-ai-cockpit .admin-status,
body.ui-skin-ai-cockpit .forwarder-auth-card,
body.ui-skin-ai-cockpit .forwarder-message,
body.ui-skin-ai-cockpit .forwarder-main > section,
body.ui-skin-ai-cockpit .forwarder-main article,
body.ui-skin-ai-cockpit .upload-table-wrap {
  border-color: #d9e7ee;
  background: #ffffff;
  color: var(--text);
  box-shadow: var(--skin-shadow-soft);
}

body.ui-skin-ai-cockpit .module-card:hover,
body.ui-skin-ai-cockpit .product-card:hover,
body.ui-skin-ai-cockpit .capture-job-row.open,
body.ui-skin-ai-cockpit .capture-job-row:hover {
  border-color: rgba(18, 214, 197, 0.55);
  background: #fbfffe;
  box-shadow: 0 16px 36px rgba(18, 78, 86, 0.1);
}

body.ui-skin-ai-cockpit button:not(.login-device-action):not(.secondary):not(.danger):not(.nav):not(.admin-nav):not(.ui-skin-btn):not(.module-card):not(.generated-image-card),
body.ui-skin-ai-cockpit .button-link:not(.secondary),
body.ui-skin-ai-cockpit .login-primary {
  border-color: transparent;
  background: #1769ff;
  color: #ffffff;
}

body.ui-skin-ai-cockpit button.secondary,
body.ui-skin-ai-cockpit .button-link.secondary,
body.ui-skin-ai-cockpit .admin-link,
body.ui-skin-ai-cockpit .admin-link-button {
  border: 1px solid #dbe6ef;
  background: #eef6f9;
  color: #183044;
}

body.ui-skin-ai-cockpit button.danger,
body.ui-skin-ai-cockpit .danger {
  background: #d93442;
  color: #ffffff;
}

body.ui-skin-ai-cockpit input,
body.ui-skin-ai-cockpit select,
body.ui-skin-ai-cockpit textarea {
  border-color: #d8e4ee;
  background: #ffffff;
  color: var(--text);
}

body.ui-skin-ai-cockpit input::placeholder,
body.ui-skin-ai-cockpit textarea::placeholder {
  color: #91a0b2;
}

body.ui-skin-ai-cockpit th,
body.ui-skin-ai-cockpit .upload-table th {
  background: #f2f8fb;
  color: #506178;
}

body.ui-skin-ai-cockpit td,
body.ui-skin-ai-cockpit .upload-table td {
  color: var(--text);
}

body.ui-skin-ai-cockpit .stats strong,
body.ui-skin-ai-cockpit .admin-kpi-grid strong,
body.ui-skin-ai-cockpit .product-info h3,
body.ui-skin-ai-cockpit .card h3,
body.ui-skin-ai-cockpit .module-card strong,
body.ui-skin-ai-cockpit .admin-fold h2 {
  color: #111827;
}

body.ui-skin-ai-cockpit .muted,
body.ui-skin-ai-cockpit .meta,
body.ui-skin-ai-cockpit .toolbar p,
body.ui-skin-ai-cockpit .section-head p,
body.ui-skin-ai-cockpit .module-card span,
body.ui-skin-ai-cockpit .admin-hero p,
body.ui-skin-ai-cockpit .admin-fold summary span {
  color: var(--muted);
}

body.ui-skin-cockpit {
  --bg: #f5f7fa;
  --panel: #ffffff;
  --text: #172033;
  --muted: #667085;
  --line: #dfe6ef;
  --blue: #0069ff;
  --green: #0f9f6e;
  --red: #d93442;
  --amber: #c47a00;
  background: #f5f7fa;
  color: var(--text);
}

body.ui-skin-cockpit.forwarder-page,
body.ui-skin-cockpit.admin-body {
  background: #f5f7fa;
}

body.ui-skin-cockpit .sidebar,
body.ui-skin-cockpit .toolbar,
body.ui-skin-cockpit .card,
body.ui-skin-cockpit .stats div,
body.ui-skin-cockpit .product-card,
body.ui-skin-cockpit .module-card,
body.ui-skin-cockpit .section-head,
body.ui-skin-cockpit .batch-bar,
body.ui-skin-cockpit .capture-import-panel,
body.ui-skin-cockpit .capture-job-row,
body.ui-skin-cockpit .capture-job-product,
body.ui-skin-cockpit .customer-service-card,
body.ui-skin-cockpit .data-analysis-card,
body.ui-skin-cockpit .fulfillment-panel,
body.ui-skin-cockpit .registered-product-card,
body.ui-skin-cockpit .admin-shell-card,
body.ui-skin-cockpit .admin-panel,
body.ui-skin-cockpit .admin-kpi-grid article,
body.ui-skin-cockpit .admin-api-card,
body.ui-skin-cockpit .admin-check,
body.ui-skin-cockpit .admin-toggle,
body.ui-skin-cockpit .admin-status,
body.ui-skin-cockpit .forwarder-topbar,
body.ui-skin-cockpit .forwarder-auth-card,
body.ui-skin-cockpit .forwarder-message,
body.ui-skin-cockpit .forwarder-main > section,
body.ui-skin-cockpit .forwarder-main article,
body.ui-skin-cockpit .upload-table-wrap {
  border-color: var(--line);
  background: #ffffff;
  color: var(--text);
  box-shadow: 0 10px 24px rgba(31, 58, 87, 0.055);
}

body.ui-skin-cockpit .sidebar {
  border-right: 1px solid var(--line);
  box-shadow: none;
}

body.ui-skin-cockpit .nav.active,
body.ui-skin-cockpit .forwarder-auth-tabs button.active {
  background: #eaf2ff;
  color: #005ee8;
  font-weight: 800;
}

body.ui-skin-cockpit .mark,
body.ui-skin-cockpit .login-brand-mark {
  background: #0069ff;
  color: #ffffff;
}

body.ui-skin-cockpit button:not(.login-device-action):not(.secondary):not(.danger):not(.nav):not(.admin-nav):not(.ui-skin-btn):not(.module-card):not(.generated-image-card),
body.ui-skin-cockpit .button-link:not(.secondary),
body.ui-skin-cockpit .login-primary {
  background: #0069ff;
  color: #ffffff;
}

body.ui-skin-cockpit button.secondary,
body.ui-skin-cockpit .button-link.secondary,
body.ui-skin-cockpit .admin-link,
body.ui-skin-cockpit .admin-link-button {
  border: 1px solid #dbe3ef;
  background: #f2f5fa;
  color: #24324a;
}

body.ui-skin-cockpit .module-card:hover,
body.ui-skin-cockpit .product-card:hover,
body.ui-skin-cockpit .capture-job-row:hover {
  border-color: #abc7f5;
  background: #fbfdff;
}

body.ui-skin-pipeline {
  --bg: #eef3f7;
  --panel: #ffffff;
  --text: #152235;
  --muted: #63748a;
  --line: #dce6ef;
  --blue: #16c79a;
  --green: #0d9676;
  --red: #d93442;
  --amber: #c47a00;
  background:
    linear-gradient(135deg, #101923 0%, #172432 250px, #eef3f7 251px, #eef3f7 100%);
  color: var(--text);
}

body.ui-skin-pipeline.forwarder-page,
body.ui-skin-pipeline.admin-body {
  background:
    linear-gradient(135deg, #101923 0%, #172432 250px, #eef3f7 251px, #eef3f7 100%);
}

body.ui-skin-pipeline .sidebar {
  width: 124px;
  padding: 14px 10px;
  border-right: 0;
  background: rgba(15, 26, 36, 0.96);
  box-shadow: 10px 0 30px rgba(10, 20, 32, 0.16);
}

body.ui-skin-pipeline .sidebar .brand {
  display: grid;
  justify-items: center;
  gap: 8px;
  text-align: center;
}

body.ui-skin-pipeline .sidebar .brand > div:last-child p,
body.ui-skin-pipeline .sidebar .nav-group > span {
  display: none;
}

body.ui-skin-pipeline .sidebar .brand h1 {
  color: #ffffff;
  font-size: 14px;
}

body.ui-skin-pipeline .sidebar .nav-list {
  gap: 8px;
}

body.ui-skin-pipeline .sidebar .nav {
  min-height: 40px;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: #c7d7e4;
  text-align: center;
}

body.ui-skin-pipeline .sidebar .nav.active {
  border-color: rgba(22, 199, 154, 0.5);
  background: rgba(22, 199, 154, 0.17);
  color: #ffffff;
}

body.ui-skin-pipeline main {
  margin-left: -156px;
}

body.ui-skin-pipeline .toolbar,
body.ui-skin-pipeline .admin-hero,
body.ui-skin-pipeline .forwarder-topbar {
  border-color: #dce6ef;
  background: #ffffff;
  box-shadow: var(--skin-shadow-soft);
}

body.ui-skin-pipeline .toolbar::after,
body.ui-skin-pipeline .admin-hero::after,
body.ui-skin-pipeline .forwarder-topbar::after {
  content: "采集 -> 询盘 -> 分析 -> 校验 -> 作图 -> 上传";
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  max-width: 100%;
  border: 1px solid rgba(22, 199, 154, 0.28);
  border-radius: 999px;
  padding: 0 12px;
  color: #0d9676;
  background: #e8fbf5;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

body.ui-skin-pipeline .admin-hero::after {
  content: "总台 -> 一级代理 -> 二级代理 -> 前台用户 -> 货代授权";
}

body.ui-skin-pipeline .forwarder-topbar::after {
  content: "授权用户 -> 接单 -> 打印面单 -> 同步物流 -> 发货完成";
}

body.ui-skin-pipeline .card,
body.ui-skin-pipeline .stats div,
body.ui-skin-pipeline .product-card,
body.ui-skin-pipeline .module-card,
body.ui-skin-pipeline .section-head,
body.ui-skin-pipeline .batch-bar,
body.ui-skin-pipeline .capture-import-panel,
body.ui-skin-pipeline .capture-job-row,
body.ui-skin-pipeline .capture-job-product,
body.ui-skin-pipeline .customer-service-card,
body.ui-skin-pipeline .data-analysis-card,
body.ui-skin-pipeline .fulfillment-panel,
body.ui-skin-pipeline .registered-product-card,
body.ui-skin-pipeline .admin-shell-card,
body.ui-skin-pipeline .admin-panel,
body.ui-skin-pipeline .admin-kpi-grid article,
body.ui-skin-pipeline .admin-api-card,
body.ui-skin-pipeline .admin-check,
body.ui-skin-pipeline .admin-toggle,
body.ui-skin-pipeline .admin-status,
body.ui-skin-pipeline .forwarder-auth-card,
body.ui-skin-pipeline .forwarder-message,
body.ui-skin-pipeline .forwarder-main > section,
body.ui-skin-pipeline .forwarder-main article,
body.ui-skin-pipeline .upload-table-wrap {
  border-color: var(--line);
  background: #ffffff;
  color: var(--text);
  box-shadow: 0 12px 28px rgba(12, 31, 48, 0.08);
}

body.ui-skin-pipeline .mark,
body.ui-skin-pipeline .login-brand-mark {
  background: #16c79a;
  color: #061414;
}

body.ui-skin-pipeline button:not(.login-device-action):not(.secondary):not(.danger):not(.nav):not(.admin-nav):not(.ui-skin-btn):not(.module-card):not(.generated-image-card),
body.ui-skin-pipeline .button-link:not(.secondary),
body.ui-skin-pipeline .login-primary {
  background: #16c79a;
  color: #061414;
}

body.ui-skin-pipeline button.secondary,
body.ui-skin-pipeline .button-link.secondary,
body.ui-skin-pipeline .admin-link,
body.ui-skin-pipeline .admin-link-button {
  border: 1px solid #dbe6ef;
  background: #f2f8f7;
  color: #183044;
}

body.ui-skin-pipeline .module-card:hover,
body.ui-skin-pipeline .product-card:hover,
body.ui-skin-pipeline .capture-job-row.open,
body.ui-skin-pipeline .capture-job-row:hover {
  border-color: rgba(22, 199, 154, 0.42);
  background: #fbfffd;
}

body.ui-skin-ai-cockpit .module-card,
body.ui-skin-cockpit .module-card,
body.ui-skin-pipeline .module-card {
  background: #ffffff !important;
  color: #142033 !important;
}

body.ui-skin-ai-cockpit .module-card strong,
body.ui-skin-cockpit .module-card strong,
body.ui-skin-pipeline .module-card strong {
  color: #111827 !important;
}

body.ui-skin-ai-cockpit .module-card span,
body.ui-skin-cockpit .module-card span,
body.ui-skin-pipeline .module-card span {
  color: #667085 !important;
}

body.ui-skin-ai-cockpit .module-card {
  border-color: #d9e7ee !important;
}

body.ui-skin-cockpit .module-card {
  border-color: #dfe6ef !important;
}

body.ui-skin-pipeline .module-card {
  border-color: #dce6ef !important;
}

body.ui-skin-ai-cockpit .login-tabs button,
body.ui-skin-ai-cockpit .forwarder-auth-tabs button,
body.ui-skin-cockpit .login-tabs button,
body.ui-skin-cockpit .forwarder-auth-tabs button,
body.ui-skin-pipeline .login-tabs button,
body.ui-skin-pipeline .forwarder-auth-tabs button {
  border: 1px solid #dbe4ef;
  background: #f3f6fa;
  color: #24324a;
}

body.ui-skin-ai-cockpit .login-tabs button.active,
body.ui-skin-ai-cockpit .forwarder-auth-tabs button.active {
  border-color: transparent;
  background: #1769ff;
  color: #ffffff;
}

body.ui-skin-cockpit .login-tabs button.active,
body.ui-skin-cockpit .forwarder-auth-tabs button.active {
  border-color: transparent;
  background: #0069ff;
  color: #ffffff;
}

body.ui-skin-pipeline .login-tabs button.active,
body.ui-skin-pipeline .forwarder-auth-tabs button.active {
  border-color: transparent;
  background: #16c79a;
  color: #061414;
}

body.ui-skin-ai-cockpit .login-tabs button:not(.active),
body.ui-skin-ai-cockpit .forwarder-auth-tabs button:not(.active),
body.ui-skin-cockpit .login-tabs button:not(.active),
body.ui-skin-cockpit .forwarder-auth-tabs button:not(.active),
body.ui-skin-pipeline .login-tabs button:not(.active),
body.ui-skin-pipeline .forwarder-auth-tabs button:not(.active) {
  border: 1px solid #dbe4ef !important;
  background: #f3f6fa !important;
  color: #24324a !important;
}

body.ui-skin-ai-cockpit .login-tabs button.active,
body.ui-skin-ai-cockpit .forwarder-auth-tabs button.active {
  border-color: transparent !important;
  background: #1769ff !important;
  color: #ffffff !important;
}

body.ui-skin-cockpit .login-tabs button.active,
body.ui-skin-cockpit .forwarder-auth-tabs button.active {
  border-color: transparent !important;
  background: #0069ff !important;
  color: #ffffff !important;
}

body.ui-skin-pipeline .login-tabs button.active,
body.ui-skin-pipeline .forwarder-auth-tabs button.active {
  border-color: transparent !important;
  background: #16c79a !important;
  color: #061414 !important;
}

body.ui-skin-ai-cockpit .login-stage,
body.ui-skin-cockpit .login-stage,
body.ui-skin-pipeline .login-stage {
  background: #ffffff;
}

body.ui-skin-ai-cockpit .login-showcase {
  background:
    linear-gradient(90deg, rgba(18, 214, 197, 0.065) 1px, transparent 1px),
    linear-gradient(180deg, rgba(47, 128, 237, 0.05) 1px, transparent 1px),
    linear-gradient(135deg, #f8fbff 0%, #eefdfb 52%, #f6f8fc 100%);
  background-size: 44px 44px, 44px 44px, auto;
}

body.ui-skin-pipeline .login-showcase {
  background:
    linear-gradient(135deg, #101923 0%, #172432 42%, #eff7f5 42%, #f8fbff 100%);
}

body[data-view="dashboard"].ui-skin-ai-cockpit .toolbar::before,
body[data-view="dashboard"].ui-skin-cockpit .toolbar::before,
body[data-view="dashboard"].ui-skin-pipeline .toolbar::before {
  background: #789488;
}

body.ui-skin-ai-cockpit .data-center-period-tabs button,
body.ui-skin-cockpit .data-center-period-tabs button,
body.ui-skin-pipeline .data-center-period-tabs button {
  border: 0 !important;
  border-right: 1px solid #e7eceb !important;
  color: #596675 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.ui-skin-ai-cockpit .data-center-period-tabs button:last-child,
body.ui-skin-cockpit .data-center-period-tabs button:last-child,
body.ui-skin-pipeline .data-center-period-tabs button:last-child {
  border-right: 0 !important;
}

body.ui-skin-ai-cockpit .data-center-period-tabs button.active,
body.ui-skin-cockpit .data-center-period-tabs button.active,
body.ui-skin-pipeline .data-center-period-tabs button.active {
  color: #214137 !important;
  background: #eef4f1 !important;
  box-shadow: inset 0 0 0 1px #94afa5 !important;
}

body.ui-skin-ai-cockpit .data-center-actions button[data-action="data-center-sync"],
body.ui-skin-cockpit .data-center-actions button[data-action="data-center-sync"],
body.ui-skin-pipeline .data-center-actions button[data-action="data-center-sync"] {
  color: #ffffff !important;
  background: #2f6f55 !important;
  box-shadow: 0 8px 18px rgba(47, 111, 85, 0.16) !important;
}

body.ui-skin-ai-cockpit .data-center-actions button[data-action="data-center-sync"]:disabled,
body.ui-skin-cockpit .data-center-actions button[data-action="data-center-sync"]:disabled,
body.ui-skin-pipeline .data-center-actions button[data-action="data-center-sync"]:disabled {
  color: #ffffff !important;
  background: #a8b5af !important;
  box-shadow: none !important;
}

body[data-view="analysis"].ui-skin-ai-cockpit .toolbar,
body[data-view="analysis"].ui-skin-cockpit .toolbar,
body[data-view="analysis"].ui-skin-pipeline .toolbar {
  min-height: 42px;
  padding: 6px 10px 6px 14px;
  box-shadow: 0 8px 20px rgba(20, 35, 55, 0.07);
}

body[data-view="analysis"].ui-skin-ai-cockpit .toolbar::before {
  width: 4px;
}

body[data-view="analysis"].ui-skin-pipeline .toolbar::after {
  min-height: 24px;
  padding: 0 9px;
  font-size: 11px;
}

body.ui-skin-ai-cockpit .admin-main,
body.ui-skin-cockpit .admin-main,
body.ui-skin-pipeline .admin-main,
body.ui-skin-ai-cockpit .forwarder-shell,
body.ui-skin-cockpit .forwarder-shell,
body.ui-skin-pipeline .forwarder-shell {
  padding-bottom: 92px;
}

@media (max-width: 980px) {
  .ui-skin-switcher {
    flex-wrap: wrap;
  }

  body.ui-skin-pipeline main {
    margin-left: 0;
  }

  body.ui-skin-pipeline .toolbar::after,
  body.ui-skin-pipeline .admin-hero::after,
  body.ui-skin-pipeline .forwarder-topbar::after {
    display: none;
  }
}