/* Kundenportal – Ergänzungen zu portal.css (gleiche Gestaltung wie das Team-Portal) */
.kunde-marke{ display:flex; flex-direction:column; gap:8px; padding:4px 10px 6px; }
.kunde-name{ font-family:var(--font-display); font-size:19px; font-weight:700; letter-spacing:-.02em; line-height:1.25; color:#fff; }
.kunde-unter{ display:flex; align-items:center; gap:7px; font-size:11.5px; color:var(--rail-ink-3); }
.kunde-unter .logo{ height:14px; }
.kunde-unter .logo-on-light, .kunde-unter .logo-on-dark{ flex:0 0 auto; }
.kunde-unter span{ white-space:nowrap; }

.vorschau-leiste{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:10px 36px; background:color-mix(in srgb, var(--orange) 16%, var(--surface)); border-bottom:1px solid color-mix(in srgb, var(--orange) 35%, transparent); font-size:13.5px; }
.vorschau-leiste > span{ flex:1; min-width:220px; }
.vorschau-leiste .ic{ color:#B77800; }

.schnell{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; }
.schnell-knopf{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; text-align:left; padding:16px; border-radius:16px; border:1px solid var(--line-2); background:var(--surface-2); cursor:pointer; font:inherit; color:inherit; transition:box-shadow .2s, transform .2s, background .2s; }
.schnell-knopf:hover{ background:var(--surface); box-shadow:var(--shadow-hover); transform:translateY(-1px); }
.schnell-knopf .ic{ width:22px; height:22px; color:var(--ink-2); }
.schnell-knopf b{ font-size:14.5px; }
.schnell-knopf span{ font-size:12.5px; color:var(--ink-3); line-height:1.4; }
.antwort-text{ margin-top:6px; font-size:13px; color:var(--ink-2); background:var(--surface-2); border:1px solid var(--line-2); border-radius:10px; padding:8px 11px; }
.kommentar .avatar .ic{ width:14px; height:14px; color:#fff; }
.approval-src .tag{ margin-right:2px; }

@media (max-width: 1100px){ .schnell{ grid-template-columns:minmax(0,1fr); } }
@media (max-width: 900px){
  .kunde-marke{ padding:0; flex-direction:row; align-items:center; gap:10px; }
  .kunde-name{ font-size:16px; }
  .vorschau-leiste{ padding:10px 16px; }
}