/* Energislag Jämförelse v2.0 */
#ej-app{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0a0f1a;border-radius:12px;padding:28px;color:#e2e8f0}
#ej-header{text-align:center;margin-bottom:24px}
#ej-header h3{font-size:1.5em;font-weight:800;margin:0 0 6px;color:#f1f5f9}
#ej-header p{color:#64748b;font-size:.88em;margin:0}
/* Cards */
#ej-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:28px}
.ej-card{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:16px 14px;text-align:center;transition:border-color .2s;border-top:3px solid var(--c)}
.ej-card:hover{border-color:var(--c)}
.ej-card-top{margin-bottom:10px}
.ej-card-emoji{font-size:1.6em;display:block;margin-bottom:4px}
.ej-card-name{font-size:.85em;font-weight:700;color:#f1f5f9}
.ej-card-stats{display:flex;flex-direction:column;gap:6px}
.ej-card-stat{display:flex;justify-content:space-between;align-items:baseline}
.ej-cs-val{font-size:1em;font-weight:800;color:#38bdf8}
.ej-cs-unit{font-size:.65em;color:#64748b}
/* Sections */
#ej-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.ej-section{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:20px}
.ej-section h4{font-size:.95em;color:#f1f5f9;margin:0 0 4px;font-weight:700}
.ej-sub{font-size:.75em;color:#475569;margin:0 0 14px}
.ej-source{font-size:.68em;color:#334155;margin:12px 0 0;font-style:italic}
/* Bars */
.ej-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.ej-bar-name{width:100px;font-size:.78em;color:#94a3b8;text-align:right;flex-shrink:0}
.ej-bar-wrap{flex:1;height:18px;background:#0f172a;border-radius:4px;overflow:hidden}
.ej-bar-fill{height:100%;border-radius:4px}
.ej-bar-val{width:85px;font-size:.8em;font-weight:700;color:#e2e8f0;text-align:right;flex-shrink:0}
.ej-best{color:#22c55e !important}
.ej-worst{color:#ef4444 !important}
/* Calculator */
#ej-calc{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:24px}
#ej-calc h4{font-size:1em;color:#f1f5f9;margin:0 0 14px;font-weight:700}
.ej-calc-input{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ej-calc-input input{background:#0f172a;border:1px solid #334155;color:#38bdf8;padding:10px 14px;border-radius:8px;font-size:1.2em;font-weight:700;width:100px;text-align:center}
.ej-calc-input input:focus{outline:none;border-color:#3b82f6}
.ej-calc-input span{color:#94a3b8;font-size:.9em}
#ej-calc-btn{background:#1e40af;border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:.85em;font-weight:600;cursor:pointer;transition:background .2s}
#ej-calc-btn:hover{background:#2563eb}
.ej-calc-hint{font-size:.78em;color:#475569;margin-bottom:16px}
/* Calc table */
.ej-calc-table{width:100%;border-collapse:collapse;font-size:.85em;margin-bottom:14px}
.ej-calc-table th{text-align:left;color:#64748b;font-weight:600;text-transform:uppercase;font-size:.78em;padding:10px 8px;border-bottom:1px solid #1e293b}
.ej-calc-table td{padding:10px 8px;border-bottom:1px solid rgba(30,41,59,.5);color:#e2e8f0}
.ej-calc-table tr:last-child td{border-bottom:none}
.ej-calc-table tr:first-child td{color:#22c55e;font-weight:600}
.ej-calc-table tr:last-child td{color:#ef4444}
.ej-calc-highlight{background:#172554;border:1px solid #1e40af;border-radius:8px;padding:14px 18px;font-size:.88em;color:#cbd5e1;line-height:1.5}
.ej-calc-highlight strong{color:#38bdf8}
/* Responsive */
@media(max-width:900px){#ej-cards{grid-template-columns:repeat(3,1fr)}#ej-charts{grid-template-columns:1fr}}
@media(max-width:600px){#ej-cards{grid-template-columns:repeat(2,1fr)}#ej-app{padding:16px}.ej-bar-name{width:70px;font-size:.7em}.ej-bar-val{width:70px;font-size:.72em}}