/* Reset básico para mobile */
* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif; }
body { font-size:14px; }

/* Container principal em mobile */
.container { flex-direction:column; }

/* Sidebar responsiva */
.sidebar { width:100%; padding:15px; display:flex; flex-direction:row; overflow-x:auto; }
.sidebar .logo { flex:1; text-align:center; }
.sidebar .menu { display:flex; flex-direction:row; gap:10px; flex-wrap:nowrap; overflow-x:auto; }
.sidebar .menu li { margin:0; flex-shrink:0; }
.sidebar .menu li a { padding:6px 10px; font-size:13px; }

/* Conteúdo principal */
.content { padding:15px; }
.cards { flex-direction:column; gap:15px; }
.card { padding:15px; font-size:13px; }
.card h3 { font-size:16px; }
.card p { font-size:13px; }

/* Modais e login */
.modal-content { width:90%; max-height:80vh; padding:20px; }
.login-box { width:90%; padding:25px; }

/* FloatArea e listas */
.floatArea { gap:10px; }
.floatArea button { padding:8px; font-size:13px; }
.saldoItem, .pedidoItem { flex-direction:column; align-items:flex-start; gap:6px; padding:10px; font-size:13px; }
.saldoItem span, .pedidoItem span { white-space:normal; }

/* Status das bases */
.baseStatus { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
.baseCard { padding:15px; }

/* Botões principais */
button.mainBtn { padding:8px 15px; font-size:13px; }

/* Ajustes de inputs e selects */
.modal-content input, .modal-content select, .modal-content textarea, .modal-content button { font-size:13px; padding:8px; }

/* Scroll barras menores */
.modal-content::-webkit-scrollbar { width:5px; }
.modal-content::-webkit-scrollbar-thumb { background:#00a8ff; border-radius:2px; }
.modal-content::-webkit-scrollbar-track { background:#f0f0f0; border-radius:2px; }

/* Seções */
.section { padding:15px; margin-bottom:15px; }

/* Ajustes de grid mobile */
.section-grid { grid-template-columns:1fr; gap:10px; }