/* Переменные последнего блока .lg-app из request_card.css.
   Подключать после request_card.css, чтобы эти значения побеждали ранние повторы. */
.lg-app, .lg-shell { --lg-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --lg-font-code: ui-monospace, Consolas, monospace; --lg-bg: #f5f6f8; --lg-surface: #ffffff; --lg-frame-bg: #e2e6ed; --lg-content-bg: #f5f6f8; --lg-queue-bg: #f8f9fb; --lg-composer-bg: #fafbfd; --lg-divider-subtle: #edf0f4; --lg-menu-border: #dce2eb; --lg-section-bg: #ffffff; --lg-section-header-bg: #ffffff; --lg-section-border: #e0e5ec; --lg-pane-border: #e1e5ec; --lg-pane-gap: 1px; --lg-section-gap: 8px; --lg-section-pad: 8px; --lg-content-inset: 12px; --lg-text: #202b3d; --lg-muted: #566174; --lg-border: #e3e6ec; --lg-control-border: #8793a5; --lg-primary: #2457c5; --lg-primary-soft: #e8f0ff; --lg-danger: #a82626; --lg-danger-soft: #fff1f1; --lg-warning: #805009; --lg-warning-soft: #fff7e6; --lg-success: #246646; --lg-success-soft: #edf8f1; --lg-kind-incident: #2457c5; --lg-kind-service: #05685a; --lg-kind-consultation: #6744ac; --lg-signal-work-bg: #edf4ff; --lg-signal-wait-bg: #fff6e5; --lg-signal-late-bg: #fff0ef; --lg-signal-work-border: #cdddfb; --lg-signal-wait-border: #ecd5a6; --lg-signal-late-border: #edc2be; --lg-external: #8e3157; --lg-external-soft: #fff3f7; --lg-type-title: 1.25rem; --lg-line-title: 1.75rem; --lg-type-section: .875rem; --lg-line-section: 1.3125rem; --lg-type-body: .9375rem; --lg-line-body: 1.5; --lg-type-control: .875rem; --lg-line-control: 1.25rem; --lg-type-meta: .8125rem; --lg-line-meta: 1.125rem; --lg-space-1: 4px; --lg-space-2: 8px; --lg-space-3: 12px; --lg-space-4: 16px; --lg-space-6: 24px; --lg-space-8: 32px; --lg-radius: 8px; --lg-radius-dialog: 14px; --lg-radius-section: 10px; --lg-radius-menu: 12px; --lg-shadow-section: 0 1px 2px #202b3d04; --lg-shadow-menu: 0 12px 36px #202b3d24, 0 2px 6px #202b3d0a; --lg-menu-gap: 6px; --lg-menu-edge: 8px; --lg-control-height: 36px; --lg-icon-size: 18px; --lg-avatar-size: 26px; --lg-message-avatar-size: 25px; --lg-avatar-small: 22px; --lg-date-control-height: 38px; --lg-row-padding-block: 12px; --lg-section-padding-block: 8px; --lg-card-pad: 20px; --lg-message-gap: 10px; --lg-message-line: 22px; --lg-composer-min-height: 76px; --lg-related-indicator-height: 26px; --lg-signal-padding-block: 8px; --lg-focus-ring: 3px solid var(--lg-primary); --lg-focus-offset: 3px; }:where(.lg-app) [data-lg-density="compact"], :where(.lg-shell) [data-lg-density="compact"], .lg-app[data-density="compact"], .lg-shell[data-density="compact"] { --lg-control-height: 32px; --lg-avatar-size: 24px; --lg-date-control-height: 34px; --lg-row-padding-block: 7px; --lg-section-padding-block: 8px; --lg-card-pad: 12px; --lg-content-inset: 8px; --lg-message-gap: 6px; --lg-signal-padding-block: 6px; --lg-message-line: 21px; --lg-composer-min-height: 64px; }
@media (pointer: coarse) {.lg-app, .lg-shell, :where(.lg-app) [data-lg-density="compact"], :where(.lg-shell) [data-lg-density="compact"], .lg-app[data-density="compact"], .lg-shell[data-density="compact"] { --lg-control-height: 44px; --lg-date-control-height: 44px; --lg-related-indicator-height: 44px; }
}

.lg-app, .lg-shell {
  --lg-hover: #f0f3f8;
  --lg-input-bg: #ffffff;
  --lg-raised: #ffffff;
  --lg-on-primary: #ffffff;
  --lg-heading: #223b61;
  --lg-selected-bg: #eaf1ff;
  --lg-selected-border: #c4d5f9;
  --lg-chip-bg: #f1f4f9;
  --lg-chip-fg: #40516a;
  --lg-overlay: rgba(23, 35, 55, 0.45);
  --lg-toast-bg: #172337;
  --lg-toast-fg: #ffffff;
  --lg-placeholder: #627084;
  --lg-avatar-bg: #e9edf6;
  --lg-avatar-fg: #3d547e;
  --lg-primary-hover: #1b46a4;
  --lg-danger-hover: #ffe0e0;
  --lg-equipment: #6744ac;
  --lg-equipment-soft: #f2eef9;
  --lg-purchase: #05685a;
  --lg-purchase-soft: #e8f7f1;
  --lg-status-primary-bg: #d6e4ff;
  --lg-status-success-bg: #d7f0e1;
  --lg-status-warning-bg: #ffe4b8;
  --lg-status-danger-bg: #ffd6d6;
  --lg-radius-tag: 4px;
  --lg-icon-size-menu: 16px;
  --lg-icon-size-meta: 14px;
  --lg-icon-size-micro: 12px;
}

/* Carbon Studio (Redmarc). Surfaces are neutral grey, not inverted light colors. */
html[data-bs-theme="dark"] .lg-app,
html[data-bs-theme="dark"] .lg-shell {
  color-scheme: dark;
  --lg-bg: #1a1b1e;
  --lg-surface: #262830;
  --lg-frame-bg: #1a1b1e;
  --lg-content-bg: #22242b;
  --lg-queue-bg: #202126;
  --lg-composer-bg: #22242b;
  --lg-divider-subtle: rgba(255, 255, 255, 0.1);
  --lg-menu-border: rgba(255, 255, 255, 0.13);
  --lg-section-bg: #262830;
  --lg-section-header-bg: #262830;
  --lg-section-border: rgba(255, 255, 255, 0.13);
  --lg-pane-border: rgba(255, 255, 255, 0.13);
  --lg-text: #d0d3db;
  --lg-muted: #8a8f9e;
  --lg-border: rgba(255, 255, 255, 0.13);
  --lg-control-border: rgba(255, 255, 255, 0.22);
  --lg-primary: #6b8fb5;
  --lg-primary-soft: rgba(107, 143, 181, 0.18);
  --lg-primary-hover: #8899aa;
  --lg-danger: #d95555;
  --lg-danger-soft: rgba(217, 85, 85, 0.16);
  --lg-danger-hover: rgba(217, 85, 85, 0.28);
  --lg-warning: #c49040;
  --lg-warning-soft: rgba(196, 144, 64, 0.16);
  --lg-success: #3daa74;
  --lg-success-soft: rgba(61, 170, 116, 0.16);
  --lg-kind-incident: #6b8fb5;
  --lg-kind-service: #3daa74;
  --lg-kind-consultation: #a78bc8;
  --lg-signal-work-bg: rgba(107, 143, 181, 0.16);
  --lg-signal-wait-bg: rgba(196, 144, 64, 0.16);
  --lg-signal-late-bg: rgba(217, 85, 85, 0.16);
  --lg-signal-work-border: rgba(107, 143, 181, 0.38);
  --lg-signal-wait-border: rgba(196, 144, 64, 0.38);
  --lg-signal-late-border: rgba(217, 85, 85, 0.38);
  --lg-external: #d0809a;
  --lg-external-soft: rgba(208, 128, 154, 0.16);
  --lg-shadow-section: none;
  --lg-shadow-menu: 0 12px 36px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.28);
  --lg-hover: rgba(255, 255, 255, 0.06);
  --lg-input-bg: rgba(255, 255, 255, 0.07);
  --lg-raised: #2e3038;
  --lg-on-primary: #ffffff;
  --lg-heading: #d0d3db;
  --lg-selected-bg: rgba(107, 143, 181, 0.2);
  --lg-selected-border: rgba(140, 160, 185, 0.55);
  --lg-chip-bg: #22242b;
  --lg-chip-fg: #d0d3db;
  --lg-overlay: rgba(8, 10, 14, 0.75);
  --lg-toast-bg: #2e3038;
  --lg-toast-fg: #d0d3db;
  --lg-placeholder: #585e70;
  --lg-avatar-bg: #353840;
  --lg-avatar-fg: #d0d3db;
  --lg-purchase: #3daa74;
  --lg-purchase-soft: rgba(61, 170, 116, 0.16);
  --lg-equipment: #a78bc8;
  --lg-equipment-soft: rgba(167, 139, 200, 0.16);
  --lg-focus-ring: 3px solid var(--lg-primary);
}
