/* Step 6 — inverter equipment record */
.field select { border:1px solid #bcccdc; border-radius:5px; padding:10px; background:#fbfdfe; color:var(--ink); font:inherit; width:100%; }
.field select:focus { outline:2px solid rgba(23,107,135,.2); border-color:var(--blue); }
.design-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:8px; overflow:hidden; box-shadow:var(--shadow); margin:16px 0; }
.design-summary > div { background:#fff; padding:16px; }
.design-summary .featured { background:#eaf8f6; }
.design-summary span,.design-summary small { display:block; color:var(--muted); font-size:10px; text-transform:uppercase; font-weight:700; }
.design-summary strong { display:block; color:var(--navy); font-size:21px; margin:3px 0; }
.mppt-heading { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); margin-top:22px; padding-top:18px; }
.mppt-heading h4 { margin:0; color:var(--navy); }
.mppt-heading p { font-size:12px; color:var(--muted); margin:2px 0; }
.same-limits { display:flex; align-items:center; gap:7px; background:#eaf8f6; border:1px solid #afd8d2; border-radius:5px; padding:8px 10px; font-size:12px; font-weight:700; cursor:pointer; }
.mppt-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:12px; margin-top:12px; }
.mppt-card { background:var(--soft); border:1px solid var(--line); border-radius:7px; padding:15px; }
.mppt-card h5 { margin:0 0 12px; color:var(--teal); font-size:13px; }
.mppt-card.shared { max-width:420px; }
.mppt-card .field + .field { margin-top:11px; }
.data-placeholder { border:1px dashed #9fb3c1; border-radius:6px; padding:18px; color:var(--muted); font-size:12px; text-align:center; grid-column:1/-1; }
.required-data > span:after { content:' · DATA REQUIRED'; color:var(--orange); font-size:9px; letter-spacing:.04em; }
.completion-panel { display:grid; grid-template-columns:1fr 1fr; gap:20px; border-radius:8px; padding:20px; margin-top:18px; border:1px solid; }
.completion-panel.incomplete { background:#fff7e8; border-color:#efc47e; }
.completion-panel.complete { background:#e8f7ef; border-color:#8bc9a8; }
.completion-panel > div > span { font-size:10px; letter-spacing:.08em; font-weight:900; color:var(--orange); }
.completion-panel.complete > div > span { color:var(--green); }
.completion-panel h3 { margin:4px 0; color:var(--navy); }
.completion-panel p { margin:0; color:var(--muted); font-size:12px; }
.completion-panel ul { margin:0; padding-left:18px; font-size:12px; columns:2; }
.completion-panel li { margin:3px 0; }
.advanced-inverter { margin:14px 0; }
.advanced-fields { padding:18px; }
.advanced-fields > p { color:var(--muted); font-size:12px; margin:0 0 15px; }
.field-guidance { margin:15px 0 0; padding:10px 12px; background:#eef5f8; border-radius:5px; color:var(--muted); font-size:12px; }
@media(max-width:900px) { .design-summary { grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px) { .design-summary,.completion-panel { grid-template-columns:1fr; } .completion-panel ul { columns:1; } }