/* v2.2: painel integral, barra sempre recolhida e responsividade global. */
html,body{width:100%;max-width:100%;overflow-x:hidden;background:#000000!important}
.app{display:block!important;width:100%;max-width:100%}
.main{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 14px 10px!important;grid-column:1!important}
.sidebar{display:flex!important;position:fixed!important;left:0;top:0;bottom:0;width:min(280px,90vw)!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;z-index:40!important}
.sidebar-overlay{display:block!important;visibility:hidden;opacity:0;transition:opacity .22s ease;position:fixed;inset:0;background:#000b;z-index:35;pointer-events:none}
body.sidebar-open .sidebar{transform:translateX(0)!important}
body.sidebar-open .sidebar-overlay{visibility:visible;opacity:1;pointer-events:auto}
.view,.panel,.dash-grid,.send-controls,.panel-head,.settings-grid,.editor-row,.topbar,.top-right{min-width:0;max-width:100%}
.table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{min-width:620px}
textarea,input,select,button{max-width:100%}

@media(max-width:1250px){
 .dash-grid{grid-template-columns:1fr 1fr!important}
 .quick-panel,.history-panel{grid-column:1!important}
 .schedule-panel,.controls-panel{grid-column:2!important}
 .agent-panel{grid-column:1/3!important}
 .send-controls{grid-template-columns:1fr 1fr!important}
}
@media(max-width:850px){
 .main{padding:0 8px 8px!important}
 .dash-grid,.send-controls,.settings-grid{grid-template-columns:minmax(0,1fr)!important}
 .quick-panel,.schedule-panel,.history-panel,.controls-panel,.agent-panel{grid-column:1!important}
 .quick-grid{grid-template-columns:1fr 1fr!important}
 .topbar{height:auto!important;min-height:70px;gap:8px}
 .editor-row{grid-template-columns:minmax(0,1fr) auto auto!important}
}
@media(max-width:560px){
 .topbar{align-items:flex-start!important;padding:10px 0!important}
 .title-wrap{gap:8px!important}.topbar h1{font-size:17px!important;white-space:nowrap}
 .top-right{gap:4px!important}.clock{display:none!important}
 .agent-chip{min-width:0!important;width:145px;height:50px;padding:0 7px!important;grid-template-columns:1fr 10px!important}
 .agent-chip .radio-icon{display:none!important}.agent-chip b{font-size:10px!important}.agent-chip span{font-size:10px!important}
 .quick-grid{grid-template-columns:minmax(0,1fr)!important}
 .panel{padding:10px!important}.panel-head{align-items:flex-start!important;flex-wrap:wrap!important}
 .editor-row{grid-template-columns:minmax(0,1fr)!important}.editor-row button{width:100%}
 .gold-btn,.outline-btn,.transmit-btn{width:100%}
 .auth-card,.modal-card{width:calc(100vw - 24px)!important;padding:18px!important}
 table{min-width:560px}
}