@media(min-width:769px){
 body.pc-ui-preview #content.material-workspace{display:flex;flex-direction:column;gap:10px}
 body.pc-ui-preview .material-workspace .material-table-head>#material-todo-section{flex:0 1 auto;min-width:0;max-width:100%;padding:0;margin:0 auto 0 0;border:0;box-shadow:none;background:transparent}
 body.pc-ui-preview .material-workspace #material-todo-section>.section-head{display:none}
 body.pc-ui-preview .material-workspace .material-todo-grid{display:flex;flex-wrap:wrap;gap:6px;margin:0}
 body.pc-ui-preview .material-workspace .material-todo-card{display:flex;flex-direction:row;align-items:center;gap:8px;padding:3px 8px;flex:0 1 auto;min-height:0}
 body.pc-ui-preview .material-workspace .material-todo-card:not(.has-work){display:none}
 body.pc-ui-preview .material-workspace .material-todo-card small{display:none}
 body.pc-ui-preview .material-workspace .material-todo-card-top{gap:10px}
 body.pc-ui-preview .material-workspace .material-todo-card-top strong{font-size:18px}
 body.pc-ui-preview .material-workspace .material-todo-card button{width:auto!important;min-height:26px;margin:0;padding:4px 8px}
 body.pc-ui-preview .material-workspace #material-todo-section:not(:has(.has-work)){display:none}
 body.pc-ui-preview .material-workspace>#material-stock-table-section{padding:10px 16px;margin:0}
 body.pc-ui-preview .material-workspace .material-table-head{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px;padding-bottom:8px;margin-bottom:8px}
 body.pc-ui-preview .material-workspace .material-table-head>h3{margin:0;flex-shrink:0}
 body.pc-ui-preview .material-workspace .material-table-head:not(:has(.material-todo-card.has-work))>h3{margin-right:auto}
 body.pc-ui-preview .material-workspace .material-table-head button{width:auto!important;min-width:0;margin:0;padding:6px 10px}
 body.pc-ui-preview .material-workspace .material-table-head .material-todo-card button{padding:4px 8px;white-space:nowrap}
 body.pc-ui-preview .material-workspace .material-table-head .section-head-note{display:none}
 body.pc-ui-preview .material-workspace .material-filter-strip{display:flex;flex-wrap:wrap;padding:8px;gap:8px;margin:0 0 7px}
 body.pc-ui-preview .material-workspace .material-filter-strip>*{flex:1 1 150px;min-width:0;width:auto;margin:0}
 body.pc-ui-preview .material-workspace .material-filter-strip>#materialKeywordFilter{flex:2 1 220px}
 body.pc-ui-preview .material-workspace .material-filter-strip>button{flex:0 0 auto}
 body.pc-ui-preview .material-workspace .material-filter-summary{margin:0 0 7px;gap:6px}
 body.pc-ui-preview .material-workspace .material-a-table-scroll{margin:0;overflow-x:hidden}
 body.pc-ui-preview .material-workspace .material-inventory-table{min-width:0!important;font-size:12px}
 body.pc-ui-preview .material-workspace .material-inventory-table td{padding:7px!important}
 body.pc-ui-preview .material-workspace .material-inventory-table .cell-sub{font-size:11px;line-height:1.4}
 body.pc-ui-preview #content.material-workspace #material-stock-table-section .material-action-group{gap:4px;display:flex;flex-wrap:wrap;align-items:center}
 body.pc-ui-preview #content.material-workspace #material-stock-table-section .material-action-group>button{width:auto;min-width:0;padding:4px 7px!important;font-size:12px;margin:0;line-height:1.3}
 body.pc-ui-preview .material-workspace .customer-fixed-pagination{margin-top:7px}
}
.material-row-menu{position:fixed;inset:auto;margin:0;width:150px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:5px;border:1px solid #d9e3ed;border-radius:6px;background:#fff;box-shadow:0 6px 24px #20364f26;overflow:auto}
.material-row-menu:popover-open{display:grid;gap:3px}
body #content .material-row-menu>button{width:100%;min-height:32px;margin:0;padding:6px 10px!important;border:0;border-radius:4px;color:#b42318;background:#fff;text-align:left;font-size:13px;line-height:1.4;white-space:nowrap}
body #content .material-row-menu>button:hover,body #content .material-row-menu>button:focus-visible{background:#fff1f0;color:#a31b13}
@media(max-width:768px){
 body .mobile-system-shell #material-stock-table-section .material-inventory-table .material-action-cell{width:auto;white-space:normal}
 body .mobile-system-shell #material-stock-table-section .material-action-group>button{flex:0 0 auto;width:auto;max-width:100%;white-space:nowrap;margin:0}
 body .mobile-system-shell #material-stock-table-section .material-action-group>button.secondary{color:#155bd4;background:#fff;border:1px solid #d8e3f1}
 body .mobile-system-shell #material-stock-table-section .material-action-group>button.secondary:is(:hover,:focus-visible){background:#f1f5fc}
 body .mobile-system-shell #material-stock-table-section .material-action-group>.material-use-current{color:#fff;background:#195ccc;border:1px solid #195ccc}
}
.material-workspace-dialog{width:min(1100px,calc(100vw - 36px));max-width:none;max-height:calc(100vh - 32px);padding:0;border:1px solid #d8e3f1;border-radius:12px;color:#17304e;background:#fff;box-shadow:0 16px 70px #12233855}
.material-workspace-dialog::backdrop{background:#1d304866}
.material-workspace-dialog[open]{display:flex;flex-direction:column}
.material-workspace-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid #dbe4ef;flex-shrink:0}
.material-workspace-dialog>header>button{width:auto!important;min-width:60px;margin:0;padding:5px 12px!important}
.material-dialog-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:14px 18px}
body.pc-ui-preview .material-workspace-dialog .panel,body.pc-ui-preview .material-workspace-dialog .material-a-detail{border:0;box-shadow:none;padding:0;margin:0;background:white}
.material-workspace-dialog #material-create-section>h3,.material-workspace-dialog .client-detail-title,.material-workspace-dialog #material-workspace-section>summary{display:none}
body.pc-ui-preview .material-workspace-dialog .a-operation-form{margin:0;padding:0;border:0;background:white;gap:10px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}
body.pc-ui-preview .material-workspace-dialog .a-operation-field{margin:0;gap:4px}
.material-workspace-dialog .client-detail-panel{padding:0;border:0}
.material-workspace-dialog .client-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.material-workspace-dialog .client-detail-block{padding:10px;min-width:0}
.material-workspace-dialog .client-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}
.material-workspace-dialog .client-detail-item{padding:4px 0;border:0;border-radius:0;line-height:1.55;min-width:0;overflow-wrap:anywhere}
.material-workspace-dialog .client-detail-block-full{grid-column:1/-1}
.material-workspace-dialog .material-log-list,.material-workspace-dialog #material-pending-section>.client-detail-list{grid-template-columns:1fr}
.material-workspace-dialog .client-detail-subtitle{margin-bottom:6px}
.material-workspace-dialog .material-flow-table-scroll{max-height:55vh;overflow:auto}
.material-workspace-dialog .material-flow-table{min-width:0!important}
.material-workspace-dialog .material-section-toggle{display:none}
.material-workspace-dialog .cards{gap:7px;margin:0 0 10px}
.material-workspace-dialog .cards .stat{padding:6px 10px;min-height:0}
.material-workspace-dialog .cards .num{font-size:20px}
.material-filter-error{color:#a12b30;font-size:13px;margin:6px 0}
#material-stock-table-section .material-inventory-table .material-safety-alert{color:#c62828;font-weight:600}
.material-source-link{width:auto!important;min-width:0;margin:0;padding:2px 5px!important;font-size:inherit;color:#135cbc;background:#edf4ff;border:1px solid #d6e4fa;border-radius:4px}
.material-approver-field{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:0}
.material-approver-field select{width:auto;min-width:200px;margin:0}
.material-approver-note{font-size:12px;color:#66788e}
.material-assignment-history{font-size:12px;max-width:260px;white-space:normal}
[data-material-action-recovery]{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
[data-material-action-recovery] p{margin:7px 0;font-size:13px;line-height:1.5}
[data-material-action-recovery] button{width:auto!important;margin:0;padding:6px 12px!important}
#materialEditModal{z-index:1800;align-items:center;justify-content:center;padding:16px}
#materialEditModal:not(.hidden){display:flex}
#materialEditModal .preview-modal-card{position:relative;width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:0;overflow:auto;box-sizing:border-box;padding:18px}
#materialEditModal #materialEditTitle{padding-right:75px;margin:0 0 16px}
#materialEditModal #materialEditClose{position:sticky;float:right;top:0;margin:0 0 -32px;z-index:2;width:auto!important;min-width:60px}
#materialEditModal #materialEditForm{margin:0;gap:10px 16px}
#materialEditModal #materialEditForm [data-material-action-recovery]{padding:12px;margin:0}
@media(max-width:900px){.material-workspace-dialog .client-detail-grid,.material-workspace-dialog .client-detail-list{grid-template-columns:1fr}body.pc-ui-preview .material-workspace-dialog .a-operation-form{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:1280px) and (max-width:1500px){
 body.pc-ui-preview .material-workspace .material-table-head{gap:5px}
 body.pc-ui-preview .material-workspace .material-table-head button{padding-left:7px;padding-right:7px}
 body.pc-ui-preview .material-workspace .material-todo-grid{gap:4px}
 body.pc-ui-preview .material-workspace .material-todo-card{gap:5px;padding-left:5px;padding-right:5px}
 body.pc-ui-preview .material-workspace .material-todo-card-top{gap:5px}
 body.pc-ui-preview .material-workspace .material-table-head .material-todo-card button{padding-left:5px;padding-right:5px}
}