/**
 * FazendaRPG v0.0.31
 * Desktop Layout - iPad e acima
 * @version 0.0.31
 */

/* ===================================
   DESKTOP LAYOUT - iPad e acima
   =================================== */

/* Orientação controlada pelo manifest.json (apenas PWA) */
/* No navegador normal, apenas ajusta o layout em landscape mobile */

@media screen and (max-width: 767px) and (orientation: landscape) {
    /* Ajusta layout para landscape sem bloquear */
    .topbar {
        height: 50px;
    }

    .main-content {
        padding-top: calc(50px + var(--spacing-sm));
    }

    .farm-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ===================================
   TABLET (768px - 1023px)
   =================================== */
@media (min-width: 768px) and (max-width: 1023px) {
    :root {
        --topbar-height: 70px;
        --sidebar-width: 280px;
    }

    /* Topbar ajustada */
    .topbar {
        height: var(--topbar-height);
        padding: 0 var(--spacing-lg);
    }

    /* Menu lateral sempre visível */
    .side-menu {
        position: fixed;
        top: var(--topbar-height);
        left: 0 !important;
        right: auto !important;
        width: var(--sidebar-width);
        height: calc(100vh - var(--topbar-height));
        max-height: calc(100vh - var(--topbar-height));
        transform: translateX(0) !important;
        border-right: 2px solid var(--brand-primary);
        border-left: none;
        box-shadow: 3px 0 15px rgba(0, 0, 0, 0.1);
        z-index: 100;
        display: block !important;
    }

    .side-menu.active {
        right: auto;
        left: 0 !important;
    }

    /* Esconder botão do menu e overlay */
    .menu-toggle,
    .menu-overlay {
        display: none !important;
    }

    .menu-close {
        display: none;
    }

    /* Header do menu mais compacto */
    .menu-header {
        padding: var(--spacing-md);
        min-height: auto;
    }

    .menu-logo {
        width: 40px;
        height: 40px;
        font-size: 1.5rem;
    }

    .menu-header h2 {
        font-size: 1.25rem;
    }

    .menu-subtitle {
        font-size: 0.75rem;
    }

    /* Menu nav com padding bottom para não cortar último item */
    .menu-nav {
        padding-bottom: 50px !important;
        scroll-padding-bottom: 50px !important;
    }

    /* Conteúdo principal com margem para o menu */
    .main-content {
        margin-left: var(--sidebar-width);
        width: calc(100% - var(--sidebar-width));
        padding: var(--spacing-lg);
        padding-top: calc(var(--topbar-height) + var(--spacing-lg));
        max-width: none;
    }

    /* Layout em 2 colunas para grids */
    .farm-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-md);
        max-width: 100%;
    }

    .skills-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-md);
    }

    .city-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-md);
    }

    .inventory-grid {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
        gap: 16px !important;
        max-width: 100% !important;
        padding: var(--spacing-lg) !important;
    }

    .inventory-item {
        padding: 12px !important;
        min-height: auto !important;
        height: auto !important;
    }

    .inventory-item-icon {
        font-size: 2.5rem !important;
        margin-bottom: 8px !important;
    }

    .inventory-item-name {
        font-size: 0.875rem !important;
        line-height: 1.3 !important;
    }

    .inventory-item-count {
        width: 24px !important;
        height: 24px !important;
        font-size: 0.75rem !important;
        top: 6px !important;
        right: 6px !important;
    }

    /* Market em 3 colunas */
    .market-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }

    /* Footer com menu lateral */
    .footer {
        margin-left: var(--sidebar-width);
        width: calc(100% - var(--sidebar-width));
    }
}

/* ===================================
   DESKTOP GRANDE (1024px+)
   =================================== */
@media (min-width: 1024px) {
    :root {
        --topbar-height: 75px;
        --sidebar-width: 320px;
    }

    body {
        overflow-x: hidden;
    }

    /* Topbar fixa e ajustada */
    .topbar {
        height: var(--topbar-height);
        padding: 0 var(--spacing-xl);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .topbar-left {
        flex: 0 0 auto;
    }

    .topbar-stats {
        flex: 1;
        justify-content: flex-end;
        gap: var(--spacing-lg);
        margin-right: var(--spacing-md);
    }

    .topbar-stat {
        min-width: 120px;
    }

    /* Menu lateral sempre visível */
    .side-menu {
        position: fixed;
        top: var(--topbar-height);
        left: 0 !important;
        right: auto !important;
        width: var(--sidebar-width);
        height: calc(100vh - var(--topbar-height));
        max-height: calc(100vh - var(--topbar-height));
        transform: translateX(0) !important;
        border-right: 2px solid var(--brand-primary);
        border-left: none;
        box-shadow: 3px 0 20px rgba(0, 0, 0, 0.1);
        z-index: 100;
        display: block !important;
    }

    .side-menu.active {
        right: auto;
        left: 0 !important;
    }

    /* Esconder botão do menu e overlay */
    .menu-toggle,
    .menu-overlay {
        display: none !important;
    }

    .menu-close {
        display: none;
    }

    /* Menu nav com padding bottom para não cortar último item */
    .menu-nav {
        padding-bottom: 50px !important;
        scroll-padding-bottom: 50px !important;
    }

    /* Conteúdo principal ajustado */
    .main-content {
        margin-left: var(--sidebar-width);
        width: calc(100% - var(--sidebar-width));
        padding: var(--spacing-xl);
        padding-top: calc(var(--topbar-height) + var(--spacing-xl));
        padding-bottom: calc(var(--footer-height) + var(--spacing-xl));
        max-width: none;
        min-height: calc(100vh - var(--topbar-height));
    }

    /* Screen header mais elegante */
    .screen-header {
        margin-bottom: var(--spacing-xl);
    }

    .screen-header h2 {
        font-size: 2.5rem;
    }

    /* Layout otimizado para desktop */

    /* Topbar player info - 1024px */
    .topbar-avatar {
        width: 52px !important;
        height: 52px !important;
    }

    .topbar-player {
        padding: 4px 12px !important;
        min-width: 140px !important;
    }

    .topbar-player-name {
        font-size: 14px !important;
    }

    .topbar-player-level {
        font-size: 11px !important;
    }

    /* Avatar no desktop */
    .welcome-icon {
        width: 110px;
        height: 110px;
    }

    /* Farm screen wrapper layout lado a lado */
    #farm-screen.active {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: var(--spacing-lg);
    }

    /* Container que agrupa farm-view e farm-grid na mesma linha */
    #farm-screen.active > .farm-view,
    #farm-screen.active > #farm-grid {
        grid-row: 1;
    }

    #farm-screen.active .farm-view {
        grid-column: 1;
        width: 350px;
        margin: 0 !important;
    }

    #farm-screen.active .farm-header {
        width: 100%;
    }

    #farm-screen.active .farm-welcome-message {
        margin: 0 !important;
        max-width: 100% !important;
        padding: var(--spacing-md) !important;
        height: 100%;
    }

    #farm-screen.active #farm-grid {
        grid-column: 1;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 14px !important;
        max-width: 600px !important;
        width: 600px !important;
        margin: 0 0 0 calc(350px + var(--spacing-lg)) !important;
        padding: 0 !important;
    }

    #farm-screen.active .farm-actions {
        grid-row: 2;
        grid-column: 1;
        max-width: 100%;
        width: 100%;
        margin: var(--spacing-sm) auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--spacing-sm);
    }

    #farm-screen.active .farm-actions #plant-all-btn,
    #farm-screen.active .farm-actions #harvest-all-btn {
        flex: 0 1 auto;
        width: calc(50% - var(--spacing-xs));
    }

    #farm-screen.active .farm-actions #fertilize-all-btn {
        flex: 0 1 auto;
        width: auto;
        margin: 0 auto;
    }

    #farm-screen.active .farm-tile {
        height: 180px;
        width: 100%;
        padding: var(--spacing-md);
    }

    #farm-screen.active .farm-tile-icon {
        font-size: 3.5rem !important;
    }

    #farm-screen.active .farm-tile-timer {
        font-size: 1rem !important;
    }

    /* Skills - 3 colunas */
    .skills-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }

    .skill-card {
        padding: var(--spacing-md);
    }

    .skill-icon {
        font-size: 2.5rem;
    }

    .skill-name {
        font-size: 1rem;
    }

    /* City - 3 colunas */
    .city-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }

    .city-card {
        padding: var(--spacing-md);
    }

    .city-icon {
        font-size: 2.5rem;
    }

    .city-card h3 {
        font-size: 1.1rem;
    }

    .city-card p {
        font-size: 0.875rem;
    }

    /* Market - 4 colunas */
    .market-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-md);
    }

    .market-item {
        padding: var(--spacing-md);
    }

    .market-item-icon {
        font-size: 2.5rem;
    }

    .market-item-name {
        font-size: 0.9rem;
    }

    /* Inventory - Grid responsivo e profissional */
    .inventory-grid {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;
        gap: 18px !important;
        max-width: 1300px !important;
        padding: var(--spacing-xl) !important;
    }

    .inventory-item {
        padding: 14px !important;
        border-width: 2px !important;
        min-height: auto !important;
        height: auto !important;
    }

    .inventory-item-icon {
        font-size: 3rem !important;
        margin-bottom: 10px !important;
    }

    .inventory-item-name {
        font-size: 0.9rem !important;
        line-height: 1.3 !important;
    }

    .inventory-item-count {
        width: 26px !important;
        height: 26px !important;
        font-size: 0.8rem !important;
        top: 6px !important;
        right: 6px !important;
    }

    /* NPCs - 2 colunas */
    .npcs-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-md);
    }

    .npc-card {
        padding: var(--spacing-md);
    }

    .npc-avatar {
        width: 70px;
        height: 70px;
    }

    .npc-name {
        font-size: 1.05rem;
    }

    .npc-description {
        font-size: 0.875rem;
    }

    /* Footer ajustado */
    .footer {
        margin-left: var(--sidebar-width);
        width: calc(100% - var(--sidebar-width));
    }

    /* Wiki - Layout em 2 colunas */
    .wiki-container {
        display: grid;
        grid-template-columns: 280px 1fr;
        gap: var(--spacing-xl);
        margin: 0;
    }

    .wiki-sidebar {
        position: sticky;
        top: calc(var(--topbar-height) + var(--spacing-lg));
        height: fit-content;
        max-height: calc(100vh - var(--topbar-height) - var(--spacing-xl) * 2);
    }

    .wiki-content {
        min-width: 0;
    }

    /* Crop grid em 3 colunas */
    .wiki-crop-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }

    .wiki-crop-card {
        padding: var(--spacing-md);
    }

    /* Skills grid em 4 colunas */
    .wiki-skills-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-md);
    }

    .wiki-skill-card {
        padding: var(--spacing-md);
    }

    /* Categories em 3 colunas */
    .wiki-categories {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }

    .wiki-category {
        padding: var(--spacing-md);
    }
}

/* ===================================
   DESKTOP EXTRA GRANDE (1440px+)
   =================================== */
@media (min-width: 1440px) {
    :root {
        --sidebar-width: 360px;
    }

    .main-content {
        margin-left: var(--sidebar-width);
        width: calc(100% - var(--sidebar-width));
        max-width: 1600px;
        margin-right: auto;
    }

    /* Inventory profissional em telas grandes */
    .inventory-grid {
        grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)) !important;
        gap: 16px !important;
        max-width: 1500px !important;
    }

    .inventory-item {
        padding: 12px !important;
        min-height: auto !important;
        height: auto !important;
    }

    .inventory-item-icon {
        font-size: 2.75rem !important;
        margin-bottom: 8px !important;
    }

    .inventory-item-name {
        font-size: 0.875rem !important;
        line-height: 1.3 !important;
    }

    .inventory-item-count {
        width: 24px !important;
        height: 24px !important;
        font-size: 0.75rem !important;
    }

    /* Topbar player info - 1440px */
    .topbar-avatar {
        width: 58px !important;
        height: 58px !important;
    }

    .topbar-player {
        padding: 5px 14px !important;
        min-width: 150px !important;
    }

    .topbar-player-name {
        font-size: 15px !important;
    }

    .topbar-player-level {
        font-size: 12px !important;
    }

    /* Farm view layout lado a lado - desktop grande */
    #farm-screen.active .farm-view {
        width: 380px;
    }

    #farm-screen.active .farm-welcome-message {
        padding: var(--spacing-lg) !important;
    }

    /* Farm actions - 1440px */
    #farm-screen.active .farm-actions {
        gap: var(--spacing-sm);
    }

    #farm-screen.active .farm-actions #plant-all-btn,
    #farm-screen.active .farm-actions #harvest-all-btn {
        width: calc(50% - var(--spacing-xs));
    }

    /* Avatar maior - 1440px */
    .welcome-icon {
        width: 60px;
        height: 60px;
    }

    /* Farm - 3x3 em desktop grande */
    #farm-screen.active #farm-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px !important;
        max-width: 650px !important;
        width: 650px !important;
        margin: 0 0 0 calc(380px + var(--spacing-xl)) !important;
    }

    #farm-screen.active .farm-tile {
        height: 200px;
        padding: var(--spacing-lg);
    }

    #farm-screen.active .farm-tile-icon {
        font-size: 4rem !important;
    }

    #farm-screen.active .farm-tile-timer {
        font-size: 1.1rem !important;
    }

    /* Skills - 4 colunas */
    .skills-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-md);
    }

    /* City - 4 colunas */
    .city-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-md);
    }

    /* Market - 5 colunas */
    .market-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: var(--spacing-md);
    }

    /* NPCs - 3 colunas */
    .npcs-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }

    .footer {
        margin-left: var(--sidebar-width);
        width: calc(100% - var(--sidebar-width));
    }
}

/* ===================================
   MELHORIAS DE KITCHEN PARA DESKTOP
   =================================== */
@media (min-width: 768px) {
    .kitchen-stove-container {
        max-width: 100%;
        margin: 0 auto var(--spacing-xl);
    }

    .recipe-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-md);
    }

    .recipe-card {
        padding: var(--spacing-md);
    }

    .recipe-icon {
        font-size: 2.5rem;
    }

    .recipe-name {
        font-size: 1rem;
    }

    .cooked-items-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: var(--spacing-md);
    }

    .cooked-item-card {
        padding: var(--spacing-md);
    }

    .cooked-item-icon {
        font-size: 2.25rem;
    }
}

@media (min-width: 1024px) {
    .recipe-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-lg);
    }

    .recipe-card {
        padding: var(--spacing-lg);
    }

    .cooked-items-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: var(--spacing-md);
    }
}

/* ===================================
   AJUSTES GERAIS DESKTOP
   =================================== */
@media (min-width: 768px) {
    /* Remover efeitos touch em desktop */
    .btn:hover,
    .menu-item:hover,
    .city-card:hover,
    .farm-tile:hover,
    .skill-card:hover {
        transform: translateY(-2px);
    }

    /* Melhor visualização de cards */
    .city-card,
    .skill-card,
    .npc-card {
        transition: all var(--transition-normal);
    }

    /* Cards gerais profissionais */
    .city-card,
    .skill-card {
        padding: var(--spacing-lg);
    }

    .city-card h3,
    .skill-card h3 {
        font-size: 1.2rem;
    }

    .city-card p,
    .skill-card p {
        font-size: 0.9rem;
    }

    /* NPC cards profissionais */
    .npc-card {
        padding: var(--spacing-lg);
    }

    .npc-avatar {
        width: 80px;
        height: 80px;
    }

    .npc-name {
        font-size: 1.1rem;
    }

    .npc-description {
        font-size: 0.9rem;
    }

    /* Farm tiles profissionais */
    .farm-tile {
        padding: var(--spacing-md);
    }

    .farm-tile-icon {
        font-size: 2.5rem;
    }

    /* Market items profissionais */
    .market-item {
        padding: var(--spacing-lg);
    }

    .market-item-icon {
        font-size: 3rem;
    }

    .market-item-name {
        font-size: 1rem;
    }

    /* Modal mais centralizado e maior */
    .modal {
        max-width: 600px;
        padding: var(--spacing-xl);
    }

    /* Scrollbar customizada */
    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    ::-webkit-scrollbar-track {
        background: var(--bg-accent);
        border-radius: 5px;
    }

    ::-webkit-scrollbar-thumb {
        background: var(--brand-primary);
        border-radius: 5px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: var(--brand-tertiary);
    }

    /* Menu nav com scrollbar customizada */
    .menu-nav::-webkit-scrollbar {
        width: 6px;
    }

    .menu-nav::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.05);
    }

    .menu-nav::-webkit-scrollbar-thumb {
        background: rgba(92, 170, 31, 0.5);
        border-radius: 3px;
    }

    .menu-nav::-webkit-scrollbar-thumb:hover {
        background: rgba(92, 170, 31, 0.7);
    }
}

/* ===================================
   QUESTS E FARM IMPROVEMENTS DESKTOP
   =================================== */
@media (min-width: 768px) {
    .quests-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--spacing-lg);
        align-items: start;
    }

    .quests-active {
        grid-column: 1;
    }

    .quests-available {
        grid-column: 2;
    }

    .quest-card {
        padding: var(--spacing-md);
    }

    .farm-improvements-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-md);
    }

    .improvement-card {
        padding: var(--spacing-md);
    }
}

@media (min-width: 1024px) {
    .farm-improvements-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-lg);
    }

    .improvement-card {
        padding: var(--spacing-lg);
    }

    .quests-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }

    .quest-card {
        padding: var(--spacing-lg);
    }
}

/* ===================================
   WELCOME SCREEN DESKTOP
   =================================== */
@media (min-width: 768px) {
    .welcome-card {
        max-width: 600px;
        margin: 5vh auto;
        padding: var(--spacing-xl);
    }

    .welcome-card h1 {
        font-size: 3rem;
    }

    .welcome-form input {
        font-size: 1.1rem;
        padding: var(--spacing-md);
    }
}

/* ===================================
   ANIMAÇÕES SUAVES DESKTOP
   =================================== */
@media (min-width: 768px) {
    .side-menu {
        transition: none;
    }

    .farm-tile::before,
    .city-card::before,
    .btn::before {
        transition: all var(--transition-normal);
    }

    /* Smooth scroll */
    html {
        scroll-behavior: smooth;
    }
}

/* ===================================
   MODO LANDSCAPE TABLET
   =================================== */
@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
    .main-content {
        padding-top: calc(var(--topbar-height) + var(--spacing-md));
    }

    .farm-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .skills-grid,
    .city-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ===================================
   RESPONSIVIDADE ULTRA WIDE
   =================================== */
@media (min-width: 1920px) {
    .main-content {
        max-width: 1800px;
    }

    /* Topbar player info - 1920px */
    .topbar-avatar {
        width: 60px !important;
        height: 60px !important;
    }

    .topbar-player {
        padding: 5px 16px !important;
        min-width: 160px !important;
    }

    .topbar-player-name {
        font-size: 16px !important;
    }

    .topbar-player-level {
        font-size: 13px !important;
    }

    /* Farm view ultra wide */
    #farm-screen.active .farm-view {
        width: 400px;
    }

    /* Farm actions - 1920px */
    #farm-screen.active .farm-actions {
        gap: var(--spacing-md);
    }

    #farm-screen.active .farm-actions #plant-all-btn,
    #farm-screen.active .farm-actions #harvest-all-btn {
        width: calc(50% - var(--spacing-sm));
    }

    /* Avatar ainda maior - 1920px */
    .welcome-icon {
        width: 65px;
        height: 65px;
    }

    #farm-screen.active #farm-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        max-width: 700px !important;
        width: 700px !important;
        margin: 0 0 0 calc(400px + var(--spacing-xl)) !important;
    }

    #farm-screen.active .farm-tile {
        height: 220px;
    }

    #farm-screen.active .farm-tile-icon {
        font-size: 4.5rem !important;
    }

    .market-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    .inventory-grid {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
        max-width: 1700px !important;
        gap: 14px !important;
    }

    .inventory-item {
        padding: 10px !important;
    }

    .inventory-item-icon {
        font-size: 2.5rem !important;
    }

    .inventory-item-name {
        font-size: 0.85rem !important;
    }

    .skills-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: var(--spacing-lg);
    }

    .city-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: var(--spacing-lg);
    }

    .npcs-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .recipe-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ===================================
   DARK THEME ADJUSTMENTS DESKTOP
   =================================== */
@media (min-width: 768px) {
    .dark-theme .side-menu {
        background: linear-gradient(
            135deg,
            #654321 0%,
            #4a3218 40%,
            #3a2515 100%
        );
        border-right: 2px solid var(--brand-primary);
    }

    .dark-theme ::-webkit-scrollbar-track {
        background: var(--bg-accent-dark);
    }

    .dark-theme ::-webkit-scrollbar-thumb {
        background: var(--brand-secondary);
    }
}

/* ===================================
   PRINT STYLES
   =================================== */
@media print {
    .side-menu {
        display: none !important;
    }

    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .footer {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* ===================================
   FORÇAR MENU ABERTO NO LOAD DESKTOP
   =================================== */
@media (min-width: 768px) {
    /* Força menu aberto sempre em desktop */
    body.loaded .side-menu {
        left: 0 !important;
        transform: translateX(0) !important;
    }

    /* Adiciona classe ao body quando carregado */
    body {
        transition: none;
    }
}

/* ===================================
   BANK, KITCHEN, TAVERN, PLAZA - DESKTOP
   MAX-WIDTH em TODO o conteúdo igual ao Market
   =================================== */
@media (min-width: 1024px) {
    /* ========== BANK ========== */
    .bank-content {
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bank-animation {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .bank-balance-unified {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .bank-tabs-row {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .bank-tab-content {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    /* ========== KITCHEN ========== */
    .kitchen-content {
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .kitchen-stove-container {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .kitchen-tabs {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .recipe-grid {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    .cooked-items-grid {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    /* ========== TAVERN ========== */
    .tavern-content {
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .tavern-animation {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .tavern-status-unified {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .tavern-tabs-row {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .tavern-tab-content {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .rest-section {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    /* ========== PLAZA ========== */
    .plaza-content {
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .plaza-animation {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .plaza-showcase {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .plaza-stats-grid {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .plaza-boards {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    /* ========== PESCARIA (FISHING) ========== */
    .fishing-content {
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .fishing-scene-container {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .fishing-scene {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    #fishing-scene-svg {
        max-width: 550px;
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
    }

    .fishing-status {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .fishing-minigame {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .fishing-tabs {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .fishing-spots {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    .fishing-list {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    .fishing-achievements {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
}