#mobile-nav-toggle,#mobile-nav-backdrop,.asset-mobile-list{display:none}

@media(max-width:600px){
 body{overflow-x:hidden}
 body.mobile-nav-open{overflow:hidden}
 #sidebar,body.sidebar-collapsed #sidebar{display:flex;width:min(280px,84vw);padding:24px 16px;z-index:80;transform:translateX(-105%);transition:transform .2s ease;box-shadow:none}
 body.mobile-nav-open #sidebar{transform:translateX(0)}
 #sidebar .brand,body.sidebar-collapsed #sidebar .brand{margin:0 8px 24px}
 #sidebar .brand b,#sidebar nav span,body.sidebar-collapsed #sidebar .brand b,body.sidebar-collapsed #sidebar nav span{display:inline}
 #sidebar nav button{width:100%;min-height:44px}
 #sidebar>small,body.sidebar-collapsed #sidebar>small{display:block}
 #mobile-nav-backdrop{position:fixed;inset:0;z-index:70;width:100%;height:100%;padding:0;border:0;background:rgba(17,24,39,.55);opacity:0;pointer-events:none}
 body.mobile-nav-open #mobile-nav-backdrop{display:block;opacity:1;pointer-events:auto}
 main,body.sidebar-collapsed main{width:100%;margin-left:0;padding:14px 12px}
 main>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:20px}
 .page-heading{min-width:0}.global-search{grid-column:1/-1;grid-row:2;order:initial;width:100%;margin:0}.global-search>input{height:44px;padding-right:42px;padding-left:49px;font-size:var(--text-xs)}.global-search-mark{left:8px;width:30px;height:30px}.global-search>kbd{display:none}.global-search-results{position:fixed;top:112px;right:10px;left:10px;max-height:calc(100dvh - 126px)}.global-search-item{grid-template-columns:34px minmax(0,1fr)}.global-search-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.global-search-actions button{min-height:36px;flex:1 1 auto}
 #mobile-nav-toggle{display:grid;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:700 20px/1 system-ui;place-items:center;box-shadow:var(--shadow-surface)}
 #mobile-nav-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
 header h1{font-size:var(--text-title);letter-spacing:-.4px}
 header .eyebrow{font-size:var(--text-xs);letter-spacing:1px}
 .header-session{gap:5px}
 .header-session .account-chip{padding:5px}
 .header-session .account-chip i{width:28px;height:28px}
 .header-session #logout{min-height:38px;padding:7px!important;font-size:var(--text-xs)}
 .assets-intro{margin:-10px 0 14px}
 .assets-intro p{font-size:var(--text-xs);line-height:1.45}
 .assets-page .asset-health-grid>.asset-health-card{height:auto;min-height:92px}
 .coverage-main{display:grid;gap:8px}
 .coverage-scope-actions{width:100%;justify-content:stretch}
 .coverage-scope-actions button{flex:1;min-width:0}
 .coverage-breakdown{float:none;margin:9px 0 0;flex-wrap:wrap}
 .coverage-track{margin-top:9px}
 .assets-toolbar{margin-top:14px}
 .asset-primary-actions{grid-template-columns:1fr}
 .assets-page .asset-primary-actions button{min-height:44px}
 .asset-filter-panel{padding:11px}
 .asset-filter-grid{grid-template-columns:1fr}
 .asset-filter-grid select,.asset-filter-grid>button{min-height:44px}
 .assets-page .selection-bar{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .assets-page .selection-bar span{grid-column:1/-1}
 .assets-page .selection-bar button{min-height:40px;white-space:normal}
 .asset-command-center{top:0;width:100%;margin-left:0;margin-bottom:10px;border-radius:12px}
 .assets-page .asset-command-center .selection-bar{display:grid;grid-template-columns:1fr;align-items:stretch;gap:8px;padding:8px;overflow:visible}
 .asset-selection-summary,.asset-selection-primary,.asset-selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .assets-page .asset-command-center .asset-selection-summary span{grid-column:1/-1;min-height:auto;margin:0;padding:5px 3px;white-space:normal;align-content:center}
 .asset-selection-primary,.asset-selection-actions{justify-content:stretch}
 .asset-selection-actions{grid-column:auto;padding-top:8px}
 .assets-page .asset-command-center .selection-bar button{width:100%;min-height:40px;white-space:normal}
 .asset-command-center .assets-list-pager{padding:8px}
 .assets-page .asset-filter-sidebar{display:grid;grid-template-columns:1fr;gap:0;padding:7px;overflow:visible}
 .asset-sidebar-body{max-height:150px;overflow:auto}
 .asset-sidebar-group+.asset-sidebar-group{border-top:1px solid var(--line);border-left:0;padding-left:0}
 .assets-page .asset-table-panel{overflow:visible;border:0;background:transparent;box-shadow:none}
 .assets-page .asset-table-panel>.table-scroll,.assets-page .asset-table-panel>.asset-table-footer{display:none}
 .asset-mobile-list{display:grid;gap:11px}
 .asset-mobile-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-surface)}
 .asset-mobile-card.selected-card{border-color:var(--focus);background:var(--accent-soft);box-shadow:var(--shadow-surface)}
 .asset-mobile-card>header{display:grid;grid-template-columns:28px 34px minmax(0,1fr);align-items:start;gap:8px;margin:0}
 .asset-mobile-card h3{margin:1px 0 7px;overflow-wrap:anywhere;font-size:13px;line-height:1.3}
 .asset-mobile-select{display:grid;gap:8px;justify-items:center}
 .asset-mobile-select input{width:18px;height:18px;accent-color:var(--primary)}
 .asset-mobile-card .client-pill{max-width:100%;min-height:30px}
 .asset-mobile-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}
 .asset-mobile-card dl>div{min-width:0;padding:9px;border-radius:11px;}
 .asset-mobile-card dt{margin-bottom:4px;color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase}
 .asset-mobile-card dd{margin:0;overflow-wrap:anywhere;color:var(--text);font-size:var(--text-xs);font-weight:650}
 .asset-mobile-card dd>small{display:block;margin-top:3px;color:var(--muted);font-size:var(--text-xs)}
 .asset-mobile-card .backup-health{align-items:flex-start;white-space:normal}
 .asset-mobile-card .backup-health b,.asset-mobile-card .backup-health small{font-size:var(--text-xs)}
 .asset-mobile-tags{display:flex;gap:5px;overflow:hidden}
 .asset-mobile-tags .tag{white-space:nowrap}
 .asset-mobile-card>footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}
 .asset-mobile-card>footer button{min-height:42px;padding:8px;border-radius:10px;font-family:inherit;font-size:var(--text-xs);font-weight:750}
 .asset-mobile-card>footer .delete-asset-button{background:var(--surface)}
 .asset-mobile-empty{padding:30px;border:1px dashed var(--line);border-radius:15px;text-align:center}
 .asset-mobile-more{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:50px;border-radius:13px!important;font-weight:750}
 .asset-mobile-more b{padding:3px 7px;border-radius:9px;background:var(--surface);color:var(--text)}
 .asset-mobile-more span{grid-column:1/-1;margin-top:2px;font-size:var(--text-xs);font-weight:500}
 .terminal-modal,.ssh-window{min-width:0;width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:10px;resize:none}
 .ssh-window.minimized{width:min(260px,calc(100vw - 16px));height:44px;min-height:44px}
 .ssh-window:not(.minimized){left:8px!important;top:8px!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 16px - var(--ssh-dock-space, 0px))!important}
 .ssh-window:not(.minimized){z-index:500!important}
 .ssh-window:not(.minimized).active{z-index:501!important}
 .ssh-window.minimized{z-index:1000!important}
 .ssh-window-head h2{font-size:12px}
 .terminal-top small{display:none}
}
@media(max-width:700px){
 .routine-hero{align-items:stretch;flex-direction:column;padding:19px}.routine-hero>button{width:100%}.routine-metrics{grid-template-columns:1fr}.routine-card>header{grid-template-columns:38px minmax(0,1fr)}.routine-run{grid-column:1/-1}.routine-card-grid{grid-template-columns:1fr}.routine-card-grid>div{min-height:64px;border-right:0;border-bottom:1px solid var(--line)}.routine-card>footer{align-items:flex-start;flex-direction:column}.routine-card>footer>div{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.routine-wizard{min-width:0;width:min(86vw,520px)}.routine-template-grid,.routine-scope-grid{grid-template-columns:1fr 1fr}.routine-schedule-fields{grid-template-columns:1fr}.routine-days{flex-wrap:wrap}.routine-advanced-filters{grid-template-columns:1fr}.routine-check-grid{grid-template-columns:1fr}.routine-review-grid{grid-template-columns:1fr}.routine-preview-assets>div{grid-template-columns:1fr}.routine-wizard>footer{align-items:stretch;flex-wrap:wrap}.routine-wizard>footer>div{display:grid;grid-template-columns:1fr;width:100%}.asset-routine-manager{min-width:0;width:min(82vw,500px)}.asset-routine-manager>header{align-items:stretch;flex-direction:column}.asset-routine-manager article{grid-template-columns:1fr}.asset-mobile-card>footer{grid-template-columns:1fr 1fr}
 .backup-execution-detail{min-width:0;width:min(84vw,520px)}.backup-execution-grid{grid-template-columns:1fr}.backup-execution-grid article.wide{grid-column:auto}.backup-execution-detail>footer{display:grid;grid-template-columns:1fr}.backup-execution-detail>footer button{width:100%}
}
@media(max-width:720px){
 .software-workspace-bar{position:sticky;top:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px;gap:9px}.software-workspace-bar .software-search{grid-column:1/-1;grid-row:2}.software-workspace-bar>div{grid-column:1/-1;grid-row:3}.software-workspace-bar>div button{width:100%}
 .software-stats{display:flex!important;grid-template-columns:none!important;gap:8px;overflow-x:auto;padding:1px 1px 7px;scroll-snap-type:x proximity}.software-stats .software-stat{flex:0 0 142px;min-height:77px;padding:11px;scroll-snap-align:start}.software-stats .software-stat strong{font-size:21px}
 .software-pagination{align-items:stretch;flex-direction:column}.software-pagination>div{justify-content:space-between}.software-journey-steps{grid-template-columns:repeat(2,1fr)}
 .software-fleet-panel>.table-scroll,.software-upgrades>.table-scroll{overflow:visible}.software-fleet-panel table,.software-fleet-panel tbody,.software-upgrades table,.software-upgrades tbody{display:block;min-width:0}.software-fleet-panel thead,.software-upgrades thead{display:none}.software-fleet-panel tbody tr,.software-upgrades tbody tr{display:grid;gap:7px;margin:0 0 10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.software-fleet-panel tbody td,.software-upgrades tbody td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;padding:3px;border:0;white-space:normal;overflow-wrap:anywhere}.software-fleet-panel tbody td:before,.software-upgrades tbody td:before{color:var(--text);font-size:var(--text-xs);font-weight:850;letter-spacing:.04em;text-transform:uppercase}.software-fleet-panel tbody td:nth-child(1):before{content:'Selecionar'}.software-fleet-panel tbody td:nth-child(2):before{content:'Ativo'}.software-fleet-panel tbody td:nth-child(3):before{content:'Cliente'}.software-fleet-panel tbody td:nth-child(4):before{content:'Plataforma'}.software-fleet-panel tbody td:nth-child(5):before{content:'Versão atual'}.software-fleet-panel tbody td:nth-child(6):before{content:'Gold'}.software-fleet-panel tbody td:nth-child(7):before{content:'Disponível'}.software-fleet-panel tbody td:nth-child(8):before{content:'Inventário'}.software-fleet-panel tbody td:nth-child(9):before{content:'Estado'}.software-upgrades tbody td:nth-child(1):before{content:'Plano'}.software-upgrades tbody td:nth-child(2):before{content:'Entrega'}.software-upgrades tbody td:nth-child(3):before{content:'Alvos'}.software-upgrades tbody td:nth-child(4):before{content:'Janela / estado'}.software-upgrades tbody td:nth-child(5):before{content:'Ações'}.software-fleet-panel tbody td[colspan],.software-upgrades tbody td[colspan]{display:block}.software-fleet-panel tbody td[colspan]:before,.software-upgrades tbody td[colspan]:before{content:none}
}

/* Mobile product polish: readable workspaces with deliberate touch targets. */
@media(max-width:600px){
 main,body.sidebar-collapsed main{padding:12px}
 main>header{gap:10px;padding:13px;border-radius:17px;margin-bottom:17px}
 header h1{font-size:var(--text-title);line-height:1.15}
 .global-search>input{height:46px;font-size:16px}
 .global-search-results{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  left:0;
  max-height:min(62dvh,510px);
  padding:8px;
 }
 .global-search-item{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:11px}
 .global-search-copy b{font-size:13px}
 .global-search-copy span,.global-search-copy small{font-size:12px}
 .global-search-actions{gap:6px}
 .global-search-actions button{min-height:42px;font-size:12px}
 .panel,.card{border-radius:15px}
 .dashboard-hero{display:block;min-height:0;padding:22px;border-radius:19px}
 .dashboard-hero h2{padding-right:77px;font-size:var(--text-title);line-height:1.2}
 .dashboard-hero p{font-size:13px}
 .dashboard-score{position:absolute;top:20px;right:20px;width:72px;height:72px;margin:0}
 .dashboard-score::before{inset:7px}
 .dashboard-score strong{font-size:19px}
 .dashboard-score span{font-size:var(--text-xs)}
 .dashboard-hero-actions{gap:8px;margin-top:19px}
 .dashboard-hero-actions button{flex:1 1 120px;min-height:44px;text-align:center}
 .dashboard-metrics{gap:9px}
 .dashboard-metrics>button{min-height:107px;padding:14px}
 .dashboard-metrics strong{font-size:24px}
 .dashboard-progress,.dashboard-insights,.dashboard-activity,.dashboard-inventory{padding:16px}
 .dashboard-job-list{gap:9px}
 .dashboard-job{min-height:69px}
 .assets-page .asset-command-center{border-radius:13px;box-shadow:var(--shadow-surface)}
 .assets-page .asset-command-center .selection-bar{gap:6px;padding:9px}
 .asset-more-actions{width:100%}
 .asset-more-actions>summary{width:100%;min-height:42px;justify-content:center}
 .asset-more-actions>summary::after{margin-left:5px}
 .asset-more-actions .asset-selection-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  max-height:min(43dvh,340px);
  overflow-y:auto;
  padding:9px 2px 2px;
  border-top:0;
 }
 .asset-more-actions .asset-selection-actions button{min-height:44px}
 .asset-mobile-card{gap:13px;padding:15px;border-color:var(--line);border-radius:17px;background:var(--surface)}
 .asset-mobile-card h3{font-size:15px;line-height:1.35}
 .assets-page .asset-mobile-card dd{font-size:13px!important;line-height:1.45}
 .assets-page .asset-mobile-card dd>small{color:var(--muted);font-size:12px!important}
 .asset-mobile-card dl>div{padding:10px;background:var(--surface)}
 .assets-page .asset-mobile-card>footer button{min-height:44px;font-size:12px!important}
 .asset-mobile-more span{color:var(--text)}
 .asset-mobile-empty{padding:30px 18px;border-color:var(--line);background:var(--raised);color:var(--text);font-size:13px;line-height:1.5}
 .backup-page-head{margin-top:0}
 .backup-page-head h2{font-size:var(--text-title)}
 .backup-summary-grid{gap:9px}
 .backup-summary-grid article,.backup-summary-grid .backup-summary-change{min-height:85px;padding:13px}
 .backup-summary-grid strong{font-size:22px}
 .backup-history-panel{padding:10px;border:0;background:transparent;box-shadow:none;overflow:visible}
 .backup-history-panel .table-scroll{overflow:visible}
 .backup-table,.backup-table tbody{display:block;width:100%;min-width:0}
 .backup-table thead{display:none}
 .backup-table tbody tr{
  display:grid;
  grid-template-columns:27px minmax(0,1fr) auto;
  grid-template-areas:
   "check asset version"
   "check date date"
   "state state state"
   "tags tags size"
   "actions actions actions";
  align-items:center;
  gap:8px 9px;
  margin-bottom:11px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface);
  box-shadow:var(--shadow-surface);
 }
 .backup-table td{display:block;min-width:0;height:auto;padding:0!important;border:0;font-size:12px}
 .backup-table td:nth-child(1){grid-area:check;align-self:start;width:auto}
 .backup-table td:nth-child(2){grid-area:version;color:var(--text);text-align:right}
 .backup-table td:nth-child(3){grid-area:asset}
 .backup-table td:nth-child(4){grid-area:tags}
 .backup-table td:nth-child(5){grid-area:date;color:var(--text)}
 .backup-table td:nth-child(6){grid-area:size;color:var(--text);text-align:right}
 .backup-table td:nth-child(7){grid-area:state}
 .backup-table td:nth-child(8){grid-area:actions;padding-top:8px!important;border-top:1px solid var(--line)}
 .backup-host-link{max-width:100%}
 .backup-host-link b{overflow:visible;white-space:normal;overflow-wrap:anywhere;font-size:13px}
 .backup-host-link small{font-size:12px}
 .backup-row-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .backup-row-actions button{min-height:44px}
 .backup-table tbody tr:has(.backup-empty){display:block}
 .backup-empty-state{padding:16px}
 #modal:not(.terminal-modal){width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
 #modal:not(.terminal-modal) .modal-head{padding:14px 16px}
 #modal:not(.terminal-modal) #modal-body{padding:17px}
 .grid-form{gap:13px}
 .view-loading,.view-error{min-height:160px;padding:20px}
 #toast{left:12px;right:12px;bottom:12px;max-width:none;font-size:13px}
}
@media(max-width:720px){.software-fleet-panel tbody td:nth-child(1):before{content:'Selecionar'}.software-fleet-panel tbody td:nth-child(2):before{content:'Equipamento'}.software-fleet-panel tbody td:nth-child(3):before{content:'Situação da versão'}.software-fleet-panel tbody td:nth-child(4):before{content:'Última leitura'}.software-fleet-panel tbody td:nth-child(5):before{content:'Próximo passo'}.software-fleet-panel tbody td:nth-child(n+6):before{content:none}.software-fleet-head{align-items:flex-start!important}.software-fleet-head-actions{align-items:flex-end;flex-direction:column}.software-fleet-panel tbody tr{box-shadow:var(--shadow-surface)}.software-fleet-panel tbody td{grid-template-columns:86px minmax(0,1fr)}.software-version-path{max-width:360px}.software-fleet-state>small{max-width:none}}
@media(max-width:720px){.software-fleet-panel tbody td:nth-child(3)>.software-upgrade-history{grid-column:2}.software-upgrade-history{grid-template-columns:1fr;max-width:360px}.software-upgrade-history>time{grid-column:1;grid-row:auto;white-space:normal}}

/* Keep backup filters and summaries readable on narrow touch screens. */
@media(max-width:600px){
 .backups-page .backup-toolbar.backup-toolbar-compact{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
 .backups-page .backup-toolbar.backup-toolbar-compact>label{min-width:0;width:100%}
 .backups-page .backup-toolbar.backup-toolbar-compact select{width:100%;min-width:0}
 .backups-page .backup-summary-grid .backup-summary-change{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:108px}
 .backups-page .backup-summary-grid .backup-summary-change em{position:static;display:block;margin-top:5px;color:var(--text);font-size:var(--text-xs);line-height:1.25;white-space:normal}
 #modal input:not([type=checkbox]):not([type=radio]),#modal select,#modal textarea{font-size:16px}
}
