/*
 * Signatures Professional Workspace
 *
 * Professional identity:
 * Navy -> blue -> steel -> aqua
 *
 * Workspace colors identify context.
 * Clinical status colors remain semantic.
 */

.clinical-intelligence-workspace {
  --pro-navy: #071f3d;
  --pro-navy-2: #0b3157;
  --pro-blue: #164f7a;
  --pro-steel: #5b7f98;
  --pro-aqua: #43b7c5;

  --pro-aqua-soft: #e1f5f7;
  --pro-blue-soft: #edf4f8;
  --pro-surface: #f5f8fb;
  --pro-border: #ccdbe5;

  --pro-text: #10243b;
  --pro-muted: #61778a;

  background: var(--pro-surface);
}

/* Professional header */

.clinical-intelligence-workspace
.platform-header {
  background:
    linear-gradient(
      90deg,
      var(--pro-navy) 0%,
      var(--pro-navy-2) 58%,
      #155474 100%
    );

  border-bottom:
    3px solid var(--pro-aqua);
}

/* Workspace badge */

.clinical-intelligence-workspace
.platform-workspace-badge {
  background: #dceaf2;
  color: var(--pro-navy);
}

/* Sidebar */

.clinical-intelligence-workspace
.platform-sidebar {
  background: #f8fbfd;

  border-right:
    1px solid var(--pro-border);
}

.clinical-intelligence-workspace
.platform-sidebar-title {
  color: var(--pro-steel);
}

/* Navigation */

.clinical-intelligence-workspace
.platform-nav a {
  color: var(--pro-text);

  border-left:
    4px solid transparent;
}

.clinical-intelligence-workspace
.platform-nav a:hover {
  background: var(--pro-blue-soft);
  color: var(--pro-navy);
}

.clinical-intelligence-workspace
.platform-nav a.is-active,
.clinical-intelligence-workspace
.platform-nav a[aria-current="page"] {
  background: var(--pro-aqua-soft);
  color: var(--pro-navy);

  border-left-color:
    var(--pro-aqua);

  font-weight: 800;
}

.clinical-intelligence-workspace
.platform-nav-section-label {
  color: var(--pro-steel);
}

/* Main professional canvas */

.clinical-intelligence-workspace
.platform-main {
  background:
    linear-gradient(
      180deg,
      #eef5f9 0,
      #f7fafc 280px
    );
}

/* Breadcrumbs */

.clinical-intelligence-workspace
.platform-breadcrumbs {
  color: var(--pro-steel);
}

/* Professional links */

.clinical-intelligence-workspace
.platform-main a:not(.platform-button) {
  text-decoration-color:
    rgba(67, 183, 197, .55);
}

/* Accessible focus state */

.clinical-intelligence-workspace
a:focus-visible,
.clinical-intelligence-workspace
button:focus-visible,
.clinical-intelligence-workspace
input:focus-visible,
.clinical-intelligence-workspace
select:focus-visible {
  outline:
    3px solid rgba(67, 183, 197, .45);

  outline-offset: 2px;
}

/*
 * Do not redefine success, warning, risk,
 * or critical colors here. Those remain
 * clinical/semantic states.
 */
