/* StatusChip — semantic, brand-neutral status colours (never --ma-primary).
 * Indicator is a small tone-coloured dot; the legacy stroke icon is kept in
 * the DOM (for markup stability) but hidden — the dot now carries the tone. */
.cc_ikas_account_orders .ma-status, .cc_ikas_account_info .ma-status, .cc_ikas_account_order_detail .ma-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.cc_ikas_account_orders .ma-status svg, .cc_ikas_account_info .ma-status svg, .cc_ikas_account_order_detail .ma-status svg {
  display: none;
}

.cc_ikas_account_orders .ma-status__dot, .cc_ikas_account_info .ma-status__dot, .cc_ikas_account_order_detail .ma-status__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex: 0 0 auto;
}

/* dot tone colours — shared by text + pill variants */
.cc_ikas_account_orders .ma-status--positive .ma-status__dot, .cc_ikas_account_info .ma-status--positive .ma-status__dot, .cc_ikas_account_order_detail .ma-status--positive .ma-status__dot {
  background: var(--ma-green-600);
}
.cc_ikas_account_orders .ma-status--warning .ma-status__dot, .cc_ikas_account_info .ma-status--warning .ma-status__dot, .cc_ikas_account_order_detail .ma-status--warning .ma-status__dot {
  background: var(--ma-status-progress);
}
.cc_ikas_account_orders .ma-status--negative .ma-status__dot, .cc_ikas_account_info .ma-status--negative .ma-status__dot, .cc_ikas_account_order_detail .ma-status--negative .ma-status__dot, .cc_ikas_account_orders .ma-status--refund .ma-status__dot, .cc_ikas_account_info .ma-status--refund .ma-status__dot, .cc_ikas_account_order_detail .ma-status--refund .ma-status__dot, .cc_ikas_account_orders .ma-status--neutral .ma-status__dot, .cc_ikas_account_info .ma-status--neutral .ma-status__dot, .cc_ikas_account_order_detail .ma-status--neutral .ma-status__dot {
  background: var(--ma-status-neutral);
}

/* text variant — inline dot + label, uniform text colour (tone lives on the dot) */
.cc_ikas_account_orders .ma-status--text, .cc_ikas_account_info .ma-status--text, .cc_ikas_account_order_detail .ma-status--text {
  color: var(--ma-text);
}

/* pill variant — filled soft background for detail cards, sharp corner, tone-coloured text */
.cc_ikas_account_orders .ma-status--pill, .cc_ikas_account_info .ma-status--pill, .cc_ikas_account_order_detail .ma-status--pill {
  padding: 3px 10px;
  border-radius: var(--ma-radius-pill);
  border: 1px solid transparent;
  background: var(--ma-surface-subtle);
}
.cc_ikas_account_orders .ma-status--pill.ma-status--positive, .cc_ikas_account_info .ma-status--pill.ma-status--positive, .cc_ikas_account_order_detail .ma-status--pill.ma-status--positive {
  color: var(--ma-green-600);
}
.cc_ikas_account_orders .ma-status--pill.ma-status--warning, .cc_ikas_account_info .ma-status--pill.ma-status--warning, .cc_ikas_account_order_detail .ma-status--pill.ma-status--warning {
  color: var(--ma-status-progress);
}
.cc_ikas_account_orders .ma-status--pill.ma-status--negative, .cc_ikas_account_info .ma-status--pill.ma-status--negative, .cc_ikas_account_order_detail .ma-status--pill.ma-status--negative, .cc_ikas_account_orders .ma-status--pill.ma-status--refund, .cc_ikas_account_info .ma-status--pill.ma-status--refund, .cc_ikas_account_order_detail .ma-status--pill.ma-status--refund, .cc_ikas_account_orders .ma-status--pill.ma-status--neutral, .cc_ikas_account_info .ma-status--pill.ma-status--neutral, .cc_ikas_account_order_detail .ma-status--pill.ma-status--neutral {
  color: var(--ma-status-neutral);
}