.tid-till-malbelopp-wrapper {
    max-width:420px; background:#f9f9f9; padding:20px; border-radius:10px;
}
.tid-form label { display:block; margin-top:12px; font-weight:bold; }
.tid-form input, .tid-form select { width:100%; padding:10px; margin-top:5px; box-sizing:border-box; }
.flex { display:flex; gap:12px; }
.tid-knapp { width:100%; margin-top:18px; padding:14px; background:#0073aa; color:#fff; border:none; border-radius:6px; cursor:pointer; font-size:1.05em; }
.tid-knapp:hover { background:#005a87; }

/* Informationsruta ljusblå */
.forklaring-avkastning { background:#d9f0ff; padding:16px; margin:18px 0; border-left:5px solid #0073aa; border-radius:6px; font-size:0.9em; line-height:1.5; }
.forklaring-avkastning .disclaimer { margin-top:10px; font-style:italic; color:#555; }

/* Progressbar med fyra segment */
.progress-bar { display:flex; height:28px; border-radius:14px; overflow:hidden; margin-top:12px; background:#e0e0e0; }
.progress-start { background:#0073aa; height:100%; }
.progress-insatt { background:#66c2ff; height:100%; }
.progress-tillvaxt { background:#99e699; height:100%; }
.progress-utdelning { background:#ffcc66; height:100%; }

.result-details { list-style:none; padding-left:0; margin-top:12px; }
.result-details li { margin-bottom:6px; font-size:0.95em; }