/* 愛馬仕橘毛玻璃基礎樣式 */
.glass-header {
    background: rgba(243, 112, 33, 0.85) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.glass-input {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    outline: none;
}
.glass-input option { color: #333; }
iframe { width: 100%; height: 100%; border: none; }

/* 響應式佈局樣式 */
.pane-container { height: calc(100vh - 180px); }

/* 手機版 RWD 調整 */
@media (max-width: 768px) {
    .pane-container { 
        display: flex; 
        flex-direction: column; 
        height: auto; 
        gap: 20px;
    }
    .pane-container > div {
        height: 500px; /* 手機版固定單窗格高度 */
        width: 100%;
    }
    .mobile-hide { display: none !important; }
    .glass-header { padding: 12px; }
    h1 { font-size: 1.25rem !important; }
}

/* 滾動條美化 */
#teacher-suggestions::-webkit-scrollbar { width: 4px; }
#teacher-suggestions::-webkit-scrollbar-thumb { background: #F37021; border-radius: 10px; }


/* 卡其綠背景定義 */
.bg-khaki-green {
    background-color: #3D1F16 !important; /* 精選質感的卡其綠 */
}

/* 強化飄浮感的表格容器 */
.floating-table {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); /* 深度投影 */
    border: none !important; /* 拿掉外框線，靠陰影產生邊界 */
    transform: translateY(-5px); /* 視覺上微向上浮 */
}