/* src/styles/index.scss */
:root {
  --cvx-dark-blue: #0b2d71;
  --cvx-dark-teal: #003653;
  --cvx-dark-green: #444b0d;
  --cvx-dark-orange: #711b00;
  --cvx-dark-red: #58001c;
  --cvx-dark-purple: #3a0d36;
  --cvx-medium-blue: #0066b2;
  --cvx-medium-teal: #00708c;
  --cvx-medium-green: #769231;
  --cvx-medium-orange: #e5601f;
  --cvx-medium-red: #97002e;
  --cvx-medium-purple: #751269;
  --cvx-light-blue: #009dd9;
  --cvx-light-teal: #00b2bd;
  --cvx-light-green: #b2cc34;
  --cvx-light-orange: #faab18;
  --cvx-light-red: #e21836;
  --cvx-light-purple: #ba3093;
  --cvx-black: #000000;
  --cvx-white: #ffffff;
  --cvx-black-75: rgba(0, 0, 0, 0.75);
  --cvx-background-gray: #ededee;
  --cvx-dark-gray: #6b6d6f;
  --cvx-medium-gray: #8c8f93;
  --cvx-light-gray: #dbdcdd;
  --cvx-text-color: #495057;
  --cvx-gray-50: #fafafa;
  --cvx-gray-100: #f5f5f5;
  --cvx-gray-200: #eeeeee;
  --cvx-gray-300: #e0e0e0;
  --cvx-gray-400: #bdbdbd;
  --cvx-gray-500: #9e9e9e;
  --cvx-gray-600: #757575;
  --cvx-gray-700: #616161;
  --cvx-gray-800: #424242;
  --cvx-gray-900: #212121;
  --chv-nav: #0c2e72;
  --chv-blue-medium: #0066b2;
  --chv-blue-light: #009dd9;
  --chv-dm-app-bg: #1c1d1e;
  --chv-dm-dark-gray: #222324;
  --chv-dm-medium-gray: #313233;
  --chv-dm-panel: #2c2d2f;
  --chv-lighter-dark: #4f5051;
  --chv-dark-grey: #6b6d6f;
  --chv-light-grey: #dbdcdd;
  --chv-dm-text: #ffffff;
  --chv-dm-text-2: #ccc8c8;
  --chv-dm-text-3: #999696;
  --status-amber: #faab18;
  --status-green: #2b9337;
  --status-purple: #751569;
  --status-purple-light: #ba3093;
  --status-purple-lightest: #e69ed1;
  --status-gray: #6b6c6f;
  --teal-success: #00708c;
  --teal-bright: #24d3ff;
  --grad-dark-vertical:
    linear-gradient(
      180deg,
      #2a2b2c 0%,
      #202122 100%);
  --grad-card-vertical:
    linear-gradient(
      135deg,
      #303233 0%,
      #222324 65%);
  --grad-table-stroke:
    linear-gradient(
      180deg,
      #6b6c6f 0%,
      #34363a 100%);
  --shadow-02: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  --shadow-04: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14);
  --shadow-panel: 0 3px 6px rgba(0, 0, 0, 0.29);
  --shadow-card: 0 3px 6px rgba(0, 0, 0, 0.16);
}
html,
body {
  height: 100%;
  margin: 0;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
* {
  box-sizing: border-box;
}
body.exceptions-dark-theme,
body.main-dark-theme {
  background: var(--grad-dark-vertical);
}
body.exceptions-dark-theme app-header .header,
body.main-dark-theme app-header .header {
  background: var(--chv-nav);
}
body.exceptions-dark-theme app-header .header__logo,
body.main-dark-theme app-header .header__logo {
  content: url(/images/io-mockup-logo.png);
  width: auto;
  height: 72px;
  margin-bottom: -0.75rem;
  object-fit: contain;
}
body.exceptions-dark-theme app-header .header__user-name,
body.main-dark-theme app-header .header__user-name {
  color: var(--chv-dm-text);
}
body.exceptions-dark-theme app-footer,
body.main-dark-theme app-footer {
  background: var(--chv-dm-app-bg);
  color: var(--chv-dm-text-2);
}
body.exceptions-dark-theme app-chat-panel,
body.main-dark-theme app-chat-panel {
  border-left-color: var(--chv-dm-panel);
  background-color: var(--chv-dm-app-bg);
}
body.exceptions-dark-theme app-chat-panel .chat-header,
body.exceptions-dark-theme app-chat-panel .chat-input-row,
body.main-dark-theme app-chat-panel .chat-header,
body.main-dark-theme app-chat-panel .chat-input-row {
  background-color: var(--chv-dm-medium-gray);
  border-color: var(--chv-dm-panel);
}
body.exceptions-dark-theme app-chat-panel .chat-header-title,
body.main-dark-theme app-chat-panel .chat-header-title {
  color: var(--chv-dm-text);
}
body.exceptions-dark-theme app-chat-panel .chat-header-icon,
body.main-dark-theme app-chat-panel .chat-header-icon {
  color: var(--chv-blue-light);
}
body.exceptions-dark-theme app-chat-panel .chat-close,
body.main-dark-theme app-chat-panel .chat-close {
  color: var(--chv-dm-text-3);
}
body.exceptions-dark-theme app-chat-panel .chat-close:hover,
body.main-dark-theme app-chat-panel .chat-close:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: var(--chv-dm-text);
}
body.exceptions-dark-theme app-chat-panel .chat-message--ai .chat-bubble,
body.main-dark-theme app-chat-panel .chat-message--ai .chat-bubble {
  background-color: var(--chv-dm-medium-gray);
  border-color: var(--chv-dm-panel);
  color: var(--chv-dm-text);
}
body.exceptions-dark-theme app-chat-panel .chat-message--user .chat-bubble,
body.main-dark-theme app-chat-panel .chat-message--user .chat-bubble {
  background-color: var(--chv-blue-medium);
  color: var(--chv-dm-text);
}
body.exceptions-dark-theme app-chat-panel .chat-input,
body.main-dark-theme app-chat-panel .chat-input {
  background-color: var(--chv-dm-dark-gray);
  border-color: var(--chv-lighter-dark);
  color: var(--chv-dm-text);
}
body.exceptions-dark-theme app-chat-panel .chat-input:focus,
body.main-dark-theme app-chat-panel .chat-input:focus {
  border-color: var(--chv-blue-light);
}
body.exceptions-dark-theme app-chat-panel .chat-send,
body.main-dark-theme app-chat-panel .chat-send {
  background-color: var(--chv-blue-medium);
  color: var(--chv-dm-text);
}
body.main-dark-theme app-header .header {
  background: var(--grad-dark-vertical);
}
body.main-dark-theme app-workflow-sidebar {
  background-color: var(--chv-dm-app-bg);
  border-right-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-sidebar .sidebar-header,
body.main-dark-theme app-workflow-sidebar .sidebar-footer {
  border-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-sidebar .facility-name,
body.main-dark-theme app-workflow-sidebar .item-title {
  color: var(--chv-dm-text);
}
body.main-dark-theme app-workflow-sidebar .sidebar-label,
body.main-dark-theme app-workflow-sidebar .inbox-label,
body.main-dark-theme app-workflow-sidebar .item-description,
body.main-dark-theme app-workflow-sidebar .page-label {
  color: var(--chv-dm-text-3);
}
body.main-dark-theme app-workflow-sidebar .inbox-item:not(.inbox-item--active):hover {
  background-color: var(--chv-dm-medium-gray);
  border-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-sidebar .inbox-item--active {
  background-color: var(--chv-dm-medium-gray);
  border-color: var(--chv-blue-light);
}
body.main-dark-theme app-workflow-sidebar .pagination-btn {
  background-color: var(--chv-dm-dark-gray);
  border-color: var(--chv-dm-panel);
  color: var(--chv-dm-text);
}
body.main-dark-theme app-workflow-sidebar .pagination-btn:hover {
  background-color: var(--chv-dm-medium-gray);
}
body.main-dark-theme app-workflow-sidebar .pagination-btn--active {
  background-color: var(--chv-blue-medium);
  border-color: var(--chv-blue-medium);
  color: var(--chv-dm-text);
}
body.main-dark-theme app-workflow-detail .tabs {
  background-color: var(--chv-dm-medium-gray);
  border-bottom-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-detail .tab {
  color: var(--chv-dm-text-3);
}
body.main-dark-theme app-workflow-detail .tab:hover,
body.main-dark-theme app-workflow-detail .tab--active {
  color: var(--chv-dm-text);
}
body.main-dark-theme app-workflow-detail .detail-card,
body.main-dark-theme app-workflow-detail .action-section {
  background-color: var(--chv-dm-medium-gray);
  border-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-detail .detail-card-header,
body.main-dark-theme app-workflow-detail .action-section-header {
  background-color: var(--chv-dm-dark-gray);
  border-bottom-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-detail .detail-title,
body.main-dark-theme app-workflow-detail .action-title,
body.main-dark-theme app-workflow-detail .proposed-action-text {
  color: var(--chv-dm-text);
}
body.main-dark-theme app-workflow-detail .rpt-identity {
  border-bottom-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-detail .rpt-field,
body.main-dark-theme app-workflow-detail .step-meta,
body.main-dark-theme app-workflow-detail .blk-metric,
body.main-dark-theme app-workflow-detail .blk-hyp,
body.main-dark-theme app-workflow-detail .proposed-action {
  background-color: var(--chv-dm-dark-gray);
  border-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-detail .rpt-field .v,
body.main-dark-theme app-workflow-detail .step-title-text,
body.main-dark-theme app-workflow-detail .step-meta-row dd,
body.main-dark-theme app-workflow-detail .blk-p,
body.main-dark-theme app-workflow-detail .blk-sub,
body.main-dark-theme app-workflow-detail .blk-metric__value,
body.main-dark-theme app-workflow-detail .blk-hyp h5 {
  color: var(--chv-dm-text);
}
body.main-dark-theme app-workflow-detail .rpt-identity__area,
body.main-dark-theme app-workflow-detail .rpt-field .k,
body.main-dark-theme app-workflow-detail .step-sub,
body.main-dark-theme app-workflow-detail .step-details li,
body.main-dark-theme app-workflow-detail .blk-metric__label,
body.main-dark-theme app-workflow-detail .blk-list li,
body.main-dark-theme app-workflow-detail .blk-hyp p {
  color: var(--chv-dm-text-2);
}
body.main-dark-theme app-workflow-detail .steps-label,
body.main-dark-theme app-workflow-detail .text-action-label,
body.main-dark-theme app-workflow-detail .step-meta-row dt,
body.main-dark-theme app-workflow-detail .blk-source,
body.main-dark-theme app-workflow-detail .empty-state {
  color: var(--chv-dm-text-3);
}
body.main-dark-theme app-workflow-detail .step-line {
  background-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-detail .blk-table-wrap {
  border: 1px solid transparent;
  border-radius: 8px;
  background: linear-gradient(var(--chv-dm-dark-gray), var(--chv-dm-dark-gray)) padding-box, var(--grad-table-stroke) border-box;
  box-shadow: var(--shadow-02);
}
body.main-dark-theme app-workflow-detail .blk-table th {
  background-color: #26282b;
  color: #cdd9f0;
}
body.main-dark-theme app-workflow-detail .blk-table td {
  color: var(--chv-dm-text);
}
body.main-dark-theme app-workflow-detail .blk-table th,
body.main-dark-theme app-workflow-detail .blk-table td {
  border-bottom-color: #2f3033;
}
body.main-dark-theme app-workflow-detail .blk-table tbody tr:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.02);
}
body.main-dark-theme app-workflow-detail .blk-p code,
body.main-dark-theme app-workflow-detail .blk-source code {
  background-color: var(--chv-dm-app-bg);
  color: var(--chv-blue-light);
}
body.main-dark-theme app-workflow-detail .blk-source {
  border-top-color: var(--chv-dm-panel);
}
body.main-dark-theme app-workflow-detail .text-action-textarea {
  background-color: var(--chv-dm-dark-gray);
  border-color: var(--chv-dm-panel);
  color: var(--chv-dm-text);
}
body.main-dark-theme app-workflow-detail .text-action-textarea:focus {
  border-color: var(--chv-blue-light);
}
body.main-dark-theme app-workflow-detail .iopoc-button.secondary {
  border-color: var(--chv-dm-panel);
  color: var(--chv-dm-text);
}
body.main-dark-theme app-workflow-detail .actor-tag--ai {
  color: var(--chv-blue-light);
}
body.main-dark-theme app-workflow-detail .actor-tag--human {
  color: var(--status-purple-light);
}
body.main-dark-theme app-workflow-detail .actor-tag--both {
  color: var(--status-green);
}
body.main-dark-theme app-workflow-detail .step-dot--current {
  color: var(--chv-blue-light);
  border-color: var(--chv-blue-light);
}
body.main-dark-theme app-workflow-detail .step-dot--done {
  color: var(--status-green);
}
body.main-dark-theme app-workflow-detail .step-dot--waiting {
  color: var(--status-amber);
}
body.main-dark-theme app-workflow-detail .step-dot--pending {
  background-color: var(--chv-dm-dark-gray);
  border-color: var(--chv-dm-panel);
  color: var(--chv-dm-text-3);
}
body.main-dark-theme .badge-active {
  color: var(--status-green);
}
body.main-dark-theme .badge-waiting {
  color: var(--status-amber);
}
body.main-dark-theme .badge-others {
  color: var(--status-purple-light);
}
body.main-dark-theme .badge-resolved {
  color: var(--chv-dm-text-3);
}

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