/* BLACKSNOW V21 / Dashboard, Tickets, Projekte. Nur visuelle Designstudie. */
.v21-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.v21-head p{color:var(--muted);margin:0;max-width:700px}.v21-head h1{margin:0 0 10px}.v21-actions{display:flex;gap:9px;flex-wrap:wrap}.v21-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.v21-kpi{border:1px solid var(--line);background:#fff;border-radius:18px;padding:21px;min-width:0}.v21-kpi strong{font:700 clamp(25px,2.5vw,35px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.055em;display:block;margin:12px 0 5px;overflow-wrap:anywhere}.v21-kpi small{color:#837884;font-size:11px}.v21-eyebrow{color:#776C77;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.v21-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.v21-stack{display:grid;gap:16px;min-width:0}.v21-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px;min-width:0}.v21-panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.v21-panelhead h2{font-size:19px;margin:0}.v21-muted{color:#837884;font-size:12px}.v21-tablewrap{width:100%;overflow-x:auto}.v21-table{width:100%;min-width:650px;border-collapse:collapse}.v21-table th{padding:13px 11px;white-space:nowrap}.v21-table td{padding:16px 11px;vertical-align:middle;white-space:nowrap}.v21-table td:first-child{white-space:normal;min-width:190px}.v21-table a{color:#543D4B;text-decoration:none;font-weight:800}.v21-table a:hover{text-decoration:underline}.v21-sub{display:block;margin-top:4px;color:#8A7E8A;font-size:11px;font-weight:400}.v21-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.v21-tab{font-size:12px;padding:9px 14px;border:1px solid #E7DDE3;border-radius:100px;background:#fff;color:#625563}.v21-tab.is-active{background:#24222D;color:#fff;border-color:#24222D}.v21-banner{border-radius:21px;background:radial-gradient(circle at 95% 5%,#62824d60,transparent 46%),#24242D;color:#fff;padding:28px 30px;margin-bottom:17px;display:flex;justify-content:space-between;align-items:center;gap:20px}.v21-banner h2{color:#fff;font-size:clamp(23px,2.5vw,32px);margin:5px 0 7px}.v21-banner p{color:#cad8cb;font-size:12px;margin:0}.v21-banner .v21-eyebrow{color:#B16A78}.v21-timeline{display:grid;gap:14px}.v21-event{display:flex;gap:13px}.v21-dot{height:34px;width:34px;flex:none;border-radius:11px;background:#ecf3e6;color:#597c3c;display:grid;place-items:center;font-size:16px}.v21-event strong{display:block;font-size:13px}.v21-event small{display:block;color:#7b897e;font-size:11px;margin-top:3px}.v21-event p{margin:5px 0 0;color:#536456;font-size:12px}.v21-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v21-datum{border:1px solid #e4ebe0;border-radius:13px;padding:15px;min-width:0}.v21-datum small{display:block;font-size:11px;color:#819081;margin-bottom:6px}.v21-datum strong{overflow-wrap:anywhere}.v21-progress{height:9px;border-radius:100px;background:#e7efe2;overflow:hidden;margin-top:9px}.v21-progress span{height:100%;background:#a8d56e;display:block;border-radius:100px}.v21-list{display:grid;gap:0}.v21-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #edf1eb}.v21-list a:last-child{border:0}.v21-list strong{display:block;font-size:13px}.v21-list small{display:block;font-size:11px;color:#7c887d;margin-top:3px}.v21-list .v21-dot{height:37px;width:37px}.v21-rowlead{display:flex;align-items:center;gap:12px}.v21-note{border:1px solid #dce7d4;background:#f1f7ec;border-radius:13px;padding:14px 16px;color:#476044;font-size:12px;line-height:1.6}.v21-message{padding:18px;border:1px solid #EEE8ED;border-radius:16px;background:#fff}.v21-message.staff{background:#f1f6ea;border-color:#e0eada}.v21-message-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.v21-message p{font-size:13px;color:#4d5e51;margin:0}.v21-messages{display:grid;gap:12px}.v21-tag{font-size:11px;background:#f0f4ec;border-radius:100px;padding:6px 10px;color:#5e715e;font-weight:600}.v21-sectionlabel{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#77897a;margin-bottom:9px}.v21-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v21-step{padding:14px 12px;border:1px solid #e3eae0;border-radius:12px;min-width:0}.v21-step.done{background:#eef7e5;border-color:#d9e7ce}.v21-step strong{font-size:12px;display:block}.v21-step small{font-size:10px;display:block;color:#778878;margin-top:5px}.v21-cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.v21-project{border:1px solid #EEE8ED;border-radius:17px;padding:20px;background:#fff;min-width:0}.v21-project h3{margin:11px 0 8px;font-size:18px}.v21-project p{font-size:12px;color:#667668;min-height:38px}.v21-projectfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}.v21-projectfoot a{font-size:12px;font-weight:800;color:#3b6536}.v21-footer{font-size:11px;color:#7b897c;padding:27px 0}.v21-welcome{background:#B16A78;border-radius:21px;padding:27px 30px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.v21-welcome h1{margin:5px 0 8px}.v21-welcome p{font-size:13px;color:#3f5334;max-width:520px;margin:0}.v21-welcome .v21-eyebrow{color:#43642b}.v21-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v21-quick a{border:1px solid #dfe7dc;background:#fff;border-radius:14px;padding:18px;min-width:0}.v21-quick strong{display:block;margin:9px 0 4px}.v21-quick small{color:#778579}.v21-serviceblock{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #F6F1F4;padding:16px 0}.v21-serviceblock:last-child{border:0}.v21-serviceblock strong{display:block}.v21-serviceblock small{display:block;color:#7c8a7e;margin-top:4px}
@media(max-width:1250px){.v21-layout{grid-template-columns:minmax(0,1fr)}.v21-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v21-aside .v21-panel{height:100%}}
@media(max-width:960px){.v21-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v21-head{align-items:start;flex-direction:column}.v21-aside{grid-template-columns:1fr}}
@media(max-width:650px){.v21-kpis{gap:9px}.v21-kpi{padding:15px}.v21-kpi strong{font-size:25px}.v21-panel{padding:18px}.v21-banner,.v21-welcome{padding:21px;align-items:start;flex-direction:column}.v21-split,.v21-cardgrid,.v21-quick,.v21-stage{grid-template-columns:1fr}.v21-table{min-width:620px}.v21-message-head{align-items:start;flex-direction:column}.v21-serviceblock{align-items:start;flex-direction:column}}