/* Werkzeuge der Steuertool-Seiten (public/js/taxtools/widgets.js) und Ergänzungen der Testseite. */

/* Transaktions-Schätzer */
.kt-estimator {
    margin: 4px 0 16px;
    padding: 12px 16px;
    border: 1px dashed var(--kb-border);
    border-radius: var(--kb-radius);
    background: #fff;
}

.kt-estimator summary {
    color: var(--kb-accent-dark, #0b7fbf);
    font-weight: 600;
    cursor: pointer;
}

.kt-estimator-body {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px 18px;
    margin: 14px 0 8px;
}

.kt-estimator-body label,
.kt-finder label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
}

.kt-estimator select,
.kt-finder select {
    padding: 8px 10px;
    border: 1px solid var(--kb-border);
    border-radius: var(--kb-radius-sm);
    background: #fff;
    font: inherit;
    font-size: 15px;
}

.kt-estimator-out {
    margin: 6px 0 10px;
}

/* Kostenkurve */
.kt-curve-years {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}

.kt-curve-years select {
    padding: 6px 10px;
    border: 1px solid var(--kb-border);
    border-radius: var(--kb-radius-sm);
    font: inherit;
}

.kt-curve-canvas {
    position: relative;
    height: 340px;
}

/* Brauchst du ein Steuertool? */
.kt-need fieldset {
    margin: 0 0 12px;
    padding: 0;
    border: 0;
}

.kt-need legend {
    margin-bottom: 6px;
    font-weight: 600;
}

.kt-need label {
    margin-right: 16px;
}

.kt-need-out,
.kt-finder-out {
    margin: 12px 0 0;
    padding: 14px 16px;
    border-left: 4px solid var(--kb-accent);
    border-radius: var(--kb-radius-sm);
    background: var(--kb-accent-soft);
    line-height: 1.55;
}

/* Finder */
.kt-finder {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px 18px;
    align-items: end;
}

.kt-finder .kb-btn {
    justify-self: start;
}

.kt-finder-out {
    grid-column: 1 / -1;
}

.kt-finder-out ul {
    margin: 8px 0 0;
    padding-left: 18px;
}

/* Testseite: Aktion, Schritte, Praxistest, Import-Art */
.kt-deal {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    margin: 10px 0 0;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--kb-good-soft);
    color: var(--kb-good);
    font-size: 14px;
    font-weight: 600;
}

.kt-steps {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: kt-step;
}

.kt-steps li {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 0 4px 48px;
    counter-increment: kt-step;
}

.kt-steps li::before {
    position: absolute;
    top: 2px;
    left: 0;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--kb-accent);
    color: #fff;
    font-weight: 700;
    content: counter(kt-step);
}

.kt-test-good strong {
    color: var(--kb-good);
}

.kt-test-warn strong {
    color: var(--kb-bad);
}

.kt-method {
    margin-left: 4px;
    padding: 1px 6px;
    border-radius: 6px;
    background: #f1f5f9;
    color: var(--kb-muted);
    font-size: 11px;
    font-weight: 700;
}

.kt-method--api {
    background: var(--kb-good-soft);
    color: var(--kb-good);
}

.kt-who th[scope="row"] {
    font-weight: 500;
    text-align: left;
}

@media (max-width: 600px) {
    .kt-curve-canvas {
        height: 280px;
    }
}