.simulation-settings { margin: 24px 0; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: #081421; box-shadow: 0 20px 60px rgba(0,0,0,.18); }
.simulation-settings-heading,.simulation-month-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:16px; }
.simulation-settings-heading h2,.simulation-month-heading h2 { margin:0; }
.simulation-model { display:flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:#0c1b2d; }
.simulation-model span,.simulation-month-heading>span { color:var(--muted); }
.simulation-model strong { color:var(--green); }
#simulation-form { display:grid; grid-template-columns:repeat(2,minmax(190px,1fr)) auto; align-items:end; gap:13px; }
#simulation-form label>span { display:block; margin-bottom:6px; color:var(--muted); font-size:13px; }
#simulation-form input { width:100%; min-height:44px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; color:var(--text); background:#071421; font:inherit; }
.simulation-unit-input { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; }
.simulation-unit-input>span { color:var(--muted); }
.simulation-primary-button { min-height:44px; padding:9px 14px; border:1px solid #398765; border-radius:9px; color:#effff6; background:#176342; font:inherit; font-weight:750; cursor:pointer; }
.simulation-primary-button:disabled { opacity:.55; cursor:wait; }
.simulation-facts { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.simulation-facts span { padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:#0c1b2d; }
.simulation-facts strong { color:var(--text); }
.simulation-note { margin:8px 0 0; color:var(--muted); font-size:13px; }
.simulation-date-navigation {
    display:grid;
    grid-template-columns:auto 48px minmax(0,1fr) 48px auto;
    align-items:center;
    gap:10px;
    margin:25px 0;
}
.simulation-date-navigation .date-title { min-width:0; }
.month-date-button {
    min-width:96px;
    min-height:44px;
    padding:8px 12px;
    border:1px solid var(--line);
    border-radius:10px;
    color:var(--text);
    background:#172a43;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}
.month-date-button:hover { background:#203a5c; }
.month-date-button:disabled { opacity:.3; cursor:not-allowed; }
.simulation-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:18px; }
.simulation-summary .capacity-card strong { font-size:clamp(22px,3.4vw,34px); }
.simulation-day-chart-wrap { position:relative; height:min(65vh,580px); min-height:380px; }
.simulation-day-chart-wrap canvas,.simulation-month-chart-wrap canvas { display:block; width:100%; height:100%; }
.simulation-legend { display:flex; flex-wrap:wrap; gap:9px; margin:4px 12px 12px; }
.simulation-legend span { display:flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:#0c1b2d; }
.simulation-legend i { width:22px; height:0; border-top:3px solid; }
.simulation-legend .price-bars { width:12px; height:15px; border:0; border-radius:3px; background:#f4c84a; }
.simulation-legend .reference-line { border-color:#f4f7fb; }
.simulation-legend .grid-line { border-color:#65bfff; }
.simulation-legend .storage-line { border-color:#bc8cff; }
.simulation-legend .soc-line { border-color:#42d887; border-top-style:dashed; }
.simulation-legend .discharge-line { border-color:#ff9f43; border-top-style:dashed; }
.simulation-legend .time-line { border-color:#91a4b9; border-top-style:dashed; }
.simulation-month-panel { margin-top:22px; }
.simulation-year-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0 0 18px; }
.simulation-year-summary .capacity-card { position:relative; }
.simulation-year-summary .capacity-card strong { font-size:clamp(24px,3.8vw,38px); }
.simulation-year-summary .capacity-card small { display:block; margin-top:5px; color:var(--muted); }
.simulation-month-chart-wrap { position:relative; height:min(55vh,470px); min-height:330px; }
.simulation-legend .without-storage-bar,.simulation-legend .with-storage-bar { width:12px; height:15px; border:0; border-radius:3px; }
.simulation-legend .without-storage-bar { background:#9cb0c6; }
.simulation-legend .with-storage-bar { background:#65d99a; }
@media(max-width:850px){#simulation-form{grid-template-columns:1fr 1fr}.simulation-primary-button{grid-column:1/-1}.simulation-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.simulation-settings-heading,.simulation-month-heading{align-items:flex-start;flex-direction:column}#simulation-form{grid-template-columns:1fr}.simulation-primary-button{grid-column:auto}.simulation-summary,.simulation-year-summary{grid-template-columns:1fr}.simulation-day-chart-wrap{height:430px}.simulation-month-chart-wrap{height:380px}.simulation-date-navigation{grid-template-columns:42px 42px minmax(0,1fr) 42px 42px;gap:6px}.simulation-date-navigation .date-button{width:42px;height:42px}.month-date-button{min-width:42px;width:42px;min-height:42px;padding:0;font-size:20px}.month-button-label{display:none}.simulation-date-navigation .date-title{font-size:clamp(16px,4.5vw,22px);overflow-wrap:anywhere}}