/* Electricity cost widget - appliance rows. */
.ec-list { display: grid; gap: 8px; }
.ec-row {
    display: grid; gap: 6px 8px; align-items: end;
    grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, .8fr) auto;
    padding: 8px 10px; border: 1px solid var(--e-line); border-radius: 10px; background: var(--e-surface);
}
.ec-cell { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ec-cell > label { font-size: .76em; font-weight: 600; color: var(--e-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ec-cell .e-input { min-height: 36px; padding: 6px 8px; }
.ec-remove { min-height: 36px; min-width: 36px; padding: 4px 8px; font-size: 1.1em; line-height: 1; }
.ec-add { margin: 8px 0 var(--e-gap); }
.ec-settings { margin-bottom: 0; }
@media (max-width: 440px) {
    .ec-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .8fr) auto; }
    .ec-name { grid-column: 1 / -1; }
}