/* High-contrast compact table for readability (scoped) */
.complaints-preview .mini-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;background:#0a0a0a;color:#f0f0f0;border:1px solid #1f1f1f;border-radius:10px;overflow:visible;table-layout:fixed}
.complaints-preview .mini-table th,.complaints-preview .mini-table td{padding:3px 6px;border-bottom:1px solid #222; line-height:1.25}
.complaints-preview .mini-table thead th{text-align:left;background:#111;color:#eee;font-weight:600}
.complaints-preview .mini-table tbody tr:nth-child(odd){background:#0e0e0e}
.complaints-preview .mini-table tbody tr:nth-child(even){background:#141414}
.complaints-preview .mini-table tbody tr:last-child td{border-bottom:0}
.complaints-preview .mini-table td,.complaints-preview .mini-table th{vertical-align:top}
.complaints-preview .mini-table a{color:#8cc8ff;text-decoration:none}
.complaints-preview .mini-table a:hover{text-decoration:underline}
.complaints-preview .mini-table .reason{ white-space:normal; overflow-wrap:anywhere; }
/* Clickable row UX */
.complaints-preview .mini-table tbody tr.click-row{ cursor:pointer; }
.complaints-preview .mini-table tbody tr.click-row:hover{ background:#1a1a1a !important; }
/* Remove blue tap highlight on rows and cells */
.complaints-preview .mini-table tr,
.complaints-preview .mini-table td,
.complaints-preview .mini-table th{
  -webkit-tap-highlight-color: transparent;
}
.complaints-preview .mini-table tr:focus,
.complaints-preview .mini-table tr:active,
.complaints-preview .mini-table td:focus,
.complaints-preview .mini-table td:active{
  outline: none;
}
/* Clamp the short text to 2 lines on small screens */
.complaints-preview .reason .short{ display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.complaints-preview .mini-table .btn-link{ background:transparent; border:0; color:#8cc8ff; cursor:pointer; padding:0; font-size:11px; }
.complaints-preview .mini-table .btn-link:hover{ text-decoration:underline; }
.complaints-preview .mini-table .confirm-wrap{ margin-top:2px; display:flex; align-items:center; gap:4px; position:relative; }
.complaints-preview .mini-table .confirm-wrap .menu{ position:absolute; right:0; top:100%; margin-top:4px; background:#111; border:1px solid #333; border-radius:8px; padding:6px; z-index:8005; min-width:220px; box-shadow:0 6px 16px rgba(0,0,0,.5); }
/* Let dropdowns escape the action cell in all viewports */
.complaints-preview .mini-table td.actions{ overflow: visible; position: relative; }
/* Prevent clipping by table ancestors */
.complaints-preview .mini-table,
.complaints-preview .mini-table thead,
.complaints-preview .mini-table tbody,
.complaints-preview .mini-table tr,
.complaints-preview .mini-table td{ overflow: visible; }
.complaints-preview .mini-table .confirm-wrap .menu .button-link{ display:block; width:100%; text-align:left; max-width:none !important; }
/* Hide supplier column in preview */
.complaints-preview .mini-table th.col-supplier,
.complaints-preview .mini-table td.col-supplier{ display:none; }
/* Header sizing */
.complaints-preview h3{ font-size:13px; line-height:1.2; color:#e6e6e6; }
/* Ensure wrapper does not clip dropdowns */
.complaints-preview{ position: relative; overflow: visible; }
/* Scoped CTA styling for the complaints button + action button */
.complaints-preview .button-link.complaints-cta{
  background: rgba(255, 152, 0, 0.10);
  border: 1px solid var(--ke-warning, #ff9800);
  color: #ffd8a8;
  padding:3px 7px;
  border-radius:8px;
  font-weight:700;
  font-size:12px;
}
.complaints-preview .button-link.complaints-cta:hover{ background: rgba(255, 152, 0, 0.20); }
/* Make in-table action button slightly smaller than header CTA */
.complaints-preview .mini-table .complaints-cta{ font-size:11px; padding:2px 6px; }
/* Remove blue focus/tap highlight in this block */
.complaints-preview .button-link,
.complaints-preview .mini-table button,
.complaints-preview .mini-table a{
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}
.complaints-preview .button-link:focus,
.complaints-preview .mini-table button:focus,
.complaints-preview .mini-table a:focus,
.complaints-preview .button-link:focus-visible,
.complaints-preview .mini-table button:focus-visible,
.complaints-preview .mini-table a:focus-visible{
  outline: none;
  box-shadow: none;
}
/* Desktop/Mobile name toggles */
.complaints-preview .mini-table .name-mobile{ display:none; }
.complaints-preview .mini-table .name-full{ display:inline; }
/* Responsive tweaks */
@media (max-width: 480px){
  .complaints-preview .mini-table{ font-size:10.5px; }
  .complaints-preview .mini-table th,.complaints-preview .mini-table td{ padding:2px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
  .complaints-preview .mini-table th.col-supplier,
  .complaints-preview .mini-table td.col-supplier{ display:none !important; }
  /* Gleich breite Spalten (Artikel, Vorschlag, Aktion) auf Mobile */
  .complaints-preview .mini-table thead th:nth-child(2),
  .complaints-preview .mini-table tbody td:nth-child(2){ width:33.33% !important; }
  .complaints-preview .mini-table thead th:nth-child(3),
  .complaints-preview .mini-table tbody td:nth-child(3){ width:33.33% !important; }
  .complaints-preview .mini-table thead th:nth-child(4),
  .complaints-preview .mini-table tbody td:nth-child(4){ width:33.33% !important; text-align:right; }
  /* Let dropdown menu escape the cell */
  .complaints-preview .mini-table td.actions{ overflow:visible !important; }
  .complaints-preview .mini-table thead th:nth-child(2){ width:54% !important; }
  .complaints-preview .mini-table thead th:nth-child(3){ width:34% !important; }
  .complaints-preview .mini-table thead th:nth-child(4){ width:12% !important; text-align:right; }
    /* Drop the confirm menu upwards on small screens to avoid bottom clipping */
    .complaints-preview .mini-table .confirm-wrap .menu{ top: auto; bottom: 100%; margin-top: 0; margin-bottom: 4px; }
  /* Name: mobile shows max 9 chars, single word */
  .complaints-preview .mini-table .name-full{ display:none !important; }
  .complaints-preview .mini-table .name-mobile{ display:inline !important; white-space:nowrap; }
  /* Hide the Antwort label in Artikel-Spalte on mobile to keep it short */
  .complaints-preview .mini-table .name-antwort{ display:none !important; }
  /* Use ellipsis instead of multi-line clamp on mobile */
  .complaints-preview .reason .short{ display:inline; -webkit-line-clamp:unset; line-clamp:unset; -webkit-box-orient:unset; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  /* Keep action button compact */
  .complaints-preview .mini-table td.actions .button-link{ max-width:120px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .complaints-preview h3{ font-size:12px; }
  .complaints-preview .button-link.complaints-cta{ font-size:11px; padding:2px 6px; }
}