/* case-art.css — gebaute Case-Motive (Mini-UIs mit neutralen Beispieldaten), skalieren mit dem Container.
   Praefix ca-. Keine Charts, KPIs oder Dashboards. */
.ca{position:absolute;inset:0;container-type:size;background:#EFF5FF;overflow:hidden;font-family:Inter,system-ui,sans-serif;color:#1F1F1F}
.ca *{box-sizing:border-box}
.ca-w{position:absolute;background:#fff;border:.25cqw solid #D4E0F4;border-radius:2cqw;box-shadow:0 2.4cqw 5cqw -3.4cqw rgba(20,40,80,.45)}
.ca-h{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:2.2cqw 2.6cqw;border-bottom:.2cqw solid #EEF1F6}
.ca-h b{font-size:2.6cqw;font-weight:700;line-height:1.2}
.ca-h span{font-size:1.9cqw;font-weight:600;color:#6B7280}
.ca-r{display:flex;align-items:center;justify-content:space-between;gap:1.4cqw;padding:1.6cqw 2.6cqw;border-bottom:.2cqw solid #F1F4F8;font-size:2cqw;line-height:1.3}
.ca-r:last-child{border-bottom:0}
.ca-r em{font-style:normal;color:#6B7280}
.ca-r b{font-weight:600;white-space:nowrap}
.ca-k{font-size:1.6cqw;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B7280}
.ca-chip{display:inline-flex;align-items:center;gap:.8cqw;padding:.7cqw 1.4cqw;border-radius:5cqw;background:#EAF1FE;font-size:1.7cqw;font-weight:600;color:#1E4FD8;white-space:nowrap}
.ca-chip.ok{background:#E3F4EA;color:#15803D}
.ca-ok{display:inline-flex;align-items:center;justify-content:center;width:3.2cqw;height:3.2cqw;border-radius:50%;background:#22A05B;color:#fff;flex:0 0 auto}
.ca-ok svg{display:block;width:2.1cqw;height:2.1cqw;stroke:#fff}
.ca-btn{display:flex;align-items:center;justify-content:center;height:5cqw;margin:1.6cqw 2.6cqw 2.4cqw;border-radius:1.2cqw;background:#2F6BFF;font-size:2cqw;font-weight:600;color:#fff}
.ca-mk{display:grid;grid-template-columns:1fr 1fr;gap:.35cqw;width:2.6cqw;height:2.6cqw;flex:0 0 auto}
.ca-mk i{background:#0B0E14;border-radius:30%}
.ca-mk i:last-child{background:#2F6BFF}
.ca-steps{display:flex;gap:1cqw;padding:1.8cqw 2.6cqw 2.4cqw}
.ca-steps span{flex:1 1 0;display:flex;flex-direction:column;gap:.8cqw;font-size:1.6cqw;font-weight:600;color:#1F1F1F}
.ca-steps span::before{content:"";height:.7cqw;border-radius:1cqw;background:#2F6BFF}
.ca-steps span.off::before{background:#DCE3EF}
.ca-steps span.off{color:#8A93A5}
/* FB Erdbau: Handy mit Lieferschein + Rechnungskarte */
.ca-phone .ca-r{flex-direction:column;align-items:flex-start;gap:.3cqw;padding:1.3cqw 2.6cqw}
.ca-phone .ca-r em{font-size:1.6cqw}
.ca-phone{left:8cqw;top:7cqw;width:34cqw;bottom:-6cqw;border-radius:4.4cqw;border-width:.9cqw;border-color:#1F1F1F;padding-top:3cqw}
.ca-phone::before{content:"";position:absolute;left:50%;top:1cqw;width:9cqw;height:1.2cqw;border-radius:1cqw;background:#1F1F1F;transform:translateX(-50%)}
.ca-sig{margin:0 2.6cqw;padding:1.2cqw 0 .6cqw;border-bottom:.25cqw dashed #C4D0E4}
.ca-sig svg{display:block;width:60%;height:5cqw;fill:none;stroke:#1F1F1F;stroke-width:1.4;stroke-linecap:round}
.ca-sig small{display:block;margin-top:.4cqw;font-size:1.6cqw;color:#6B7280}
.ca-inv{right:7cqw;top:20cqw;width:46cqw}
.ca-inv .ca-big{padding:2cqw 2.6cqw .6cqw;font-size:3.6cqw;line-height:1.15;font-weight:700;letter-spacing:-.02em}
.ca-inv .ca-sub{padding:0 2.6cqw 1.6cqw;font-size:1.9cqw;color:#6B7280}
/* Linde: Posteingang mit Unterhaltung + Reservierung */
.ca-inbox{left:7cqw;top:8cqw;width:52cqw;bottom:8cqw}
.ca-chat{display:flex;flex-direction:column;gap:1.4cqw;padding:2.2cqw 2.6cqw}
.ca-msg{max-width:80%;padding:1.4cqw 1.8cqw;border-radius:1.6cqw;background:#F1F4F8;font-size:2cqw;line-height:1.35}
.ca-msg.me{align-self:flex-end;background:#2F6BFF;color:#fff}
.ca-msg small{display:block;margin-top:.5cqw;font-size:1.5cqw;opacity:.7}
.ca-res{right:6cqw;top:30cqw;width:40cqw}
/* Speed4You: Fahrzeugakte mit Belegung */
.ca-akte{left:7cqw;top:8cqw;width:58cqw;padding-bottom:6cqw}
.ca-week{display:grid;grid-template-columns:repeat(7,1fr);gap:.7cqw;padding:1.8cqw 2.6cqw .6cqw}
.ca-week i{height:4.4cqw;border-radius:.9cqw;background:#F1F4F8;font-style:normal;font-size:1.5cqw;font-weight:600;color:#8A93A5;display:flex;align-items:flex-end;padding:.5cqw .7cqw}
.ca-week i.on{background:#DCE8FB;color:#1E4FD8}
.ca-week i.now{background:#2F6BFF;color:#fff}
.ca-hand{right:5cqw;top:32cqw;width:34cqw}
.ca-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:.8cqw;padding:1.6cqw 2.6cqw 2.4cqw}
.ca-photos i{aspect-ratio:1;border-radius:.9cqw;background:#E6ECF6}
.ca-photos i:nth-child(2){background:#DCE8FB}