/* ToolGrit – Heat Load from Bills (v1.6.2) */
.eec16-wrap{ --bg:#fafafa; --card:#ffffff; --text:#1a1a1a; --muted:#6b7280; --accent:#8b6f47; --accent-2:#e8f7ee;
  font-family: Georgia, "Times New Roman", serif; color: var(--text); background: var(--bg);
  border-radius: 16px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,.12); max-width: 1100px; margin: 24px auto; line-height: 1.6em; }
.eec16-title{ font-size: clamp(28px,3vw,40px); text-align:center; margin: 0 0 16px; }
.eec16-sections{ display:grid; gap:16px; }
.eec16-card{ background: var(--card); border:1px solid #eee; border-radius: 14px; padding: 16px; }
.eec16-subtitle{ margin: 0 0 10px; font-size: 18px; }
.eec16-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap:12px; }
.eec16-grid label{ display:flex; flex-direction:column; gap:6px; font-size: 14px; }
.eec16-grid input, .eec16-grid select{ border:1px solid #ddd; border-radius:10px; padding:10px; font-size:14px; background:#fff; }
.eec16-help{ color: var(--muted); font-size: 12px; line-height: 1.3em; }
.eec16-btn{ display:inline-block; background:var(--accent); color:#fff; border:none; border-radius:12px; padding:10px 16px; margin-top: 12px; cursor:pointer; font-weight:600; }
.eec16-btn:hover{ filter: brightness(0.96); }
.eec16-results > div{ margin:6px 0; }
.eec16-muted{ color: var(--muted); font-size: 13px; }
.eec16-bullets ul{ margin: 0 0 8px 18px; }
.eec16-link{ color:#0d6efd; text-decoration: underline; }
#hl-chart{ width: 100%; height: 260px; display:block; }

/* Visual benchmark indicators */
.hl-status-row{ display:flex; align-items:center; gap:10px; margin: 4px 0 12px; }
.hl-icon svg{ display:block; }
.hl-status-text{ font-weight:600; }
.hl-chip-excellent{ color:#16a34a; }
.hl-chip-good{ color:#22c55e; }
.hl-chip-typical{ color:#3b82f6; }
.hl-chip-high{ color:#f59e0b; }
.hl-chip-veryhigh{ color:#ef4444; }

.hl-gauge{ position: relative; height: 12px; background: linear-gradient(90deg, rgba(34,197,94,.25) 0%, rgba(59,130,246,.25) 50%, rgba(245,158,11,.25) 80%, rgba(239,68,68,.25) 100%);
  border-radius: 999px; overflow: hidden; margin: 6px 0 10px; }
.hl-gauge-fill{ position:absolute; left:0; top:0; bottom:0; width:0%; background: rgba(139,111,71,.35); }
.hl-gauge-marker{ position:absolute; top:-4px; width:2px; height:20px; background:#111; left:0%; }
.hl-gauge-labels{ display:flex; justify-content:space-between; font-size:11px; color:#555; margin-top:6px; }

/* ROI list */
.hl-roi-list{ display:flex; flex-direction:column; gap:10px; }
.hl-roi-item{ border:1px solid #ececec; border-radius:12px; padding:12px; background:#fff; }
.hl-roi-head{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.hl-roi-name{ font-weight:600; }
.hl-badge{ display:inline-block; font-size:12px; padding:4px 8px; border-radius:999px; background:#f3f4f6; border:1px solid #e5e7eb; margin-left:6px; }
.hl-roi-note{ font-size:13px; color:#4b5563; margin-top:6px; }


/* v1.6.5 tweaks */
/* Keep "Floor area (ft²) (optional)" on one line */
.eec16-labelline{ display:inline-flex; align-items:baseline; gap:.25rem; white-space:nowrap; }
/* Make "Average load" stand out */
.hl-avg-line{ background:#f7f3ed; border:1px solid #eddcc7; border-radius:10px; padding:6px 10px; }
#hl-btu-hr-avg{ font-size:1.6rem; font-weight:800; color:#8b6f47; }

/* v1.6.6: secondary Calculate button spacing */
.hl-calc-bottom{ margin-top: 10px; }


/* v1.6.8: make Benchmark row match Average load style */
#hl-btu-hr-sf{ font-size:1.6rem; font-weight:800; color:#8b6f47; }


/* v1.8.1: minimal Share/Print toolbar */
.eec16-rowhead{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.eec16-minibtn{ font-size:12px; border:1px solid #ddd; background:#fff; padding:6px 10px; border-radius:8px; cursor:pointer; }
@media print{
  .eec16-actions, #hl-calc, #hl-calc-bottom{ display:none !important; }
  .eec16-wrap{ box-shadow:none; background:#fff; color:#000; }
}