/* W9 (24.10.2026): Feedbackarten, Zähler, Inbox je Projekt und Feedback-Spur nach Design V2.1 (Codex,
   SOURMELON-DESIGN-CLAUDE-V2.1-2026-10-23/design.css). Regeln wörtlich übernommen und nur auf .v21-ui begrenzt; die
   Flächenwerte (--milk, --line) stehen an .v21-ui, Farben aus app.css :root. */
.v21-ui{--milk:var(--lilac);--pool:var(--mint);--line:2px solid var(--ink)}
.v21-ui .feedback-kinds{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.v21-ui .feedback-kinds button{border:1px solid var(--ink);border-radius:50px;background:transparent;padding:10px 12px;min-height:44px;font-size:11px;font-weight:700}
.v21-ui .feedback-kinds button[aria-pressed=true]{background:var(--lime);border-width:2px}
.v21-ui .feedback-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:5px}
.v21-ui .feedback-tools .text-link{font-size:11px}
.v21-ui .feedback-tools>span{font-size:10px;white-space:nowrap}
.v21-ui .over-limit{color:#b00035;font-weight:700}
@media(max-width:390px){.v21-ui .feedback-tools{flex-wrap:wrap;gap:0}.v21-ui .feedback-kinds button{padding:9px 10px;font-size:10px}}
.v21-ui.inbox-dialog{width:700px;background:var(--milk)}
.v21-ui.inbox-dialog h2{font-size:38px}
.v21-ui .inbox-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}
.v21-ui .inbox-tabs button{min-height:44px;border:var(--line);border-radius:50px;background:var(--lime);padding:10px 16px;font:700 12px Space}
.v21-ui .inbox-tabs button:disabled{background:transparent}
.v21-ui .inbox-empty{padding:30px;border:1px solid #18171b70;border-radius:12px;background:var(--paper);margin-bottom:25px}
.v21-ui .inbox-empty b{font-family:Bricolage;font-size:25px;letter-spacing:-.04em}
.v21-ui .inbox-empty p{margin-top:12px;font-size:14px}
@media(max-width:720px){.v21-ui.inbox-dialog h2{font-size:31px}.v21-ui .inbox-empty{padding:22px}}
.v21-ui .project-pulse{display:block;width:100%;padding:18px;border:1px solid var(--ink);border-radius:16px;text-align:left;background:var(--milk);margin:20px 0;font-family:Space;color:var(--ink)}
.v21-ui .pulse-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;gap:15px}
.v21-ui .pulse-heading>span{font-size:10px;font-weight:400}
.v21-ui .pulse-heading>b{font-size:23px}
.v21-ui .pulse-track{height:53px;display:flex;align-items:end;gap:7px;margin:14px 0 10px}
.v21-ui .pulse-track i{height:var(--h,8%);min-height:3px;flex:1;border-radius:7px;background:var(--ink)}
.v21-ui .pulse-track.empty{height:24px;opacity:.2}
.v21-ui .pulse-summary{font-size:14px;font-weight:700;display:block}
.v21-ui .pulse-details{font-size:10px;margin-top:7px;display:block}
.v21-ui .pulse-positive{background:var(--lime)}
.v21-ui .pulse-negative{background:var(--pink)}
.v21-ui .inbox-sender-layout{display:flex;align-items:center;gap:14px;margin-top:22px;border-top:1px solid #18171b50;padding-top:18px}
.v21-ui .inbox-sender-layout img{width:50px;height:50px;object-fit:contain}
.v21-ui .inbox-sender-layout b{display:block;font-size:13px}
.v21-ui .inbox-sender-layout span{display:block;font-size:11px;margin-top:3px}
@media(max-width:720px){.v21-ui .inbox-sender-layout{align-items:start}.v21-ui .inbox-sender-layout span{font-size:10px}}
/* Technische Korrektur W9d: app.css gibt .empty einen gestrichelten Rahmen für Leerzustände; die Spur übernimmt ihn nicht. */
.v21-ui .pulse-track.empty{border:0;border-radius:0;padding:0;background:none}