/* ENVITRA dashboard chart reference styling — visual only, scoped to dashboard row 3. */
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2){
  position:relative;
  border:1px solid rgba(56,189,248,.34)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(34,211,238,.10),transparent 28%),
    radial-gradient(circle at 88% 92%,rgba(45,212,191,.08),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#fbfeff 48%,#f7fdff 100%)!important;
  box-shadow:0 18px 52px rgba(14,116,144,.10),0 0 0 1px rgba(186,230,253,.45),inset 0 1px 0 rgba(255,255,255,.95)!important;
  padding:24px 26px 22px!important;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child{
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) auto minmax(180px,1fr);
  align-items:center;
  gap:22px!important;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:first-child{display:contents!important}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:first-child > div{grid-column:1}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:first-child > label{grid-column:2;justify-self:center}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:nth-child(2){grid-column:3;justify-self:end}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:first-child > div > div:first-child{
  font-size:22px!important;
  line-height:1.1!important;
  letter-spacing:.18em!important;
  color:#087b73!important;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:first-child > div > div:first-child > span{
  width:44px!important;height:44px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#0ea5e9 0%,#22d3ee 52%,#2dd4bf 100%)!important;
  box-shadow:0 10px 24px rgba(6,182,212,.28),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:first-child > div > div:nth-child(2){
  margin-top:8px!important;font-size:13px!important;font-weight:700!important;color:#334155!important;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child label{
  border:1px solid rgba(125,211,252,.58)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.92)!important;
  padding:10px 12px!important;
  box-shadow:0 8px 20px rgba(14,116,144,.10),inset 0 1px 0 #fff!important;
  color:#3853a4!important;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child label select{
  border-color:rgba(125,211,252,.62)!important;
  background:#fff!important;
  color:#0a2360!important;
  font-size:18px!important;
  min-width:94px;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2){margin-top:24px!important;overflow-y:visible!important}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div{
  background-image:
    linear-gradient(to top,rgba(186,230,253,.58) 1px,transparent 1px),
    linear-gradient(to right,rgba(224,242,254,.62) 1px,transparent 1px);
  background-size:100% 25%,8.333% 100%;
  background-position:0 0;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:first-child{
  border-right-color:rgba(125,211,252,.35)!important;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:first-child{
  background:none!important;
}
/* Pass / Fail cylinders */
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(1),
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(2){
  position:relative!important;
  width:38px!important;
  border-radius:999px 999px 14px 14px!important;
  overflow:visible!important;
  box-shadow:0 10px 22px rgba(14,116,144,.16),inset 7px 0 10px rgba(255,255,255,.32),inset -7px 0 10px rgba(15,23,42,.08)!important;
  transition:filter .18s ease,transform .18s ease!important;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(1){background:linear-gradient(90deg,#22d3ee,#34d399 56%,#14b8a6)!important}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(2){background:linear-gradient(90deg,#fb7185,#f43f5e 58%,#e11d48)!important}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(1)::before,
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(2)::before{
  content:"";position:absolute;z-index:6;left:0;right:0;top:-6px;height:12px;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at 50% 32%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.42) 33%,rgba(34,211,238,.54) 70%,rgba(14,116,144,.3) 100%);
  border:1px solid rgba(255,255,255,.66);box-shadow:0 2px 7px rgba(14,165,233,.24)
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(2)::before{
  background:radial-gradient(ellipse at 50% 32%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.38) 33%,rgba(251,113,133,.62) 70%,rgba(190,24,93,.34) 100%);
  box-shadow:0 2px 7px rgba(244,63,94,.22)
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(1)::after,
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(2)::after{
  content:"";position:absolute;z-index:5;left:0;right:0;bottom:-5px;height:10px;border-radius:50%;pointer-events:none;
  background:rgba(34,211,238,.42);border:1px solid rgba(255,255,255,.52);box-shadow:0 3px 8px rgba(14,165,233,.24)
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) > div:nth-child(2)::after{background:rgba(244,63,94,.40);box-shadow:0 3px 8px rgba(244,63,94,.20)}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) button{
  position:relative;z-index:3;border-left:1px solid rgba(255,255,255,.26)!important;border-right:1px solid rgba(15,23,42,.05)!important;
  box-shadow:inset 8px 0 10px rgba(255,255,255,.28),inset -8px 0 10px rgba(15,23,42,.08)!important;
}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(2) button:hover{filter:brightness(1.12) saturate(1.08);transform:translateY(-1px)}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(3),
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:nth-child(2) > div > div > div:not(:first-child) > div:nth-child(4){font-weight:900!important;color:#0a2360!important}
section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:last-child{margin-top:14px!important;color:#475569!important;font-weight:700!important}
@media (max-width:1023px){
  section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child{grid-template-columns:1fr auto!important}
  section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:first-child > div{grid-column:1}
  section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:first-child > label{grid-column:2}
  section[data-dashboard-coming-up-row3="true"] > div > div:nth-of-type(2) > div:first-child > div:nth-child(2){grid-column:1 / -1;justify-self:start;margin-top:4px}
}