@media (max-width:640px){.container{padding-left:0.5rem;padding-right:0.5rem} .stats-card{padding:0.75rem} .stats-card .text-2xl{font-size:1.25rem} .stats-card .text-sm{font-size:0.75rem} .user-card{padding:0.75rem} .user-card .text-lg{font-size:0.875rem} .chart-container{height:200px !important} h1{font-size:1.5rem} h2{font-size:1.25rem} h3{font-size:1.125rem} .p-6{padding:1rem} .px-6{padding-left:1rem;padding-right:1rem} .py-6{padding-top:1rem;padding-bottom:1rem} .gap-6{gap:1rem} .space-y-6 > * + *{margin-top:1rem} .grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))} .grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))} .grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))} } @media (min-width:641px) and (max-width:768px){.stats-card{padding:1rem} .stats-card .text-2xl{font-size:1.5rem} .stats-card .text-sm{font-size:0.75rem} .user-card{padding:1rem} .user-card .text-lg{font-size:1rem} .chart-container{height:250px !important} .grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (min-width:769px) and (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (min-width:1025px){.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} } .sidebar{left:-16rem; transition: left 0.3s ease-in-out;} .sidebar-active{left:0 !important} @media (min-width:1024px){.sidebar{left:0 !important} } @media (max-width:1023px){.sidebar{width:18rem} @media (max-width:640px){.sidebar{width:16rem} } } @media (min-width:1024px){.sidebar{width:16rem} } .sidebar-overlay{background-color: rgba(0,0,0,0.5); transition: opacity 0.3s ease-in-out;} .sidebar-overlay.hidden{opacity: 0; pointer-events: none;} .sidebar-overlay:not(.hidden){opacity: 1; pointer-events: auto;} @media (max-width:1023px){.mobile-header{height:4rem} .mobile-logo{width:4rem;height:3rem} .mobile-menu-btn{width:2.5rem;height:2.5rem} } .stats-card{transition:all 0.2s ease-in-out} .stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)} @media (max-width:1023px){.table-container{overflow-x:auto} .table-container table{min-width:600px} } @media (max-width:640px){.form-grid{grid-template-columns:1fr} .form-actions{flex-direction:column;gap:0.5rem} .form-actions button{width:100%} } @media (max-width:640px){.modal-content{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)} } @media (max-width:640px){.btn-responsive{padding:0.5rem 1rem;font-size:0.875rem} .btn-responsive .icon{width:1rem;height:1rem} } .text-responsive{font-size:clamp(0.875rem,2vw,1rem)} .text-responsive-lg{font-size:clamp(1.125rem,3vw,1.5rem)} .text-responsive-xl{font-size:clamp(1.5rem,4vw,2rem)} .space-responsive{gap:clamp(0.5rem,2vw,1rem)} .p-responsive{padding:clamp(0.75rem,3vw,1.5rem)} .m-responsive{margin:clamp(0.5rem,2vw,1rem)} .grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem} @media (max-width:640px){.grid-auto-fit{grid-template-columns:1fr;gap:0.75rem} } .flex-responsive{display:flex;flex-wrap:wrap;gap:1rem} @media (max-width:640px){.flex-responsive{flex-direction:column;gap:0.75rem} } .hidden-mobile{display:block} .hidden-tablet{display:block} .hidden-desktop{display:none} @media (max-width:640px){.hidden-mobile{display:none} .hidden-tablet{display:block} .hidden-desktop{display:none} } @media (min-width:641px) and (max-width:1024px){.hidden-mobile{display:block} .hidden-tablet{display:none} .hidden-desktop{display:none} } @media (min-width:1025px){.hidden-mobile{display:block} .hidden-tablet{display:block} .hidden-desktop{display:none} } @media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} } @media (prefers-color-scheme:dark){.bg-card{background-color:#d1fae5} .text-card-foreground{color:#f9fafb} .border{border-color:#374151} } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon{image-rendering:-webkit-optimize-contrast} } #bloqueioPlanoModal{z-index:9999 !important} .leaflet-container{z-index:1} .bg-produtor-card{background-color:#EFBC63;color:#111827} .bg-produtor-card svg,.bg-produtor-card i{color:#111827 !important;fill:#111827 !important} .card,.rounded-lg,.border,.dashboard-card,.dashboard-box{border:1px solid #e5e7eb !important}