/* ==========================================================================
   /deutschland/ - Zielseite fuer den deutschen Markt
   Baut auf /schweiz/schweiz.css auf (Trust-Leiste, Schema-Kasten,
   Drei-Stufen-Kette, Produktaufnahmen). Hier steht nur, was es dort nicht gibt.
   ========================================================================== */

/* --- Posteingang nach der KI-Sortierung (Schema) -------------------------- */
.inbox { display: flex; flex-direction: column; }

.inbox__row {
    display: grid;
    grid-template-columns: 11rem 1fr auto;
    align-items: center;
    gap: .5rem 1.25rem;
    padding: .85rem 0;
    border-bottom: 1px solid var(--gray-100, #f1f5f9);
}
.inbox__row:last-child { border-bottom: 0; }

.inbox__from {
    font-size: .88rem;
    font-weight: 600;
    color: var(--gray-800, #1e293b);
}

.inbox__sum {
    margin: 0;
    font-size: .86rem;
    line-height: 1.5;
    color: var(--gray-600, #475569);
}

.inbox__tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.tag {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    white-space: nowrap;
}
.tag--kat     { background: #e0edff; color: #1d4ed8; }
.tag--antwort { background: rgba(232, 54, 93, .1); color: var(--primary, #e8365d); }
.tag--ansehen { background: #fef3c7; color: #b45309; }
.tag--erledigt { background: #dcfce7; color: #15803d; }
.tag--leise   { background: var(--gray-100, #f1f5f9); color: var(--gray-500, #64748b); }
.tag--dringend { background: #b91c1c; color: #fff; }

@media (max-width: 760px) {
    .inbox__row { grid-template-columns: 1fr; }
    .inbox__tags { justify-content: flex-start; }
}

/* Die Fahne in der Trust-Leiste nutzt .ch-flag aus schweiz.css. */