@layer otrx-tokens {
  :root {
    --otrx-primary: #0B6FB8;
    --otrx-primary-dark: #0A5A95;
    --otrx-primary-light: #E8F4FD;
    --otrx-accent: #16A6A0;
    --otrx-accent-light: #E6F7F7;
    --otrx-success: #2BA84A;
    --otrx-success-light: #E8F7EC;
    --otrx-warning: #E0A500;
    --otrx-warning-light: #FEF9E7;
    --otrx-danger: #D64545;
    --otrx-danger-light: #FDE8E8;
    --otrx-info: #0B6FB8;
    --otrx-info-light: #E8F4FD;
    --otrx-bg: #F7FAFC;
    --otrx-surface: #FFFFFF;
    --otrx-surface-alt: #F8FAFC;
    --otrx-text: #1A2733;
    --otrx-text-muted: #5A6B7B;
    --otrx-text-light: #8FA3B3;
    --otrx-on-primary: #FFFFFF;
    --otrx-border: #E2E8F0;
    --otrx-border-light: #F1F5F9;
    --otrx-border-strong: #CBD5E1;
    --otrx-radius-sm: 4px;
    --otrx-radius: 6px;
    --otrx-radius-md: 10px;
    --otrx-radius-lg: 14px;
    --otrx-radius-pill: 999px;
    --otrx-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
    --otrx-shadow: 0 4px 14px rgba(16, 24, 40, .08);
    --otrx-shadow-lg: 0 8px 28px rgba(16, 24, 40, .12);
    --otrx-sidebar-width: 240px;
    --otrx-topbar-height: 60px;
    --otrx-content-pad-y: 28px;
    --otrx-content-pad-x: 32px;
    --otrx-content-max: 1440px;
    --otrx-z-sticky: 1020;
    --otrx-z-topbar: 1030;
    --otrx-z-sidebar: 1035;
    --otrx-z-dropdown: 1040;
    --otrx-z-modal-overlay:1050;
    --otrx-z-modal: 1055;
    --otrx-z-popover: 1070;
    --otrx-z-tooltip: 1080;
    --otrx-z-toast: 1090;
    --otrx-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --otrx-font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --otrx-font-size-xs: 0.75rem;
    --otrx-font-size-sm: 0.875rem;
    --otrx-font-size-md: 1rem;
    --otrx-font-size-lg: 1.125rem;
    --otrx-font-size-xl: 1.4rem;
    --otrx-line-height-tight: 1.2;
    --otrx-line-height-body: 1.5;
    --otrx-eyebrow-size: 0.75rem;
    --otrx-eyebrow-weight: 600;
    --otrx-eyebrow-tracking: 0.48px;
  }
}
@layer otrx-overrides {
  :root {
    --bs-primary: var(--otrx-primary);
    --bs-primary-rgb: 11, 111, 184;
    --bs-success: var(--otrx-success);
    --bs-success-rgb: 43, 168, 74;
    --bs-warning: var(--otrx-warning);
    --bs-warning-rgb: 224, 165, 0;
    --bs-danger: var(--otrx-danger);
    --bs-danger-rgb: 214, 69, 69;
    --bs-info: var(--otrx-info);
    --bs-info-rgb: 11, 111, 184;
    --bs-body-bg: var(--otrx-bg);
    --bs-body-color: var(--otrx-text);
    --bs-border-color: var(--otrx-border);
    --bs-link-color: var(--otrx-primary);
    --bs-link-hover-color: var(--otrx-primary-dark);
    --bs-focus-ring-color: rgba(11, 111, 184, 0.25);
    --bs-focus-ring-opacity: 0.25;
    --kendo-color-primary: var(--otrx-primary);
    --kendo-color-primary-hover: var(--otrx-primary-dark);
    --kendo-color-primary-active: var(--otrx-primary-dark);
    --kendo-color-primary-emphasis: rgba(11, 111, 184, 0.4);
    --kendo-color-on-primary: var(--otrx-on-primary);
    --kendo-color-success: var(--otrx-success);
    --kendo-color-warning: var(--otrx-warning);
    --kendo-color-error: var(--otrx-danger);
    --kendo-color-info: var(--otrx-info);
    --kendo-font-family: var(--otrx-font);
  }
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter/Inter-Bold.woff2") format("woff2");
}
@layer otrx-layout {
  html, body {
    background: var(--otrx-bg);
    color: var(--otrx-text);
    font-family: var(--otrx-font);
    font-size: var(--otrx-font-size-md);
    line-height: var(--otrx-line-height-body);
  }
  .otrx-shell {
    display: grid;
    grid-template-columns: var(--otrx-sidebar-width) 1fr;
    grid-template-rows: var(--otrx-topbar-height) 1fr;
    grid-template-areas: "sidebar topbar" "sidebar content";
    min-height: 100vh;
  }
  .otrx-topbar {
    grid-area: topbar;
    position: sticky;
    top: 0;
    z-index: var(--otrx-z-topbar);
    display: flex;
    align-items: center;
    height: var(--otrx-topbar-height);
    padding: 0 var(--otrx-content-pad-x);
    background: var(--otrx-surface);
    border-bottom: 1px solid var(--otrx-border);
    gap: 1rem;
  }
  .otrx-sidebar {
    grid-area: sidebar;
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    width: var(--otrx-sidebar-width);
    z-index: var(--otrx-z-sidebar);
    background: var(--otrx-surface);
    border-right: 1px solid var(--otrx-border);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
  .otrx-content {
    grid-area: content;
    padding: var(--otrx-content-pad-y) var(--otrx-content-pad-x);
    background: var(--otrx-bg);
  }
  .otrx-content-inner {
    max-width: var(--otrx-content-max);
    margin: 0 auto;
  }
  @media (max-width: 991.98px) {
    .otrx-shell {
      grid-template-columns: 1fr;
      grid-template-areas: "topbar" "content";
    }
    .otrx-sidebar {
      position: fixed;
      inset: 0 auto 0 0;
      transform: translateX(-100%);
      transition: transform 0.2s ease;
    }
    .otrx-sidebar.is-open {
      transform: translateX(0);
      box-shadow: var(--otrx-shadow-lg);
    }
  }
}
@layer otrx-components {
  .otrx-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 3px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    border-radius: var(--otrx-radius-pill);
    white-space: nowrap;
    background: var(--otrx-primary-light);
    color: var(--otrx-primary);
  }
  .otrx-badge--neutral {
    background: var(--otrx-border-light);
    color: var(--otrx-text-muted);
  }
  .otrx-badge--info {
    background: var(--otrx-info-light);
    color: var(--otrx-info);
  }
  .otrx-badge--success {
    background: var(--otrx-success-light);
    color: var(--otrx-success);
  }
  .otrx-badge--warning {
    background: var(--otrx-warning-light);
    color: var(--otrx-warning);
  }
  .otrx-badge--danger {
    background: var(--otrx-danger-light);
    color: var(--otrx-danger);
  }
  .otrx-badge--accent {
    background: var(--otrx-accent-light);
    color: var(--otrx-accent);
  }
  .otrx-eyebrow {
    font-size: var(--otrx-eyebrow-size);
    font-weight: var(--otrx-eyebrow-weight);
    letter-spacing: var(--otrx-eyebrow-tracking);
    text-transform: uppercase;
    color: var(--otrx-text-muted);
    line-height: 1.2;
  }
  .otrx-mono {
    font-family: var(--otrx-font-mono);
    font-size: 0.85rem;
  }
  .otrx-page-header {
    margin-bottom: 1.5rem;
  }
  .otrx-page-header h1 {
    font-size: var(--otrx-font-size-xl);
    font-weight: 700;
    line-height: var(--otrx-line-height-tight);
    color: var(--otrx-text);
    margin: 0 0 0.25rem 0;
  }
  .otrx-page-header .otrx-page-header__sub {
    color: var(--otrx-text-muted);
    font-size: var(--otrx-font-size-sm);
  }
  .otrx-page-header .otrx-page-header__actions {
    margin-top: 0.75rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
}
@layer otrx-tokens, otrx-overrides, otrx-typography, otrx-layout, otrx-components, otrx-utilities;

/*# sourceMappingURL=theme.css.map */