/* =============================================
   FIX PARA PÁGINAS ADMINISTRATIVAS
   Corrige problemas visuais nas páginas admin
   ============================================= */

/* Garantir que o conteúdo não seja afetado pela sidebar */
body .dashboard-container {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

/* Container dentro das páginas admin */
.dashboard-main > .container {
  max-width: 100%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Containers com max-width devem respeitar o espaço */
.container.mx-auto {
  max-width: calc(100vw - 280px - 60px) !important;
  width: 100%;
}

/* Formulários em páginas admin */
.dashboard-main form {
  width: 100%;
  max-width: 100%;
}

/* Inputs em páginas admin */
.dashboard-main input[type="text"],
.dashboard-main input[type="number"],
.dashboard-main input[type="url"],
.dashboard-main input[type="email"],
.dashboard-main textarea,
.dashboard-main select {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

/* Grid em formulários */
.dashboard-main .grid {
  width: 100%;
  max-width: 100%;
}

/* Tabelas em páginas admin */
.dashboard-main table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

.dashboard-main table thead,
.dashboard-main table tbody,
.dashboard-main table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

/* Cards e boxes */
.dashboard-main .bg-gray-800,
.dashboard-main .bg-gray-700 {
  max-width: 100%;
  box-sizing: border-box;
}

/* Garantir que elementos max-w não ultrapassem */
.dashboard-main .max-w-4xl,
.dashboard-main .max-w-6xl,
.dashboard-main .max-w-7xl {
  max-width: 100% !important;
  width: 100%;
}

/* Upload areas */
.dashboard-main .upload-area {
  max-width: 100%;
  box-sizing: border-box;
}

/* Botões */
.dashboard-main button,
.dashboard-main .btn,
.dashboard-main a.btn {
  max-width: 100%;
}

/* Responsivo para tablets */
@media (max-width: 1024px) {
  .container.mx-auto {
    max-width: calc(100vw - 280px - 40px) !important;
  }
  
  .dashboard-main {
    padding: 20px !important;
  }
}

/* Responsivo para mobile */
@media (max-width: 768px) {
  .container.mx-auto {
    max-width: calc(100vw - 40px) !important;
  }
  
  .dashboard-main {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 15px !important;
  }
  
  .dashboard-main .grid {
    grid-template-columns: 1fr !important;
  }
}