.mp-wrap {
    max-width: 100%;
}

.mp-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.mp-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mp-field label {
    font-weight: 600;
    font-size: 0.85em;
}

.mp-field select,
.mp-field input {
    padding: 6px 10px;
    font-size: 1em;
}

.mp-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}

.mp-table {
    border-collapse: collapse;
    width: 100%;
    min-width: 480px;
}

.mp-table th,
.mp-table td {
    border: 1px solid #ddd;
    padding: 6px 10px;
    text-align: center;
    white-space: nowrap;
}

.mp-table thead th {
    background: #f5f5f5;
    font-weight: 700;
}

.mp-table th.mp-hour {
    background: #f5f5f5;
}

.mp-table td.mp-biz {
    background: #c8e6c9;
}

.mp-note {
    font-size: 0.85em;
    color: #555;
    margin-top: 10px;
}