/* schedule-editor固有のスタイル */
/* 変更されたセルをハイライト表示 */
.table td.is-modified {
    background-color: rgba(180, 180, 180, 0.25) !important; /* 変更されたセルを薄いグレーで塗りつぶす */
}

/* テーブルの列幅を均等にする */
#schedule-table {
    table-layout: fixed !important;
    width: 100% !important;
}

/* PC表示時の列幅を確保してセル内の文字を一行で表示 */
@media screen and (min-width: 769px) {
    #schedule-table {
        min-width: 700px;
    }
    #schedule-table th:first-child,
    #schedule-table td:first-child {
        width: 60px;
    }
}

/* セルがクリック可能であることを示す */
#schedule-table tbody td {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

#schedule-table tbody td:hover {
    background-color: rgba(72, 199, 116, 0.08) !important;
}

/* コントロール行のレイアウト */
.editor-control {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 情報アイコンの色 */
.info-icon-color {
    color: #0097fc;
}

/* 変更点の説明テキスト内でグレー背景のサンプルを表示 */
.modified-indicator {
    background-color: rgba(180, 180, 180, 0.25);
    padding: 0 4px;
}

.modal-card {
    width: 840px;
    max-width: 90%;
}