/* 📱 針對手機/平板等小螢幕 (≤ 768px) 的輸入框優化 */
@media (max-width: 768px) {
    /* 1. 輸入框與下拉選單：加大高度與字體 (防範 iOS 自動放大) */
    .form-control, 
    .form-select {
        font-size: 16px !important; 
        min-height: 48px;            
        padding-left: 0.875rem;
        padding-right: 0.875rem;
    } 
}

/* 中寬螢幕 (768px 以上) 恢復原本的 rounded-4 圓角 */
@media (min-width: 768px) {
    #sidebarMenu {
        border-radius: 1rem !important; /* 相當於 Bootstrap rounded-4 */
    }
}