.estimate-container {
    margin-top: 24px;
}

.estimate-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Text",
        sans-serif;

    background: #ffffff;

    border: 1px solid #e5e5e7;

    border-radius: 12px;

    overflow: hidden;

    box-shadow:
        0 1px 2px rgba(0,0,0,0.04);
}

.estimate-table thead {
    background: #f5f5f7;
}

.estimate-table th {
    text-align: left;
    padding: 14px 18px;

    font-weight: 600;

    color: #1d1d1f;

    border-bottom: 1px solid #e5e5e7;
}

.estimate-table td {
    padding: 14px 18px;

    border-bottom: 1px solid #f0f0f0;

    color: #1d1d1f;
}

.estimate-table tbody tr:last-child td {
    border-bottom: none;
}

.estimate-table tbody tr {
    cursor: pointer;
    transition: background 0.15s ease;
}

.estimate-table tbody tr:hover {
    background: #f9f9fb;
}

.delete-cell {
    width: 70px;
    text-align: center;
}

.delete-btn {

    width: 28px;
    height: 28px;

    border: none;

    border-radius: 50%;

    background: #f5f5f7;

    color: #86868b;

    font-size: 16px;

    cursor: pointer;

    transition: all 0.15s ease;
}

.delete-btn:hover {
    background: #ff3b30;
    color: white;
}

.empty-msg {
    color: #86868b;
    padding: 12px;
}