/**
 * RWD 補強樣式 - 班級小管家
 * P0 優化：響應式設計斷點補強
 */

/* === 小螢幕手機 (360px 以下) === */
@media (max-width: 360px) {

    /* 導航列標題 */
    .text-xl.sm\:text-2xl.font-bold {
        font-size: 1rem;
    }

    /* 功能選單按鈕 */
    .grid.grid-cols-2>button {
        padding: 0.5rem;
    }

    .grid.grid-cols-2>button .text-2xl {
        font-size: 1.25rem;
    }

    .grid.grid-cols-2>button .font-semibold {
        font-size: 0.7rem;
    }

    /* 全螢幕時鐘按鈕 */
    .bg-gradient-to-r.from-blue-500 {
        padding: 0.375rem 0.75rem;
    }

    .bg-gradient-to-r.from-blue-500 .text-xs {
        display: none;
    }

    /* 輸入框：防止 iOS 自動放大 */
    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    /* 學生卡片緊湊模式 */
    #studentsList .bg-gray-50 {
        padding: 0.5rem;
    }

    /* 按鈕文字調整 */
    .px-4.sm\:px-6 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* Modal 寬度 */
    .max-w-md,
    .max-w-lg {
        max-width: calc(100vw - 1rem);
        margin: 0.5rem;
    }

    /* 時鐘顯示 */
    #currentTime {
        font-size: 0.875rem;
    }
}

/* === 學生卡片通用優化 === */
#studentsList .bg-gray-50 {
    min-height: 60px;
}

/* === 大螢幕桌面 (1440px 以上) === */
@media (min-width: 1440px) {

    /* 增加容器最大寬度 */
    .max-w-7xl {
        max-width: 1400px;
    }

    /* 功能選單按鈕 */
    .grid.lg\:grid-cols-7 {
        gap: 1.5rem;
    }

    .grid.lg\:grid-cols-7>button {
        padding: 1.5rem;
    }

    .grid.lg\:grid-cols-7>button .text-2xl {
        font-size: 2.5rem;
    }

    /* 學生名單：4欄佈局 */
    #studentsList {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    /* 加扣分系統學生選擇區域增高 */
    #pointsStudentList {
        max-height: 400px;
    }

    /* 全螢幕時鐘按鈕 */
    .bg-gradient-to-r.from-blue-500 {
        padding: 0.75rem 1.5rem;
        font-size: 1.125rem;
    }

    /* 表單輸入框 */
    input[type="text"],
    input[type="number"],
    textarea {
        font-size: 1rem;
        padding: 0.75rem 1rem;
    }

    /* Modal 寬度增加 */
    .max-w-lg {
        max-width: 36rem;
    }

    .max-w-2xl {
        max-width: 48rem;
    }

    /* 區塊內邊距增加 */
    .section.bg-white {
        padding: 2rem;
    }
}

/* === 超大螢幕 (1920px 以上) === */
@media (min-width: 1920px) {
    .max-w-7xl {
        max-width: 1600px;
    }

    /* 功能選單按鈕更大 */
    .grid.lg\:grid-cols-7>button .text-2xl {
        font-size: 3rem;
    }

    /* 學生名單：5欄佈局 */
    #studentsList {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}