/* GoodFleet palette only. Universal ADA geometry remains owned by GoodBase. */
:root {
  --backend-ada-accent: #0ea5e9;
  --backend-ada-cyan: #38bdf8;
  --backend-ada-surface: rgba(7, 23, 45, 0.99);
  --backend-ada-border: rgba(56, 189, 248, 0.24);
  --backend-ada-trigger-color: #ffffff;
  --backend-ada-trigger-border: rgba(125, 211, 252, 0.62);
  --backend-ada-trigger-background: linear-gradient(145deg, #22b8f3, #0788c8 62%, #075985);
  --backend-ada-trigger-shadow: 0 12px 28px rgba(2, 132, 199, 0.34), inset 0 1px rgba(255, 255, 255, 0.24);
  --backend-ada-trigger-hover-shadow: 0 16px 34px rgba(14, 165, 233, 0.46), inset 0 1px rgba(255, 255, 255, 0.3);
}

/* Match the expanded widget to GoodFleet's navy surfaces and cyan actions. */
.backend-ada-panel {
  border-color: var(--backend-ada-border);
  color: #f4f8fc;
  background:
    radial-gradient(circle at 100% 0, rgba(14, 165, 233, 0.15), transparent 40%),
    linear-gradient(155deg, var(--backend-ada-surface), rgba(4, 15, 31, 0.995));
  box-shadow: 0 34px 90px rgba(1, 9, 22, 0.62), inset 0 1px rgba(125, 211, 252, 0.06);
}

.backend-ada-panel-header,
.backend-ada-panel-footer {
  background: rgba(11, 34, 58, 0.82);
}

.backend-ada-panel-header {
  border-bottom-color: rgba(56, 189, 248, 0.16);
}

.backend-ada-panel-footer {
  border-top-color: rgba(56, 189, 248, 0.16);
  color: #8299b1;
}

.backend-ada-heading-icon,
.backend-ada-setting-icon {
  border-color: rgba(56, 189, 248, 0.34);
  color: #38bdf8;
  background: rgba(14, 165, 233, 0.12);
}

.backend-ada-title,
.backend-ada-setting-title {
  color: #f8fafc;
}

.backend-ada-subtitle,
.backend-ada-setting-description {
  color: #8da3b8;
}

.backend-ada-close,
.backend-ada-reset {
  border-color: rgba(125, 211, 252, 0.17);
  color: #a9bbcc;
  background: rgba(15, 48, 78, 0.72);
}

.backend-ada-section {
  border-color: rgba(56, 189, 248, 0.15);
  background: rgba(12, 39, 65, 0.64);
}

.backend-ada-section-heading {
  color: #a9bbcc;
}

.backend-ada-text-sizes button {
  border-color: rgba(125, 211, 252, 0.14);
  color: #9eb1c3;
  background: rgba(8, 29, 51, 0.8);
}

.backend-ada-text-sizes button:hover,
.backend-ada-text-sizes button.is-active {
  border-color: rgba(56, 189, 248, 0.58);
  color: #ffffff;
  background: rgba(14, 165, 233, 0.18);
}

.backend-ada-setting {
  color: #f4f8fc;
}

.backend-ada-setting:hover {
  border-color: rgba(56, 189, 248, 0.16);
  background: rgba(14, 165, 233, 0.065);
}

.backend-ada-setting.is-active {
  border-color: rgba(56, 189, 248, 0.34);
  background: rgba(14, 165, 233, 0.11);
}

.backend-ada-switch {
  border-color: rgba(125, 211, 252, 0.2);
  background: #29435d;
}

.backend-ada-switch span {
  background: #aec0d0;
}

.backend-ada-switch.is-active {
  border-color: rgba(56, 189, 248, 0.75);
  background: #0ea5e9;
}

.backend-ada-close:hover,
.backend-ada-reset:hover {
  border-color: rgba(56, 189, 248, 0.5);
  color: #ffffff;
  background: rgba(14, 165, 233, 0.16);
}

.backend-ada-active-count {
  border-color: rgba(125, 211, 252, 0.5);
  color: #06223a;
  background: #e0f2fe;
}