/* Fresh theme: independent visual layer, no legacy token aliases. */
body.theme-fresh {
  color-scheme: light;
  --fresh-page: #dee4ea;
  --fresh-menu: #101820;
  --fresh-menu-2: #18232d;
  --fresh-panel: #ffffff;
  --fresh-panel-2: #f8fafc;
  --fresh-head: #d8e4eb;
  --fresh-side-head: #e4edf2;
  --fresh-line: #d8dee6;
  --fresh-line-2: #b9c4d0;
  --fresh-text: #17202a;
  --fresh-soft: #607080;
  --fresh-faint: #8a98a8;
  --fresh-accent: #176b87;
  --fresh-accent-2: #c28b36;
  --fresh-good: #16845e;
  --fresh-warn: #a86312;
  --fresh-bad: #b83b35;
  --fresh-radius: 6px;
  --fresh-control: 40px;
  --fresh-shadow: 0 12px 32px rgba(21, 31, 42, .10);
  --theme-space-2: 8px;
  --theme-space-3: 12px;
  --theme-space-4: 16px;
  --theme-page-bg: var(--fresh-page);
  --theme-left-nav-bg: var(--fresh-menu);
  --theme-surface: var(--fresh-panel);
  --theme-surface-high: var(--fresh-panel-2);
  --theme-border-soft: var(--fresh-line);
  --theme-border: var(--fresh-line);
  --theme-border-strong: var(--fresh-line-2);
  --theme-text: var(--fresh-text);
  --theme-muted: var(--fresh-soft);
  --theme-input-bg: #ffffff;
  --theme-button-bg: var(--fresh-panel);
  --theme-button-hover-bg: var(--fresh-panel-2);
  --theme-disabled: var(--fresh-faint);
  --theme-primary: var(--fresh-accent);
  --theme-primary-strong: #125a72;
  --theme-primary-soft: rgba(23, 107, 135, .12);
  --theme-primary-border: rgba(23, 107, 135, .28);
  --theme-on-primary: #ffffff;
  --brand-dark: var(--theme-primary-strong);
  --btn-primary-hover-bg: var(--theme-primary-strong);
  --theme-gold: var(--fresh-accent-2);
  --theme-success: var(--fresh-good);
  --theme-success-soft: rgba(22, 132, 94, .11);
  --theme-success-border: rgba(22, 132, 94, .28);
  --theme-warning: var(--fresh-warn);
  --theme-warning-soft: rgba(168, 99, 18, .11);
  --theme-warning-border: rgba(168, 99, 18, .30);
  --theme-danger: var(--fresh-bad);
  --theme-danger-soft: rgba(184, 59, 53, .10);
  --theme-danger-border: rgba(184, 59, 53, .28);
  --theme-table-row-bg: #ffffff;
  --theme-table-row-alt-bg: var(--fresh-panel-2);
  --theme-table-row-hover-bg: #eef4f7;
  --theme-table-row-border: var(--fresh-line);
  --theme-shadow-card: var(--fresh-shadow);
  --theme-shadow-xs: none;
  --theme-shadow-input: none;
  --theme-shadow-focus: 0 0 0 3px rgba(23, 107, 135, .16);
  --theme-radius-card: var(--fresh-radius);
  --theme-radius-control: var(--fresh-radius);
  --theme-control-height: var(--fresh-control);
  --shell-sidebar-bg: var(--fresh-menu);
  --shell-sidebar-border: rgba(255,255,255,.08);
  --shell-hero-bg: var(--fresh-panel);
  --shell-hero-side-bg: var(--fresh-panel-2);
  --shell-aside-bg: var(--fresh-panel);
  --shell-panel-border: var(--fresh-line);
  --shell-panel-shadow: none;
  --shell-page-max-width: min(1560px, 92vw);
}

body.theme-fresh,
body.theme-fresh .app-shell,
body.theme-fresh .main,
body.theme-fresh .content {
  background: var(--fresh-page) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-menu {
  background: var(--fresh-menu) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
}

body.theme-fresh .app-menu-brand {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

body.theme-fresh .app-menu .nav-group + .nav-group,
body.theme-fresh .app-menu-footer {
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

body.theme-fresh .app-menu .nav-group-toggle {
  background: rgba(255,255,255,.07) !important;
  color: rgba(255,255,255,.74) !important;
}

body.theme-fresh .app-menu .nav button:not(.nav-group-toggle),
body.theme-fresh .app-menu .nav .nav-group-items button {
  color: rgba(255,255,255,.88) !important;
}

body.theme-fresh .app-menu .nav button:not(.nav-group-toggle):hover,
body.theme-fresh .app-menu .nav .nav-group-items button:hover {
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.08) !important;
}

body.theme-fresh .app-menu .nav button:not(.nav-group-toggle).active,
body.theme-fresh .app-menu .nav .nav-group-items button.active {
  border-color: rgba(255,255,255,.22) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-menu) !important;
}

body.theme-fresh .app-menu .nav button.active::before,
body.theme-fresh .app-menu .nav .nav-group-items button.active::before {
  content: none !important;
  display: none !important;
}

body.theme-fresh .app-menu .nav-item-badge {
  top: -2px !important;
  right: -2px !important;
  border-color: var(--fresh-accent) !important;
  background: var(--fresh-accent) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px var(--fresh-menu) !important;
}

body.theme-fresh .app-menu-logout {
  border-color: rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.76) !important;
}

body.theme-fresh .app-menu-logout:hover {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

body.theme-fresh .app-topbar,
body.theme-fresh .shell-status,
body.theme-fresh .app-content {
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content,
body.theme-fresh .shell-status {
  max-width: min(1560px, 92vw) !important;
  margin-inline: 0 auto !important;
}

body.theme-fresh .app-topbar {
  max-width: min(1560px, 92vw) !important;
}

body.theme-fresh .preference-switcher {
  border-radius: var(--fresh-radius) !important;
  border: 1px solid var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
}

body.theme-fresh .console-account-trigger,
body.theme-fresh .preference-button,
body.theme-fresh .btn,
body.theme-fresh button,
body.theme-fresh input,
body.theme-fresh select,
body.theme-fresh textarea {
  border-radius: var(--fresh-radius) !important;
}

body.theme-fresh .console-account-trigger,
body.theme-fresh .preference-button {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .preference-button.active,
body.theme-fresh .btn.primary,
body.theme-fresh button.primary {
  border-color: var(--fresh-accent) !important;
  background: var(--fresh-accent) !important;
  color: #fff !important;
}

body.theme-fresh .console-account-popover {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  box-shadow: var(--fresh-shadow) !important;
}

body.theme-fresh .console-account-detail,
body.theme-fresh .console-account-logout {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh :where(.card, .table-shell-card, .modal, .confirm-modal, .merchant-hero-panel, .merchant-hero-primary, .merchant-hero-guide, .page-title-copy, .page-title-side, .dashboard-home-hero, .dashboard-ops-panel, .after-sales-panel, .todo-waterfall-panel, .todo-note-compose-card, .todo-progress-card) {
  border: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
  box-shadow: none !important;
}

body.theme-fresh :where(.card h2, .table-head, .reviews-table-head, .todo-waterfall-head, .merchant-hero-panel, .page-title-copy, .dashboard-ops-head, .after-sales-static-head) {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-head) !important;
  color: var(--theme-primary) !important;
}

body.theme-fresh :where(.card h2, .table-head, .reviews-table-head, .todo-waterfall-head, .merchant-hero-panel, .page-title-copy, .dashboard-ops-head, .after-sales-static-head) :where(.eyebrow, h2, h3, strong, p, span) {
  color: var(--theme-primary) !important;
}

body.theme-fresh :where(.side-card-heading, .side-card-collapse-heading),
body.theme-fresh .app-content.view-afterSales .after-sales-static-head.after-sales-context-collapse {
  border-color: var(--fresh-line) !important;
  background: var(--theme-surface-high) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-static-head.after-sales-context-collapse :where(small, strong, em, span) {
  color: var(--theme-primary) !important;
}

body.theme-fresh .app-content.view-profile .merchant-profile-edit-card .reviews-table-head {
  background: var(--theme-surface-high) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-profile .merchant-profile-edit-card .reviews-table-head :where(.eyebrow, h2, h3, strong, p) {
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-profile .merchant-profile-summary-card .side-card-heading {
  background: var(--fresh-head) !important;
  color: var(--theme-primary) !important;
}

body.theme-fresh .app-content.view-profile .merchant-profile-summary-card .side-card-heading :where(.eyebrow, h2, h3, strong, p, span) {
  color: var(--theme-primary) !important;
}

body.theme-fresh.theme-shell .app-hero .merchant-hero-grid {
  gap: 18px !important;
}

body.theme-fresh.theme-shell .app-hero :where(.merchant-hero-panel, .merchant-hero-primary, .merchant-hero-guide, .page-title-copy, .page-title-side),
body.theme-fresh.theme-shell .app-hero :where(.merchant-hero-panel, .merchant-hero-primary, .merchant-hero-guide, .page-title-copy, .page-title-side):hover {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  cursor: default !important;
}

body.theme-fresh.theme-shell .app-hero :where(.merchant-hero-guide, .page-title-side),
body.theme-fresh.theme-shell .app-hero :where(.merchant-hero-guide, .page-title-side):hover {
  background: var(--fresh-panel-2) !important;
}

body.theme-fresh.theme-shell .app-hero :where(.merchant-hero-panel, .merchant-hero-primary, .merchant-hero-guide, .page-title-copy, .page-title-side)::before,
body.theme-fresh.theme-shell .app-hero :where(.merchant-hero-panel, .merchant-hero-primary, .merchant-hero-guide, .page-title-copy, .page-title-side)::after {
  display: none !important;
  content: none !important;
  background: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

body.theme-fresh :where(input, select, textarea) {
  min-height: var(--fresh-control) !important;
  border: 1px solid var(--fresh-line) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--fresh-text) !important;
  caret-color: var(--fresh-accent) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--fresh-text) !important;
}

body.theme-fresh :where(input, select, textarea):focus {
  border-color: var(--fresh-accent) !important;
  box-shadow: var(--theme-shadow-focus) !important;
}

body.theme-fresh :where(input, select, textarea):hover {
  border-color: var(--fresh-line-2) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.theme-fresh :where(input::placeholder, textarea::placeholder) {
  color: var(--fresh-faint) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--fresh-faint) !important;
}

body.theme-fresh :where(select, option, optgroup) {
  color-scheme: light !important;
}

body.theme-fresh :where(select option, select optgroup) {
  background: #ffffff !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh :where(input:disabled, select:disabled, textarea:disabled, input[readonly], textarea[readonly]) {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel-2) !important;
  background-color: var(--fresh-panel-2) !important;
  color: var(--fresh-faint) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--fresh-faint) !important;
}

body.theme-fresh :where(input[type="checkbox"], input[type="radio"]) {
  width: 16px !important;
  height: 16px !important;
  min-height: auto !important;
  padding: 0 !important;
  accent-color: var(--fresh-accent) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.theme-fresh .quick-note-native-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.theme-fresh :where(.btn, button) {
  min-height: var(--fresh-control) !important;
  border: 1px solid var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
  box-shadow: none !important;
}

body.theme-fresh :where(.btn, .preference-button, .soft-primary, .todo-flow-action, .todo-note-complete, .todo-note-delete) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.theme-fresh :where(.btn:not(.primary):not(.danger):hover, button:not(.primary):hover) {
  border-color: var(--fresh-line-2) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
  transform: none !important;
}

body.theme-fresh :where(.btn.primary, button.primary, .soft-primary.active) {
  border-color: var(--fresh-accent) !important;
  background: var(--fresh-accent) !important;
  color: #ffffff !important;
}

body.theme-fresh :where(.btn.primary:hover, button.primary:hover, .soft-primary.active:hover) {
  border-color: var(--fresh-accent) !important;
  background: var(--fresh-accent) !important;
  color: #ffffff !important;
}

body.theme-fresh :where(.btn.danger, .todo-flow-action.danger, .todo-note-delete) {
  border-color: var(--theme-danger-border) !important;
  background: var(--theme-danger-soft) !important;
  color: var(--fresh-bad) !important;
}

body.theme-fresh :where(.form-actions, .actions, .modal-actions, .after-sales-actions, .after-sales-composer-actions, .team-action-row, .customer-form-actions) {
  gap: 10px !important;
}

body.theme-fresh :where(.reviews-filter-controls, .merchant-filter-controls, .merchant-order-filter-controls, .merchant-shipping-filter-controls, .buyer-review-filter-controls, .points-filter-controls, .product-filter-controls, .after-sales-overview-filter, .warranty-claim-filter, .warranty-claim-archive-filter) {
  gap: 10px !important;
  align-items: end !important;
}

body.theme-fresh :where(.form-grid) {
  gap: 14px 12px !important;
}

body.theme-fresh :where(table, .reviews-data-table) {
  color: var(--fresh-text) !important;
}

body.theme-fresh :where(th, .reviews-data-table th) {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
}

body.theme-fresh :where(td, .reviews-data-table td) {
  border-color: var(--fresh-line) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh :where(.status, .hint, .field-help, .card-head p, .page-title p, .merchant-hero-panel p, .console-account-label, .console-account-email) {
  color: var(--fresh-soft) !important;
}

body.theme-fresh :where(.tag, .status, .reviews-table-meta span, .merchant-step-pills span, .notice-placeholder-token, .status-tile) {
  border-color: var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
  box-shadow: none !important;
}

body.theme-fresh :where(.field label, .filter-row label > span, .reviews-filter-controls label > span, .after-sales-overview-filter label > span, .quick-note-select-field > label, .after-sales-todo-select-field > span) {
  color: var(--fresh-soft) !important;
}

body.theme-fresh .app-content.view-orders .merchant-review-layout {
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) !important;
}

body.theme-fresh .app-content.view-orders .merchant-order-filter-controls {
  display: grid !important;
  grid-template-columns:
    minmax(74px, .88fr)
    minmax(74px, .88fr)
    minmax(132px, 1.18fr)
    minmax(92px, .95fr)
    minmax(110px, 1.1fr)
    minmax(72px, auto) !important;
  gap: 8px !important;
  align-items: end !important;
  max-width: none !important;
}

body.theme-fresh .app-content.view-orders .merchant-order-filter-controls label {
  min-width: 0 !important;
  width: 100% !important;
}

body.theme-fresh .app-content.view-orders .merchant-order-filter-controls :where(select, input[type="search"]) {
  width: 100% !important;
  min-width: 0 !important;
}

body.theme-fresh .app-content.view-orders .merchant-order-filter-controls .search-pill-filter {
  grid-column: auto !important;
}

body.theme-fresh .app-content.view-orders .merchant-order-filter-controls > .btn {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-order-actions {
  justify-content: flex-start !important;
  gap: 0 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-orders-clean-table th:nth-child(1),
body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-orders-clean-table td:nth-child(1) {
  width: 320px !important;
  min-width: 320px !important;
  max-width: 360px !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-no-line,
body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-no {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-number-cell,
body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-customer {
  padding-top: 0 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-no-line {
  align-items: flex-start !important;
  line-height: 1.25 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-copy-button {
  border-color: var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-copy-button:hover {
  border-color: var(--fresh-line-2) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-number-cell {
  gap: 9px !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-no,
body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-customer-name > small {
  line-height: 1.25 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-orders-clean-table th:nth-child(2),
body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-orders-clean-table td:nth-child(2) {
  width: auto !important;
  min-width: 0 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-orders-clean-table th:nth-child(3),
body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-orders-clean-table td:nth-child(3) {
  width: 16% !important;
  text-align: center !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-orders-clean-table th:nth-child(4),
body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-orders-clean-table td:nth-child(4) {
  width: 20% !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-order-mail-status {
  min-width: 0 !important;
  height: 22px !important;
  min-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-inline: auto !important;
  padding: 0 7px !important;
  border: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-order-mail-status.warn {
  border-color: color-mix(in srgb, var(--theme-warning) 34%, var(--fresh-line)) !important;
  background: var(--theme-warning-soft) !important;
  color: var(--theme-warning) !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-order-mail-status.ok {
  border-color: color-mix(in srgb, var(--theme-success) 34%, var(--fresh-line)) !important;
  background: var(--theme-success-soft) !important;
  color: var(--theme-success) !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-order-mail-status.danger {
  border-color: var(--theme-danger-border) !important;
  background: var(--theme-danger-soft) !important;
  color: var(--fresh-bad) !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-source-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-source-tag {
  height: 22px !important;
  min-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  vertical-align: top !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-source-tag.region {
  border-color: color-mix(in srgb, var(--fresh-accent) 24%, var(--fresh-line)) !important;
  background: color-mix(in srgb, var(--fresh-accent) 8%, #ffffff) !important;
  color: var(--fresh-accent) !important;
}

body.theme-fresh .app-content.view-stores .sales-region-tags {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  white-space: nowrap !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-source-tag.store {
  border-color: color-mix(in srgb, var(--fresh-text) 20%, var(--fresh-line)) !important;
  background: #ffffff !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-customer > small {
  font-size: 12px !important;
  font-weight: 440 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-customer-name {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 2px !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-customer-name > small {
  display: block !important;
  color: var(--fresh-soft) !important;
  font-size: 12px !important;
  font-weight: 440 !important;
  line-height: 1.25 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .order-customer-name > strong {
  display: block !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-order-split-action {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: stretch !important;
  gap: 0 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-order-actions .merchant-order-edit-button {
  min-width: 112px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  border-right-width: 0 !important;
  border-radius: var(--fresh-radius) 0 0 var(--fresh-radius) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

body.theme-fresh .app-content.view-orders #merchantOrdersTable .merchant-order-actions .merchant-order-dropdown-button {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-left-width: 1px !important;
  border-radius: 0 var(--fresh-radius) var(--fresh-radius) 0 !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

body.theme-fresh .merchant-order-floating-menu .btn {
  min-height: 38px !important;
  font-size: 13px !important;
}

body.theme-fresh .merchant-order-floating-menu .btn.danger {
  color: #ffffff !important;
}

body.theme-fresh .merchant-order-editor-modal {
  width: min(1040px, calc(100vw - 48px)) !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-channel-grid {
  grid-template-columns:
    minmax(220px, 1.35fr)
    minmax(180px, 1fr)
    minmax(108px, .62fr)
    minmax(150px, .78fr) !important;
  align-items: end !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-channel-grid > .field {
  min-width: 0 !important;
  grid-column: auto !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-channel-grid :where(input, select) {
  width: 100% !important;
  min-width: 0 !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-channel-section {
  border-color: color-mix(in srgb, var(--fresh-accent) 18%, var(--fresh-line)) !important;
  background: color-mix(in srgb, var(--fresh-accent) 5%, #ffffff) !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: end !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .order-customer-name-field {
  grid-column: 1 / span 4 !important;
  grid-row: 1 !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .order-phone-field {
  grid-column: 5 / span 4 !important;
  grid-row: 1 !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .order-whatsapp-supported-field {
  grid-column: 9 / span 4 !important;
  grid-row: 1 !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .field:not(.full):not(.order-customer-name-field):not(.order-phone-field):not(.order-whatsapp-supported-field) {
  grid-column: span 6 !important;
}

body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .field.full,
body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .order-address-collapse.full {
  grid-column: 1 / -1 !important;
}

body.theme-fresh .merchant-order-editor-modal .order-view-items-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: start !important;
}

body.theme-fresh .merchant-order-editor-modal .order-view-item-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 64px 36px !important;
  align-items: end !important;
  gap: 8px !important;
  padding: 10px !important;
}

body.theme-fresh .merchant-order-editor-modal .order-view-item-row > .field {
  min-width: 0 !important;
  margin: 0 !important;
}

body.theme-fresh .merchant-order-editor-modal .order-view-product-field {
  width: 100% !important;
}

body.theme-fresh .merchant-order-editor-modal .order-view-product-field select {
  width: 100% !important;
  min-width: 0 !important;
}

body.theme-fresh .merchant-order-editor-modal .order-view-quantity-field input {
  width: 64px !important;
  min-width: 64px !important;
}

body.theme-fresh .merchant-order-editor-modal .order-item-actions-field {
  width: 36px !important;
}

body.theme-fresh .merchant-order-editor-modal .order-item-actions-field .btn {
  width: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
}

body.theme-fresh .app-content.view-orders .manual-order-action-heading {
  display: grid !important;
  gap: 8px !important;
}

body.theme-fresh .app-content.view-orders .manual-order-action-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.theme-fresh .app-content.view-orders .manual-order-action-title-row .btn {
  min-height: 34px !important;
  padding: 0 12px !important;
  flex: 0 0 auto !important;
}

@media (max-width: 980px) {
  body.theme-fresh .merchant-order-editor-modal .order-editor-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .order-customer-name-field,
  body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .order-phone-field,
  body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .order-whatsapp-supported-field,
  body.theme-fresh .merchant-order-editor-modal .order-editor-customer-grid .field:not(.full):not(.order-customer-name-field):not(.order-phone-field):not(.order-whatsapp-supported-field) {
    grid-column: span 6 !important;
    grid-row: auto !important;
  }

  body.theme-fresh .merchant-order-editor-modal .order-view-items-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

body.theme-fresh .app-content.view-importantEmails .important-email-side-card > .card-body {
  display: grid !important;
  gap: 14px !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-panel-actions {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-rule-form,
body.theme-fresh .app-content.view-importantEmails .important-email-mailbox-form {
  gap: 14px 12px !important;
  margin: 0 !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-rule-form.is-hidden,
body.theme-fresh .app-content.view-importantEmails .important-email-mailbox-form.is-hidden {
  display: none !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-mailbox-list,
body.theme-fresh .app-content.view-importantEmails .important-email-rule-list,
body.theme-fresh .app-content.view-importantEmails .important-email-setting-list {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-rule-list article,
body.theme-fresh .app-content.view-importantEmails .important-email-mailbox-list article {
  padding: 14px !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-rule-list article .actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 4px !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-rule-list article .actions .btn {
  min-width: 78px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: var(--fresh-radius) !important;
  line-height: 1 !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-rule-list article .actions .btn.danger {
  min-width: 92px !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-mailbox-actions .btn {
  min-height: var(--theme-control-height) !important;
  padding: 0 16px !important;
  border-radius: var(--fresh-radius) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-mailbox-actions .btn.danger {
  min-width: 112px !important;
}

body.theme-fresh .app-content.view-importantEmails .important-email-mailbox-actions .btn:not(.danger) {
  min-width: 76px !important;
}

body.theme-fresh .app-content.view-accountHealth .account-health-form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 12px !important;
}

body.theme-fresh .app-content.view-accountHealth .account-health-risk-cell {
  gap: 6px !important;
}

body.theme-fresh .app-content.view-accountHealth .account-health-summary article.is-active {
  background: rgba(23, 107, 135, .06) !important;
  box-shadow: inset 0 0 0 1px var(--theme-primary-border) !important;
}

body.theme-fresh .app-content.view-accountHealth .account-health-summary-count {
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-accountHealth .account-health-summary article.is-active .account-health-summary-count,
body.theme-fresh .app-content.view-accountHealth .account-health-summary-count:hover {
  color: var(--theme-primary-strong) !important;
}

body.theme-fresh .app-content.view-accountHealth .account-health-risk-tag,
body.theme-fresh .app-content.view-accountHealth .account-health-metric-tag {
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 7px !important;
  border-radius: var(--fresh-radius) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.theme-fresh .app-content.view-accountHealth .account-health-risk-tag.is-risk,
body.theme-fresh .app-content.view-accountHealth .account-health-metric-tag.is-risk {
  border-color: var(--theme-warning-border) !important;
  background: var(--theme-warning-soft) !important;
  color: var(--fresh-warn) !important;
}

body.theme-fresh .app-content.view-accountHealth .account-health-day-title {
  color: var(--fresh-text) !important;
  font-size: 16px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

body.theme-fresh .app-content.view-accountHealth .account-health-day-body {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel-2) !important;
}

body.theme-fresh .app-content.view-todos .todo-notice-group-head {
  width: var(--todo-summary-side-width) !important;
  min-width: var(--todo-summary-side-width) !important;
  max-width: var(--todo-summary-side-width) !important;
  display: grid !important;
  gap: 8px !important;
  padding: 14px !important;
  border: 1px solid var(--fresh-line) !important;
  border-left: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
  box-shadow: none !important;
}

body.theme-fresh .app-content.view-todos .todo-notice-group-head span {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 7px !important;
  border: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-accent) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}

body.theme-fresh .app-content.view-todos .todo-notice-group-head strong {
  color: var(--fresh-text) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
}

body.theme-fresh .app-content.view-todos .todo-notice-group-head p {
  margin: 0 !important;
  color: var(--fresh-soft) !important;
  font-size: 11px !important;
  font-weight: 440 !important;
  line-height: 1.45 !important;
}

body.theme-fresh .app-content.view-todos .todo-waterfall-head {
  border-bottom: 1px solid var(--fresh-line) !important;
  background: var(--fresh-head) !important;
  color: var(--theme-primary) !important;
}

body.theme-fresh .app-content.view-todos .todo-waterfall-head :where(span, h3, p, strong) {
  color: var(--theme-primary) !important;
}

body.theme-fresh .app-content.view-todos .todo-order-number-line {
  align-items: center !important;
  gap: 6px !important;
}

body.theme-fresh .app-content.view-todos .todo-order-copy-button {
  width: auto !important;
  min-width: 32px !important;
  max-width: 38px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 6px !important;
  border: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

body.theme-fresh .app-content.view-todos .todo-order-copy-button:hover,
body.theme-fresh .app-content.view-todos .todo-order-copy-button:focus-visible {
  border-color: var(--fresh-line-2) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-buyerReviews .buyer-review-rating-control {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.theme-fresh .app-content.view-buyerReviews .buyer-review-rating-control label {
  min-width: 0 !important;
  display: block !important;
  cursor: pointer !important;
}

body.theme-fresh .app-content.view-buyerReviews .buyer-review-rating-control input[type="radio"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.theme-fresh .app-content.view-buyerReviews .buyer-review-rating-control span {
  width: 100% !important;
  height: var(--fresh-control) !important;
  min-height: var(--fresh-control) !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}

body.theme-fresh .app-content.view-buyerReviews .buyer-review-rating-control input[type="radio"]:checked + span {
  border-color: var(--fresh-accent) !important;
  background: var(--theme-primary-soft) !important;
  color: var(--fresh-accent) !important;
}

body.theme-fresh .app-content.view-buyerReviews .reviews-filter-bar {
  padding: 14px 18px !important;
  border-bottom: 1px solid var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
}

body.theme-fresh .app-content.view-buyerReviews .buyer-review-filter-controls {
  display: grid !important;
  grid-template-columns:
    minmax(92px, .78fr)
    minmax(78px, .62fr)
    minmax(160px, 1.25fr)
    minmax(64px, auto)
    minmax(64px, auto) !important;
  gap: 8px !important;
  align-items: end !important;
  max-width: none !important;
}

body.theme-fresh .app-content.view-buyerReviews .buyer-review-filter-controls label {
  min-width: 0 !important;
  width: 100% !important;
}

body.theme-fresh .app-content.view-buyerReviews .buyer-review-filter-controls :where(select, input[type="search"], .btn) {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 760px) {
  body.theme-fresh .app-content.view-todos .todo-notice-group-head {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body.theme-fresh .app-content.view-orders .merchant-review-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.theme-fresh .app-content.view-orders .merchant-order-filter-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.theme-fresh .app-content.view-orders .merchant-order-filter-controls .search-pill-filter,
  body.theme-fresh .app-content.view-orders .merchant-order-filter-controls > .btn {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  body.theme-fresh .app-content.view-orders .merchant-order-filter-controls {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

body.theme-fresh :where(.quick-note-custom-trigger) {
  border: 1px solid var(--fresh-line) !important;
  background: #ffffff !important;
  color: var(--fresh-text) !important;
  box-shadow: none !important;
}

body.theme-fresh :where(.quick-note-custom-trigger:hover, .quick-note-custom-trigger:focus-visible, .quick-note-custom-trigger[aria-expanded="true"]) {
  border-color: var(--fresh-line-2) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
  box-shadow: var(--theme-shadow-focus) !important;
}

body.theme-fresh .quick-note-custom-menu {
  border-color: var(--fresh-line) !important;
  background: #ffffff !important;
  color: var(--fresh-text) !important;
  box-shadow: var(--fresh-shadow) !important;
}

body.theme-fresh .quick-note-custom-option {
  background: transparent !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh :where(.quick-note-custom-option:hover, .quick-note-custom-option:focus-visible) {
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .quick-note-custom-option.is-selected {
  background: var(--theme-primary-soft) !important;
  color: var(--fresh-accent) !important;
}

body.theme-fresh .quick-note-custom-menu.quick-note-compose-menu {
  border: 0 !important;
  box-shadow: var(--fresh-shadow) !important;
}

body.theme-fresh .quick-note-custom-menu.quick-note-compose-menu .quick-note-custom-option {
  min-height: 36px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.theme-fresh .quick-note-custom-menu.quick-note-compose-menu .quick-note-custom-option:hover,
body.theme-fresh .quick-note-custom-menu.quick-note-compose-menu .quick-note-custom-option:focus-visible {
  border: 0 !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
  box-shadow: none !important;
}

body.theme-fresh .quick-note-custom-menu.quick-note-compose-menu .quick-note-custom-option.is-selected {
  border: 0 !important;
  background: transparent !important;
  color: var(--fresh-accent) !important;
  box-shadow: none !important;
}

body.theme-fresh .quick-note-custom-menu.quick-note-after-sales-menu {
  padding: 0 !important;
  border: 1px solid var(--fresh-line) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.theme-fresh .quick-note-custom-menu.quick-note-after-sales-menu .quick-note-custom-option {
  min-height: 36px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--fresh-text) !important;
  box-shadow: none !important;
}

body.theme-fresh .quick-note-custom-menu.quick-note-after-sales-menu .quick-note-custom-option:hover,
body.theme-fresh .quick-note-custom-menu.quick-note-after-sales-menu .quick-note-custom-option:focus-visible {
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .quick-note-custom-menu.quick-note-after-sales-menu .quick-note-custom-option.is-selected {
  background: transparent !important;
  color: var(--fresh-accent) !important;
}

body.theme-fresh .quick-note-custom-select.is-important .quick-note-custom-trigger,
body.theme-fresh .quick-note-custom-menu[data-select-name="priority"] .quick-note-custom-option[data-value="important"] {
  color: var(--fresh-accent-2) !important;
}

body.theme-fresh :where(.input-with-unit span, .field-prefix, .field-suffix) {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
}

body.theme-fresh .app-content.view-todos {
  --todo-badge-bg: var(--fresh-accent);
  --todo-badge-border: var(--fresh-accent);
  --todo-badge-text: #ffffff;
  --todo-badge-soft-bg: rgba(23, 107, 135, .10);
  --todo-badge-soft-border: rgba(23, 107, 135, .26);
  --todo-badge-soft-text: var(--fresh-accent);
  --todo-tone-confirm: var(--fresh-accent);
  --todo-tone-service: var(--fresh-good);
  --todo-tone-delivery: #607080;
  --todo-tone-survey: #7d8b9b;
  --todo-tone-review: #315f72;
  --todo-tone-after-sales: #51687d;
  --todo-tone-claim: var(--fresh-good);
  --todo-tone-warranty: #6b7d8f;
  --todo-tone-reward: #176b87;
  --todo-tone-neutral: var(--fresh-soft);
}

body.theme-fresh .app-content.view-todos .todo-queue-filter span {
  border-color: var(--todo-badge-border) !important;
  background: var(--todo-badge-bg) !important;
  color: var(--todo-badge-text) !important;
  box-shadow: 0 0 0 2px var(--fresh-panel) !important;
}

body.theme-fresh .app-content.view-todos .todo-queue-filter.is-active span {
  border-color: var(--fresh-accent) !important;
  background: #ffffff !important;
  color: var(--fresh-accent) !important;
  box-shadow: 0 0 0 2px var(--theme-primary-soft) !important;
}

body.theme-fresh .app-content.view-todos :where(.todo-flow-tags span, .todo-flow-tags .template-task-tag) {
  border-color: var(--todo-badge-soft-border) !important;
  background: var(--todo-badge-soft-bg) !important;
  color: var(--todo-badge-soft-text) !important;
  box-shadow: none !important;
}

body.theme-fresh .app-content.view-todos .todo-note-priority-important .todo-flow-tags span:nth-child(2) {
  border-color: var(--theme-warning-border) !important;
  background: var(--theme-warning-soft) !important;
  color: var(--fresh-warn) !important;
}

body.theme-fresh .app-content.view-todos .todo-flow-tags .template-task-tag.template-service,
body.theme-fresh .app-content.view-todos .todo-flow-tags .template-task-tag.template-claim {
  border-color: rgba(22, 132, 94, .28) !important;
  background: rgba(22, 132, 94, .11) !important;
  color: var(--fresh-good) !important;
}

body.theme-fresh .app-content.view-todos .todo-flow-tags .template-task-tag.template-review,
body.theme-fresh .app-content.view-todos .todo-flow-tags .template-task-tag.template-reward {
  border-color: rgba(49, 95, 114, .28) !important;
  background: rgba(49, 95, 114, .10) !important;
  color: #315f72 !important;
}

body.theme-fresh .app-content.view-todos :where(.badge, .badge-ok, .badge-warn, .badge-err, .badge-blue, .todo-note-counter) {
  border-color: var(--todo-badge-soft-border) !important;
  background: var(--todo-badge-soft-bg) !important;
  color: var(--todo-badge-soft-text) !important;
}

body.theme-fresh .app-content.view-todos :where(.badge-ok) {
  border-color: var(--theme-success-border) !important;
  background: var(--theme-success-soft) !important;
  color: var(--fresh-good) !important;
}

body.theme-fresh .app-content.view-todos :where(.badge-warn, .todo-note-counter.is-warning) {
  border-color: var(--theme-warning-border) !important;
  background: var(--theme-warning-soft) !important;
  color: var(--fresh-warn) !important;
}

body.theme-fresh .app-content.view-todos :where(.badge-err) {
  border-color: var(--theme-danger-border) !important;
  background: var(--theme-danger-soft) !important;
  color: var(--fresh-bad) !important;
}

body.theme-fresh .app-content.view-todos .todo-waterfall-list > .todo-flow-item::before {
  content: none !important;
  display: none !important;
}

body.theme-fresh .app-content.view-todos .todo-waterfall-list > .todo-flow-item {
  border-left: 0 !important;
}

body.theme-fresh .app-content.view-todos .todo-note-replies {
  border-left: 3px solid var(--fresh-accent) !important;
  margin-left: 18px !important;
  padding-left: 18px !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-confirm {
  --template-tone: var(--todo-tone-confirm) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-service {
  --template-tone: var(--todo-tone-service) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-delivery {
  --template-tone: var(--todo-tone-delivery) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-survey {
  --template-tone: var(--todo-tone-survey) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-review {
  --template-tone: var(--todo-tone-review) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-after-sales {
  --template-tone: var(--todo-tone-after-sales) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-claim {
  --template-tone: var(--todo-tone-claim) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-warranty {
  --template-tone: var(--todo-tone-warranty) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-reward {
  --template-tone: var(--todo-tone-reward) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.tone-neutral {
  --template-tone: var(--todo-tone-neutral) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card {
  border-color: color-mix(in srgb, var(--template-tone, var(--fresh-accent)) 42%, var(--fresh-line)) !important;
  background: color-mix(in srgb, var(--template-tone, var(--fresh-accent)) 14%, var(--fresh-panel)) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card.is-active {
  border-color: color-mix(in srgb, var(--template-tone, var(--fresh-accent)) 58%, var(--fresh-line-2)) !important;
  background: color-mix(in srgb, var(--template-tone, var(--fresh-accent)) 20%, var(--fresh-panel)) !important;
}

body.theme-fresh .app-content.view-todos .todo-summary-card strong {
  color: var(--template-tone, var(--fresh-accent)) !important;
}

body.theme-fresh .app-content.view-noticeTemplates {
  --notice-status-ready: var(--fresh-good);
  --notice-status-ready-bg: var(--theme-success-soft);
  --notice-status-ready-border: var(--theme-success-border);
  --notice-status-warn: var(--fresh-warn);
  --notice-status-warn-bg: var(--theme-warning-soft);
  --notice-status-warn-border: var(--theme-warning-border);
  --notice-status-risk: var(--fresh-bad);
  --notice-status-risk-bg: var(--theme-danger-soft);
  --notice-status-risk-border: var(--theme-danger-border);
}

body.theme-fresh .app-content.view-noticeTemplates :where(.notice-template-side-card, .notice-placeholder-card, .table-shell-card, .notice-template-drawer) {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
  box-shadow: none !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-placeholder-group {
  border-color: var(--fresh-line) !important;
}

body.theme-fresh .app-content.view-noticeTemplates :where(.notice-template-table th, .notice-template-table td, .notice-template-table tbody tr.is-expanded > td) {
  border: 0 !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-placeholder-group h4,
body.theme-fresh .app-content.view-noticeTemplates .notice-template-table .order-no {
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-noticeTemplates :where(.notice-placeholder-group summary span, .notice-placeholder-token) {
  border: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: #ffffff !important;
  color: var(--fresh-soft) !important;
  box-shadow: none !important;
}

body.theme-fresh .app-content.view-noticeTemplates :where(.notice-placeholder-group summary span:hover, .notice-placeholder-token:hover) {
  border-color: var(--fresh-line-2) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-placeholder-token code {
  color: var(--fresh-accent) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-placeholder-token span,
body.theme-fresh .app-content.view-noticeTemplates .notice-template-table .order-subtle,
body.theme-fresh .app-content.view-noticeTemplates .notice-template-fixed-id {
  color: var(--fresh-soft) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-send-node {
  color: var(--fresh-accent) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-table tbody tr > td {
  background: #ffffff !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-table tbody tr:nth-child(even) > td {
  background: var(--fresh-panel-2) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-table tbody tr.is-expanded > td,
body.theme-fresh .app-content.view-noticeTemplates .notice-template-table tbody tr:hover > td {
  background: #eef4f7 !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-table tbody td:first-child {
  border-left: 0 !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-action-hint {
  border-color: var(--notice-status-warn-border) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--notice-status-warn-bg) !important;
  color: var(--notice-status-warn) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-action-hint.is-ready {
  border-color: var(--notice-status-ready-border) !important;
  background: var(--notice-status-ready-bg) !important;
  color: var(--notice-status-ready) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-action-hint.is-risky {
  border-color: var(--notice-status-risk-border) !important;
  background: var(--notice-status-risk-bg) !important;
  color: var(--notice-status-risk) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-risk-toggle {
  border-color: var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-todo-switch {
  width: 58px !important;
  min-width: 58px !important;
  height: 28px !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-todo-switch.is-on {
  border-color: var(--theme-success-border) !important;
  background: var(--theme-success-soft) !important;
  color: var(--fresh-good) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-todo-switch:hover {
  border-color: var(--fresh-line-2) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-noticeTemplates .notice-template-page .btn,
body.theme-fresh .app-content.view-noticeTemplates .btn {
  border-radius: var(--fresh-radius) !important;
}

body.theme-fresh :where(.tag.ok, .status.ok) {
  border-color: var(--theme-success-border) !important;
  background: var(--theme-success-soft) !important;
  color: var(--fresh-good) !important;
}

body.theme-fresh :where(.tag.warn) {
  border-color: var(--theme-warning-border) !important;
  background: var(--theme-warning-soft) !important;
  color: var(--fresh-warn) !important;
}

body.theme-fresh :where(.tag.danger, .status.error, .btn.danger) {
  border-color: var(--theme-danger-border) !important;
  background: var(--theme-danger-soft) !important;
  color: var(--fresh-bad) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-overview-metric {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
  border-left: 3px solid var(--fresh-line-2) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-overview-metric.primary {
  border-color: var(--fresh-line) !important;
  border-left-color: var(--fresh-accent) !important;
  background: var(--fresh-panel) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-overview-metric.success {
  border-color: var(--fresh-line) !important;
  border-left-color: var(--fresh-good) !important;
  background: var(--fresh-panel) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-overview-metric.warn {
  border-color: var(--fresh-line) !important;
  border-left-color: #6b7d8f !important;
  background: var(--fresh-panel) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-overview-metric.danger {
  border-color: var(--fresh-line) !important;
  border-left-color: var(--fresh-bad) !important;
  background: var(--fresh-panel) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-overview-metric span,
body.theme-fresh .app-content.view-afterSales .after-sales-overview-metric small {
  color: var(--fresh-soft) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-overview-metric strong {
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-mode-tabs {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-mode-tabs button {
  border: 0 !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-soft) !important;
  box-shadow: none !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-mode-tabs button.active {
  background: var(--theme-primary-strong) !important;
  color: var(--theme-on-primary) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-mode-tabs button:not(.active):hover {
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-ai-dock {
  border-radius: var(--fresh-radius) !important;
  background: var(--theme-surface-high) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-ai-head {
  background: transparent !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-ai-input {
  gap: 10px !important;
  align-items: center !important;
  padding: 10px !important;
  border-color: transparent !important;
  background: var(--theme-surface-high) !important;
  border-radius: var(--fresh-radius) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-ai-input textarea {
  min-height: 52px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  border-radius: var(--fresh-radius) !important;
  resize: vertical !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-ai-input textarea:focus {
  border-color: var(--theme-primary) !important;
  box-shadow: var(--theme-shadow-focus) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-ai-input .btn {
  align-self: center !important;
  width: 88px !important;
  min-height: 52px !important;
  padding: 0 14px !important;
  border-radius: var(--fresh-radius) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-case-header {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-head) !important;
  color: var(--theme-primary) !important;
  padding: 16px !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-case-header :where(.eyebrow, h3, p) {
  color: var(--theme-primary) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-case-owner span {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  color: var(--theme-primary) !important;
}

body.theme-fresh .app-content.view-afterSales :where(.after-sales-composer, .after-sales-logistics-panel, .after-sales-expense-panel) {
  border-color: var(--fresh-line) !important;
  background: #eaf0f4 !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-status-change-btn {
  border-color: #2d7e98 !important;
  background: #2d7e98 !important;
  color: var(--theme-on-primary) !important;
}

body.theme-fresh .app-content.view-afterSales .after-sales-status-change-btn:hover {
  border-color: var(--fresh-accent) !important;
  background: var(--fresh-accent) !important;
  color: var(--theme-on-primary) !important;
}

body.theme-fresh .app-content.view-afterSales :where(.after-sales-status.pending, .after-sales-note-status, .after-sales-queue-status button, .after-sales-logistics-status-steps button) {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
}

body.theme-fresh .app-content.view-afterSales :where(.after-sales-status.done, .after-sales-note-status.done, .after-sales-logistics-status-steps button.done) {
  border-color: var(--theme-success-border) !important;
  background: var(--theme-success-soft) !important;
  color: var(--fresh-good) !important;
}

body.theme-fresh .app-content.view-warrantyClaims :where(.warranty-claims-summary article, .warranty-claim-info-grid article, .warranty-claim-audit-result article, .warranty-claim-product-rules article, .warranty-claim-side-list article, .warranty-claim-completeness) {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claim-side-list article.ok {
  border-color: var(--fresh-line) !important;
  border-left: 3px solid var(--fresh-good) !important;
  background: var(--fresh-panel) !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claim-completeness {
  border-left-color: var(--fresh-accent) !important;
  background: var(--fresh-panel-2) !important;
}

body.theme-fresh .app-content.view-warrantyClaims :where(.warranty-claim-info-grid span, .warranty-claim-audit-result span, .warranty-claim-side-list article span, .warranty-claim-completeness span, .warranty-claim-product-rules span, .warranty-claim-product-rules p) {
  color: var(--fresh-soft) !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claims-queue {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  box-shadow: none !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claims-queue :where(.warranty-claims-summary, .warranty-claim-filter, .warranty-claim-archive-entry) {
  border-color: var(--fresh-line) !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claims-queue .warranty-claim-list {
  gap: 10px !important;
  padding: 14px !important;
  background: var(--fresh-panel) !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claims-queue .warranty-claim-card {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--fresh-line) !important;
  border-radius: var(--fresh-radius) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
  box-shadow: none !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claims-queue .warranty-claim-card.active {
  border-color: var(--fresh-accent) !important;
  background: var(--theme-primary-soft) !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claims-queue .warranty-claim-card-row {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  order: 1 !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  grid-template-columns: none !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claims-queue .warranty-claim-card-row > .tag {
  flex: 0 0 auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claims-queue .warranty-claim-card-main-row > strong {
  flex: 1 1 auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--fresh-text) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.theme-fresh .app-content.view-warrantyClaims .warranty-claims-queue .warranty-claim-card-meta-line {
  order: 2 !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: block !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--fresh-soft) !important;
  font-size: 12px !important;
  font-weight: 520 !important;
  line-height: 1.45 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.theme-fresh .app-content.view-ai :where(.ai-provider-card, .ai-usage-item, .ai-key-status, .ai-provider-status, .ai-status-card, .merchant-ai-key-status, .merchant-ai-usage-tile, .merchant-ai-limit-fields),
body.theme-fresh .app-content.view-integrations :where(.integration-endpoint-card, .open-api-card) {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel) !important;
  color: var(--fresh-text) !important;
}

body.theme-fresh .app-content.view-ai :where(.ai-provider-card.is-active, .ai-provider-status.is-active, .ai-key-status.is-active, .merchant-ai-key-status.is-merchant, .merchant-ai-key-status.is-platform) {
  border-color: var(--fresh-line) !important;
  border-left: 3px solid var(--fresh-good) !important;
  background: var(--fresh-panel) !important;
}

body.theme-fresh .app-content.view-ai .merchant-ai-key-status b {
  border-color: var(--fresh-line) !important;
  background: var(--fresh-panel-2) !important;
  color: var(--fresh-soft) !important;
}

body.theme-fresh .app-menu .app-menu-logout {
  width: 100% !important;
  border-color: rgba(255,255,255,.16) !important;
  background: transparent !important;
  color: rgba(255,255,255,.78) !important;
}

body.theme-fresh .app-menu .app-menu-logout:hover {
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
}