/* src/styles.scss */
.vh-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  min-width: 260px;
  max-width: 420px;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  background: #0f172a;
  color: #e5e7eb;
  border: 1px solid var(--panel-border, #2a3240);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  animation: vh-toast-in 0.2s ease-out;
  z-index: 3000;
}
.vh-toast--success {
  border-left: 4px solid #4ade80;
}
.vh-toast--error {
  border-left: 4px solid #f87171;
}
.vh-toast__title {
  font-weight: 600;
  margin-bottom: 4px;
}
@keyframes vh-toast-in {
  from {
    transform: translateY(8px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
app-root,
app-root > * {
  height: 100%;
}
.breadcrumb {
  font-size: 13px;
  color: var(--muted-text);
  margin-bottom: 4px;
}
.breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb-separator {
  margin: 0 4px;
}
:root {
  --panel-bg: #ffffff;
  --panel-border: #b7b7b7;
  --app-bg: #f4f4f5;
  --text-color: #111;
  --muted-text: #666e7a;
  --sidebar-bg: #c9c7c9;
  --topbar-bg: #1f2735;
  --topbar-text: #f5f6f8;
  --card-bg: #ffffff;
  --card-border: #b7b7b7;
  --link-color: #2f68ff;
  --input-bg: #e8e8ea;
  --input-border: #b3b3b3;
  --pill-success-bg: #e4f5e6;
  --pill-success-border: #7abf85;
  --pill-fail-bg: #fbe4e4;
  --pill-fail-border: #e08a8a;
}
:root[data-theme=light] {
  --panel-bg: #ffffff;
  --panel-border: #b7b7b7;
  --app-bg: #f4f4f5;
  --text-color: #111;
  --muted-text: #666e7a;
  --sidebar-bg: #c9c7c9;
  --topbar-bg: #1f2735;
  --topbar-text: #f5f6f8;
  --card-bg: #ffffff;
  --card-border: #b7b7b7;
  --link-color: #2f68ff;
  --input-bg: #e8e8ea;
  --input-border: #b3b3b3;
  --pill-success-bg: #e4f5e6;
  --pill-success-border: #7abf85;
  --pill-fail-bg: #fbe4e4;
  --pill-fail-border: #e08a8a;
}
:root[data-theme=dark] {
  --panel-bg: #2a2d33;
  --panel-border: #3f424b;
  --app-bg: #111318;
  --text-color: #e5e5e5;
  --muted-text: #9aa0b5;
  --sidebar-bg: #1d2028;
  --topbar-bg: #0f1420;
  --topbar-text: #e6ebf5;
  --card-bg: #1c1f26;
  --card-border: #3f424b;
  --link-color: #9db9ff;
  --input-bg: #252a33;
  --input-border: #444a57;
  --pill-success-bg: rgba(85, 207, 117, 0.15);
  --pill-success-border: #55cf75;
  --pill-fail-bg: rgba(235, 103, 103, 0.16);
  --pill-fail-border: #e16c6c;
}
body {
  background: var(--app-bg);
  color: var(--text-color);
}

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