/* Cockpit – Onboarding, Kundendatenordner, Kampagnen-Stepper, Angebots-Annahme */
.obc-bar{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin:6px 0}.obc-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:99px}
.obc-sum{box-shadow:none}.obc-sum .card-b{display:flex;flex-direction:column;gap:4px}
.obc-steps{display:flex;flex-direction:column;margin-top:8px;border-top:1px solid var(--line)}
.obc-step{border-bottom:1px solid var(--line)}.obc-step-h{all:unset;box-sizing:border-box;display:flex;gap:10px;align-items:center;width:100%;padding:9px 4px;cursor:pointer}.obc-step-h:hover{background:var(--hover)}
.obc-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);display:grid;place-items:center;font-size:11px;flex:none}.obc-step.done .obc-dot{background:var(--good);border-color:var(--good);color:#fff}
.obc-step-b{padding:4px 4px 12px 34px;display:flex;flex-direction:column;gap:8px}
.obc-proof{background:var(--good-soft);border-radius:10px;padding:8px 12px;font-size:13px;display:flex;flex-direction:column;gap:4px}.hash{font-family:ui-monospace,Menlo,monospace;font-size:11px;word-break:break-all}
.obc-sec{display:flex;flex-direction:column;gap:2px}.obc-qa{display:grid;grid-template-columns:minmax(160px,40%) 1fr;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line);font-size:13px}.obc-qa span{color:var(--muted)}.obc-qa div{white-space:pre-wrap}
.obc-qa.miss div{color:var(--warn);font-style:italic}
.obc-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.obc-files>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.obc-file{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--text);min-width:0}.obc-file img,.obc-file span{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;font-weight:600;color:var(--muted)}
.obc-move{font-size:11px;padding:2px 4px}
.obc-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.obc-folder{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px}.obc-folder span{font-size:20px}.obc-folder small{color:var(--muted)}.obc-folder.on,.obc-folder:hover{border-color:var(--primary);background:var(--primary-soft)}
.obc-stepper{display:flex;gap:0;margin:4px 0 12px}.obc-stepper button{all:unset;flex:1;text-align:center;font-size:11px;color:var(--faint);position:relative;cursor:pointer;min-width:0}.obc-stepper button[disabled]{cursor:default}
.obc-stepper i{display:block;width:14px;height:14px;border-radius:50%;background:var(--surface-2);border:2px solid var(--line-2);margin:0 auto 4px;position:relative;z-index:1}
.obc-stepper button::before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:2px;background:var(--line-2)}.obc-stepper button:first-child::before{display:none}
.obc-stepper .done i,.obc-stepper .on i{background:var(--primary);border-color:var(--primary)}.obc-stepper .done::before,.obc-stepper .on::before{background:var(--primary)}.obc-stepper .on{color:var(--primary);font-weight:600}
.obc-stepper span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.obc-stepper button:not([disabled]):hover span{color:var(--primary)}
.obc-qas{display:flex;flex-direction:column;margin-bottom:8px}
.obc-tpl{padding:6px 0;border-bottom:1px solid var(--line)}.obc-legal{margin:6px 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.obc-tsteps{display:flex;flex-direction:column;gap:10px;margin:10px 0}.obc-tstep{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.obc-tile{display:flex;flex-direction:column;gap:8px}.obc-trow{text-decoration:none;color:var(--text);display:block}.obc-tile-s{display:flex;flex-direction:column;align-items:flex-start}.obc-tile-s b{font-size:28px}
.obc-warn{color:var(--warn);font-weight:600}.obc-good{color:var(--good)}
@media (max-width:700px){.obc-qa{grid-template-columns:1fr;gap:0}.obc-step-b{padding-left:8px}}