#viewWebshop { min-width:0; max-width:100%; width:100%; box-sizing:border-box; }
#webshopPanel { min-width:0; max-width:100%; box-sizing:border-box; }
.ws-table-scroll { width:100%; max-width:100%; overflow:auto; }
.ws-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px; }
.ws-table th { text-align:left; background:#edf3f8; padding:8px; white-space:normal!important; }
.ws-table td { padding:9px 8px; vertical-align:top; border-top:1px solid #e5eaf0; overflow-wrap:anywhere; }
.ws-table th:nth-child(1) { width:100px; }
.ws-table th:nth-child(2) { width:auto; }
.ws-table th:nth-child(3) { width:85px; }
.ws-table th:nth-child(4) { width:110px; }
.ws-table th:nth-child(5), .ws-table th:nth-child(6) { width:110px; }
.ws-table th:nth-child(7) { width:245px; }
.ws-table tbody tr:hover { background:#f7faff; }
.ws-actions { display:flex; flex-wrap:wrap; gap:6px; }
.ws-actions .btn { white-space:normal; max-width:100%; text-align:center; }
.ws-meta { font-size:11px; color:#64748b; margin-top:5px; }
.ws-order-link { font-weight:700; text-decoration:underline; }
.ws-amount { text-align:right; white-space:nowrap; }
.ws-invoice-overlay { position:fixed; inset:0; z-index:9900; background:#00285566; display:flex; align-items:center; justify-content:center; padding:16px; }
.ws-invoice-dialog { width:740px; max-width:100%; max-height:90vh; overflow:auto; padding:22px; box-sizing:border-box; border-radius:14px; background:white; color:#002855; }
.ws-dialog-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.ws-dialog-heading h2 { margin:0; font-size:20px; }
.ws-invoice-card { border:1px solid #d6e1ec; border-radius:10px; padding:14px; display:flex; flex-direction:column; gap:10px; margin:10px 0; }
.ws-invoice-notice { font-size:12px; padding:10px; background:#eef4fa; color:#334155; border-radius:8px; }
/* Die verfügbare Inhaltsbreite zählt, auch bei geöffnetem Seitenmenü. */
#webshopPanel { container-type:inline-size; }
@container (max-width: 1100px) {
 .ws-table, .ws-table tbody { display:block; }
 .ws-table thead { display:none; }
 .ws-table tbody { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .ws-table tr { display:block; min-width:0; border:1px solid #d6e1ec; border-radius:10px; padding:8px; }
 .ws-table td { display:grid; grid-template-columns:95px minmax(0,1fr); gap:3px 8px; border:0; padding:5px; text-align:left; white-space:normal; }
 .ws-table td::before { content:attr(data-label); grid-column:1; grid-row:1; font-size:11px; font-weight:600; color:#64748b; }
 .ws-table td>* { grid-column:2; }
 .ws-table td[data-label="Aktionen"] { display:block; border-top:1px solid #e5eaf0; margin-top:5px; padding-top:9px; }
 .ws-table td[data-label="Aktionen"]::before { display:none; }
}
@container (max-width: 620px) { .ws-table tbody { grid-template-columns:minmax(0,1fr); } }