:root{--navy:#062b5f;--navy2:#0a3b78;--teal:#00a99d;--teal2:#17c4b8;--red:#c81e32;--orange:#f08a13;--ink:#0d1b35;--muted:#6f7d90;--bg:#f3f7fb;--line:#dfe7ef;--soft:#eef8f7;--shadow:0 14px 38px rgba(10,34,68,.09);--r:20px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px}.topbar{height:82px;background:#fff;display:flex;align-items:center;gap:18px;padding:0 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--teal);font-weight:900;letter-spacing:.08em;text-transform:uppercase;min-width:260px}.brand img{height:66px;object-fit:contain}.topmenu{display:flex;align-items:center;gap:8px;flex:1}.topmenu a{height:44px;display:flex;align-items:center;padding:0 18px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:900}.topmenu a.active,.topmenu a:hover{background:var(--navy);color:#fff}.userbar{margin-left:auto;text-align:right}.userbar b{display:block}.userbar a{color:var(--teal);font-weight:900;text-decoration:none}.menu-toggle{display:none}.page{padding:24px;max-width:1680px;margin:0 auto}.head{display:flex;align-items:end;justify-content:space-between;margin:0 0 18px}.head small{color:var(--teal);font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.head h1{font-size:34px;line-height:1;margin:6px 0 0}.live{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-weight:900;color:var(--muted);box-shadow:var(--shadow)}.live i{display:inline-block;width:11px;height:11px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 7px rgba(0,169,157,.12);margin-right:10px}.tab{display:none}.tab.active{display:block}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:54px 1fr;grid-template-areas:'i s' 'i b' 'i small';gap:0 14px;align-items:center;min-height:110px}.stat i{grid-area:i;width:54px;height:54px;border-radius:17px;background:var(--teal);display:grid;place-items:center;color:#fff}.stat i svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.stat span{grid-area:s;color:var(--muted);font-weight:1000}.stat b{grid-area:b;font-size:30px;letter-spacing:.02em}.stat small{grid-area:small;color:var(--muted);font-weight:900}.stat:nth-child(2) i,.stat:nth-child(3) i{background:var(--navy)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px}.maincol{min-width:0}.rightcol{display:flex;flex-direction:column;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px}.panel h2{margin:0;font-size:20px}.panel p,.muted{color:var(--muted);font-weight:800;margin:6px 0 0}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.panel-head.small{align-items:center}.panel-head.small b{color:var(--teal);font-size:12px;letter-spacing:.08em}.chart-actions{display:flex;align-items:center;gap:8px}.chart-actions strong{height:46px;min-width:116px;border-radius:16px;background:#f2fbfa;border:1px solid #d6f1ee;display:grid;place-items:center;font-size:24px;color:var(--navy)}.range,.ghost{border:1px solid var(--line);background:#fff;border-radius:999px;height:38px;padding:0 14px;font-weight:1000;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center}.range.active,.range:hover,.ghost:hover{background:var(--navy);color:#fff}.power-chart{height:245px;background:linear-gradient(180deg,#fbfdff,#f4fbfb);border:1px solid var(--line);border-radius:18px;overflow:visible}.power-chart.tall{height:320px}.power-chart svg{width:100%;height:100%;overflow:visible}.power-chart .grid path{stroke:#dfe8ef;stroke-width:1}.power-chart polyline{fill:none;stroke:var(--teal);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.power-chart circle{fill:#fff;stroke:var(--teal);stroke-width:3}.power-chart text{font-size:11px;fill:#7b8798;font-weight:800;text-anchor:middle}.chart-foot{display:flex;justify-content:space-between;margin-top:10px;font-weight:1000}.chart-foot span{color:var(--teal)}.ped-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.ped-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;min-width:0}.card-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.card-top h2{margin:0;font-size:22px;display:flex;align-items:center;gap:10px}.card-top p{margin:4px 0 0;color:var(--muted);font-weight:900}.dot{display:inline-block;width:12px;height:12px;border-radius:50%}.dot.ok{background:var(--teal);box-shadow:0 0 0 7px rgba(0,169,157,.13)}.dot.bad{background:#ef4444;box-shadow:0 0 0 7px rgba(239,68,68,.13)}.toggle-ped{border:0;border-radius:999px;padding:0 16px;height:42px;font-weight:1000;white-space:nowrap}.toggle-ped.on{background:#eafaf8;color:#007e75}.toggle-ped.off{background:#fff2e4;color:#a85400}.ped-body{display:grid;grid-template-columns:150px 1fr;gap:16px}.ped-img{text-align:center}.pedestal-svg{width:150px;height:260px;max-width:100%}.metal-dark{fill:#a6b0b7}.door{fill:#dce2e6;stroke:#343b42;stroke-width:2}.plate{fill:#d8dde1;stroke:#545f68;stroke-width:1.6}.screw{fill:#68737c}.socket rect{stroke:#10243e;stroke-opacity:.25;stroke-width:1.2}.socket.blue rect{fill:#0b6fc2}.socket.red rect{fill:#c71f32}.socket text{font-size:9px;fill:#203040;font-weight:900;text-anchor:middle}.socket.active rect{filter:drop-shadow(0 0 7px rgba(0,169,157,.85));stroke:#00d8c8;stroke-width:2}.water-pipe{fill:none;stroke:#8a98a3;stroke-width:5;stroke-linecap:round}.water-pipe.active{stroke:var(--teal);filter:drop-shadow(0 0 5px rgba(0,169,157,.6))}.water-dot{fill:#8a98a3}.water-dot.active{fill:var(--teal)}.watchdog.online{fill:var(--teal)}.watchdog.offline{fill:#ef4444}.svg-label{font-size:13px;font-weight:1000;fill:#0c2141}.session-box{background:#f7fafc;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}.session-box span,.energy-card span{color:var(--muted);font-weight:1000;display:block}.session-box b{display:block;font-size:28px;color:var(--navy);line-height:1}.session-box small{color:var(--muted);font-weight:900}.energy-card{display:grid;grid-template-columns:110px 1fr;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:12px}.energy-card b{font-size:22px;color:var(--navy)}.mini-spark{height:48px;width:100%}.mini-spark path{stroke:#dbe7ed}.mini-spark polyline{fill:none;stroke:#43bbc3;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.quick-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-metrics span{background:#f4f8fb;border:1px solid var(--line);border-radius:14px;padding:9px;color:var(--muted);font-size:12px;font-weight:900}.quick-metrics svg{display:none}.quick-metrics b{display:block;color:var(--ink);font-size:14px}.sections{margin-top:14px}.sec-title{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:1000;border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.outlet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.outlet,.water-control{border:1px solid var(--line);background:#f8fbfd;border-radius:14px;padding:10px;display:grid;grid-template-columns:34px 1fr auto;grid-template-areas:'i b e' 'i s e';gap:0 10px;text-align:left;align-items:center;width:100%;cursor:pointer}.outlet i,.water-control i{grid-area:i;width:34px;height:34px;border-radius:10px;background:#e6edf3;color:var(--muted);display:grid;place-items:center}.outlet i svg,.water-control i svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2.2}.outlet strong,.water-control strong{grid-area:b}.outlet small,.water-control small{grid-area:s;color:var(--muted);font-weight:800}.outlet em,.water-control em{grid-area:e;font-style:normal;font-weight:1000;border-radius:999px;background:#eef3f7;color:#617083;padding:6px 10px}.outlet.active,.water-control.active{background:#eafaf8;border-color:#c5efeb}.outlet.active i,.water-control.active i{background:var(--teal);color:#fff}.outlet.active em,.water-control.active em{background:#d7f7f3;color:#007b72}.outlet.400V i{background:#ffe7eb;color:var(--red)}.outlet.400V.active i{background:var(--red);color:#fff}.orders,.activity,.table-list,.tech-list{display:flex;flex-direction:column;gap:10px}.order{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--line);background:#f9fcff;border-radius:15px;padding:12px}.order b{color:var(--navy);font-size:17px}.order span{color:var(--muted);font-weight:900}.order em{font-style:normal;color:var(--teal);font-weight:1000;align-self:center}.act{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}.act i{width:34px;height:34px;border-radius:50%;background:#eafaf8;color:var(--teal);display:grid;place-items:center;font-style:normal}.act span{font-weight:1000}.act small{display:block;color:var(--muted);font-weight:800}.marina-map svg{width:100%;height:auto;display:block}.empty.big{padding:20px;background:#f8fbfd;border:1px dashed var(--line);border-radius:15px;color:var(--muted);font-weight:900}.two-tables,.ped-admin{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trow,.tech{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fbfdff;padding:12px}.trow b,.tech b{color:var(--navy);font-size:18px}.trow small,.tech small,.trow span,.tech span{color:var(--muted);font-weight:850}.trow em,.tech em{font-style:normal;font-weight:1000;color:var(--teal);text-align:right}.trow.active{border-color:#bdeee8;background:#f1fcfb}.add-ped{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-ped label{font-weight:1000;color:var(--muted)}.add-ped input{width:100%;height:42px;border:1px solid var(--line);border-radius:12px;padding:0 12px;margin-top:5px;background:#fff}.add-ped button,.generator-link{height:44px;border:0;border-radius:14px;background:var(--navy);color:#fff;font-weight:1000;padding:0 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.stats-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.big-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.big-metrics div{background:#f8fbfd;border:1px solid var(--line);border-radius:16px;padding:16px}.big-metrics span{display:block;color:var(--muted);font-weight:1000}.big-metrics b{display:block;font-size:22px;margin-top:4px}.mini{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:1000;color:var(--navy);margin-left:4px}.mini.danger{color:#b42318;background:#fff5f4;border-color:#ffd6d2}.footer{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px 18px;display:flex;gap:12px;align-items:center;color:var(--muted);box-shadow:var(--shadow)}.footer b{color:var(--navy)}.footer span:nth-child(2){background:#eafaf8;color:var(--teal);border-radius:999px;padding:6px 10px;font-weight:1000}@media (max-width:1250px){.stats-row{grid-template-columns:repeat(3,1fr)}.layout,.stats-dashboard{grid-template-columns:1fr}.rightcol{display:grid;grid-template-columns:1fr 1fr}.rightcol .panel:last-child{grid-column:1/-1}}@media (max-width:900px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:8px 14px}.brand{min-width:0;flex:1}.brand img{height:56px}.menu-toggle{display:block;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:1000}.topmenu{display:none;order:4;width:100%;overflow:auto;padding-bottom:6px}.menu-open .topmenu{display:flex}.userbar{font-size:13px}.page{padding:16px}.head h1{font-size:28px}.stats-row{grid-template-columns:1fr 1fr}.ped-grid,.two-tables,.ped-admin,.rightcol{grid-template-columns:1fr}.ped-body{grid-template-columns:125px 1fr}.pedestal-svg{width:125px;height:222px}.outlet-grid{grid-template-columns:1fr}.panel-head{display:block}.chart-actions{margin-top:12px;flex-wrap:wrap}.power-chart.tall{height:300px}.trow,.tech{grid-template-columns:1fr}.add-ped{grid-template-columns:1fr}.footer{display:block;line-height:2}}@media (max-width:520px){.stats-row{grid-template-columns:1fr}.ped-body{grid-template-columns:1fr}.ped-img{text-align:center}.pedestal-svg{width:160px;height:270px}.topmenu a{padding:10px 12px}.head{display:block}.live{display:inline-block;margin-top:10px}.quick-metrics{grid-template-columns:1fr}.energy-card{grid-template-columns:1fr}.stat{min-height:auto}}

/* v11: wykresy bardziej jak w mockupie + czytelne zamówienia na gniazdach */
.compact-chart-panel{padding:16px 18px}.compact-chart-panel .panel-head{margin-bottom:10px}.compact-chart-panel .panel-head h2{font-size:19px}.compact-chart-panel .panel-head p{font-size:13px}.power-chart.compact{height:188px;border-radius:16px;position:relative;background:linear-gradient(180deg,#ffffff 0%,#f4fbfb 100%)}.power-chart.compact polyline{stroke-width:3.2}.power-chart.compact circle{r:4;cursor:pointer}.chart-tooltip{position:absolute;z-index:8;min-width:112px;padding:9px 11px;border-radius:12px;background:#0d1b35;color:#fff;box-shadow:0 14px 34px rgba(13,27,53,.22);pointer-events:none;transform:translateY(-4px)}.chart-tooltip b{display:block;font-size:16px;line-height:1}.chart-tooltip span{display:block;font-size:11px;color:#b9c8d8;font-weight:900;margin-top:3px}.energy-card-pro{grid-template-columns:130px 1fr;min-height:86px;background:linear-gradient(180deg,#fff,#f8fcfc)}.energy-card-pro small{display:block;margin-top:4px;color:#6f7d90;font-weight:900;font-size:12px}.energy-card-pro .mini-spark{height:56px}.energy-card-pro .mini-spark path{stroke:#dfe8ef;stroke-width:1.4}.energy-card-pro .mini-spark polyline{stroke:#56c6cb;stroke-width:3.3;filter:drop-shadow(0 6px 8px rgba(0,169,157,.10))}.outlet,.water-control{position:relative;grid-template-columns:34px 1fr auto;grid-template-areas:'i b e' 'i s e' 'x x x';padding:9px 10px;gap:1px 10px}.outlet-session{grid-area:x;margin-top:7px;display:block;border-top:1px dashed rgba(111,125,144,.22);padding-top:6px;font-size:11px;line-height:1.25;color:#64748b;font-weight:950}.outlet.active .outlet-session{color:#007e75}.outlet em,.water-control em{min-width:48px;text-align:center}.outlet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.chart-actions strong{height:40px;min-width:104px;font-size:20px}.chart-foot{font-size:13px;margin-top:8px}.rightcol .panel{padding:16px}.ped-card{padding:16px}.ped-body{grid-template-columns:138px 1fr;gap:14px}.pedestal-svg{width:138px;height:238px}.session-box{padding:12px}.session-box b{font-size:25px}@media (max-width:900px){.power-chart.compact{height:205px}.outlet-grid{grid-template-columns:1fr}.compact-chart-panel .panel-head{display:block}.chart-actions strong{font-size:18px}.ped-body{grid-template-columns:120px 1fr}.pedestal-svg{width:120px;height:214px}}@media (max-width:520px){.ped-body{grid-template-columns:1fr}.pedestal-svg{width:150px;height:250px}.energy-card-pro{grid-template-columns:1fr}.power-chart.compact{height:220px}}

/* v13 compact refinement: thinner fonts + lighter sparklines */
body{font-weight:400;letter-spacing:-.01em}.head h1{font-weight:650}.topmenu a,.stat span,.panel h2,.card-top h2,.sec-title{font-weight:700}.stat b{font-size:26px;font-weight:650}.stat small,.panel p,.muted{font-weight:500}.ped-card{padding:15px}.card-top{padding-bottom:10px;margin-bottom:12px}.card-top h2{font-size:20px}.card-top p{font-weight:500;font-size:13px}.ped-body{grid-template-columns:132px 1fr;gap:13px}.pedestal-svg{width:132px;height:232px}.session-box{padding:10px 12px;margin-bottom:9px;border-radius:14px}.session-box span,.energy-card span{font-size:12px;font-weight:650;letter-spacing:.02em}.session-box b{font-size:22px;font-weight:650}.session-box small{font-size:11px;font-weight:500}.energy-card{grid-template-columns:92px 1fr;padding:10px 11px;margin-bottom:9px;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 6px 16px rgba(8,36,70,.035)}.energy-card b{font-size:18px;line-height:1.05;font-weight:650;letter-spacing:-.02em;color:var(--navy)}.energy-card small{font-size:11px;line-height:1.25;font-weight:500;color:var(--muted)}.mini-spark{height:38px}.mini-spark .spark-base{stroke:#dce6ee;stroke-width:.8}.mini-spark .spark-line,.mini-spark polyline{stroke:#37b8bf;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:none}.mini-spark .spark-area{opacity:.12}.quick-metrics{gap:6px}.quick-metrics span{padding:7px 8px;border-radius:12px;font-weight:500}.quick-metrics b{font-size:13px;font-weight:650}.outlet,.water-control{padding:8px 9px;border-radius:13px;grid-template-columns:30px 1fr auto}.outlet i,.water-control i{width:30px;height:30px;border-radius:9px}.outlet strong,.water-control strong{font-size:13px;font-weight:700}.outlet small,.water-control small,.outlet-session{font-size:11px;font-weight:500}.outlet em,.water-control em{font-size:11px;font-weight:700;padding:5px 8px}.power-chart polyline{stroke-width:2.1}.power-chart circle{stroke-width:1.8}.chart-actions strong{font-size:20px;font-weight:650}.footer{font-weight:400}.footer b{font-weight:650}
@media (max-width:760px){.ped-body{grid-template-columns:96px 1fr}.pedestal-svg{width:96px;height:178px}.energy-card{grid-template-columns:82px 1fr}.energy-card b{font-size:16px}.mini-spark{height:34px}.stat b{font-size:23px}}


/* v14 - drobne wygładzenie wykresów i aktywności */
.energy-card-pro .mini-spark polyline,
.energy-card-pro .mini-spark .spark-line,
.mini-spark-pro polyline,
.mini-spark-pro .spark-line{
  stroke-width:1px !important;
  stroke:#22aeb8 !important;
  filter:none !important;
}
.energy-card-pro .mini-spark .spark-area,
.mini-spark-pro .spark-area{
  opacity:.22 !important;
}
.energy-card-pro .mini-spark path.spark-base,
.mini-spark-pro path.spark-base{
  stroke:#e4ecf2 !important;
  stroke-width:.75px !important;
}
.energy-card-pro{
  min-height:76px !important;
  padding:9px 10px !important;
  grid-template-columns:86px 1fr !important;
}
.energy-card-pro span{
  font-size:11px !important;
  font-weight:600 !important;
}
.energy-card-pro b{
  font-size:17px !important;
  font-weight:600 !important;
  letter-spacing:-.025em !important;
}
.energy-card-pro small{
  font-size:10.5px !important;
  font-weight:450 !important;
  line-height:1.2 !important;
}
.energy-card-pro .mini-spark{
  height:34px !important;
}
.activity{gap:0 !important;}
.act{
  grid-template-columns:26px 1fr !important;
  gap:8px !important;
  padding:7px 0 !important;
}
.act i{
  width:26px !important;
  height:26px !important;
  font-size:12px !important;
  background:#eefaf8 !important;
  color:#00998f !important;
}
.act span{
  font-size:12.5px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:-.01em !important;
}
.act small{
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:450 !important;
  color:#7b8798 !important;
  margin-top:2px !important;
}
.rightcol .panel .panel-head.small h2{
  font-size:17px !important;
  font-weight:650 !important;
}
.rightcol .panel .panel-head.small b{
  font-size:10.5px !important;
  font-weight:700 !important;
}
@media (max-width:760px){
  .energy-card-pro{grid-template-columns:76px 1fr !important;}
  .energy-card-pro b{font-size:15.5px !important;}
  .energy-card-pro .mini-spark{height:32px !important;}
}


/* v15 mini energy chart: like main chart, but compact and light */
.energy-card-pro{
  grid-template-columns:88px 1fr !important;
  min-height:68px !important;
  padding:8px 10px !important;
  border-radius:13px !important;
}
.energy-card-pro span{
  font-size:10.5px !important;
  font-weight:600 !important;
  letter-spacing:.015em !important;
}
.energy-card-pro b{
  font-size:15.5px !important;
  line-height:1.05 !important;
  font-weight:600 !important;
  letter-spacing:-.025em !important;
}
.energy-card-pro small{
  font-size:10px !important;
  line-height:1.15 !important;
  font-weight:420 !important;
  margin-top:3px !important;
}
.energy-card-pro .mini-spark{
  height:42px !important;
  min-width:0 !important;
}
.energy-card-pro .mini-spark .spark-grid{
  fill:none !important;
  stroke:#e7eef4 !important;
  stroke-width:.55 !important;
  opacity:.75 !important;
}
.energy-card-pro .mini-spark path.spark-base,
.mini-spark-pro path.spark-base{
  stroke:#dce6ee !important;
  stroke-width:.7 !important;
}
.energy-card-pro .mini-spark .spark-area,
.mini-spark-pro .spark-area{
  opacity:1 !important;
}
.energy-card-pro .mini-spark polyline,
.energy-card-pro .mini-spark .spark-line,
.mini-spark-pro polyline,
.mini-spark-pro .spark-line{
  fill:none !important;
  stroke:#00a99d !important;
  stroke-width:1px !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  filter:none !important;
}
.activity{gap:0 !important;}
.act{padding:6px 0 !important;grid-template-columns:24px 1fr !important;gap:7px !important;}
.act i{width:24px !important;height:24px !important;font-size:11px !important;}
.act span{font-size:12px !important;font-weight:560 !important;line-height:1.15 !important;}
.act small{font-size:10.5px !important;font-weight:420 !important;line-height:1.1 !important;}
@media (max-width:760px){
  .energy-card-pro{grid-template-columns:80px 1fr !important;min-height:64px !important;}
  .energy-card-pro .mini-spark{height:38px !important;}
  .energy-card-pro b{font-size:14.5px !important;}
}

/* v18 — poprawka mini wykresu w karcie słupka: okrągłe punkty + tooltip */
.energy-card-pro{position:relative;overflow:visible;}
.energy-card-pro .mini-spark{
  height:42px !important;
  width:100%;
  display:block;
  overflow:visible;
}
.energy-card-pro .mini-spark .spark-grid{
  stroke:#e7eef4;
  stroke-width:.7;
  fill:none;
}
.energy-card-pro .mini-spark .spark-base{
  stroke:#dce6ee;
  stroke-width:.8;
  fill:none;
}
.energy-card-pro .mini-spark .spark-area{
  opacity:1;
}
.energy-card-pro .mini-spark .spark-line{
  fill:none;
  stroke:#00a99d;
  stroke-width:1.2px !important;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:none;
}
.energy-card-pro .mini-spark .spark-point{
  fill:#fff;
  stroke:#00a99d;
  stroke-width:1.15px;
  cursor:pointer;
  vector-effect:non-scaling-stroke;
}
.energy-card-pro .mini-spark .spark-point:hover{
  fill:#00a99d;
  stroke:#fff;
  stroke-width:1.4px;
}
.mini-chart-tooltip{
  position:absolute;
  z-index:30;
  min-width:84px;
  padding:6px 8px;
  border-radius:10px;
  background:#062b5f;
  color:#fff;
  box-shadow:0 10px 24px rgba(6,43,95,.22);
  pointer-events:none;
  font-size:11px;
  line-height:1.15;
  white-space:nowrap;
}
.mini-chart-tooltip b{display:block;font-size:12px;font-weight:650;letter-spacing:-.01em;}
.mini-chart-tooltip span{display:block;margin-top:2px;color:#cde2ee;font-size:10px;font-weight:500;}
.activity{gap:6px;}
.act{grid-template-columns:28px 1fr;gap:8px;padding:6px 0;}
.act i{width:27px;height:27px;font-size:12px;}
.act span{font-size:12px;font-weight:600;line-height:1.2;}
.act small{font-size:10.5px;font-weight:500;margin-top:2px;}

/* v19: tooltip value + high temperature warning */
.energy-card-pro .mini-chart-tooltip{
  min-width:92px !important;
  padding:7px 9px !important;
  border-radius:10px !important;
  background:#062b5f !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(6,43,95,.20) !important;
  line-height:1.05 !important;
  z-index:20 !important;
}
.energy-card-pro .mini-chart-tooltip strong{
  display:block !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
}
.energy-card-pro .mini-chart-tooltip small{
  display:block !important;
  margin-top:3px !important;
  color:#cde2ee !important;
  font-size:10px !important;
  font-weight:450 !important;
}
.temp-warning{
  margin:7px 0 9px;
  padding:7px 9px;
  border:1px solid rgba(240,138,19,.28);
  background:linear-gradient(180deg,#fff8ec,#fff3df);
  color:#a85400;
  border-radius:11px;
  font-size:11.5px;
  font-weight:650;
  line-height:1.25;
}
.quick-metrics span:nth-child(2).hot,
.ped-card:has(.temp-warning) .quick-metrics span:nth-child(2){
  border-color:rgba(240,138,19,.35);
  background:#fff7ec;
}

/* v20 - kompaktowa lista zamówień jak Ostatnia aktywność */
.orders{
  gap:0 !important;
}
.order{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:6px 10px !important;
  padding:7px 2px !important;
  border:0 !important;
  border-bottom:1px solid rgba(223,231,239,.85) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.order:last-child{
  border-bottom:0 !important;
}
.order b{
  font-size:12.5px !important;
  line-height:1.15 !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
  color:var(--navy) !important;
}
.order span{
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
  color:var(--muted) !important;
}
.order span small{
  font-size:10.5px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  color:#7f8da0 !important;
}
.order em{
  min-width:62px !important;
  justify-self:end !important;
  text-align:right !important;
  padding:4px 7px !important;
  border-radius:999px !important;
  background:rgba(0,169,157,.09) !important;
  border:1px solid rgba(0,169,157,.16) !important;
  color:#007e75 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:650 !important;
}
.rightcol .panel .orders + .empty,
.orders .empty.big{
  padding:10px 12px !important;
  font-size:12px !important;
  font-weight:500 !important;
  border-radius:12px !important;
}
@media (max-width:520px){
  .order{
    grid-template-columns:1fr !important;
    gap:3px !important;
  }
  .order em{
    justify-self:start !important;
    text-align:left !important;
  }
}