/* Budget: Zeitbudget-Ampel & Projektfinanzen */
.bg-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none;background:var(--good)}
.bg-dot.bg-gelb{background:var(--amber)} .bg-dot.bg-rot{background:var(--bad)}
.bg-strip{padding:12px 16px;box-shadow:none;border-left:4px solid var(--good)}
.bg-strip.bg-gelb{border-left-color:var(--amber)} .bg-strip.bg-rot{border-left-color:var(--bad)} .bg-strip.bg-none{border-left-color:var(--line)}
.bg-row{display:flex;align-items:center;gap:12px}
.bg-ic{font-size:20px;line-height:1;flex:none}
.bg-head{gap:8px;margin-bottom:2px}
.bg-acts{display:flex;gap:4px;align-items:center;flex:none}
.bg-acts svg{width:15px;height:15px}
.bg-bar{position:relative;height:8px;border-radius:999px;background:var(--surface-2);margin-top:6px;overflow:visible}
.bg-bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--good)}
.bg-bar.bg-gelb>i{background:var(--amber)} .bg-bar.bg-rot>i{background:var(--bad)}
.bg-bar>i.bg-over{background:var(--bad);opacity:.85;border-radius:0 999px 999px 0}
.bg-bar>em,.bg-stack>em{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text);opacity:.55;border-radius:1px}
.bg-det{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.bg-parts{display:flex;flex-direction:column;gap:6px}
.bg-part{display:grid;grid-template-columns:minmax(110px,190px) 1fr auto;gap:10px;align-items:center;font-size:13px}
.bg-part .bg-bar{margin-top:0}
.bg-part em{font-style:normal;color:var(--muted);min-width:76px;text-align:right}
.bg-sw{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:middle}
.bg-legend{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.bg-legend span{display:inline-flex;align-items:center;gap:5px}
.bg-mk{display:inline-block;width:2px;height:12px;background:var(--text);opacity:.55}
.bg-sq{display:inline-block;width:10px;height:10px;border-radius:3px}
.bg-kp,.bg-mp{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;margin-left:6px;white-space:nowrap;background:var(--good-soft);color:var(--good)}
.bg-kp.bg-gelb,.bg-mp.bg-gelb{background:var(--warn-soft);color:var(--warn)} .bg-kp.bg-rot,.bg-mp.bg-rot{background:var(--bad-soft);color:var(--bad)}
.bg-clk{font-size:13px;padding:8px 12px;border-radius:10px;background:var(--good-soft);grid-column:1/-1}
.bg-clk.bg-gelb{background:var(--warn-soft)} .bg-clk.bg-rot{background:var(--bad-soft)}
.bg-proj{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.bg-fin .card-b{display:flex;flex-direction:column;gap:12px}
.bg-k{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.bg-money,.bg-hrs{display:flex;flex-direction:column;gap:6px}
.bg-mrow{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;font-size:13px}
.bg-mrow em{font-style:normal;min-width:90px;text-align:right}
.bg-stack{position:relative;display:flex;height:12px;border-radius:999px;background:var(--surface-2);overflow:visible}
.bg-stack>i{height:100%}
.bg-stack>i:first-child{border-radius:999px 0 0 999px}
.bg-inv{background:var(--primary)} .bg-open{background:var(--cyan)} .bg-int{background:#8A4FD8} .bg-fl{background:var(--amber)} .bg-ext{background:#87879C}
.bg-pt td,.bg-pt th{padding-top:6px;padding-bottom:6px}
.bg-docs{display:flex;flex-wrap:wrap;gap:6px}
.bg-x{border:0;background:none;cursor:pointer;color:var(--muted);font-size:14px;padding:0 2px}
.bg-in{width:90px;text-align:right;padding:5px 8px}
.bg-pf{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.bg-split summary{cursor:pointer;font-size:13.5px;color:var(--muted);padding:4px 0}
.bg-st td{padding-top:4px;padding-bottom:4px}
.bg-tile{display:flex;flex-direction:column;gap:8px}
.bg-trow{display:flex;gap:10px;align-items:flex-start;color:inherit;text-decoration:none;padding:4px;border-radius:8px}
.bg-trow:hover{background:var(--hover)}
.bg-trow .bg-dot{margin-top:5px}
.bg-trow .bg-bar{margin-top:3px;height:6px}
@media (max-width:640px){.bg-part{grid-template-columns:1fr auto}.bg-part .bg-bar{grid-column:1/-1;order:3}.bg-row{flex-wrap:wrap}}