/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ELTERNBEITRAGSRECHNER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.eb-wrap {
    position:relative; z-index:1; min-height:100vh;
    padding:50px 18px 100px;
    display:grid; grid-template-columns:1fr 340px; gap:14px;
    align-items:start; max-width:var(--maxw); margin:0 auto;
}
.eb-col { display:flex; flex-direction:column; gap:14px; }
.eb-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.eb-head h1 { font-size:1.35rem; font-weight:700; letter-spacing:-0.02em; margin:0; }
.eb-head .eb-sub { font-size:0.74rem; color:var(--text-3); margin-top:4px; }
.eb-badge {
    font-size:0.68rem; font-weight:700; letter-spacing:0.09em; text-transform:uppercase;
    color:var(--teal-1); background:rgba(45,212,191,0.10);
    border:1px solid rgba(94,234,212,0.22); border-radius:999px; padding:5px 12px;
}
.eb-h {
    display:flex; align-items:center; gap:7px;
    font-size:0.68rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase;
    color:var(--text-2); margin-bottom:11px;
}
.eb-h .lucide { width:13px; height:13px; color:var(--teal-3); }
.eb-opts { display:flex; flex-direction:column; gap:7px; }
.eb-opt {
    display:flex; align-items:center; gap:11px;
    padding:10px 13px; font-size:0.86rem; line-height:1.3;
    border:1px solid var(--border); border-radius:var(--radius-sm);
    background:var(--glass2); cursor:pointer; transition:.18s;
}
.eb-opt:hover { border-color:var(--border-h); background:var(--glass-hi); }
.eb-opt.sel { border-color:rgba(94,234,212,0.45); background:rgba(45,212,191,0.10); }
.eb-opt input { accent-color:var(--teal-2); width:15px; height:15px; flex-shrink:0; cursor:pointer; }
.eb-opt .eb-tag { margin-left:auto; font-size:0.72rem; color:var(--text-3); white-space:nowrap; }
.eb-opt.sel .eb-tag { color:var(--teal-2); }
.eb-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.eb-field label { display:block; font-size:0.76rem; color:var(--text-2); margin-bottom:6px; }
.eb-input {
    width:100%; font:inherit; font-size:1rem; color:var(--text);
    background:var(--glass2); border:1px solid var(--border);
    border-radius:var(--radius-sm); padding:10px 12px;
}
.eb-input:focus { outline:none; border-color:var(--teal-3); box-shadow:0 0 0 3px rgba(45,212,191,0.12); }
.eb-input::-webkit-outer-spin-button, .eb-input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.eb-input[type=number] { -moz-appearance:textfield; }
.eb-hint { font-size:0.72rem; color:var(--text-3); margin-top:7px; line-height:1.5; }
.eb-result { position:sticky; top:48px; }
.eb-amount {
    font-size:2.7rem; font-weight:700; letter-spacing:-0.03em; line-height:1.1;
    color:var(--teal-1); text-shadow:0 0 26px rgba(94,234,212,0.22);
}
.eb-amount small { font-size:1.1rem; font-weight:600; color:var(--text-2); margin-left:4px; }
.eb-amount-lbl { font-size:0.76rem; color:var(--text-2); margin-top:5px; }
.eb-rows { margin-top:16px; border-top:1px solid var(--border); }
.eb-row {
    display:flex; justify-content:space-between; gap:12px;
    padding:8px 0; font-size:0.79rem; border-bottom:1px solid var(--border);
}
.eb-row span:first-child { color:var(--text-2); }
.eb-row span:last-child { font-variant-numeric:tabular-nums; white-space:nowrap; }
.eb-row.total span { font-weight:700; color:var(--text); }
.eb-note {
    margin-top:14px; padding:10px 12px; font-size:0.73rem; line-height:1.55;
    color:var(--text-2); background:var(--glass2);
    border:1px solid var(--border); border-left:2px solid var(--accent-amber);
    border-radius:var(--radius-sm);
}
.eb-params { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.eb-param {
    background:var(--glass2); border:1px solid var(--border);
    border-radius:var(--radius-sm); padding:10px 12px;
}
.eb-param .pv { font-size:1.05rem; font-weight:700; color:var(--text); }
.eb-param .pl { font-size:0.7rem; color:var(--text-3); margin-top:2px; }