/* Anesthguide Tools - Global UI foundation */

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) {
  --agt-surface: #ffffff;
  --agt-surface-soft: #f7f9fc;
  --agt-border: #d6dde8;
  --agt-text: #1d2738;
  --agt-muted: #5b667a;
  --agt-primary: #0f5fd8;
  --agt-primary-hover: #0a4db3;
  --agt-success: #0a7a2f;
  --agt-warn: #8a5b00;
  --agt-danger: #b00020;
  --agt-radius: 14px;
  --agt-shadow: 0 10px 24px rgba(16, 33, 64, 0.08);
  --agt-shadow-soft: 0 4px 10px rgba(16, 33, 64, 0.06);
  color: var(--agt-text);
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) :is(input, select, button) {
  font: inherit;
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-tool__title,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-tool__title,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-tool__title,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-tool__title,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-tool__title {
  color: var(--agt-text);
  font-weight: 750;
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-card,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-card,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-card,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-card,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-card {
  border-color: var(--agt-border);
  border-radius: var(--agt-radius);
  background:
    linear-gradient(180deg, #ffffff 0%, var(--agt-surface-soft) 100%);
  box-shadow: var(--agt-shadow-soft);
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-field input,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-field select,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-field input,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-field select,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-field input,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-field select,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-field input,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-field select,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-field input,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-field select {
  border-color: var(--agt-border);
  border-radius: 12px;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-field input:focus,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-field select:focus,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-field input:focus,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-field select:focus,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-field input:focus,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-field select:focus,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-field input:focus,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-field select:focus,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-field input:focus,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-field select:focus {
  outline: none;
  border-color: var(--agt-primary);
  box-shadow: 0 0 0 3px rgba(15, 95, 216, 0.14);
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-btn,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-btn,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-btn,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-btn,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-btn {
  border-color: var(--agt-border);
  border-radius: 12px;
  transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease, color .14s ease;
  box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-btn:hover,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-btn:hover,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-btn:hover,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-btn:hover,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-btn:hover {
  transform: translateY(-1px);
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-btn--primary,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-btn--primary,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-btn--primary,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-btn--primary,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-btn--primary {
  background: linear-gradient(180deg, #2f7fff 0%, var(--agt-primary) 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: var(--agt-shadow-soft);
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-btn--primary:hover,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-btn--primary:hover,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-btn--primary:hover,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-btn--primary:hover,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-btn--primary:hover {
  background: linear-gradient(180deg, #2a74e7 0%, var(--agt-primary-hover) 100%);
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-status[data-type="ok"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-status[data-type="ok"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-status[data-type="ok"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-status[data-type="ok"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-status[data-type="ok"] { color: var(--agt-success); }

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-status[data-type="warn"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-status[data-type="warn"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-status[data-type="warn"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-status[data-type="warn"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-status[data-type="warn"] { color: var(--agt-warn); }

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-status[data-type="error"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-status[data-type="error"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-status[data-type="error"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-status[data-type="error"],
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-status[data-type="error"] { color: var(--agt-danger); }

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-result,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-result,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-result,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-result,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-result {
  border: 1px solid var(--agt-border);
  background: #fff;
  box-shadow: var(--agt-shadow);
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-result__value,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-result__value,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-result__value,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-result__value,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-result__value {
  color: #102445;
}

:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-muted,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-muted,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-muted,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-muted,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-muted,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agt-help,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtp-help,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtc-help,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agto-help,
:where(.agt-tool, .agtp-tool, .agtc-tool, .agto-tool, .agtb-tool) .agtb-help {
  color: var(--agt-muted);
}