/* Shared small-screen layout. Desktop geometry and role visibility remain owned by existing styles. */
.mobile-navigation-toggle{display:none}
@media screen and (max-width:58rem){
 .workspace{margin-left:0!important;min-width:0}
 .sidebar{position:static;inset:auto;width:100%;min-height:0;padding:12px}
 .mobile-navigation-toggle{display:block;width:100%;min-height:48px;text-align:left;background:#fff;color:#123451;border:1px solid #afc1d2;border-radius:8px;padding:12px;font:inherit}
 .sidebar.mobile-navigation:not(.mobile-open)>:not(.mobile-navigation-toggle){display:none!important}
 .sidebar.mobile-navigation .navigation{display:flex;flex-direction:column;overflow:visible}
 .sidebar.mobile-navigation .nav-item{min-width:0;width:100%;min-height:48px}
 .topbar{padding:16px;min-width:0;gap:16px}
 .topbar-actions{flex-wrap:wrap;min-width:0}
 .content{padding:16px;min-width:0}
 .panel,.role-panel,.report-layout>*,.form-grid>*,.topbar-actions>*{min-width:0}
 .report-layout,.service-action-grid,.machine-data-grid,.data-backup-grid{grid-template-columns:minmax(0,1fr)}
 .table-scroll,.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 input,select,textarea{max-width:100%;min-width:0;font-size:16px}
 button,.button,.primary-button,.secondary-button{min-height:44px;touch-action:manipulation;white-space:normal}
 .workflow-button{min-width:0}
 .workflow-actions,.form-actions,.workflow-selection-actions,.panel-heading{flex-wrap:wrap;gap:12px}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 iframe{max-width:100%}
}
@media screen and (max-width:42rem){
 .topbar-actions{display:flex;flex-direction:column;align-items:stretch}
 .topbar-actions>*{width:100%}
 .report-layout,.form-grid,.machine-detail-grid,.report-facts,.workflow-selection-context{grid-template-columns:minmax(0,1fr)}
 .form-span-2{grid-column:auto}
 .panel-heading{align-items:flex-start}
 .form-actions>button,.workflow-actions>button,.workflow-selection-actions>button{width:100%}
 .status-overview-card,.month-workflow-card,.today-card{padding:16px;min-width:0}
 .summary-card-grid .summary-card{grid-template-columns:3rem minmax(0,1fr) 1rem;padding:12px;gap:10px}
 .summary-icon{width:3rem;height:3rem;font-size:1.5rem}
 .horizontal-progress{margin-inline:0}.horizontal-progress .step strong{font-size:.75rem;overflow-wrap:anywhere;text-align:center}
 .machine-day-detail>summary,.machine-day-summary-metrics,.machine-day-facts{grid-template-columns:minmax(0,1fr)}
 .workflow-machine-option{flex-wrap:wrap;overflow-wrap:anywhere}
 .schedule-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .toolbar{align-items:stretch}.toolbar>div{min-width:0;flex-basis:100%}.toolbar button{width:100%}
 #history,.service-settings,.evidence-dialog{padding:14px}
 .setting-grid{grid-template-columns:minmax(0,1fr)}
 .closure-form{padding:12px}.closure-form button,.evidence-dialog button,.service-settings button{width:100%;margin:8px 0}
 .evidence-dialog fieldset{padding:10px;min-width:0}
 .fault-card,.outage-tile{min-width:0;overflow-wrap:anywhere}
 .top{position:static;flex-wrap:wrap}
}
@media screen and (max-width:58rem){.topbar-actions>.concealed-control{width:1px!important;max-width:1px;left:0}}
@media screen and (max-width:58rem){.table-scroll,.table-wrap{position:relative}}

@media screen and (max-width:42rem){.availability-block{flex-wrap:wrap;padding-right:0;gap:1rem;min-width:0}.availability-block>div{min-width:0;max-width:100%;overflow-wrap:anywhere}.availability-ring{flex:0 0 8rem;width:8rem;height:8rem}.status-overview-card{min-width:0}.availability-block .target-ok,.availability-block .target-warning{white-space:normal}}