/* Generated by hxs.design-css.v1. Do not edit. */
.mcp-app {
  --mcp-brand-name: "HXS GmbH";
  --mcp-font-sans: "HXS Roboto", Roboto, "Segoe UI", Arial, sans-serif;
  --mcp-font-size-base: 15px;
  --mcp-line-height-base: 1.35;
  --mcp-font-weight-heading: 700;
  --mcp-font-weight-control: 500;
  --mcp-density-scale: 1;
  --mcp-space-3: 0.5rem;
  --mcp-space-4: 0.75rem;
  --mcp-space-5: 1rem;
  --mcp-space-6: 1.25rem;
  --mcp-space-7: 1.5rem;
  --mcp-space-8: 1.75rem;
  --mcp-space-9: 2rem;
  --mcp-space-10: 2.5rem;
  --mcp-shell-max-width: 1536px;
  --mcp-header-min-height: 56px;
  --mcp-header-fixed-offset: 64px;
  --mcp-control-height-md: 38px;
  --mcp-table-row-height: 44px;
  --mcp-brand-logo-height: 30px;
  --mcp-brand-logo-application-optical-offset: 0%;
  --mcp-brand-logo-compact-optical-offset: 0%;
  --mcp-radius-sm: 5px;
  --mcp-radius-md: 7px;
  --mcp-radius-lg: 14px;
  --mcp-radius-xl: 17px;
  --mcp-radius-card: 14px;
  --mcp-radius-dialog: 18px;
  --mcp-shadow-sm: 0 6px 18px rgb(3 12 28 / 0.143);
  --mcp-shadow-md: 0 10px 30px rgb(3 12 28 / 0.176);
  --mcp-shadow-lg: 0 18px 46px rgb(3 12 28 / 0.22);
  --mcp-motion-fast: 130ms;
  --mcp-motion-base: 170ms;
  --mcp-motion-slow: 270ms;
}
.mcp-app {
  color-scheme: light;
  --mcp-color-bg-canvas: #edf2f7;
  --mcp-color-bg-surface: #ffffff;
  --mcp-color-bg-elevated: #ffffff;
  --mcp-color-bg-subtle: #f4f7fb;
  --mcp-color-bg-hover: #eef3fb;
  --mcp-color-bg-selected: #e4edf9;
  --mcp-color-overlay: rgb(11 18 32 / 64%);
  --mcp-color-text: #071426;
  --mcp-color-text-strong: #071426;
  --mcp-color-text-muted: #46566c;
  --mcp-color-text-disabled: #7a8595;
  --mcp-color-text-on-action: #ffffff;
  --mcp-color-border: #aebccc;
  --mcp-color-border-subtle: #cdd5df;
  --mcp-color-border-strong: #71839a;
  --mcp-color-action-primary: #0759c7;
  --mcp-color-action-primary-hover: #06499f;
  --mcp-color-link: #064fa8;
  --mcp-color-data-accent: #0759c7;
  --mcp-color-focus: #0759c7;
  --mcp-color-focus-ring: rgb(7 89 199 / 0.38);
  --mcp-color-focus-offset: #ffffff;
  --mcp-color-success-text: #0e6336;
  --mcp-color-success-bg: #ecf3ef;
  --mcp-color-success-border: #adcabb;
  --mcp-color-warning-text: #764100;
  --mcp-color-warning-bg: #f4f0eb;
  --mcp-color-warning-border: #d0bea8;
  --mcp-color-danger-text: #9f1d24;
  --mcp-color-danger-bg: #f7eded;
  --mcp-color-danger-border: #deb2b5;
  --mcp-color-info-text: #064b91;
  --mcp-color-info-bg: #ebf1f6;
  --mcp-color-info-border: #aac2da;
  --mcp-color-danger-action: #9f1d24;
  --mcp-color-danger-action-hover: #841b24;
  --mcp-status-online: #0e6336;
  --mcp-status-warning: #764100;
  --mcp-status-offline: #9f1d24;
}
.mcp-app[data-mcp-theme="dark"] {
  color-scheme: dark;
  --mcp-color-bg-canvas: #07111f;
  --mcp-color-bg-surface: #101c2c;
  --mcp-color-bg-elevated: #17263a;
  --mcp-color-bg-subtle: #17263a;
  --mcp-color-bg-hover: #102742;
  --mcp-color-bg-selected: #102c4b;
  --mcp-color-overlay: rgb(0 0 0 / 76%);
  --mcp-color-text: #ffffff;
  --mcp-color-text-strong: #ffffff;
  --mcp-color-text-muted: #b8c5d6;
  --mcp-color-text-disabled: #8996a6;
  --mcp-color-text-on-action: #ffffff;
  --mcp-color-border: #53677f;
  --mcp-color-border-subtle: #3a4a5f;
  --mcp-color-border-strong: #8ba0b8;
  --mcp-color-action-primary: #1263b8;
  --mcp-color-action-primary-hover: #0d529a;
  --mcp-color-link: #9bd0ff;
  --mcp-color-data-accent: #1263b8;
  --mcp-color-focus: #ffd166;
  --mcp-color-focus-ring: rgb(255 209 102 / 0.5);
  --mcp-color-focus-offset: #101c2c;
  --mcp-color-success-text: #8be0ae;
  --mcp-color-success-bg: #263f43;
  --mcp-color-success-border: #4e7e6d;
  --mcp-color-warning-text: #ffd078;
  --mcp-color-warning-bg: #3b3c3a;
  --mcp-color-warning-border: #887652;
  --mcp-color-danger-text: #ffb3b7;
  --mcp-color-danger-bg: #3b3745;
  --mcp-color-danger-border: #886872;
  --mcp-color-info-text: #a7d5ff;
  --mcp-color-info-bg: #2b3d52;
  --mcp-color-info-border: #5c7896;
  --mcp-color-danger-action: #ffb3b7;
  --mcp-color-danger-action-hover: #ffc1c4;
  --mcp-status-online: #8be0ae;
  --mcp-status-warning: #ffd078;
  --mcp-status-offline: #ffb3b7;
}
@media (prefers-color-scheme: dark) {
    .mcp-app:not([data-mcp-theme="light"]) {
    color-scheme: dark;
    --mcp-color-bg-canvas: #07111f;
    --mcp-color-bg-surface: #101c2c;
    --mcp-color-bg-elevated: #17263a;
    --mcp-color-bg-subtle: #17263a;
    --mcp-color-bg-hover: #102742;
    --mcp-color-bg-selected: #102c4b;
    --mcp-color-overlay: rgb(0 0 0 / 76%);
    --mcp-color-text: #ffffff;
    --mcp-color-text-strong: #ffffff;
    --mcp-color-text-muted: #b8c5d6;
    --mcp-color-text-disabled: #8996a6;
    --mcp-color-text-on-action: #ffffff;
    --mcp-color-border: #53677f;
    --mcp-color-border-subtle: #3a4a5f;
    --mcp-color-border-strong: #8ba0b8;
    --mcp-color-action-primary: #1263b8;
    --mcp-color-action-primary-hover: #0d529a;
    --mcp-color-link: #9bd0ff;
    --mcp-color-data-accent: #1263b8;
    --mcp-color-focus: #ffd166;
    --mcp-color-focus-ring: rgb(255 209 102 / 0.5);
    --mcp-color-focus-offset: #101c2c;
    --mcp-color-success-text: #8be0ae;
    --mcp-color-success-bg: #263f43;
    --mcp-color-success-border: #4e7e6d;
    --mcp-color-warning-text: #ffd078;
    --mcp-color-warning-bg: #3b3c3a;
    --mcp-color-warning-border: #887652;
    --mcp-color-danger-text: #ffb3b7;
    --mcp-color-danger-bg: #3b3745;
    --mcp-color-danger-border: #886872;
    --mcp-color-info-text: #a7d5ff;
    --mcp-color-info-bg: #2b3d52;
    --mcp-color-info-border: #5c7896;
    --mcp-color-danger-action: #ffb3b7;
    --mcp-color-danger-action-hover: #ffc1c4;
    --mcp-status-online: #8be0ae;
    --mcp-status-warning: #ffd078;
    --mcp-status-offline: #ffb3b7;
  }
}