:root {
  --paper: #f4f4f4;
  --panel: #ffffff;
  --ink: #161616;
  --muted: #525252;
  --line: #e0e0e0;
  --soft: #e8e8e8;
  --accent: #0f62fe;
  --note: #0f62fe;
  --danger: #da1e28;
  --sidebar: 256px;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
}

[data-carbon-theme="g100"] {
  --paper: #161616;
  --panel: #262626;
  --ink: #f4f4f4;
  --muted: #c6c6c6;
  --line: #393939;
  --soft: #353535;
  --accent: #78a9ff;
  --note: #78a9ff;
  --danger: #ff8389;
  color-scheme: dark;
}

body { background: var(--paper); color: var(--ink); font-family: "IBM Plex Sans", "Segoe UI", sans-serif; }
button,input,select{font-family:inherit}
.wf-shell { padding-top: 48px; }
.cds-header { position: fixed; z-index: 80; inset: 0 0 auto 0; height: 48px; display: flex; align-items: center; background: #161616; color: #f4f4f4; border-bottom: 1px solid #393939; }
.cds-brand { width: var(--sidebar); height: 48px; display: flex; align-items: center; padding: 0 16px; border-right: 1px solid #393939; }
.cds-header .wf-logo { padding: 0; gap: 10px; font-size: 14px; }
.cds-header .wf-logo-mark { width: 24px; height: 24px; border: 1px solid #a8a8a8; border-radius: 0; }
.cds-header .wf-logo-mark:before { inset: 7px; background: #78a9ff; border-radius: 0; }
.cds-product { padding: 0 16px; font-size: 14px; font-weight: 500; }
.cds-instance { height: 100%; display: flex; align-items: center; padding: 0 16px; border-left: 1px solid #393939; color: #c6c6c6; font: 500 10px "IBM Plex Mono", monospace; letter-spacing: .04em; }
.cds-header-tools { margin-left: auto; height: 100%; display: flex; align-items: center; }
.cds-sync { padding: 0 16px; color: #a6c8ff; font: 500 10px "IBM Plex Mono", monospace; }
.cds-header-tools button,.cds-user { width: 48px; height: 48px; border: 0; border-left: 1px solid #393939; background: #161616; color: #f4f4f4; display: grid; place-items: center; cursor: pointer; }
.cds-user { font: 500 11px "IBM Plex Mono", monospace; background: #262626; }

.wf-sidebar { top: 48px; background: var(--panel); border-right: 1px solid var(--line); box-shadow: none; padding: 16px 0; }
.cds-side-label { padding: 0 16px 12px; margin: 0; color: var(--muted); font: 500 11px "IBM Plex Mono", monospace; letter-spacing: .04em; }
.wf-sidebar nav { gap: 0; margin: 0; }
.wf-sidebar nav a { min-height: 48px; padding: 0 16px; border-radius: 0; font-size: 14px; font-weight: 400; }
.wf-sidebar nav a span { font-family: "IBM Plex Mono", monospace; }
.wf-sidebar nav a:hover { background: var(--soft); }
.wf-sidebar nav a.active { background: var(--soft); color: var(--ink); box-shadow: inset 4px 0 var(--accent); font-weight: 500; }
.wf-sidebar-footer { margin: auto 16px 0; padding: 16px 0 0; border-color: var(--line); }
.wf-sidebar-footer b { color: var(--ink); font-family: "IBM Plex Mono", monospace; }

.wf-main { padding: 32px 32px 72px; }
.wf-titlebar { min-height: 72px; margin-bottom: 24px; }
.wf-titlebar .kicker,.wf-mkt-copy .kicker,.wf-mkt-section .kicker,.wf-mkt-product .kicker { color: var(--muted); font: 500 11px "IBM Plex Mono", monospace; letter-spacing: .04em; }
.wf-titlebar h1 { font-size: 32px; font-weight: 300; letter-spacing: 0; }
.wf-titlebar p { color: var(--muted); }
.wf-button { min-height: 48px; border: 0; border-radius: 0; background: var(--soft); color: var(--ink); box-shadow: none; padding: 0 16px; font-weight: 500; }
.wf-button:hover { background: color-mix(in srgb,var(--soft) 72%,var(--ink)); }
.wf-button.primary { background: #0f62fe; color: #ffffff; border-color: #0f62fe; }
[data-carbon-theme="g100"] .wf-button.primary { background: #78a9ff; color: #161616; }
.wf-clock { font-family: "IBM Plex Mono", monospace; color: var(--muted); }

.wf-card { border: 0; border-radius: 0; box-shadow: none; background: var(--panel); }
.wf-card-head { min-height: 48px; border-color: var(--line); padding: 0 16px; }
.wf-card-head h2 { font-weight: 500; }
.wf-card-head span { font-family: "IBM Plex Mono", monospace; color: var(--muted); }
.wf-grid { gap: 16px; }

.wf-marker,.wf-annotation b { background: var(--note); color: #ffffff; border-radius: 50%; }
[data-carbon-theme="g100"] .wf-marker,[data-carbon-theme="g100"] .wf-annotation b { color: #161616; }
.wf-marker { box-shadow: 0 0 0 3px var(--paper); }
.wf-notes { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 20px 0 0; }
.wf-annotation { color: var(--muted); }

.wf-metrics { gap: 1px; background: var(--line); }
.wf-metric { border: 0 !important; border-radius: 0; min-height: 88px; }
.wf-metric span,.wf-metric small { color: var(--muted); }
.wf-metric b { font-family: "IBM Plex Sans", sans-serif; font-weight: 400; }

.wf-map { background-color: color-mix(in srgb,var(--panel) 75%,var(--paper)); background-image: linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); border-radius: 0; }
.wf-selection { border: 1px solid var(--line); border-radius: 0; background: var(--panel); box-shadow: 0 4px 12px #0000001a; }
.wf-chip { border-radius: 0; font-family: "IBM Plex Mono", monospace; }
.wf-map-legend { border: 0; border-radius: 0; background: var(--panel); box-shadow: none; font-family: "IBM Plex Mono", monospace; }
.wf-queue-item,.wf-queue-spacer { border-color: var(--line); }
.wf-queue-item .num { border-radius: 0; border-color: var(--line); font-family: "IBM Plex Mono", monospace; }
.wf-queue-spacer { background: var(--soft); }
.wf-photo-placeholder,.wf-image-box,.wf-hardware,.wf-context { border-radius: 0; background: var(--soft); color: var(--muted); }
.wf-photo-placeholder { border: 0; }
.wf-alert { border: 0; border-left: 4px solid var(--danger); border-radius: 0; background: color-mix(in srgb,var(--danger) 8%,var(--panel)); }
.wf-timeline-row,.wf-fact-row { border-color: var(--line); }
.wf-evidence-seal { border-radius: 0; background: var(--soft); border: 0; }
.wf-searchbar,.wf-filter,.wf-mini-map,.wf-route,.wf-fields input,.wf-fields select { border-radius: 0; border-color: var(--line); }
.wf-filter { background: var(--soft); }
.wf-bars i { border-radius: 0; background: color-mix(in srgb,var(--accent) 30%,var(--panel)); border-color: var(--accent); }
.wf-table th { background: var(--soft); color: var(--muted); font-family: "IBM Plex Mono",monospace; }
.wf-table td,.wf-table th { border-color: var(--line); }
.wf-mission-block { border-radius: 0; background: color-mix(in srgb,var(--accent) 14%,var(--panel)); border-color: var(--accent); }
.wf-sector-viz .core { border-radius: 0; background: var(--panel); border-color: var(--accent); }
.wf-healthbar { border-radius: 0; background: var(--soft); }.wf-healthbar i{background:var(--accent)}
.wf-tabs button { border-radius: 0; color: var(--muted); }.wf-tabs button.active{background:var(--soft);box-shadow:inset 4px 0 var(--accent);color:var(--ink)}
.wf-integration .icon { border-radius: 0; border-color: var(--line); }

.wf-mkt-nav { border-color: var(--line); background: var(--panel); }
.wf-mkt-nav .wf-button { background: #0f62fe; color: white; }
.wf-mkt-hero,.wf-mkt-product { background: var(--panel); border-color: var(--line); }
.wf-mkt-copy h1 { font-weight: 300; letter-spacing: -.02em; }
.wf-mkt-copy p { color: var(--muted); }
.wf-mkt-cards { border-radius: 0; border: 0; background: var(--line); gap: 1px; }
.wf-mkt-cards article { background: var(--panel); border: 0; }
.wf-mkt-footer { background: var(--soft); }

@media (max-width:720px) {
  .wf-shell { padding-top: 48px; }
  .cds-product,.cds-instance,.cds-sync { display: none; }
  .cds-brand { width: auto; border-right: 0; }
  .wf-sidebar { top: auto; height: 56px; padding: 0; border-bottom: 1px solid var(--line); }
  .cds-side-label { display: none; }
  .wf-sidebar nav { margin: 0; }
  .wf-sidebar nav a { min-height: 56px; }
  .wf-main { padding-top: 24px; }
  .wf-metrics { border-radius: 0; }
}