.mobile-menu-trigger,#mobile-navigation,.mobile-table-hint{display:none}
.mobile-filter-panel>summary{display:none}
#connection-status{padding:12px 20px;background:#fff0c7;color:#6a490a;border-bottom:1px solid #ddc589}
#connection-status[hidden]{display:none}
.secondary-actions{flex-basis:100%;margin-top:6px}
.secondary-actions summary,.document-reference>summary{cursor:pointer;padding:12px 0;font-weight:600;color:#45564e}
.secondary-action-list{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0}
.secondary-action-list>div{max-width:240px;display:flex;flex-direction:column;gap:6px}
.document-reference>.detail-columns{margin:0}
#mobile-menu{max-width:520px;width:calc(100% - 24px)}
.mobile-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-menu-links .nav{background:#f1f5f2;color:#233e32;margin:0;min-height:48px}
.mobile-menu-links .nav.active{background:#194c41;color:white}
.mobile-account{padding:8px 0;font-weight:600}.mobile-account-actions{display:flex;gap:12px;margin-top:24px}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .shell{display:block!important;min-width:0}
  .sidebar{display:none!important}
  .main{width:100%;min-width:0;margin:0!important}
  .topbar{height:auto;min-height:64px;gap:8px;padding:10px 12px;flex-wrap:wrap}
  .mobile-menu-trigger{display:inline-flex;align-items:center;justify-content:center;font-size:22px;min-width:44px}
  .topbar>.breadcrumb{display:block;flex:1;font-size:13px;min-width:0;overflow-wrap:anywhere}
  .topbar-tools{width:100%;flex-wrap:wrap;margin:0!important}
  .topbar-tools>.user-avatar,.topbar-tools>.user-label,#my-password,#logout{display:none}
  #global-search-form{display:flex;width:100%;margin:0}
  #global-search{flex:1;min-width:0;width:auto}
  #mobile-navigation{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;background:#fff;border-top:1px solid #dce5df;padding:5px 8px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -3px 12px #1233250a}
  #mobile-navigation>a,#mobile-navigation>button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:4px;background:transparent;border:0;border-radius:6px;color:#506159;text-decoration:none;font-size:12px;line-height:1.25}
  #mobile-navigation>a>span:first-child,#mobile-navigation>button>span:first-child{font-size:20px}
  #mobile-navigation a[aria-current=page]{background:#edf5ef;color:#194c41;font-weight:700}
  .content{padding:16px 12px calc(90px + env(safe-area-inset-bottom))!important;min-width:0}
  .page-heading{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}
  .page-heading h1{font-size:23px;line-height:1.3}.page-heading p{font-size:13px}
  .page-heading>.actions{width:100%;margin-left:0;flex-wrap:wrap}
  button,.button,select{min-height:44px}button.small,.button.small{min-height:40px;padding:8px 12px}
  input,select,textarea{font-size:16px!important;max-width:100%}
  input[type=checkbox],input[type=radio]{min-height:20px;width:20px;height:20px}
  label{min-width:0}textarea{min-height:110px}
  .panel{padding:14px;min-width:0}.panel h2{font-size:17px}
  .field-grid,.form-header,.form-grid,.line-fields,.detail-columns,.dashboard-columns,.production-filters,.inventory-overview-filters{grid-template-columns:minmax(0,1fr)!important}
  .field-grid>*{min-width:0}.field-grid>.wide,.field-grid>.full{grid-column:1/-1}
  .actions,.filter-bar,.filters,.tabs,.module-tabs{flex-wrap:wrap;gap:8px}
  .finance-nav,[aria-label="采购与仓库分类"]{display:flex;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;padding:8px 0;gap:8px}
  .finance-nav>a,[aria-label="采购与仓库分类"]>a{flex:0 0 auto;white-space:nowrap;min-height:44px;display:flex;align-items:center}
  .mobile-filter-panel{margin:12px 0;border:1px solid #dfe7e2;border-radius:6px}
  .mobile-filter-panel>summary{display:list-item;cursor:pointer;padding:14px;font-weight:600}
  .mobile-filter-panel .reimbursement-filters{padding:12px}
  .filters>label,.filter-bar>label{flex:1 1 140px;min-width:0}
  .stats,.stats-grid,.kpi-grid,.summary-grid,.document-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .document-summary>div{min-width:0;overflow-wrap:anywhere}
  .document-summary strong{font-size:15px;overflow-wrap:anywhere}
  .next-step,.next-actions{flex-wrap:wrap;gap:12px}.next-actions{width:100%}.next-actions>div{flex:1 1 140px;min-width:0}
  .next-actions button{width:100%}.secondary-actions{width:100%}.secondary-action-list>div{max-width:none;flex:1 1 140px}
  .production-route{display:flex;flex-direction:column}.route-step{min-width:0;width:auto}
  .route-source-actions,.route-overview,.route-finish,.production-order-heading{flex-wrap:wrap;gap:12px}
  .route-step-actions{display:flex;flex-wrap:wrap;gap:8px}.route-step-actions button{flex:1}
  .quick-panel{display:block!important}
  .table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .mobile-table-hint:not([hidden]){display:block;margin:8px 0;color:#5c6b62;font-size:12px}
  table.mobile-card-table,table.mobile-card-table tbody{display:block;min-width:0!important;width:100%}
  table.mobile-card-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  table.mobile-card-table tbody>tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;margin-bottom:12px;border:1px solid #dfe7e2;border-radius:9px;background:#fff;gap:12px}
  table.mobile-card-table tbody>tr>td{display:block!important;position:static!important;min-width:0!important;max-width:none!important;width:auto!important;padding:0;border:0!important;white-space:normal!important;text-align:left!important;background:transparent!important;overflow-wrap:anywhere}
  table.mobile-card-table tbody>tr>td:before{content:attr(data-label);display:block;color:#6b766e;font-size:11px;font-weight:400;margin-bottom:5px}
  table.mobile-card-table tbody>tr>td:first-child,table.mobile-card-table tbody>tr>td:last-child{grid-column:1/-1}
  table.mobile-card-table tfoot{display:block}table.mobile-card-table tfoot tr{display:flex;flex-wrap:wrap;gap:10px}
  table.mobile-card-table tfoot td{display:block;min-width:0!important;white-space:normal!important}
  table.mobile-card-table tfoot td:before{content:attr(data-label);display:block;font-size:11px}
  dialog:not(#confirm-dialog){width:100%!important;max-width:100%!important;max-height:100dvh!important;height:100dvh;margin:0;border:0;border-radius:0;padding:0}
  dialog[open]{display:flex;flex-direction:column}
  .dialog-heading{padding:16px;gap:12px;flex-shrink:0}.dialog-heading h2{font-size:19px}
  .dialog-body{padding:14px;overflow:auto;min-height:0;flex:1}
  dialog>form{display:flex;flex-direction:column;flex:1;min-height:0}
  dialog footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom));gap:8px;flex-wrap:wrap;flex-shrink:0}
  dialog footer .footer-note{width:100%;font-size:12px}dialog footer button{flex:1}
  #confirm-dialog{width:calc(100% - 24px);max-width:480px}#confirm-dialog textarea{min-height:90px}
  .roll-grid-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .roll-grid-toolbar label{min-width:0}.roll-grid-scroll{max-width:100%;overflow:auto}
  .roll-meter-grid{grid-template-columns:repeat(var(--roll-columns),minmax(60px,1fr));min-width:calc(var(--roll-columns)*61px)!important;gap:1px}
  .roll-grid-cell{min-width:0}.roll-grid-cell input{padding:19px 3px 8px;min-height:44px}
  .roll-footer,.roll-pagination{flex-wrap:wrap;gap:8px}.file-drop-target{min-width:0}
  input[type=file]{width:100%;font-size:14px!important}.file-drop-hint{font-size:12px}
  #toast{bottom:calc(78px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}
}
@media print{#mobile-navigation,.mobile-menu-trigger,.mobile-table-hint,#connection-status{display:none!important}}