.dumed-wrapper {
    margin: 20px 0;
    position: relative; /* オーバーレイの基準位置 */
}
.dumed-table-container {
    overflow-x: auto;
}
.dumed-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.dumed-table th, .dumed-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    white-space: nowrap;
    transition: background-color 0.3s;
}
.dumed-table th {
    background-color: #f2f2f2;
    text-align: center;
}
.dumed-table td {
    text-align: right;
}
.dumed-table td[data-label="社員名"] {
    text-align: left;
}
.dumed-table td input[type="text"] {
    width: 100%;
    min-width: 120px;
    padding: 4px;
    box-sizing: border-box;
    background-color: white; /* MODIFIED: 背景色を白に指定 */
}

/* 特定の入力欄の幅を狭める */
.dumed-table td[data-meta-key="sh_yukk_1day"] input,
.dumed-table td[data-meta-key="sh_yukk_del"] input,
.dumed-table td[data-meta-key="sh_yukk_rt"] input {
    min-width: 80px;
    width: 80px;
}

/* --- MODIFIED: 編集中の行とオーバーレイのスタイル --- */

/* グレーアウト用のオーバーレイ */
.dumed-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* 白っぽい半透明に変更 */
    z-index: 10;
}

/* 編集中の行 */
.dumed-table tr.editing {
    position: relative;
    z-index: 11; /* オーバーレイより手前に表示 */
}

/* 編集中の入力欄 */
.dumed-table tr.editing td input {
    animation: flash-blue-border 1.5s infinite; /* 点滅アニメーションを適用 */
}

/* 点滅アニメーションの定義 */
@keyframes flash-blue-border {
    0% {
        border-color: #ddd;
        box-shadow: none;
    }
    50% {
        border-color: #0073aa; /* 青色 */
        box-shadow: 0 0 5px rgba(0, 115, 170, 0.5);
    }
    100% {
        border-color: #ddd;
        box-shadow: none;
    }
}

/* --- ボタンのスタイル --- */
.dumed-button {
    padding: 5px 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    font-weight: bold;
    color: white !important;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
}
.dumed-edit-btn {
    background-color: #0073aa; /* 青 */
}
.dumed-save-btn {
    background-color: #5cb85c; /* 緑 */
    border-color: #4cae4c;
}
.dumed-cancel-btn {
    background-color: #f0ad4e; /* オレンジ */
    border-color: #eea236;
}
/* WordPress標準のデートピッカーが他の要素に隠れないように */
.ui-datepicker {
    z-index: 9999 !important;
}