@import url("./core-vendor.css");
@import url("./reports.vendors-node_modules_deriv-com_quill-ui_dist_assets_base2_css-node_modules_deriv-com_quill-ui-70e3eb.176b337bebfcdeda701e.css");
@import url("./reports.vendors-node_modules_deriv-com_quill-ui_dist_assets_index_css-node_modules_deriv-com_quill-ui-35fa41.de3cde3a2a9d322014eb.css");
@import url("./reports.reports-app.05a5ab818389b0a40ffb.css");
@import url("./reports.reports-routes.478040071f95478a93b7.css");

/**
 * DTrader Reports archive CSS entry + design-token bridge.
 * Loaded only on /reports/* routes.
 *
 * Archive sets html { font-size: 62.5% } so 1rem = 10px. All archive CSS uses rem
 * against the root — setting 62.5% only on .dtrader-reports does not affect rem units.
 */
html:has(.dtrader-reports) {
  font-size: 62.5%;
  font-family: "IBM Plex Sans", "Roboto", "Helvetica", "Arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;

  --text-size-xxxxs: 0.8rem;
  --text-size-xxxs: 1rem;
  --text-size-xxs: 1.2rem;
  --text-size-xs: 1.4rem;
  --text-size-s: 1.6rem;
  --text-size-xsm: 1.8rem;
  --text-size-sm: 2rem;
  --text-size-m: 2.4rem;
  --text-size-xm: 2.8rem;
  --text-size-l: 3.2rem;
  --text-size-xl: 4.8rem;
  --text-size-xxl: 6.4rem;
  --text-lh-xxs: 1;
  --text-lh-xs: 1.25;
  --text-lh-s: 1.4;
  --text-lh-m: 1.5;
  --text-lh-l: 1.75;
  --text-lh-xl: 2;
  --text-lh-xxl: 2.4;
  --text-weight-lighter: lighter;
  --text-weight-normal: normal;
  --text-weight-bold: bold;
  --text-weight-bolder: bolder;
  --text-size: var(--text-size-xs);
  --text-weight: var(--text-weight-normal);
  --text-lh: var(--text-lh-m);
  --text-color: var(--color-text-primary);
  --text-align: start;
}

.dtrader-reports {
  line-height: 1.5;
  --color-surface-primary: #ffffff;
  --color-surface-section: #f2f3f4;
  --color-surface-border: #dfe0e1;
  --color-text-primary: #333333;
  --color-text-secondary: #999999;
  --color-text-success: #4bb4b3;
  --color-text-danger: #ec3f3f;
  --color-text-disabled: #999999;
  --color-text-black: #000000;
  --color-interactive-default: #999999;
  --color-interactive-hover: #f2f3f4;
  --color-interactive-active: #e6e9e9;
  --color-interactive-disabled: #dfe0e1;
  --color-status-success: #4bb4b3;
  --color-status-danger: #ec3f3f;
  --color-status-warning: #ffad3a;
  --brand-primary: #ff444f;
  --brand-secondary: #85acb0;
  --brand-primary-dark: #e63d47;
  --brand-white: #ffffff;
  --brand-black: #181c25;
  --color-text-white: #ffffff;
  --color-button-primary-bg: var(--brand-primary);
  --color-button-primary-text: var(--color-text-white);
  --color-button-primary-hover: var(--brand-primary-dark);
  --color-button-secondary-bg: transparent;
  --color-button-secondary-border: var(--color-interactive-active);
  --color-button-secondary-text: var(--brand-black);
  --color-button-secondary-hover: var(--color-interactive-hover);
  --color-button-tertiary-bg: transparent;
  --color-button-tertiary-text: var(--brand-primary);
  --color-button-tertiary-hover: rgba(255, 68, 79, 0.08);
  --color-button-disabled-bg: var(--color-interactive-disabled);
  --color-button-disabled-text: var(--color-text-disabled);
  --brand-secondary-dark: #85acb2;
  --semantic-color-monochrome-surface-normal-lowest: #f2f3f4;
  --semantic-color-slate-solid-surface-frame-low: #f2f3f4;
  --component-textIcon-normal-default: #333333;
  --component-navigationBar-sizing-body-heightBottom: 0px;
  --color-modal-bg: #ffffff;
  --color-shadow-medium: rgba(0, 0, 0, 0.08);
  min-height: 100dvh;
  background: var(--color-surface-primary);
  color: var(--color-text-primary);
  font-family: "IBM Plex Sans", "Roboto", "Helvetica", "Arial", sans-serif;
}

.dtrader-reports *,
.dtrader-reports *::before,
.dtrader-reports *::after {
  box-sizing: border-box;
}

.dtrader-reports .table__cell,
.dtrader-reports .table__row,
.dtrader-reports .data-list__row,
.dtrader-reports .dc-vertical-tab__header__link {
  margin: 0;
}

.dtrader-reports a.dc-vertical-tab__header__link {
  color: inherit;
  text-decoration: none;
}

.dtrader-reports .dc-btn {
  font-family: inherit;
}

.dtrader-reports button.dc-btn {
  appearance: none;
}

.dtrader-reports .dc-input-field .input,
.dtrader-reports .dc-dropdown__inner {
  font-family: inherit;
  margin: 0;
}

.dtrader-reports button,
.dtrader-reports input,
.dtrader-reports select,
.dtrader-reports textarea {
  font-family: inherit;
}

.dtrader-reports .dc-input-field .input {
  cursor: pointer;
}

.dtrader-reports .dc-select-native__picker {
  cursor: pointer;
  font-family: inherit;
}

.dtrader-reports .composite-calendar__mobile-sheet {
  background: var(--color-surface-primary);
  inset: 0;
  position: fixed;
  z-index: 200;
}

.dtrader-reports .composite-calendar__mobile-header {
  align-items: center;
  border-bottom: 1px solid var(--color-surface-border);
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  justify-content: space-between;
  padding: 1.2rem 1.6rem;
}