.myfc-wrap {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.myfc-title {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 8px;
}
.myfc-table {
    border-collapse: collapse;
    width: 100%;
}
.myfc-table th,
.myfc-table td {
    border: 1px solid #ddd;
    padding: 6px 8px;
    text-align: left;
    vertical-align: top;
}
.myfc-table th {
    background: #f7f7f7;
    white-space: nowrap;
}
.myfc-date {
    font-weight: 600;
}
.myfc-tag {
    padding: 0 2px;
}
/* プラグイン独自のスクロール機能 */
.myfc-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* iOSでのスムーズスクロール用 */
}

/* テーブルのセルが改行されないようにして、テーブルが横に広がるようにする */
.myfc-table th,
.myfc-table td {
    white-space: nowrap;
}
/* --- 選択列（先頭列）を固定表示にするためのスタイル --- */

/* ヘッダーとボディのセルを左端に固定 */
.myfc-table th.myfc-th-select,
.myfc-table td.myfc-td-select {
    position: -webkit-sticky; /* Safari対応 */
    position: sticky;
    left: 0;
    z-index: 1; /* 他のセルより手前に表示 */
}

/* 固定したヘッダーに背景色を再指定（必須）*/
.myfc-table th.myfc-th-select {
    background-color: #f7f7f7;
}

/* 固定したボディセルに背景色を指定（スクロール時に下の文字が透けるのを防ぐ）*/
.myfc-table td.myfc-td-select {
    background-color: #fff;
}

/* 日付の色 */
.myfc-date-red { color: #d0021b; }
.myfc-date-blue { color: #1d4ed8; }

/* タグの色 */
.myfc-tag-red { color: #d0021b; font-weight: 700; }
.myfc-tag-blue { color: #1d4ed8; font-weight: 700; }
.myfc-tag-green { color: #0a7d22; font-weight: 700; }

/* UI用のスタイル */
.myfc-ui .controls { margin:10px 0; display:grid; gap:8px; grid-template-columns: 1fr; }
@media (min-width:800px){ .myfc-ui .controls { grid-template-columns: repeat(2, 1fr); } }
.myfc-ui fieldset { border:1px solid #e5e5e5; border-radius:8px; padding:10px; }
.myfc-ui legend { padding:0 6px; font-weight:600; }
.myfc-ui .row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.myfc-ui label { margin-right:6px; user-select:none; }
.myfc-ui .btns { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top: 8px; }

/* 選択チェックボックス列のヘッダー用スタイル */
.myfc-table th.myfc-th-select {
    width: 1%;
    white-space: nowrap;
}