/* Finance Tools — Kreditstatus-Decoder */
.ft-status .ft-note{background:var(--ft-soft,#f8fafc);border-left:3px solid var(--ft-brand,#ea580c);
 padding:.75rem 1rem;margin:1rem 0;font-size:.95rem;border-radius:0 4px 4px 0}
.ft-status .ft-source{font-size:.85rem;opacity:.75;margin-top:1.25rem}

.ft-status-flow{list-style:none;margin:1.25rem 0 0;padding:0;position:relative}
.ft-status-flow:before{content:"";position:absolute;left:9px;top:12px;bottom:12px;width:2px;
 background:var(--ft-line,#e2e8f0)}
.ft-status-item{position:relative;padding:0 0 1.25rem 2.25rem;margin:0}
.ft-status-item:before{content:"";position:absolute;left:3px;top:9px;width:14px;height:14px;border-radius:50%;
 background:#fff;border:2px solid var(--ft-brand,#ea580c);z-index:1}
.ft-status-item.is-problem:before{border-color:#dc2626;background:#fef2f2}
.ft-status-item.is-active:before{background:var(--ft-brand,#ea580c);box-shadow:0 0 0 4px rgba(234,88,12,.18)}
.ft-status-item.is-active{background:var(--ft-soft,#f8fafc);border-radius:8px;
 padding-top:.5rem;padding-right:.75rem;margin:-.5rem 0 1rem}
.ft-status-item h3{margin:0 0 .35rem;font-size:1.05rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.ft-status-meaning{margin:.35rem 0 .6rem}
.ft-status-phase{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.04em;
 text-transform:uppercase;padding:.15rem .45rem;border-radius:99px;
 background:var(--ft-line,#e2e8f0);color:#334155}
.ft-status-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:1.1rem}

.ft-progress{height:8px;border-radius:99px;background:var(--ft-line,#e2e8f0);overflow:hidden;margin:.25rem 0}
.ft-progress span{display:block;height:100%;background:var(--ft-brand,#ea580c);transition:width .25s ease}
.ft-progress-label{font-size:.85rem;opacity:.8;margin:.2rem 0 .8rem}

@media (max-width:600px){.ft-status-item{padding-left:1.9rem}}

/* Hub/Spoke: Status mit eigener Detailseite werden nur angerissen */
.ft-status-item.has-spoke .ft-status-meaning{margin-bottom:.35rem}
.ft-status-more{margin:.2rem 0 0;font-size:.95rem}
.ft-status-more a{font-weight:600}
.ft-status-item.has-spoke:before{background:var(--ft-brand,#ea580c)}