/**
 * CORE Design System v1.0
 * Product implementation for Aletheia.
 * Source: style.md, 2026-07-21.
 */

@font-face {
  font-family: "DM Sans";
  src: url("./dm-sans-latin-ext-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("./dm-sans-latin-ext-variable-italic.woff2") format("woff2-variations");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("./newsreader-latin-ext-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("./newsreader-latin-ext-variable-italic.woff2") format("woff2-variations");
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("./jetbrains-mono-latin-ext-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* CORE canonical primitives */
  --core-graphite: #2a2a2a;
  --core-bone: #efeae2;
  --core-bone-soft: #f8f4ed;
  --core-paper: #ffffff;
  --core-signal-red: #c8413a;
  --core-brick: #8b3a2e;
  --core-slate-strong: #545454;
  --core-hairline: #c8c5be;
  --core-highlight: #e8c547;
  --core-moss: #4a6b5c;
  --core-ochre: #a57522;
  --core-plum: #755a70;
  --core-clay: #b06a4f;
  --core-slate: #6b6b6b;
  --core-sandstone: #9a8068;

  --core-danger-bg: #f7e4e2;
  --core-success-bg: #e3ebe6;
  --core-warning-bg: #faf1d2;
  --core-info-bg: #f8f4ed;

  --core-font-editorial: "Newsreader", "Source Serif 4", Cambria, Georgia, serif;
  --core-font-ui: "DM Sans", Inter, "Public Sans", system-ui, sans-serif;
  --core-font-data: "JetBrains Mono", "IBM Plex Mono", Consolas, monospace;
  --core-radius: 10px;
  --core-radius-small: 6px;
  --core-focus: 0 0 0 2px var(--core-signal-red);

  /* Map the inherited product palette onto CORE to remove interface blue. */
  --white: var(--core-paper);
  --black: var(--core-graphite);
  --charcoal-000: var(--core-bone-soft);
  --charcoal-005: #f3eee7;
  --charcoal-010: var(--core-bone);
  --charcoal-020: #e3ded6;
  --charcoal-030: var(--core-hairline);
  --charcoal-040: #aaa7a1;
  --charcoal-050: #85827d;
  --charcoal-060: var(--core-slate);
  --charcoal-070: var(--core-slate-strong);
  --charcoal-080: #3f3f3f;
  --charcoal-090: var(--core-graphite);
  --charcoal-100: var(--core-graphite);
  --charcoal-100-op4: rgb(42 42 42 / 4%);
  --charcoal-100-op8: rgb(42 42 42 / 8%);
  --charcoal-100-op32: rgb(42 42 42 / 32%);
  --white-op32: rgb(255 255 255 / 32%);
  --white-op64: rgb(255 255 255 / 64%);

  --sapphire-000: var(--core-bone-soft);
  --sapphire-005: #f3eee7;
  --sapphire-010: var(--core-bone);
  --sapphire-020: #e4ded5;
  --sapphire-030: #c7b2a9;
  --sapphire-040: #ae756b;
  --sapphire-050: var(--core-clay);
  --sapphire-060: var(--core-brick);
  --sapphire-070: #783126;
  --sapphire-080: #5f2b24;
  --sapphire-090: var(--core-graphite);
  --sapphire-100: var(--core-graphite);
  --royal-blue-500: var(--core-sandstone);
  --royal-blue-800: var(--core-brick);
  --royal-blue-900: var(--core-graphite);

  --crimson-000: #fffafa;
  --crimson-005: var(--core-danger-bg);
  --crimson-010: #efcbc7;
  --crimson-020: #dd8b84;
  --crimson-030: #d35c54;
  --crimson-040: var(--core-signal-red);
  --crimson-050: #ae3933;
  --crimson-060: var(--core-brick);
  --crimson-070: #783126;
  --crimson-080: #662c24;
  --crimson-090: #55251f;
  --crimson-100: #431e1a;

  --malachite-000: #f8fbf9;
  --malachite-005: var(--core-success-bg);
  --malachite-010: #d2dfd7;
  --malachite-020: #bed0c5;
  --malachite-030: #9ab5a6;
  --malachite-040: #769b88;
  --malachite-050: #5d7f6e;
  --malachite-060: var(--core-moss);
  --malachite-070: #40614f;
  --malachite-080: #365344;
  --malachite-090: #2d4639;
  --malachite-100: #24382e;

  --sand-000: #fffdf7;
  --sand-005: #fcf7e7;
  --sand-010: var(--core-warning-bg);
  --sand-020: #f4e8b5;
  --sand-030: #ecd77c;
  --sand-040: var(--core-highlight);
  --sand-050: #c9a63a;
  --sand-060: #aa8124;
  --sand-070: #7e5d16;
  --sand-080: #6e5210;
  --sand-090: #5b440f;
  --sand-100: #49370c;
  --purple-080: var(--core-plum);
  --purple-100: #584254;

  /* Existing application semantic tokens */
  --font-family-default: var(--core-font-ui);
  --font-color-default: var(--core-graphite);
  --color-background-light: var(--core-bone-soft);
  --color-background-lightest: var(--core-paper);
  --color-background-grey-card: var(--core-bone-soft);
  --color-background-main-card: var(--core-paper);
  --color-navigation-top-bar-background: var(--core-paper);
  --color-navigation-top-bar-stroke: var(--core-hairline);
  --color-sidebar-background-hover: var(--core-bone-soft);
  --color-border-standard-on-light: var(--core-hairline);
  --color-border-standard-on-black: var(--core-paper);
  --color-border-critical: var(--core-signal-red);
  --color-border-warning: #c9a63a;
  --color-brand-symbol: var(--core-signal-red);
  --color-brand-text: var(--core-graphite);

  --color-text-standard-on-light: var(--core-graphite);
  --color-text-secondary-on-light: var(--core-slate-strong);
  --color-text-subdued-on-light: var(--core-slate);
  --color-text-disabled-on-light: rgb(42 42 42 / 42%);
  --color-text-standard-on-dark: var(--core-paper);
  --color-text-subdued-on-dark: rgb(255 255 255 / 72%);
  --color-text-accent: var(--core-brick);
  --color-text-critical: var(--core-brick);
  --color-text-success: #40614f;
  --color-text-warning: #6e5210;
  --color-text-alert: #6e5210;
  --color-text-nova-title-1: var(--core-graphite);
  --color-text-nova-title-2: var(--core-brick);
  --color-text-semantic-black: var(--core-graphite);
  --color-text-semantic-blue: var(--core-brick);
  --color-text-semantic-charcoal: var(--core-slate);
  --color-text-semantic-green: var(--core-moss);
  --color-text-semantic-grey: var(--core-hairline);
  --color-text-semantic-purple: var(--core-plum);
  --color-text-semantic-red: var(--core-signal-red);
  --color-text-semantic-white: var(--core-paper);
  --color-text-semantic-yellow: var(--core-highlight);

  --color-action-accent-regular: var(--core-graphite);
  --color-action-accent-hover: #3f3f3f;
  --color-action-accent-pressed: #1d1d1d;
  --color-action-accent-disabled: rgb(42 42 42 / 12%);
  --color-action-standard-regular: var(--core-graphite);
  --color-action-standard-hover: #3f3f3f;
  --color-action-standard-pressed: #1d1d1d;
  --color-action-subdued-regular: var(--core-bone-soft);
  --color-action-subdued-hover: var(--core-bone);
  --color-action-subdued-pressed: #e3ded6;
  --color-action-success-regular: var(--core-moss);
  --color-action-success-hover: #40614f;
  --color-action-success-pressed: #365343;
  --color-action-destructive-regular: var(--core-signal-red);
  --color-action-destructive-hover: #ae3933;
  --color-action-destructive-pressed: var(--core-brick);
  --color-action-assistant-regular: var(--core-plum);
  --color-action-assistant-hover: #664e61;
  --color-action-assistant-pressed: #584254;

  --color-input-background-standard: var(--core-paper);
  --color-input-background-focus: var(--core-paper);
  --color-input-background-input: var(--core-paper);
  --color-input-background-hover: var(--core-bone-soft);
  --color-input-background-disabled: #e4dfd7;
  --color-input-background-error: var(--core-danger-bg);
  --color-input-background-success: var(--core-success-bg);
  --color-input-border-standard: var(--core-hairline);
  --color-input-border-hover: var(--core-slate);
  --color-input-border-focus: var(--core-signal-red);
  --color-input-border-disabled: #d7d2cb;
  --color-input-border-error: var(--core-signal-red);
  --color-input-border-success: var(--core-moss);
  --color-input-stroke-regular: var(--core-hairline);
  --color-input-stroke-hover: var(--core-slate);
  --color-input-stroke-focus: var(--core-signal-red);
  --color-input-stroke-disabled: #d7d2cb;
  --color-input-stroke-error: var(--core-signal-red);
  --color-input-stroke-success: var(--core-moss);
  --color-input-leading-icon-regular: var(--core-slate-strong);
  --color-input-leading-icon-hover: var(--core-brick);
  --color-input-leading-icon-input: var(--core-brick);
  --color-input-leading-icon-error: var(--core-signal-red);
  --color-input-leading-icon-success: var(--core-moss);
  --color-input-helper-icon-regular: var(--core-slate);
  --color-input-helper-icon-hover: var(--core-slate-strong);
  --color-input-helper-icon-input: var(--core-brick);
  --color-input-helper-icon-error: var(--core-signal-red);
  --color-input-helper-icon-success: var(--core-moss);

  --color-checkbox-background-active: var(--core-graphite);
  --color-checkbox-background-active-light: var(--core-bone);
  --color-checkbox-background-hover: var(--core-bone-soft);
  --color-checkbox-background-regular: var(--core-paper);
  --color-checkbox-background-disabled: #ded9d1;
  --color-checkbox-stroke-active: var(--core-graphite);
  --color-checkbox-stroke-hover: var(--core-brick);
  --color-checkbox-stroke-regular: var(--core-hairline);
  --color-checkbox-stroke-disabled: #ded9d1;
  --color-radio-button-background-active: var(--core-graphite);
  --color-radio-button-background-hover: var(--core-bone-soft);
  --color-radio-button-background-regular: var(--core-paper);
  --color-radio-button-background-disabled: #ded9d1;
  --color-radio-button-stroke-active: var(--core-graphite);
  --color-radio-button-stroke-hover: var(--core-brick);
  --color-radio-button-stroke-regular: var(--core-hairline);
  --color-radio-button-stroke-disabled: #ded9d1;
  --color-switch-background-active: var(--core-moss);
  --color-switch-background-hover: var(--core-hairline);
  --color-switch-background-regular: #aaa7a1;
  --color-switch-background-disabled: #ded9d1;

  --color-tag-alert-regular: var(--core-warning-bg);
  --color-tag-indicative-regular: var(--core-bone-soft);
  --color-tag-informative-regular: var(--core-bone-soft);
  --color-tag-negative-regular: var(--core-danger-bg);
  --color-tag-positive-regular: var(--core-success-bg);
  --color-tag-standard-on-light-regular: var(--core-bone);

  /* Element Plus tokens */
  --el-color-primary: var(--core-brick);
  --el-color-primary-rgb: 139, 58, 46;
  --el-color-primary-dark-2: #6f2e25;
  --el-color-primary-light-3: #b77d74;
  --el-color-primary-light-5: #cba29b;
  --el-color-primary-light-7: #dfc8c4;
  --el-color-primary-light-8: #eadbd8;
  --el-color-primary-light-9: var(--core-danger-bg);
  --el-color-success: var(--core-moss);
  --el-color-success-dark-2: #3b564a;
  --el-color-success-light-3: #7f998e;
  --el-color-success-light-5: #a4b5ad;
  --el-color-success-light-7: #c9d3ce;
  --el-color-success-light-8: #dbe2de;
  --el-color-success-light-9: var(--core-success-bg);
  --el-color-warning: var(--core-ochre);
  --el-color-warning-dark-2: #845e1b;
  --el-color-warning-light-3: #bf9a5a;
  --el-color-warning-light-5: #d2b987;
  --el-color-warning-light-7: #e5d8b6;
  --el-color-warning-light-8: #eee4cb;
  --el-color-warning-light-9: var(--core-warning-bg);
  --el-color-danger: var(--core-signal-red);
  --el-color-error: var(--core-signal-red);
  --el-color-info: var(--core-slate-strong);
  --el-color-white: var(--core-paper);
  --el-color-black: var(--core-graphite);
  --el-bg-color: var(--core-paper);
  --el-bg-color-page: var(--core-bone);
  --el-bg-color-overlay: var(--core-paper);
  --el-fill-color: var(--core-bone);
  --el-fill-color-light: var(--core-bone-soft);
  --el-fill-color-lighter: #fbf8f3;
  --el-fill-color-extra-light: #fdfbf8;
  --el-fill-color-dark: #e4dfd7;
  --el-fill-color-darker: #d7d2cb;
  --el-fill-color-blank: var(--core-paper);
  --el-border-color: var(--core-hairline);
  --el-border-color-light: #d7d2cb;
  --el-border-color-lighter: #e4dfd7;
  --el-border-color-extra-light: #eee9e2;
  --el-border-color-dark: #aaa7a1;
  --el-border-color-darker: #8d8983;
  --el-text-color-primary: var(--core-graphite);
  --el-text-color-regular: var(--core-slate-strong);
  --el-text-color-secondary: var(--core-slate);
  --el-text-color-placeholder: #7a7772;
  --el-text-color-disabled: #98948e;
  --el-font-family: var(--core-font-ui);
  --el-border-radius-base: var(--core-radius-small);
  --el-border-radius-small: 4px;
  --el-border-radius-round: 999px;
  --el-box-shadow: none;
  --el-box-shadow-light: none;
  --el-box-shadow-lighter: none;
  --el-box-shadow-dark: none;
  --el-overlay-color: rgb(42 42 42 / 78%);
  --el-overlay-color-light: rgb(42 42 42 / 64%);
  --el-overlay-color-lighter: rgb(42 42 42 / 44%);
  --el-table-header-bg-color: var(--core-bone-soft);
  --el-table-row-hover-bg-color: var(--core-bone-soft);
  --el-table-current-row-bg-color: var(--core-danger-bg);
  --el-card-border-radius: var(--core-radius);
  --el-card-border-color: var(--core-hairline);
  --el-dialog-border-radius: var(--core-radius);
  --el-input-focus-border-color: var(--core-signal-red);
  --el-input-hover-border-color: var(--core-slate);
  --el-menu-active-color: var(--core-brick);
  --el-menu-hover-bg-color: var(--core-bone-soft);
  --el-menu-hover-text-color: var(--core-graphite);
  --el-tabs-header-height: 44px;
}

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

html,
body,
#app {
  min-height: 100%;
  background: var(--core-bone);
  color: var(--core-graphite);
  font-family: var(--core-font-ui);
  font-variant-numeric: tabular-nums;
}

body {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
.cb-typo[style*="heading-1"],
.cb-typo[style*="heading-2"] {
  color: var(--core-graphite) !important;
  font-family: var(--core-font-editorial) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

h1,
.cb-typo[style*="heading-1"] {
  line-height: 1.12 !important;
}

p,
li,
td,
th,
label,
button,
input,
textarea,
select {
  font-family: var(--core-font-ui) !important;
}

code,
pre,
kbd,
samp,
time,
[class*="metric"],
[class*="statistic"],
.el-statistic__number,
.el-statistic__content {
  font-family: var(--core-font-data) !important;
  font-variant-numeric: tabular-nums;
}

a,
.el-link:not(.is-disabled) {
  color: var(--core-brick);
  text-underline-offset: 0.18em;
}

a:hover,
.el-link:not(.is-disabled):hover {
  color: #6f2e25;
}

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid var(--core-signal-red) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* Main product shell */
.sidebar-main {
  width: 264px !important;
  background: var(--core-bone-soft) !important;
  border-right: 1px solid var(--core-hairline) !important;
  box-shadow: none !important;
}

.sidebar-main .logo-wrapper {
  background: var(--core-bone-soft);
  border-bottom: 1px solid var(--core-hairline) !important;
}

.sidebar-main .logo-wrapper::after {
  display: block;
  width: 32px;
  height: 2px;
  margin-top: 7px;
  background: var(--core-signal-red);
  content: "";
}

.sidebar-main .managers-section .item-list {
  min-height: 44px;
  border-radius: var(--core-radius-small) !important;
}

.sidebar-main .managers-section .item-list:hover,
.sidebar-main .managers-section .item-list.active {
  background: var(--core-paper) !important;
}

.sidebar-main .managers-section .item-list.active {
  border-left: 3px solid var(--core-signal-red) !important;
}

.sidebar-main .managers-section .item-list.active p,
.sidebar-main .managers-section .item-list.active path,
.sidebar-main .managers-section .item-list:hover p,
.sidebar-main .managers-section .item-list:hover path {
  color: var(--core-graphite) !important;
  fill: var(--core-graphite) !important;
}

#top-nav-layout .content-wrapper {
  min-height: 100vh;
  background: var(--core-bone);
}

/* Surfaces and cards */
.el-card,
.table-wrapper,
.post-wrapper,
.el-dialog,
.el-message-box,
.el-popover,
.el-popper,
.el-notification,
.el-dropdown-menu {
  background: var(--core-paper) !important;
  border: 1px solid var(--core-hairline) !important;
  border-radius: var(--core-radius) !important;
  box-shadow: none !important;
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  box-shadow: none !important;
}

.el-card__header,
.el-card__footer,
.table-header {
  border-color: var(--core-hairline) !important;
}

.el-divider {
  border-color: var(--core-hairline) !important;
}

/* Controls */
.el-button,
.cb-button {
  min-height: 44px;
  border-radius: var(--core-radius-small) !important;
  box-shadow: none !important;
  transition-duration: 160ms !important;
}

.el-button--small,
.cb-button.small,
.cb-button.compact {
  min-height: 32px;
}

.el-button--primary:not(.is-disabled) {
  background: var(--core-graphite) !important;
  border-color: var(--core-graphite) !important;
  color: var(--core-paper) !important;
}

.el-button--danger:not(.is-disabled),
.cb-button.destructive:not(.is-disabled) {
  background: var(--core-signal-red) !important;
  border-color: var(--core-signal-red) !important;
  color: var(--core-paper) !important;
}

.el-button.is-plain:not(.is-disabled),
.el-button--default:not(.is-disabled),
.cb-button.secondary:not(.is-disabled),
.cb-button.subdued:not(.is-disabled) {
  background: transparent !important;
  border-color: var(--core-hairline) !important;
  color: var(--core-graphite) !important;
}

.el-button.is-plain:not(.is-disabled):hover,
.el-button--default:not(.is-disabled):hover,
.cb-button.secondary:not(.is-disabled):hover,
.cb-button.subdued:not(.is-disabled):hover {
  background: var(--core-bone-soft) !important;
  border-color: var(--core-slate) !important;
}

.el-button.is-disabled,
.cb-button.is-disabled {
  background: #ded9d1 !important;
  border-color: #ded9d1 !important;
  color: #77736e !important;
}

.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper,
.el-date-editor.el-input__wrapper {
  min-height: 44px;
  background: var(--core-paper) !important;
  border-radius: var(--core-radius-small) !important;
  box-shadow: 0 0 0 1px var(--core-hairline) inset !important;
}

.el-input__wrapper:hover,
.el-textarea__inner:hover,
.el-select__wrapper:hover {
  box-shadow: 0 0 0 1px var(--core-slate) inset !important;
}

.el-input__wrapper.is-focus,
.el-textarea__inner:focus,
.el-select__wrapper.is-focused,
.el-date-editor.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 2px var(--core-signal-red) inset !important;
}

/* Tabs and navigation */
.el-tabs__nav-wrap::after {
  height: 1px !important;
  background: var(--core-hairline) !important;
}

.el-tabs__active-bar {
  height: 3px !important;
  background: var(--core-signal-red) !important;
}

.el-tabs__item {
  min-height: 44px;
  color: var(--core-slate-strong) !important;
}

.el-tabs__item:hover,
.el-tabs__item.is-active {
  color: var(--core-graphite) !important;
}

.el-menu-item.is-active,
.el-sub-menu.is-active > .el-sub-menu__title {
  border-left: 3px solid var(--core-signal-red);
  color: var(--core-graphite) !important;
}

/* Tags and statuses */
.cb-tag,
.el-tag {
  border-radius: var(--core-radius-small) !important;
  box-shadow: none !important;
}

.el-tag--success,
.cb-tag.positive,
.cb-tag.success {
  background: var(--core-success-bg) !important;
  border-color: var(--core-moss) !important;
  color: #40614f !important;
}

.el-tag--warning,
.cb-tag.alert,
.cb-tag.warning {
  background: var(--core-warning-bg) !important;
  border-color: #c9a63a !important;
  color: #6e5210 !important;
}

.el-tag--danger,
.cb-tag.negative,
.cb-tag.danger {
  background: var(--core-danger-bg) !important;
  border-color: var(--core-signal-red) !important;
  color: var(--core-brick) !important;
}

/* Tables */
.el-table,
.el-table tr,
.el-table th.el-table__cell,
.el-table td.el-table__cell {
  background: var(--core-paper);
  border-color: var(--core-hairline) !important;
  color: var(--core-graphite);
}

.el-table th.el-table__cell,
.el-table.cb-table .el-table__header .el-table__cell {
  height: 52px;
  background: var(--core-bone-soft) !important;
}

.el-table.cb-table .el-table__header .el-table__cell .cell {
  color: var(--core-slate-strong) !important;
  font-family: var(--core-font-ui) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: var(--core-bone-soft) !important;
}

/* Data visualisation: CSS/SVG charts use the canonical categorical palette. */
.custom-chart-tooltip {
  background: var(--core-paper) !important;
  border: 1px solid var(--core-hairline) !important;
  border-radius: var(--core-radius-small) !important;
  color: var(--core-graphite) !important;
  font-family: var(--core-font-ui) !important;
  box-shadow: none !important;
}

svg [stroke="#4454e8" i],
svg [stroke="#5563ea" i],
svg [stroke="#6978ff" i],
svg [stroke="#0624cd" i] {
  stroke: var(--core-signal-red) !important;
}

svg [fill="#4454e8" i],
svg [fill="#5563ea" i],
svg [fill="#6978ff" i],
svg [fill="#0624cd" i] {
  fill: var(--core-signal-red) !important;
}

/* Login: remove the inherited surveillance-style background image. */
.content[data-v-abaca9dd] {
  position: relative;
  min-height: 100vh;
  height: auto !important;
  padding: 32px 16px;
  background: var(--core-bone) !important;
}

.content[data-v-abaca9dd]::before {
  z-index: 0 !important;
  width: 84px !important;
  height: 3px !important;
  background: var(--core-signal-red) !important;
  filter: none !important;
}

.login-auth-wrapper {
  position: relative;
  z-index: 1;
  width: min(100%, 420px) !important;
  padding: 40px !important;
  background: var(--core-paper) !important;
  border: 1px solid var(--core-hairline) !important;
  border-radius: var(--core-radius) !important;
  box-shadow: none !important;
}

.login-auth-wrapper .header {
  text-align: left !important;
}

.login-auth-wrapper .header::before {
  display: block;
  margin-bottom: 24px;
  color: var(--core-graphite);
  font-family: var(--core-font-editorial);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.04em;
  content: "CORE";
}

.login-auth-wrapper .header h1 {
  font-size: 34px !important;
}

/* Remove decorative depth everywhere, including scoped legacy rules. */
[style*="box-shadow"]:not(:focus-visible) {
  box-shadow: none !important;
}

@media (max-width: 760px) {
  :root {
    --sidebar-main-width: min(264px, 86vw);
  }

  .login-auth-wrapper {
    padding: 28px 22px !important;
  }

  .el-card__body {
    padding: 16px !important;
  }

  h1,
  .cb-typo[style*="heading-1"] {
    font-size: 30px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}

@media print {
  body,
  #app,
  #top-nav-layout .content-wrapper {
    background: var(--core-paper) !important;
  }

  .sidebar-main {
    display: none !important;
  }

  #top-nav-layout .content-wrapper {
    padding-left: 0 !important;
  }
}