.table-sortable { width: 100%; max-width: 1100px; margin: 0 auto; border-collapse: collapse; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background: #fff; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06); border-radius: 8px; overflow: hidden; } .table-sortable thead { background: #0b63b7; color: #fff; text-transform: uppercase; font-size: 0.85rem; } .table-sortable th, .table-sortable td { padding: 10px 14px; text-align: left; border-bottom: 1px solid #eef3fb; } .table-sortable tbody tr:nth-child(even) { background: #f7fbff; } .table-sortable tbody tr:hover { background: #e8f4ff; } .table-sortable th { cursor: pointer; user-select: none; position: relative; white-space: nowrap; } .table-sortable th .sort-indicator { margin-left: 8px; font-size: 0.78rem; opacity: 0.9; } .table-sortable th .arrow { display: inline-block; width: 10px; height: 10px; line-height: 10px; text-align: center; font-size: 10px; } @media (max-width: 720px) { .table-wrap { overflow-x: auto; padding-bottom: 12px; } .table-sortable th, .table-sortable td { padding: 8px 10px; font-size: 0.92rem; } }
Aktuell