.admin-list-title {
    margin: 16px 0 8px;
}

.admin-list-toolbar {
    align-items: center;
    gap: 12px;
}

.admin-list-actions {
    align-items: center;
    gap: 8px;
}

.admin-list-table {
    min-width: 1080px;
    border-collapse: collapse;
}

.admin-list-table th,
.admin-list-table td {
    vertical-align: top;
}

.admin-list-value {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    .admin-list-title {
        margin: 10px 0 12px;
        padding: 0 12px;
        font-size: 22px;
        line-height: 1.35;
        word-break: keep-all;
    }

    .admin-list-page {
        width: 100%;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 12px 20px !important;
        overflow-x: hidden;
    }

    .admin-list-toolbar {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        margin: 10px 0 14px !important;
    }

    .admin-list-toolbar > div {
        width: 100% !important;
    }

    .admin-list-primary-action a,
    .admin-list-primary-action button,
    .admin-list-actions form,
    .admin-list-actions form button,
    .admin-list-actions input,
    .admin-list-actions > button,
    .admin-list-actions > a {
        width: 100%;
        min-height: 44px;
        white-space: normal;
        word-break: keep-all;
    }

    .admin-list-actions {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .admin-list-actions input {
        margin-right: 0 !important;
    }

    .admin-list-scroll {
        overflow-x: visible !important;
    }

    .admin-list-table {
        display: block;
        width: 100%;
        min-width: 0 !important;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: auto;
    }

    .admin-list-table thead,
    .admin-list-table tbody {
        display: block;
        width: 100%;
    }

    .admin-list-table thead {
        display: none;
    }

    .admin-list-table tr {
        display: block;
        width: 100%;
        margin: 0 0 12px;
        overflow: hidden;
        border: 1px solid #dbe3ea;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    }

    .admin-list-table tr.admin-detail-row {
        margin-top: -12px;
        border-top: 0;
        border-radius: 0 0 8px 8px;
        background: #f8fafc;
        box-shadow: none;
    }

    .admin-list-table td {
        display: grid;
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 10px;
        width: 100%;
        padding: 10px 12px !important;
        border: 0 !important;
        border-bottom: 1px solid #eef2f6 !important;
        text-align: left !important;
        font-size: 14px;
        line-height: 1.55;
        word-break: keep-all;
        overflow-wrap: anywhere;
    }

    .admin-list-table td * {
        min-width: 0;
        word-break: keep-all;
        overflow-wrap: anywhere;
    }

    .admin-list-table td::before {
        content: attr(data-label);
        color: #334155;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.55;
    }

    .admin-list-table td:last-child {
        border-bottom: 0 !important;
    }

    .admin-list-table .admin-action-cell {
        display: flex;
        justify-content: flex-end;
        background: #f8fafc;
    }

    .admin-list-table .admin-action-cell::before,
    .admin-list-table .admin-detail-cell::before {
        content: none;
    }

    .admin-list-table .admin-action-cell form,
    .admin-list-table .admin-action-cell button {
        width: auto;
    }

    .admin-list-table .admin-detail-cell {
        display: block;
    }

    .admin-list-table .admin-detail-cell .grid {
        display: block;
    }

    .admin-list-table .admin-detail-cell .grid > div {
        margin-bottom: 10px;
    }

    .admin-list-table .admin-detail-cell .grid > div:last-child {
        margin-bottom: 0;
    }

    .pagination {
        flex-wrap: wrap;
        gap: 6px;
    }

    .pagination li {
        margin: 0;
    }
}