/* ==========================================
   FullCalendarのカスタムデザイン
   ========================================== */
.fc { 
    --fc-border-color: #f3f4f6; 
    font-family: system-ui, -apple-system, sans-serif; 
}
.fc .fc-toolbar-title { 
    font-size: 1.1rem; 
    font-weight: 800; 
    color: #111827; 
}
.fc .fc-button-primary { 
    background-color: #ff6b00; 
    border-color: #ff6b00; 
    font-weight: 600; 
    font-size: 0.8rem; 
}
.fc .fc-button-primary:hover { 
    background-color: #e05e00; 
    border-color: #e05e00; 
}
.fc-theme-standard td, .fc-theme-standard th { 
    border-color: #e5e7eb; 
}

/* 🔑 サイドバーがシュッと折りたたまれる設定 */
.sidebar-closed {
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-right-width: 0 !important;
}

/* ==========================================
   🎯 安全改修：クロジカ風チェックボックス（丸型カスタム）
   システム全体を汚染しないよう、サイドバーの特定フィルター枠だけに限定
   ========================================== */
#user-filters input[type="checkbox"],
#facility-filters input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%; /* 丸型を維持 */
    border: 2px solid #d1d5db;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    background-color: #fff;
}

#user-filters input[type="checkbox"]:checked,
#facility-filters input[type="checkbox"]:checked {
    background-color: currentColor;
    border-color: currentColor;
}

#user-filters input[type="checkbox"]:checked::after,
#facility-filters input[type="checkbox"]:checked::after {
    content: "✓";
    color: white;
    font-size: 0.75rem;
    font-weight: bold;
}

/* ==========================================
   ✨ おまけ：サイボウズ風・極細スクロールバー化設定
   スマホやPCでの横スクロール時、レイアウトを邪魔しない親切設計
   ========================================== */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #dbdade;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c8c7cb;
}