/* Responsividade exclusiva do painel em celulares. */
@media (max-width:767px){
 body{overflow-x:hidden}
 .navbar{padding:.65rem .75rem}
 .navbar .container-fluid{padding:0}
 .navbar-brand{width:100%;margin:0 0 .65rem;font-size:1rem;white-space:normal}
 .navbar .container-fluid>.d-flex{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:.5rem}
 .navbar .container-fluid>.d-flex>.dropdown{width:100%;min-width:0}
 #panelThemeToggle,#tvChannelMenu{width:100%;max-width:100%;min-width:0;margin:0!important;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}
 main.container-fluid{padding:1rem .75rem!important}
 #app>.d-flex{display:block!important}
 #app>.d-flex .form-inline{margin-top:.75rem}
 .quick-view{width:100%;max-width:100%;overflow:hidden}
 .quick-view .card-body{display:block!important;width:100%;max-width:100%;min-width:0;padding:.85rem!important}
 :root .quick-view select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:.75rem 0 0!important;box-sizing:border-box}
 :root .scope-badge{display:inline-block;margin-top:.65rem;white-space:normal;text-align:left;line-height:1.35}
 .breadcrumb{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:.75rem;font-size:.8rem;white-space:nowrap}
 .summary-grid{grid-template-columns:minmax(0,1fr)!important;gap:.75rem}
 .summary-card{width:100%;min-width:0}
 .summary-card .card-body{padding:1rem}
 .summary-card .value{font-size:1.15rem;white-space:normal;overflow-wrap:anywhere}
 .nature-breakdown>div{grid-template-columns:10px minmax(0,1fr);gap:.25rem .4rem}
 .nature-breakdown strong{grid-column:2;white-space:normal;text-align:left}
 .card-header>.d-flex{align-items:flex-start!important;gap:.6rem;flex-wrap:wrap}
 #backLevel{width:100%}
 :root .budget-card-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:.75rem;padding:.75rem}
 :root .budget-nav-card{width:100%;min-width:0;min-height:0;padding:.85rem}
 :root .budget-card-title{min-height:0}
 :root .budget-card-stats{grid-template-columns:minmax(0,1fr);gap:.8rem}
 :root .budget-nature+.budget-nature{border-left:0;border-top:1px solid var(--line);padding: .8rem 0 0}
 :root .budget-nature strong{font-size:.82rem;white-space:normal;overflow-wrap:anywhere}
 .tree-list{max-height:none}
 .report-toggle{max-width:calc(100% - 45px);text-align:left;white-space:normal}
 .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .table{min-width:620px}
 #natureReport .table-responsive{overflow:visible}
 #natureReport .table{display:block;width:100%;min-width:0}
 #natureReport thead{display:none}
 #natureReport tbody{display:grid;gap:.75rem;padding:.75rem}
 #natureReport tr{display:block;overflow:hidden;border:1px solid var(--line);border-radius:.45rem;background:var(--panel-soft)}
 #natureReport td{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.55rem .7rem;border-top:1px solid var(--line);text-align:right!important;white-space:normal}
 #natureReport td:first-child{display:block;padding:.65rem .7rem;border-top:0;background:rgba(86,181,255,.08);font-weight:700;text-align:left!important}
 #natureReport td:first-child:before{display:none}
 #natureReport td:before{content:attr(data-label);flex:1 1 auto;color:var(--muted);font-size:.72rem;font-weight:700;text-align:left}
 #natureReport td.money{font-size:.8rem;overflow-wrap:anywhere}
 :root .detail-groups{padding:.5rem}
 :root .detail-project-toggle{align-items:flex-start;gap:.6rem;padding:.75rem}
 :root .detail-project-toggle span{min-width:0}
 :root .detail-project-toggle strong,:root .detail-project-toggle small{overflow-wrap:anywhere}
 :root .detail-centers{padding:.45rem}
 :root .detail-center-toggle{align-items:flex-start;gap:.6rem;padding:.65rem}
 :root .detail-center-toggle strong,:root .detail-center-toggle small{overflow-wrap:anywhere}
 .detail-project-body{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .detail-center-body{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .detail-table{min-width:760px}
 .tv-channel-menu{position:absolute;right:0;left:auto;width:min(285px,calc(100vw - 24px));max-width:calc(100vw - 24px);min-width:0}
 .tv-channel-menu .dropdown-item,.tv-channel-menu .dropdown-item-text{white-space:normal;overflow-wrap:anywhere}
}

@media (max-width:380px){
 .navbar .btn{padding:.3rem .45rem}
 .summary-card .value{font-size:1.05rem}
 main.container-fluid{padding:.75rem .55rem!important}
}