/* V2.1: fixed, responsive employee workspace. No sensitive panels are rendered. */
body.staff-workspace-page{background:#f5f6f2}.staff-shell{min-height:100vh}.staff-header{background:#fffdfa;border-bottom:1px solid #e4e6dc;padding:17px max(22px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:15}.staff-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.staff-brand img{height:43px;width:43px;border-radius:12px}.staff-brand strong{font-family:var(--serif);font-size:21px;letter-spacing:2px;display:block}.staff-brand small{font-size:9px;letter-spacing:1.5px;color:#9a8975;display:block}.staff-user{display:flex;align-items:center;gap:12px;font-size:12px}.staff-user .user-copy strong{display:block;font-size:13px}.staff-user .user-copy small{color:var(--muted)}.staff-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:32px 0 68px}.staff-tabs{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.staff-tab{padding:9px 18px;background:#fff;border:1px solid #e0e5d8;border-radius:7px;font-size:13px}.staff-tab.active{background:#5f7150;color:#fff;border-color:#5f7150}.staff-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.staff-heading h1{font-size:29px;letter-spacing:.4px;margin-top:7px}.staff-heading p{font-size:13px;color:#858b7b;margin-top:8px}.staff-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--red)}.staff-note{padding:14px 18px;border-radius:9px;background:#edf1e6;border:1px solid #dce4d2;color:#667455;font-size:12px;margin:18px 0;line-height:1.9}.staff-note.warn{background:#fcf4e5;border-color:#ecddbd;color:#8c754a}.staff-note.error{background:#fff0ed;border-color:#e3b6b5;color:#9d2e35}.staff-note strong{font-weight:650}.staff-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:23px 0}.staff-metric{padding:20px 23px;background:#fff;border:1px solid #e2e7d9;border-radius:12px}.staff-metric span{display:block;color:#8d9780;font-size:11px}.staff-metric strong{display:block;font-size:29px;color:#4d5c40;margin:5px 0}.staff-metric small{color:#9da590;font-size:11px}.staff-table{width:100%;border-collapse:collapse;font-size:12px}.staff-table th{font-size:11px;color:#8e9683;background:#f8faf4;padding:14px 18px;white-space:nowrap;text-align:left;font-weight:500}.staff-table td{padding:17px 18px;border-top:1px solid #edf0e6;vertical-align:middle}.staff-name strong{font-size:14px;display:block}.staff-name small{font-size:11px;color:#91977f}.staff-tags{display:flex;gap:5px;flex-wrap:wrap;max-width:260px}.staff-actions{display:flex;gap:7px;flex-wrap:wrap}.staff-actions .btn{font-size:11px;padding:7px 10px}.staff-scope{font-size:11px;color:#8a927d}.staff-filter{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:22px}.staff-filter input{max-width:330px;background:#fff}.staff-filter span{font-size:12px;color:#89917e}.staff-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.staff-product{border:1px solid #e1e6d8;border-radius:12px;overflow:hidden;background:white;min-width:0}.staff-product-pic{height:184px;background:#f2eee5;display:grid;place-items:center;position:relative}.staff-product-pic>img{width:100%;height:100%;max-height:184px;object-fit:contain;padding:13px}.staff-product-pic .staff-placeholder{width:60px;height:60px;opacity:.85;border-radius:17px}.staff-product-pic .tag{position:absolute;top:13px;left:13px}.staff-product-copy{padding:20px}.staff-product-copy h2{font-size:17px}.staff-product-copy p{font-size:11px;color:#919a85;margin-top:6px;overflow-wrap:anywhere}.staff-product-copy .staff-actions{margin-top:17px}.staff-product-copy .btn{flex:1}.staff-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px;align-items:start}.staff-edit-cards{display:grid;gap:20px}.staff-help-card{position:sticky;top:105px;padding:24px;background:#eef1e8;border:1px solid #dce5d0;border-radius:12px}.staff-help-card h2{font-size:15px;color:#5b684f}.staff-help-card p{font-size:12px;color:#879277;margin-top:10px;line-height:1.95}.staff-help-card .btn{margin-top:16px;width:100%;white-space:normal}.staff-edit-cards .card-head h2{font-size:16px}.staff-edit-cards .card-head p{font-size:11px;color:#949d86;margin-top:5px}.staff-form .field-grid{gap:20px}.staff-form textarea{min-height:95px;font-size:13px}.staff-form .field>span{font-size:12px}.staff-savebar{background:#fffdf5ee;border:1px solid #e4e6db;border-radius:10px;padding:16px 20px;display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:22px;position:sticky;bottom:15px;z-index:10;backdrop-filter:blur(10px)}.staff-savebar p{font-size:12px;color:#8b927d}.staff-savebar strong{font-size:13px;color:#57654c}.staff-savebar .staff-actions{flex-shrink:0}.staff-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.staff-photo{background:#f7f8f2;border:1px solid #e0e7d5;border-radius:8px;overflow:hidden;min-width:0}.staff-photo img{width:100%;height:110px;object-fit:contain;padding:5px}.staff-photo small{font-size:10px;display:block;text-align:center;color:#81916f;padding:3px}.staff-photo-tools{display:flex;justify-content:space-between;border-top:1px solid #e2e7d9}.staff-photo-tools button{border:0;border-right:1px solid #e2e7d9;background:#fff;width:33.3%;min-height:32px;font-size:11px}.staff-photo-tools button:last-child{border:0;color:#a16867}.staff-upload{display:flex;align-items:center;gap:9px;margin-top:15px;flex-wrap:wrap}.staff-upload .help{width:100%;margin:3px 0 0}.staff-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.staff-picker{background:#fafbf7;border:1px solid #e0e6d7;border-radius:8px;padding:8px;text-align:left;min-width:0}.staff-picker img{height:105px;width:100%;object-fit:contain}.staff-picker strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-picker small{font-size:10px;color:#8b937d}.staff-picker-icon{height:105px;display:grid;place-items:center;font-size:35px;color:#7e8c6f}.staff-security{font-size:11px;color:#939b87;margin-top:24px;text-align:center}.staff-login{max-width:470px;margin:7vh auto 0;background:#fff;border:1px solid #e1e5d9;border-radius:17px;padding:34px;box-shadow:0 18px 55px #36412809}.staff-login>img{width:54px;height:54px;border-radius:15px;margin-bottom:20px}.staff-login h1{font-size:27px;letter-spacing:1px}.staff-login p{font-size:13px;color:#909784;margin:12px 0 24px}.staff-login .field{margin-bottom:17px}.staff-login .staff-actions{margin-top:18px}.staff-login .btn{white-space:normal}.staff-login a{font-size:12px}.staff-login [role=alert]{font-size:12px;color:#ad323b}.staff-dialog{border:0;border-radius:16px;box-shadow:0 20px 80px #28311740;padding:0;width:min(760px,calc(100vw - 30px));max-height:91vh;color:var(--ink);background:#fffdfa}.staff-dialog::backdrop{background:#25301d77;backdrop-filter:blur(3px)}.staff-dialog-head{position:sticky;top:0;background:#fffdfa;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid #e6e9df}.staff-dialog-head h2{font-size:20px}.staff-dialog-body{padding:25px}.staff-dialog-foot{position:sticky;bottom:0;z-index:3;background:#fffdfa;display:flex;justify-content:flex-end;gap:10px;padding:18px 25px;border-top:1px solid #e5e8de}.staff-permissions{display:grid;gap:10px;margin:15px 0}.staff-permission{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#f9faf6;border:1px solid #e3e8da;border-radius:8px}.staff-permission input{margin-top:4px;flex-shrink:0}.staff-permission strong{font-size:13px;display:block}.staff-permission small{font-size:11px;display:block;color:#909981;margin-top:4px}.staff-product-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;max-height:240px;overflow:auto;border:1px solid #e5eadd;border-radius:7px;padding:12px}.staff-product-select label{display:flex;gap:9px;font-size:12px;align-items:flex-start}.staff-product-select input{flex-shrink:0;margin-top:3px}.staff-secret{padding:18px;background:#f4f1e7;border-radius:9px;border:1px solid #e3dcc7;overflow-wrap:anywhere}.staff-secret code{font-size:14px;display:block;margin:8px 0;user-select:all}.staff-secret p{font-size:12px;color:#827458}.staff-preview img{display:block;max-width:100%;max-height:400px;object-fit:contain;margin:15px auto;border-radius:8px}.staff-preview .long{max-height:none;width:100%}.staff-preview p{white-space:pre-wrap;font-size:14px;color:#7b806f;margin:12px 0}.staff-preview h3{font-size:23px}.staff-preview dl{font-size:12px}.staff-preview dt{font-weight:650;margin-top:13px}.staff-preview dd{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.staff-diff{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:12px}.staff-diff pre{white-space:pre-wrap;word-break:break-word;background:#f7f8f2;padding:14px;border-radius:8px;max-height:400px;overflow:auto}.staff-diff h3{font-size:13px;margin-bottom:8px}#staff-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#36402f;color:white;border-radius:10px;padding:14px 20px;z-index:100;max-width:calc(100% - 30px);font-size:13px;display:none}#staff-toast.visible{display:block}#staff-toast.error{background:#9b3037}.staff-password-note{font-size:12px;color:#8d7750;padding:15px;border:1px solid #ebdbb9;background:#fbf5e8;border-radius:8px;margin-bottom:20px}
@media(max-width:980px){.staff-edit-layout{grid-template-columns:1fr}.staff-help-card{position:static;display:none}.staff-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-heading h1{font-size:26px}.staff-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.staff-header{padding:14px 17px;gap:10px}.staff-brand strong{font-size:18px}.staff-brand small{font-size:7px;letter-spacing:1px}.staff-brand img{width:35px;height:35px}.staff-brand{gap:8px}.staff-user{gap:7px}.staff-user .user-copy{display:none}.staff-user .btn{padding:7px 9px;font-size:11px}.staff-wrap{width:calc(100% - 32px);padding-top:23px}.staff-tabs{gap:6px;margin-bottom:24px}.staff-tab{font-size:11px;padding:8px 12px}.staff-heading{display:block}.staff-heading .btn{margin-top:15px}.staff-heading h1{font-size:25px}.staff-heading p{font-size:12px}.staff-metrics{gap:9px}.staff-metric{padding:14px 12px}.staff-metric strong{font-size:24px}.staff-metric small{font-size:10px}.staff-metric span{font-size:10px}.staff-table th,.staff-table td{padding:12px}.staff-table{min-width:720px}.staff-product-grid{grid-template-columns:1fr}.staff-product-pic{height:175px}.staff-product-pic>img{max-height:175px}.staff-product-copy{padding:17px}.staff-filter{display:block}.staff-filter input{max-width:none;margin-bottom:8px}.staff-filter span{font-size:11px}.staff-savebar{padding:13px;display:block;bottom:8px}.staff-savebar .staff-actions{margin-top:10px;justify-content:flex-end}.staff-savebar .btn{font-size:12px}.staff-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-photo img{height:90px}.staff-photo-tools button{min-height:35px}.staff-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-login{margin:25px auto 0;padding:25px}.staff-login h1{font-size:24px}.staff-dialog-head{padding:17px}.staff-dialog-head h2{font-size:18px}.staff-dialog-body{padding:18px}.staff-dialog-foot{padding:16px;flex-wrap:wrap}.staff-permission{padding:12px;gap:9px}.staff-product-select{grid-template-columns:1fr}.staff-diff{grid-template-columns:1fr}.staff-note{font-size:11px}.staff-form .field input,.staff-form .field textarea,.staff-form .field select,.staff-login input{font-size:16px}.staff-security{font-size:10px}}