/**
 * 手機版儲存格選單樣式
 * 僅在手機版（768px 以下）顯示
 */

/* 手機版儲存格：完全阻止文字選取和長按選單 */
@media (max-width: 768px) {
  #grid-container .ag-cell {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important; /* 阻止 iOS 長按選單 */
    -webkit-tap-highlight-color: transparent; /* 移除點擊高亮 */
  }
  
  /* 編輯模式時允許選取文字 */
  #grid-container .ag-cell.ag-cell-inline-editing,
  #grid-container .ag-cell input,
  #grid-container .ag-cell textarea {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }
}

/* 選單容器 */
.mobile-cell-menu {
    display: none;
    position: fixed;
    flex-direction: column;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 10000;
    min-width: 160px;
    overflow: hidden;
    padding: 4px;
}

/* 選單項目 */
.mobile-cell-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: none;
    background: transparent;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s;
    text-align: left;
    width: 100%;
    border-radius: 4px;
}

.mobile-cell-menu-item:hover {
    background-color: #f5f5f5;
}

.mobile-cell-menu-item:active {
    background-color: #e0e0e0;
}

.mobile-cell-menu-item:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.mobile-cell-menu-item i {
    font-size: 16px;
    width: 20px;
    text-align: center;
    color: #666;
}

.mobile-cell-menu-item span {
    flex: 1;
}

/* 僅在手機版顯示 */
@media (min-width: 769px) {
    .mobile-cell-menu {
        display: none !important;
    }
}

/* 手機版樣式優化 */
@media (max-width: 768px) {
    .mobile-cell-menu {
        min-width: 140px;
    }
    
    .mobile-cell-menu-item {
        padding: 10px 14px;
        font-size: 13px;
    }
    
    .mobile-cell-menu-item i {
        font-size: 15px;
        width: 18px;
    }
}

/* 小螢幕優化 */
@media (max-width: 480px) {
    .mobile-cell-menu {
        min-width: 120px;
    }
    
    .mobile-cell-menu-item {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    .mobile-cell-menu-item i {
        font-size: 14px;
        width: 16px;
    }
}