/* Presentation only: same fields, permissions and business actions at every size. */
.collapse-btn{font:inherit;flex-shrink:0}
.op-message-menu{max-width:calc(100vw - 24px);overflow-wrap:anywhere}
@media(max-width:1024px){
  .layout{height:100vh;height:100dvh;max-width:100vw}
  .main{width:100%;min-height:0;overflow:hidden}
  .sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,86vw);transform:translateX(-100%);transition:transform .2s ease;box-shadow:8px 0 32px #182a4426}
  .sidebar.mobile-open{transform:translateX(0)}
  .sidebar.collapsed{width:min(280px,86vw)}
  .mobile-mask.show{display:block}
  .topbar{height:60px;padding:0 12px;gap:10px}
  .crumb{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;font-size:0}
  .crumb b{font-size:15px}
  .top-actions{gap:6px;flex-shrink:0}
  .user-chip{padding:3px;gap:0}
  .user-chip>div:not(.avatar){display:none}
  .ticker{display:none}
  .collapse-btn,.top-actions .icon-btn{width:40px;height:40px}
  .tabsbar{padding:4px 12px;height:48px;box-sizing:border-box}
  .tabsbar .tab-chip{min-height:34px}
  .content{min-height:0;overflow-x:hidden;padding:12px 12px max(24px,env(safe-area-inset-bottom))}
  .content>*{min-width:0;max-width:100%;box-sizing:border-box}
  .notice-dock{bottom:max(16px,env(safe-area-inset-bottom));max-width:calc(100vw - 12px);z-index:12}
  .notice-body{max-height:65dvh;overflow:auto;width:min(270px,calc(100vw - 64px));box-sizing:border-box}
  .notice-handle{min-height:44px}
  .notice-handle span{font-size:12px}
  .notice-sound-bar .el-button{margin:4px 4px 4px 0}
  .el-drawer{max-width:100vw!important}
  .el-message-box{max-width:calc(100vw - 24px);box-sizing:border-box}
  .el-dialog{width:calc(100vw - 24px)!important;max-width:680px;margin-top:4dvh!important;margin-bottom:4dvh;box-sizing:border-box}
  .el-dialog__body{max-height:72dvh;overflow:auto;padding:16px}
  .el-dialog__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px}
  .el-dialog__footer .el-button{margin:0;min-height:40px}
  .el-dialog__body>div{max-width:100%;box-sizing:border-box}
  .el-date-range-picker{max-width:calc(100vw - 20px)!important;width:600px}
}
@media(max-width:600px){
  .login-wrap{min-height:100dvh;height:auto}
  .login-side{padding:20px 12px;min-height:100dvh;box-sizing:border-box}
  .login-card{width:100%;max-width:420px;padding:24px 20px;box-sizing:border-box}
  .panel{padding:14px;border-radius:14px}
  .table-panel{padding:0;overflow:hidden}
  .table-panel:after{content:'表格可左右滑动查看完整字段与操作';display:block;padding:8px 12px;color:#687789;font-size:12px;background:#f8fafc}
  .toolbar{padding:12px;gap:8px}
  .toolbar .el-button{min-height:40px;margin:0}
  .toolbar .spacer{display:none}
  .tool-icon{min-width:40px;min-height:40px}
  .filter-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .filter-grid .el-form-item{display:block}
  .filter-grid .el-form-item__label{display:block;width:auto!important;float:none;padding-bottom:6px;line-height:20px}
  .filter-grid .el-form-item__content{margin-left:0!important;min-height:40px}
  .filter-actions .el-form-item__content{display:flex;flex-wrap:wrap}
  .el-input__wrapper,.el-select__wrapper{min-height:40px;box-sizing:border-box}
  .el-input__inner,.el-textarea__inner{font-size:16px}
  .el-date-editor.el-input,.el-date-editor.el-range-editor{max-width:100%!important;min-width:0}
  .el-range-editor .el-range-input{min-width:0;font-size:12px}
  .el-form--inline .el-form-item{max-width:100%;margin-right:0}
  .el-form--inline .el-form-item__content{max-width:100%}
  .el-form--inline .el-input,.el-form--inline .el-select{max-width:100%}
  .el-table .el-table-fixed-column--left,.el-table .el-table-fixed-column--right{position:static!important;left:auto!important;right:auto!important}
  .el-table .el-table-fixed-column--left:before,.el-table .el-table-fixed-column--right:before{display:none}
  .el-table .el-link{min-height:34px;display:inline-flex;align-items:center}
  .pager{padding:12px;overflow:auto}
  .el-pagination{flex-wrap:wrap;gap:8px;justify-content:flex-start;white-space:normal}
  .el-pagination__sizes{margin:0}
  .stat-cards,.screen-grid,.screen-cols,.screen-assets{grid-template-columns:minmax(0,1fr)!important}
  .stat-card .v,.screen-card .v{font-size:26px;overflow-wrap:anywhere}
  .screen-wrap{padding:14px 12px}
  .screen-head{gap:10px;align-items:flex-start}
  .screen-title{font-size:20px;letter-spacing:0}
  .screen-clock{font-size:12px}
  .holding-filter{flex-wrap:wrap;gap:8px}
  .kv-table{table-layout:fixed;width:100%}
  .kv-table td{overflow-wrap:anywhere;font-size:13px}
  .el-form [style*='grid-template-columns']{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  .referrer-filters{grid-template-columns:minmax(0,1fr)}
  .el-date-range-picker{width:calc(100vw - 20px)!important}
  .el-date-range-picker__content{width:100%!important;float:none;border:0;box-sizing:border-box}
  .el-picker-panel__sidebar{position:static;width:100%;display:flex;flex-wrap:wrap;padding:6px;box-sizing:border-box}
  .el-picker-panel__sidebar+.el-picker-panel__body{margin-left:0}
  .el-date-range-picker__time-header{display:flex;flex-wrap:wrap;gap:8px}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}