@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap";

/* src/styles.scss */
:root {
  --color-bg-app: #f2f2f2;
  --color-bg-surface: #ffffff;
  --color-bg-sidebar: #333333;
  --color-primary: #e96c24;
  --color-primary-alt: #f37800;
  --color-primary-hover: #da6c00;
  --color-primary-soft: #f5d6cf;
  --color-text-primary: #333333;
  --color-text-muted: #666666;
  --color-text-on-primary: #ffffff;
  --color-text-inverse-muted: #d1d5db;
  --color-surface-subtle: #f8fafc;
  --color-surface-muted: #e5e7eb;
  --color-border: #d2d2d2;
  --color-focus: #f37800;
  --color-overlay: rgba(15, 23, 42, 0.34);
  --color-sidebar-hover: #3f4c62;
  --color-badge-critical-bg: #fee2e2;
  --color-badge-critical-text: #991b1b;
  --color-badge-warning-bg: #ffedd5;
  --color-badge-warning-text: #9a3412;
  --color-badge-success-bg: #dcfce7;
  --color-badge-success-text: #166534;
  --color-badge-info-bg: #dbeafe;
  --color-badge-info-text: #1d4ed8;
  --color-badge-accent-bg: #ede9fe;
  --color-badge-accent-text: #6b21a8;
  --color-badge-teal-bg: #ccfbf1;
  --color-badge-teal-text: #0f766e;
  --color-text-inverse: #e5e7eb;
  --color-switch-track: #d1d5db;
  --color-text-heading: #1f2937;
  --color-text-strong: #111827;
  --color-text-description: #5b6472;
  --color-text-caption: #6b7280;
  --color-text-placeholder: #9ca3af;
  --color-border-hover: #b8bec7;
  --color-validation-border: #f04438;
  --color-validation-bg: #fff9f9;
  --color-danger: #b42318;
  --color-secondary-hover: #d9dde3;
  --color-danger-hover: #b91c1c;
  --color-danger-action: #dc2626;
  --color-success: #16a34a;
  --color-warning: #b45309;
  --color-border-subtle: #ececec;
  --color-option-hover: #f5f7fb;
  --color-option-selected-bg: #eef4ff;
  --color-option-selected-text: #145af2;
  --color-choice-selected-bg: #fff7ed;
  --color-info-action: #2563eb;
  --color-info-soft: #eff6ff;
  --color-danger-soft: #fef2f2;
  --color-login-dark-start: #2d2d2d;
  --color-login-dark-end: #3a3a3a;
  --color-login-light-start: #ece8e2;
  --color-login-light-end: #f6f4f1;
  --color-login-hero-start: #faf7f2;
  --color-login-hero-middle: #fff4eb;
  --color-login-hero-end: #f2ece6;
  --color-login-provider-surface: #f7f7f5;
  --color-login-notice-bg: #fff8f4;
  --color-microsoft-text: #005a9e;
  --color-microsoft-red: #f25022;
  --color-microsoft-green: #7fba00;
  --color-microsoft-blue: #00a4ef;
  --color-microsoft-yellow: #ffb900;
  --color-login-shade: rgba(0, 0, 0, 0.08);
  --color-microsoft-badge-bg: rgba(0, 120, 212, 0.1);
  --color-language-border: rgba(107, 114, 128, 0.22);
  --color-language-button-border: rgba(107, 114, 128, 0.25);
  --color-language-hover-border: rgba(75, 85, 99, 0.28);
  --color-language-hover-bg: rgba(75, 85, 99, 0.1);
  --color-login-logo-border: rgba(31, 41, 55, 0.08);
  --color-login-provider-border: rgba(31, 41, 55, 0.09);
  --color-danger-border-soft: rgba(220, 38, 38, 0.18);
  --color-info-border-soft: rgba(37, 99, 235, 0.18);
  --color-info-shadow: rgba(37, 99, 235, 0.2);
  --color-primary-border-soft: rgba(233, 108, 36, 0.18);
  --color-primary-glow: rgba(233, 108, 36, 0.2);
  --color-primary-row-hover: rgba(243, 120, 0, 0.04);
  --color-primary-selected-bg: rgba(243, 120, 0, 0.08);
  --color-focus-ring: rgba(243, 120, 0, 0.35);
  --color-login-provider-gradient-end: rgba(247, 247, 245, 0.96);
  --color-border-faint: rgba(15, 23, 42, 0.04);
  --color-surface-tint: rgba(15, 23, 42, 0.05);
  --color-border-translucent: rgba(15, 23, 42, 0.06);
  --color-skeleton-highlight: rgba(15, 23, 42, 0.12);
  --color-shadow-select: rgba(15, 23, 42, 0.16);
  --color-shadow-login: rgba(15, 23, 42, 0.18);
  --color-shadow-modal: rgba(15, 23, 42, 0.2);
  --color-shadow-floating: rgba(15, 23, 42, 0.25);
  --color-overlay-navigation: rgba(15, 23, 42, 0.32);
  --color-inverse-hover: rgba(255, 255, 255, 0.08);
  --color-inverse-active: rgba(255, 255, 255, 0.16);
  --color-inverse-border: rgba(255, 255, 255, 0.24);
  --color-inverse-control-border: rgba(255, 255, 255, 0.25);
  --color-inverse-border-hover: rgba(255, 255, 255, 0.32);
  --color-inverse-control-border-hover: rgba(255, 255, 255, 0.55);
  --color-surface-overlay: rgba(255, 255, 255, 0.72);
  --color-surface-translucent: rgba(255, 255, 255, 0.78);
  --color-login-provider-gradient-start: rgba(255, 255, 255, 0.82);
  --radius-sm: 0.4rem;
  --radius-md: 0.6rem;
  --radius-lg: 0.85rem;
  --shadow-card: 0 10px 28px rgba(15, 23, 42, 0.08);
  --shadow-dropdown: 0 6px 18px rgba(15, 23, 42, 0.12);
  --font-data-mono:
    "Roboto Mono",
    "SFMono-Regular",
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  color: var(--color-text-primary);
  background: var(--color-bg-app);
  font-family:
    "Inter",
    "Segoe UI",
    system-ui,
    sans-serif;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  min-height: 100%;
}
body {
  background: var(--color-bg-app);
  color: var(--color-text-primary);
  text-rendering: optimizeLegibility;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}
app-button.catalogAddButton .uiButton,
.catalogAddButton .uiButton.ghost {
  width: 3.1rem;
  min-width: 3.1rem;
  background: var(--color-bg-surface);
  border-color: var(--color-border);
  color: var(--color-text-primary);
  font-weight: 700;
}
app-button.catalogAddButton .uiButton:hover:not(:disabled),
.catalogAddButton .uiButton.ghost:hover:not(:disabled) {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-text-on-primary);
  font-weight: 700;
}
app-button.catalogAddButton .uiButtonIcon,
.catalogAddButton .uiButtonIcon {
  width: 1.08rem;
  height: 1.08rem;
}
h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}
.tablePaginationButton:focus-visible,
.tablePaginationRowsSelect:focus-visible,
.navButton:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 2px;
}
.appCodeText {
  font-family: var(--font-data-mono);
  font-size: 0.95em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.appNumericText,
.appMoneyText {
  font-family: var(--font-data-mono);
  font-size: 0.95em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: 0.04em;
}
.appDateTimeText {
  font-size: 1em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: normal;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */