/* ── FELSŐ FÜLEK (Hitelek / Előtörlesztés / Összefoglalás) ── */
.flow-lw-toptabs{display:flex;margin-bottom:16px;border-bottom:2px solid var(--flow-border,#e0e0e0);}
.flow-lw-toptab{
    flex:1;
    min-width:0;
    padding:12px 16px;
    background:#f5f5f5!important;
    border:none!important;
    border-bottom:3px solid transparent!important;
    font-size:14px!important;
    font-weight:600!important;
    color:#666!important;
    cursor:pointer;
    text-align:center;
    outline:none!important;
    box-shadow:none!important;
    font-family:inherit!important;
    text-transform:none!important;
    letter-spacing:normal!important;
}
.flow-lw-toptab:hover{background:#e8e8e8!important;color:var(--flow-primary,#223a5e)!important;}
.flow-lw-toptab.active{
    background:#fff!important;
    color:var(--flow-primary,#223a5e)!important;
    border-bottom-color:var(--flow-primary,#223a5e)!important;
}
.flow-lw-toppanel{display:none;}
.flow-lw-toppanel.active{display:block;}

/* ── CSOPORT-CÍMEK ── */
.flow-lw-group-title{
    font-size:16px;
    font-weight:700;
    color:var(--flow-primary,#223a5e);
    margin:24px 0 10px;
}
.flow-lw-group-title:first-child{margin-top:0;}

/* ── LISTA (finom keret, változatlan) ── */
.flow-lw-list{display:flex;flex-direction:column;border:1px solid var(--flow-border,#d0d8ee);border-radius:12px;overflow:hidden;margin-bottom:4px;}
.flow-lw-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--flow-border-light,#eef0fa);}
.flow-lw-row:first-child{border-top:none;}
.flow-lw-row-icon i{font-size:22px;color:var(--flow-muted,#556);}
.flow-lw-row-main{flex:1;min-width:0;}
.flow-lw-row-name{font-weight:600;font-size:15px;margin:0;}
.flow-lw-row-details{font-size:13px;color:var(--flow-muted,#888);margin:3px 0 0;}
.flow-lw-row-action{flex-shrink:0;}

/* ── TOVÁBB GOMB (Elementor default felülírása) ── */
.flow-lw-more.flow-lw-more{
    background:var(--flow-primary,#223a5e)!important;
    color:#fff!important;
    border:1px solid var(--flow-primary,#223a5e)!important;
    border-radius:6px!important;
    padding:8px 16px!important;
    font-size:13px!important;
    font-weight:600!important;
    cursor:pointer;
    display:inline-flex!important;
    align-items:center;
    gap:6px;
    outline:none!important;
    box-shadow:none!important;
    text-transform:none!important;
    letter-spacing:normal!important;
    line-height:normal!important;
    font-family:inherit!important;
}
.flow-lw-more.flow-lw-more:hover{background:var(--flow-primary-dark,#1a2c48)!important;border-color:var(--flow-primary-dark,#1a2c48)!important;color:#fff!important;}
.flow-lw-more i{font-size:13px;}

.flow-lw-soon{font-size:12px;color:var(--flow-muted,#888);font-style:italic;}
.flow-lw-empty{color:var(--flow-muted,#888);font-size:13px;padding:24px;text-align:center;}

.flow-lw-row-closed{opacity:.65;}
.flow-lw-closed-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--flow-muted-bg,#f0f0f0);color:var(--flow-muted,#888);padding:2px 7px;border-radius:4px;margin-left:8px;vertical-align:middle;}

.flow-lw-subgroup-title{font-size:13px;font-weight:600;color:var(--flow-muted,#888);margin:14px 0 6px 4px;text-transform:uppercase;letter-spacing:.02em;}

/* ── Befektetési kérdőív — térköz, gomb, checkbox-lista ── */

/* nagy térköz a lista és a kérdőív blokk között */
#flowInvSurvey.flow-inv-survey {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid #e4e4e4;
}

/* checkboxok: 1 sor = 1 opció, ne folyószövegként tördelje */
.flow-inv-survey-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
}
.flow-inv-survey-opt {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    cursor: pointer;
}
.flow-inv-survey-opt input[type="checkbox"] {
    flex: 0 0 auto;
    margin: 0;
}

/* Mentés gomb — kék, elementoros stílus */
#flowInvSurveySave {
    display: inline-block;
    background-color: var(--flow-primary, #223a5e);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background-color .15s ease;
}
#flowInvSurveySave:hover {
    background-color: var(--flow-primary-dark, #1a2c48);
}

/* ── Befektetés drilldown — mozgások, egyenlegek, hozam ── */
.flow-invmov-sum{font-size:14px;margin:8px 0;}
.flow-invmov-toggle,.flow-invbal-toggle{
    background:none;border:none;color:var(--flow-primary,#223a5e);
    font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer;padding:4px 0;
}
.flow-invbal-block{border-top:1px solid var(--flow-border-light,#eef0fa);padding:14px 0;}
.flow-invbal-block:first-child{border-top:none;padding-top:0;}
.flow-invbal-label{font-size:14px;font-weight:700;margin:0 0 4px;color:var(--flow-primary,#223a5e);}
.flow-invbal-latest{font-size:18px;font-weight:700;margin:2px 0 8px;}
.flow-invbal-latest-date{font-size:12px;font-weight:400;color:var(--flow-muted,#888);}
.flow-invbal-actions .button{margin-right:8px;}
.flow-invbal-history{margin-top:10px;border:1px solid var(--flow-border-light,#eef0fa);border-radius:8px;overflow:hidden;}
.flow-invbal-hist-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--flow-border-light,#eef0fa);font-size:13px;}
.flow-invbal-hist-row:first-child{border-top:none;}
.flow-invbal-hist-actions button{background:none;border:none;color:var(--flow-primary,#223a5e);font-size:12px;cursor:pointer;text-decoration:underline;padding:0 4px;}

.flow-invret-block .flow-invret-disclaimer{font-size:12px;color:var(--flow-muted,#888);font-style:italic;margin:0 0 10px;}
.flow-invret-line{font-size:15px;margin:6px 0;}

/* gombok és inputok a drilldown-on belül (arra az esetre, ha a CF terv oldal
   saját CSS-e itt nem töltődik be — így önmagában is jól néz ki) */
.flow-ld-block .button,
.flow-invbal-formwrap .button,
.flow-ld-add-rate-actions .button {
    background:var(--flow-primary,#223a5e)!important;
    color:#fff!important;
    border:1px solid var(--flow-primary,#223a5e)!important;
    border-radius:6px!important;
    padding:8px 16px!important;
    font-size:13px!important;
    font-weight:600!important;
    cursor:pointer;
    outline:none!important;
    box-shadow:none!important;
    text-transform:none!important;
    letter-spacing:normal!important;
    line-height:normal!important;
    font-family:inherit!important;
}
.flow-ld-block .button:hover{background:var(--flow-primary-dark,#1a2c48)!important;}

.flow-cf-form-group{margin-bottom:10px;}
.flow-cf-form-group label{display:block;font-size:12px;font-weight:600;color:var(--flow-muted,#888);margin-bottom:4px;}
.flow-cf-form-group input[type="date"],
.flow-cf-form-group input[type="number"]{
    width:100%;
    padding:8px 10px;
    border:1px solid var(--flow-border,#d0d8ee);
    border-radius:6px;
    font-size:14px;
    font-family:inherit;
    box-sizing:border-box;
}
.flow-cf-form-group input[type="date"]:focus,
.flow-cf-form-group input[type="number"]:focus{
    outline:none;
    border-color:var(--flow-primary,#223a5e);
}

.flow-invgap-warning{
    background:#fff8e1;border:1px solid #f0c14b;color:#7a5b00;
    border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px;
}

.flow-invret-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px;}
@media (max-width:640px){.flow-invret-grid{grid-template-columns:1fr;}}

.flow-invret-card{
    background:var(--flow-bg-tint,#f7f9fd);
    border:1px solid var(--flow-border,#d0d8ee);
    border-radius:12px;
    padding:16px 18px;
}
.flow-invret-card-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--flow-muted,#888);margin:0 0 6px;}
.flow-invret-figure{font-size:26px;font-weight:800;color:var(--flow-primary,#223a5e);margin:0 0 8px;}
.flow-invret-figure-empty{color:var(--flow-muted,#ccc);}
.flow-invret-pct{font-size:16px;font-weight:600;color:var(--flow-muted,#666);}
.flow-invret-formula{font-size:12px;font-family:monospace;color:var(--flow-muted,#888);margin:0 0 6px;line-height:1.4;}
.flow-invret-explain{font-size:12.5px;color:#556;margin:0;line-height:1.4;}
.flow-invret-reason{font-size:12.5px;color:var(--flow-muted,#888);font-style:italic;margin:6px 0 0;}