/* Rifinitura Carbon Tax sulla palette generale Bova Capaldo. */
body {
  --bg: #050a12;
  --panel: rgba(13, 22, 35, .96);
  --panel-strong: rgba(18, 31, 49, .98);
  --ink: #f7f9fc;
  --muted: #aab4c3;
  --line: rgba(205, 214, 226, .16);
  --accent: #6689b8;
  --accent-strong: #315f98;
  --blue: #315f98;
  --warn: #b9c2ce;
  --green: #5f8fb0;
}

.sidebar {
  z-index: 2 !important;
  isolation: isolate !important;
  border-right-color: rgba(205,214,226,.16) !important;
  background:
    radial-gradient(circle at 20% 5%, rgba(74,112,158,.18), transparent 26%),
    linear-gradient(180deg, #0d1b2c, #07111c 58%, #050b13) !important;
  box-shadow: 14px 0 38px rgba(0,0,0,.28), inset -1px 0 rgba(255,255,255,.035);
}

.brand { color: #f5f7fa !important; text-shadow: 0 3px 6px rgba(0,0,0,.65); }
.studio,.navGroup { color: #aeb8c6 !important; }

.sidebar .nav,
.sidebar .dashboardLink {
  border-color: rgba(193,204,219,.22) !important;
  color: #f0f4f9 !important;
  background: linear-gradient(145deg, #2b415e, #0c1b2e) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10), 0 8px 18px rgba(0,0,0,.28) !important;
  opacity: 1 !important;
}

.sidebar .nav:hover,
.sidebar .nav.active {
  border-color: rgba(169,188,214,.42) !important;
  color: #fff !important;
  background: linear-gradient(145deg, #315b8d, #16365f) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 9px 20px rgba(0,0,0,.28) !important;
}

.sidebar .nav span,
.sidebar .dashboardLink span {
  border: 1px solid rgba(215,225,238,.30) !important;
  color: #fff !important;
  background: linear-gradient(145deg, #4d82bd, #234b78) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 4px 9px rgba(0,0,0,.25) !important;
  opacity: 1 !important;
  text-shadow: 0 2px 3px rgba(0,0,0,.75) !important;
}

.heroLine { background: linear-gradient(90deg,#315f98 0 42%,#dce1e7 42% 78%,transparent 78%) !important; }
.sectionCode { color: #88a8cf !important; }

.metric,
.metric.cyan,
.metric.red,
.metric.yellow,
.metric.green,
.metric.dark {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(198,208,221,.16) !important;
  color: #f7f9fc !important;
  background: linear-gradient(145deg, rgba(24,36,53,.98), rgba(7,14,24,.98)) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.05) !important;
}

.metric::after {
  position: absolute;
  right: -28px;
  bottom: -38px;
  width: 95px;
  height: 95px;
  border: 11px solid rgba(72,106,150,.16);
  border-radius: 50%;
  content: "";
}

.metric span,
.metric small,
.metric strong { color: inherit !important; }
.metric span,.metric small { opacity: .78 !important; }
.metric strong { text-shadow: 0 2px 5px rgba(0,0,0,.55); }
.metric.green strong,.metric.cyan strong { color: #9ebbe0 !important; }
.metric.red { border-left: 3px solid #b45b68 !important; }
.metric.yellow { border-left: 3px solid #aeb8c6 !important; }
.metric.green,.metric.cyan { border-left: 3px solid #557fae !important; }

.panel,.topbar {
  color: #f6f8fb !important;
  background: linear-gradient(145deg, rgba(20,31,47,.97), rgba(7,14,23,.98)) !important;
}
.panel h3,.panel h4,.panel strong,.topbar label { color: #f6f8fb !important; }
.panel p,.panel small { color: #aab4c3; }

.blueAction,.greenAction,.primary,.ghostAction,.commandBar button {
  border-color: rgba(207,216,229,.28) !important;
  color: #fff !important;
  background: linear-gradient(145deg,#3d6da7,#142f55) !important;
}
.redAction,.dangerButton { background: linear-gradient(145deg,#70404a,#371e28) !important; }

.always,.badge {
  border: 1px solid rgba(213,220,230,.25) !important;
  color: #0a1422 !important;
  background: linear-gradient(145deg,#eef1f4,#8d99a9) !important;
  box-shadow: inset 0 1px #fff,0 6px 13px rgba(0,0,0,.22);
}

.barTrack { background: #dfe4ea !important; }
.barFill { background: linear-gradient(90deg,#315f98,#6d8fb9) !important; }
.cloudPill { color: #07141d !important; background: linear-gradient(145deg,#9dc8c1,#6e9cab) !important; }

@media print {
  .metric,.panel { color:#111 !important; background:#fff !important; box-shadow:none !important; }
}
