/* Ultra-modern card, grids, chart, filters */
.ercf-card{
  --bg: radial-gradient(1200px 800px at 10% -10%, #ffefe7 0%, transparent 35%),
        radial-gradient(900px 700px at 110% 10%, #e7f3ff 0%, transparent 40%),
        linear-gradient(180deg, #ffffff, #fbfbfb);
  background: var(--bg); border:1px solid #ececec; border-radius:20px; padding:20px;
  box-shadow:0 8px 30px rgba(0,0,0,.06); overflow:hidden;
}
.ercf-header{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap;margin-bottom:14px}
.ercf-title{font-size:clamp(18px,2.4vw,24px);font-weight:700;letter-spacing:.2px}
.ercf-meta{font-size:12px;color:#555}
.ercf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.ercf-item{background:rgba(255,255,255,.6);border:1px solid #eee;border-radius:16px;padding:16px;backdrop-filter:blur(4px);transition:transform .2s,box-shadow .2s}
.ercf-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.ercf-name{font-size:13px;color:#333;margin-bottom:10px}
.ercf-price{display:flex;align-items:baseline;gap:10px}
.ercf-value{font-size:clamp(22px,3.2vw,28px);font-weight:800}
.ercf-unit{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid #e3e3e3;background:#fff}
.ercf-empty{padding:16px;color:#666}
.ercf-chart-wrap{position:relative;height:300px;margin-top:16px;border:1px dashed #eee;border-radius:14px;background:#fff}
.ercf-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;margin-bottom:6px;font-size:12px;color:#333}
.ercf-filters input{vertical-align:middle}

/* Tabs for calculator */
.ercf-tabs{display:flex;gap:8px;margin-bottom:8px}
.ercf-tabs .tab{
  appearance:none;border:none;cursor:pointer;
  padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px;
  background:#f2f5ff;color:#1b2b5f;border:1px solid #e1e6ff;transition:all .2s;
}
.ercf-tabs .tab:hover{box-shadow:0 4px 10px rgba(0,0,0,.06)}
.ercf-tabs .tab.active{background:linear-gradient(135deg,#007bff,#00c0ff);color:#fff;border-color:transparent}
.tab-pane{display:none}
.tab-pane.active{display:block}

/* Calculator — modern glass look */
.ercf-calc {
  display: grid; gap: 16px;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  border-radius: 20px; padding: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.ercf-calc-row{display:grid;gap:6px}
.ercf-calc-row label{font-size:14px;font-weight:700;color:#111}
.ercf-calc-row input,.ercf-calc-row select{
  width:100%; padding:10px 14px; border-radius:12px; border:1px solid #ddd;
  background:#fff; font-size:15px; transition: all .2s ease;
}
.ercf-calc-row input:focus,.ercf-calc-row select:focus{
  border-color:#007bff; box-shadow:0 0 0 4px rgba(0,123,255,0.15); outline:none;
}
.ercf-calc-out{
  display:grid; gap:8px; background: linear-gradient(135deg, #007bff, #00c0ff);
  color:#fff; border-radius:16px; padding:16px; text-align:center;
  font-size:17px; font-weight:700; letter-spacing:.3px; box-shadow:0 4px 12px rgba(0,0,0,.15);
}
.ercf-calc-out strong{display:block;margin-bottom:3px}
.ercf-calc-note{font-size:11px;color:#444;text-align:center}

@media (prefers-color-scheme: dark){
  .ercf-card{--bg:linear-gradient(180deg,#0f1115,#12151a);border-color:#1f2430;box-shadow:none}
  .ercf-item{background:rgba(255,255,255,.06);border-color:#2a2f3a}
  .ercf-title{color:#e8eefb}
  .ercf-name{color:#c9d4ea}
  .ercf-meta{color:#9aa7bd}
  .ercf-value{color:#eef3ff}
  .ercf-unit{background:#161a22;color:#cbd7ef;border-color:#2b3241}
  .ercf-chart-wrap{background:#0f131a;border-color:#2b3241}
  .ercf-filters{color:#c9d4ea}

  .ercf-tabs .tab{background:#182033;color:#d4e1ff;border-color:#243458}
  .ercf-tabs .tab.active{background:linear-gradient(135deg,#005cff,#00aaff);color:#fff;border-color:transparent}

  .ercf-calc{background:rgba(255,255,255,0.06);border-color:#333;}
  .ercf-calc-row label{color:#e6ecfb}
  .ercf-calc-row input,.ercf-calc-row select{background:#0f131a;border-color:#2a2f3a;color:#e8ecf5}
  .ercf-calc-out{background:linear-gradient(135deg,#005cff,#00aaff);}
  .ercf-calc-note{color:#9aa7bd}
}

/* Mini table */
.ercf-mini{border:1px solid #e8e8e8;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.05);padding:10px}
.ercf-mini-h{font-size:13px;font-weight:700;margin-bottom:6px;color:#222}
.ercf-mini-t{width:100%;border-collapse:collapse}
.ercf-mini-t td{padding:4px 6px;font-size:12px;border-bottom:1px solid #f1f1f1;white-space:nowrap}
.ercf-mini-t td.n{max-width:160px;overflow:hidden;text-overflow:ellipsis}
.ercf-mini-t td.p{text-align:right;font-weight:700}
.ercf-mini-t td.u{color:#666;font-size:11px}
.ercf-mini-t td.e{text-align:center;color:#777;padding:12px 6px}