.staff-workspace{min-width:0;min-height:100vh;color:#223a36;font-size:14px;line-height:1.5;background:#f3f5f4}
.staff-workspace *{box-sizing:border-box;min-width:0}
.staff-workspace h1{font-size:1.35rem;margin:0 0 5px;letter-spacing:0}
.staff-workspace h2{font-size:1rem;margin:0 0 10px}
.staff-workspace h3{font-size:.94rem;margin:0 0 4px}
.staff-workspace p{font-size:.82rem;margin:4px 0;line-height:1.6;color:#61736c;overflow-wrap:anywhere}
.staff-workspace small{font-size:.75rem;color:#63776d;overflow-wrap:anywhere}
.staff-workspace strong,.staff-workspace b{overflow-wrap:anywhere}
.staff-workspace .staff-button{min-height:40px;padding:9px 13px;border:1px solid #d9e3dc;border-radius:7px;background:#fff;color:#29483c;font-size:.82rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.staff-workspace .staff-button:hover{background:#edf3ed}
.staff-workspace .staff-primary{color:#fff;background:#174e43;border-color:#174e43}
.staff-workspace .staff-primary:hover{background:#103c34}
.staff-workspace .staff-link{border:0;background:transparent;padding-left:0;margin-bottom:16px}
.staff-workspace .staff-header{background:#103c34;color:#fff;padding:16px max(20px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:14px}
.staff-workspace .staff-header strong{display:block;font-size:1.08rem}
.staff-workspace .staff-header strong span{font-size:.82rem;font-weight:500;margin-left:10px;color:#d6e8de}
.staff-workspace .staff-header small{display:block;margin-top:3px;color:#adcabd}
.staff-workspace .staff-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.staff-workspace .staff-header .staff-button{background:#245548;color:#fff;border-color:#3e6b5b}
.staff-workspace .staff-user{padding:4px 8px;font-size:.78rem;border-radius:4px;background:#376555}
.staff-workspace .staff-nav{max-width:1240px;margin:auto;display:flex;gap:6px;padding:16px 20px 0}
.staff-workspace .staff-nav .staff-button{background:transparent;border-color:transparent}
.staff-workspace .staff-nav .staff-active{background:#e2eddb;color:#27492f;border-color:#c8ddba}
.staff-workspace .staff-content{max-width:1240px;margin:auto;padding:20px 20px 40px}
.staff-workspace .staff-heading,.staff-workspace .staff-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.staff-workspace .staff-tag{padding:5px 10px;background:#e5eee7;border-radius:5px;font-size:.8rem;white-space:nowrap}
.staff-workspace .staff-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,2fr);gap:12px;margin-bottom:22px}
.staff-workspace label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:#496155}
.staff-workspace input,.staff-workspace select,.staff-workspace textarea{width:100%;min-width:0;max-width:100%;font-size:.875rem;min-height:42px}
.staff-workspace .staff-section{margin:24px 0}
.staff-workspace .staff-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.staff-workspace .staff-group,.staff-workspace .staff-order-card,.staff-workspace .staff-material-card,.staff-workspace .staff-product-card,.staff-workspace .staff-stock-card{background:#fff;border:1px solid #dce5df;border-radius:10px;padding:16px;overflow:hidden}
.staff-workspace .staff-group>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}
.staff-workspace .staff-group h3{margin-bottom:2px}
.staff-workspace .staff-muted{color:#718379;font-size:.75rem}
.staff-workspace .staff-meter{display:flex;align-items:center;gap:12px;margin-top:12px;font-variant-numeric:tabular-nums}
.staff-workspace .staff-meter strong{width:42px;font-size:.9rem}
.staff-workspace progress{flex:1;min-width:0;width:100%;height:12px;accent-color:#387759;background:#e8eee6;border:0;border-radius:4px;overflow:hidden}
.staff-workspace progress::-webkit-progress-bar{background:#e8eee6}
.staff-workspace progress::-webkit-progress-value{background:#387759}
.staff-workspace .staff-order-list,.staff-workspace .staff-product-list,.staff-workspace .staff-stock-list{display:grid;gap:14px}
.staff-workspace .staff-item{display:block;font-size:.75rem;color:#5b7668;font-weight:650;margin-bottom:3px;overflow-wrap:anywhere}
.staff-workspace .staff-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:12px 0 16px}
.staff-workspace .staff-meta span{font-size:.75rem;color:#738276}
.staff-workspace .staff-meta b{display:block;color:#314d3e;font-size:.82rem;margin-top:2px}
.staff-workspace .staff-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.staff-workspace .staff-stage{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;border:1px solid #dce5db;background:#fafbf8;padding:10px 6px;border-radius:7px;text-align:center;font-size:.8rem}
.staff-workspace .staff-stage>span{font-size:.74rem;color:#67806f}
.staff-workspace .staff-complete{background:#e9f4e7;border-color:#accba5;color:#305f32}
.staff-workspace .staff-neutral{background:#f6f7f5;border-style:dashed;color:#78877d}
.staff-workspace .staff-detail-heading,.staff-workspace .staff-material-head,.staff-workspace .staff-part{display:flex;align-items:center;gap:14px}
.staff-workspace .staff-material-head{margin-bottom:15px}
.staff-workspace .staff-photo,.staff-workspace .staff-photo-empty{width:76px;height:76px;flex:0 0 76px;position:relative;border:1px solid #dce5df;border-radius:7px;padding:0;background:#f7f9f5;overflow:hidden}
.staff-workspace .staff-photo img{width:100%;height:100%;object-fit:contain;display:block}
.staff-workspace .staff-photo span{position:absolute;bottom:0;left:0;right:0;background:#ffffffde;font-size:10px;padding:2px}
.staff-workspace .staff-photo-empty{display:grid;place-items:center;color:#8a998d;font-size:.72rem}
.staff-workspace .staff-photo-large{width:110px;height:110px;flex-basis:110px}
.staff-workspace .staff-spec{color:#314d3e;white-space:pre-wrap;overflow-wrap:anywhere}
.staff-workspace .staff-packing{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #cddfce;border-radius:10px;background:#edf4e9;padding:16px;margin:20px 0}
.staff-workspace .staff-packing h2{margin-bottom:4px}
.staff-workspace .staff-material-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.staff-workspace .staff-quantities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#f7f9f5;border-radius:7px;padding:12px;margin:12px 0}
.staff-workspace .staff-quantities span{display:flex;flex-direction:column;gap:4px;color:#6f8175;font-size:.72rem}
.staff-workspace .staff-quantities b{font-size:.86rem;color:#2c503a;font-variant-numeric:tabular-nums}
.staff-workspace .staff-route{margin:15px 0;font-size:.8rem}
.staff-workspace .staff-route>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:7px;margin:9px 0}
.staff-workspace .staff-route dt{color:#77877b}
.staff-workspace .staff-route dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.staff-workspace .staff-route small,.staff-workspace .staff-part small{display:block;margin-top:4px}
.staff-workspace .staff-stage-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border-top:1px solid #e6ece3;padding-top:13px}
.staff-workspace .staff-stage-actions .staff-button{display:flex;flex-direction:column;gap:4px;padding:10px 6px}
.staff-workspace .staff-stage-actions small{font-weight:400;font-size:.7rem}
.staff-workspace .staff-warning{color:#925422;font-size:.78rem;background:#fff5e4;border:1px solid #eddaad;border-radius:6px;padding:9px 11px}
.staff-workspace .staff-search{max-width:480px;margin:0 0 18px}
.staff-workspace details{border-top:1px solid #e3eae0;padding-top:12px}
.staff-workspace summary{cursor:pointer;font-size:.82rem;padding:5px 0}
.staff-workspace .staff-product-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:10px}
.staff-workspace .staff-part{align-items:flex-start;border-top:1px solid #edf0e9;padding:13px 0}
.staff-workspace .staff-part strong{font-size:.82rem}
.staff-workspace .staff-stock-card .staff-quantities{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:0}
.staff-workspace .staff-notice{background:#e6f2e5;color:#2c6239;border:1px solid #b5d1ae;border-radius:7px;padding:12px 14px;margin-bottom:18px;font-size:.82rem;overflow-wrap:anywhere}
.staff-workspace .staff-error{background:#fff0e9;border-color:#edc0ac;color:#94472f}
.staff-workspace .staff-empty{padding:32px 16px;text-align:center;color:#728176;font-size:.84rem;background:#fff;border:1px dashed #d4ded1;border-radius:9px;grid-column:1/-1}
.staff-workspace .staff-dialog{width:min(540px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);padding:0;border:1px solid #cbdacd;border-radius:12px;color:#244033;overflow:auto;margin:auto;box-shadow:0 15px 65px #132b2940}
.staff-workspace .staff-dialog::backdrop{background:#11282380}
.staff-workspace .staff-dialog[open]{display:block}
.staff-workspace .staff-dialog form{display:block;max-height:none;margin:0;width:100%}
.staff-workspace .staff-dialog-head,.staff-workspace .staff-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e2e9df}
.staff-workspace .staff-dialog-head h2{margin:0}
.staff-workspace .staff-dialog-body{padding:16px 18px}
.staff-workspace .staff-dialog-foot{border-bottom:0;border-top:1px solid #e2e9df;flex-wrap:wrap}
.staff-workspace .staff-dialog-foot small{flex:1}
.staff-workspace .staff-form-context{background:#f0f5ec;border-radius:7px;padding:12px;margin:14px 0;font-size:.82rem;line-height:1.7}
.staff-workspace fieldset{border:0;padding:0;margin:0;display:grid;gap:14px}
.staff-workspace .staff-check{display:flex;flex-direction:row;align-items:flex-start;gap:8px}
.staff-workspace .staff-check input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:2px 0}
.staff-workspace .staff-full-photo{display:block;max-width:100%;max-height:75dvh;width:auto;height:auto;object-fit:contain;margin:auto}
.staff-workspace .staff-image-dialog{width:min(1000px,calc(100vw - 28px))}
@media(max-width:780px){
 .staff-workspace .staff-header{padding:12px;align-items:flex-start;flex-wrap:wrap;gap:10px}
 .staff-workspace .staff-header strong{font-size:.95rem}
 .staff-workspace .staff-header-actions{margin-left:auto}
 .staff-workspace .staff-user{display:none}
 .staff-workspace .staff-header .staff-button{padding:7px 10px}
 .staff-workspace .staff-nav{padding:12px 12px 0;gap:3px}
 .staff-workspace .staff-nav .staff-button{flex:1;padding:10px 5px}
 .staff-workspace .staff-content{padding:16px 12px 28px}
 .staff-workspace .staff-button{min-height:44px}
 .staff-workspace input,.staff-workspace select,.staff-workspace textarea{font-size:16px}
 .staff-workspace .staff-filters{grid-template-columns:minmax(0,1fr);gap:10px}
 .staff-workspace .staff-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
 .staff-workspace .staff-material-list{grid-template-columns:minmax(0,1fr)}
 .staff-workspace .staff-order-card,.staff-workspace .staff-material-card,.staff-workspace .staff-product-card,.staff-workspace .staff-stock-card{padding:13px}
 .staff-workspace .staff-product-materials{grid-template-columns:minmax(0,1fr)}
 .staff-workspace .staff-packing{align-items:flex-start;flex-direction:column;gap:12px}
 .staff-workspace .staff-stock-card .staff-quantities{grid-template-columns:repeat(3,minmax(0,1fr))}
 .staff-workspace .staff-dialog{max-height:calc(100dvh - 24px)}
 .staff-workspace .staff-dialog-head,.staff-workspace .staff-dialog-body,.staff-workspace .staff-dialog-foot{padding:13px}
}
@media(max-width:420px){
 .staff-workspace .staff-header>div:first-child{width:100%}
 .staff-workspace .staff-header-actions{width:100%;justify-content:flex-end}
 .staff-workspace .staff-header strong span{margin-left:5px}
 .staff-workspace .staff-groups{grid-template-columns:minmax(0,1fr)}
 .staff-workspace .staff-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
 .staff-workspace .staff-card-top{align-items:flex-start;flex-direction:column;gap:10px}
 .staff-workspace .staff-meta{gap:8px 15px}
 .staff-workspace .staff-quantities,.staff-workspace .staff-stock-card .staff-quantities{grid-template-columns:repeat(2,minmax(0,1fr))}
 .staff-workspace .staff-photo-large{width:80px;height:80px;flex-basis:80px}
 .staff-workspace .staff-material-head,.staff-workspace .staff-detail-heading,.staff-workspace .staff-part{gap:10px}
 .staff-workspace .staff-dialog-foot{align-items:stretch;flex-direction:column}
}