@media (max-width: 900px) {
    .package1-manhole-table-scroll {
        max-height: 620px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .package1-manhole-table-wrap {
        border-radius: 16px;
    }

    .package1-manhole-table {
        min-width: 760px;
    }

    .package1-manhole-table thead th {
        font-size: 0.9rem;
        padding: 12px 10px;
    }

    .package1-manhole-table tbody td {
        font-size: 0.9rem;
        padding: 12px 10px;
    }

    .package1-actions-cell {
        width: 84px;
        min-width: 84px;
    }

    .package1-action-btn {
        width: 34px;
        height: 34px;
    }

    .package1-action-btn svg {
        width: 17px;
        height: 17px;
    }

    .package1-map-link {
        padding: 7px 11px;
        font-size: 0.88rem;
    }
}

@media (max-width: 480px) {
    .package1-manhole-table-scroll {
        max-height: 500px;
        overflow-y: auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .package1-manhole-table-wrap {
        border-radius: 14px;
        overflow: visible;
    }

    .package1-manhole-table {
        width: max-content;
        min-width: 0;
    }

    .package1-manhole-table thead th {
        font-size: 0.84rem;
        padding: 10px 9px;
        white-space: nowrap;
    }

    .package1-manhole-table tbody td {
        font-size: 0.84rem;
        padding: 10px 9px;
        white-space: nowrap;
    }

    .package1-actions-cell {
        width: 76px;
        min-width: 76px;
    }

    .package1-actions-buttons {
        gap: 6px;
    }

    .package1-action-btn {
        width: 32px;
        height: 32px;
        border-radius: 9px;
    }

    .package1-action-btn svg {
        width: 16px;
        height: 16px;
    }

    .package1-map-link {
        padding: 6px 10px;
        font-size: 0.82rem;
        white-space: nowrap;
    }
}