/* ==========================================
   勤怠管理システム - メインCSS
   ========================================== */

/* 共通スタイル読み込み */
@import url('./shared/variables.css');
@import url('./shared/common.css');
@import url('./shared/utilities.css');

/* コンポーネントスタイル読み込み */
@import url('./components/form.css');
@import url('./components/calendar.css');

/* モジュール別スタイル読み込み */
@import url('./modules/user.css');
@import url('./modules/staff.css');
@import url('./modules/admin.css');


/* 追加のスタイル（既存の特殊なスタイルなど） */
/* ... */
/* カレンダーコンテナの最大幅制限 */
#attendanceCalendarContainer {
  max-width: 500px;
  margin: 0 auto;
}

/* スタッフ・管理者のカレンダーも同様に制限 */
#calendarGridStaff,
#calendarGridStaffCalendar,
.monthly-attendance-report {
  font-size: 0.85rem;
}

@media print {
    /* システム全体のヘッダーを非表示 */
    body > header,
    body > nav,
    #app-header,
    .navbar,
    .header-container,
    .system-header,
    h1:contains("勤怠管理システム"),
    *[class*="header"]:not(.table-header):not(.modal-header) {
        display: none !important;
    }
    
    /* ナビゲーションバーを確実に非表示 */
    nav,
    .navigation,
    .nav-menu,
    .menu-bar {
        display: none !important;
    }
    
    /* ボタン類を非表示 */
    button,
    .btn,
    input[type="button"],
    input[type="submit"] {
        display: none !important;
    }
    
    /* フォーム要素を非表示（印刷時は不要） */
    input[type="text"],
    input[type="date"],
    select:not(.print-show),
    .form-control:not(.print-show) {
        display: none !important;
    }
    
    /* アプリケーションのメインコンテナの余白削除 */
    #app-content,
    .container,
    .container-fluid {
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
    }
}