/**
 * 後台響應式 - 超小螢幕（22.5rem / 360px）的全域調整
 *
 * 由 admin-responsive.css 依原行序拆出；載入順序見 src/lib/assets.ts 的
 * ADMIN_STYLES，順序即 cascade 順序，不可調換。
 */

/* ===== 超小螢幕 (max-width: 22.5rem / 360px) ===== */
@media (max-width: 22.5rem) {
    /* 側邊欄 - 極致緊湊 */
    .admin-page .sidebar {
        width: 75%;
        max-width: 12rem;
    }

    /* 導航項目 - 極小間距 */
    .admin-page .nav-item {
        margin: 0 0.1875rem;
    }

    /* 導航連結 - 極緊湊版 */
    .admin-page .nav-link {
        padding: 0.5rem 0.625rem;
        font-size: 0.8125rem;
    }

    /* 導航圖標 - 最小尺寸 */
    .admin-page .nav-link i {
        width: 1rem;
        margin-right: 0.375rem;
        font-size: 0.875rem;
    }

    /* 分組子項 - 縮短縮排與內距，讓窄抽屜仍放得下完整名稱 */
    .admin-page .nav-sublist .nav-item {
        margin-left: 0.75rem;
    }

    .admin-page .nav-sublist .nav-link {
        padding: 0.4375rem 0.5rem;
    }

    .admin-page .nav-group-toggle {
        padding: 0.5rem 0.625rem;
        font-size: 0.75rem;
    }

    .admin-page .nav-group-toggle > i:first-child {
        width: 1.125rem;
        margin-right: 0.5rem;
        font-size: 0.875rem;
    }

    /* 遊戲卡片 - 超小屏版 */
    .games-grid {
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }

    .toolbar-right .btn {
        padding: 0.375rem 0.5rem;
        font-size: 0.65rem;
        gap: 0.25rem;
    }

    .game-card-admin {
        display: grid;
        grid-template-columns: 60px 1fr auto;
        grid-template-rows: auto auto;
        gap: 0.4rem;
        padding: 0.5rem;
        align-items: start;
    }

    .game-card-image {
        width: 60px;
        height: 60px;
    }

    .game-card-body {
        gap: 0.15rem;
        min-width: 0;
    }

    .game-card-body h4 {
        font-size: 0.8125rem;
    }

    .game-id,
    .game-project,
    .game-sort {
        font-size: 0.625rem;
    }

    .game-env-status {
        gap: 0.1rem;
        margin-top: 0.1rem;
    }

    .env-badge-full {
        font-size: 0.45rem;
        padding: 0.08rem 0.15rem;
    }

    .game-card-actions {
        gap: 0.2rem;
    }

    .game-card-actions .btn-icon {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.65rem;
    }

    /* 統計卡片 - 超小屏幕更緊湊 */
    .stats-grid {
        gap: 0.375rem;
    }

    .stat-card {
        padding: 0.5rem 0.625rem;
        gap: 0.375rem;
    }

    .stat-icon {
        width: 2rem;
        height: 2rem;
        font-size: 0.75rem;
    }

    .stat-info h3 {
        font-size: 1rem;
    }

    .stat-info p {
        font-size: 0.5625rem;
    }

    /* 快捷操作 - 超小屏幕 */
    .quick-actions {
        padding: 0.625rem;
    }

    .quick-actions h3 {
        font-size: 0.8125rem;
    }

    .action-buttons {
        gap: 0.25rem;
    }

    .action-btn {
        padding: 0.5rem 0.625rem;
        font-size: 0.75rem;
    }

    /* 開發部屬管理 - 超小螢幕縮水平間距，讓品牌標籤與三顆環境按鈕仍能同列 */
    .backend-brand-group {
        gap: 0.3125rem;
    }

    .backend-brand-label {
        min-width: 3.625rem;
        padding: 0.375rem 0.375rem;
        font-size: 0.6875rem;
    }

    .backend-env-btn {
        padding: 0.5rem 0.5rem;
        gap: 0.25rem;
        font-size: 0.75rem;
    }

    /* 最近活動 - 超小屏幕 */
    .recent-activity {
        padding: 0.625rem;
    }

    .recent-activity h3 {
        font-size: 0.8125rem;
    }

    /* 環境狀態格單列 */
    .env-status-grid {
        grid-template-columns: 1fr 1fr;
    }
}