/* Mantém o conteúdo do portal dentro da tela sem esconder campos. */
@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.side,.main,.content{min-width:0;max-width:100%}.nav{max-width:100%}.table-wrap{max-width:100%}.modal-panel{min-width:0;width:100%;max-width:820px}.field,.form-grid>*{min-width:0}.field input,.field select,.field textarea{min-width:0}.modal-actions{flex-wrap:wrap}.modal-actions .btn{min-height:44px}.top{gap:12px;height:auto;min-height:72px;flex-wrap:wrap}.modal-backdrop{padding:8px}.modal-panel{max-height:calc(100dvh - 16px)}.modal-head h2{overflow-wrap:anywhere}}
@media(max-width:600px){.field input,.field select,.field textarea{font-size:16px}.modal-actions .btn{flex:1 1 140px}.steps{top:-16px}}
/* Todas as opções ficam visíveis, sem navegação horizontal no celular. */
@media(max-width:900px){.side .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}.side .nav button{min-width:0;min-height:48px;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.35;padding:12px 10px}.side .brand{padding-bottom:16px}.side .logout{margin-top:12px}.side{width:100%}}

.crm-board{max-width:100%;min-width:0}.main>*{min-width:0}
@media(max-width:900px){.crm-board{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}.crm-column{width:100%;min-width:0;min-height:0}.crm-column-body{min-height:0}.crm-toolbar{grid-template-columns:minmax(0,1fr)}.crm-toolbar input,.crm-toolbar select{min-width:0;width:100%;font-size:16px}.lead-detail-grid{grid-template-columns:minmax(0,1fr)}.section-head{flex-wrap:wrap;gap:12px}}
