#purchasesView .staff-header,#purchasesView .purchasing-wrap{box-sizing:border-box;max-width:1400px;width:calc(100% - 32px);margin-left:auto;margin-right:auto}
#purchasesView .staff-header p{margin:7px 0 0;color:#d4c8b5;font-size:15px}
.purchasing-wrap{display:grid;gap:17px;margin-bottom:38px;color:#f2e8d8}
.purchasing-section{min-width:0;border:1px solid #625946;border-radius:13px;background:#242925;padding:17px}
.purchasing-section h2,.purchasing-section h3{margin:0 0 9px;color:#f5e1bf}
.purchasing-section p{color:#cec2ad;line-height:1.5}
.purchasing-section summary{font-size:23px;font-weight:800;color:#f5d9ad;cursor:pointer}
.purchasing-section[open] summary{margin-bottom:10px}
.purchasing-heading{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.purchasing-heading>div{flex:1 1 300px}
.purchasing-heading label,.purchasing-fields label,.purchasing-line label,.purchasing-payment-form label{display:grid;gap:5px;color:#d5c8b1}
.purchasing-heading input,.purchasing-fields input,.purchasing-fields select,.purchasing-line input,.purchasing-line select,.purchasing-payment-form input,.purchasing-payment-form select{width:100%;min-height:42px;box-sizing:border-box;padding:7px;border:1px solid #767368;border-radius:7px;background:#171d1b;color:#f5eee1;font:inherit}
.purchasing-heading button,.purchasing-section button{min-height:40px;padding:6px 12px;border:1px solid #b99769;border-radius:7px;background:#343a34;color:#f8e2bb;font:inherit;cursor:pointer}
.purchasing-section button:disabled{opacity:.55;cursor:default}
.purchasing-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.purchasing-kpis article{display:grid;gap:6px;padding:15px;border:1px solid #665943;border-radius:9px;background:#292c28}
.purchasing-kpis span{color:#d7cbb6}.purchasing-kpis b{font-size:clamp(20px,2vw,29px);color:#f6dcab}
.purchasing-supplier-table{overflow:hidden;border:1px solid #665943;border-radius:9px;background:#1a211e}
.purchasing-supplier-head,.purchasing-supplier-row,.purchasing-supplier-foot{display:grid;grid-template-columns:minmax(0,1fr) 90px 160px;gap:12px;align-items:center;padding:11px 14px}
.purchasing-supplier-head{background:#34342d;color:#dfc69e;font-weight:800}
.purchasing-supplier-row{border-top:1px solid #454940;color:#f2e8d8}
.purchasing-supplier-row strong{overflow-wrap:anywhere}
.purchasing-supplier-row b,.purchasing-supplier-foot strong:last-child{color:#f6dcab}
.purchasing-supplier-head>:nth-child(2),.purchasing-supplier-row>:nth-child(2),.purchasing-supplier-foot>:nth-child(2){text-align:center}
.purchasing-supplier-head>:last-child,.purchasing-supplier-row>:last-child,.purchasing-supplier-foot>:last-child{text-align:right}
.purchasing-supplier-foot{border-top:2px solid #8c7654;background:#302f28}
.purchasing-supplier-empty{margin:0;padding:16px;color:#cec2ad}
.purchasing-mode{border:1px solid #8c7654;border-radius:9px;background:#322f27;padding:12px 14px;margin-top:13px}
.purchasing-mode label{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#f4ddaf;cursor:pointer}
.purchasing-mode input{width:21px;height:21px;accent-color:#b77745;flex:none}
.purchasing-mode p{margin:5px 0 0 31px}
.purchasing-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}
.purchasing-line{display:grid;grid-template-columns:130px minmax(170px,2fr) minmax(95px,1fr) 85px auto;align-items:end;gap:8px;margin:8px 0;padding:10px;border:1px solid #4e514a;border-radius:8px}
.purchasing-line .purchasing-raw-name,.purchasing-line .purchasing-menu-item{min-width:0}
.purchasing-line .purchasing-line-unit{color:#d5c8b1;padding-bottom:9px}
.purchasing-shipping{display:flex;align-items:end;flex-wrap:wrap;gap:10px 16px;margin:15px 0 4px;padding:13px;border:1px solid #8c7654;border-radius:9px;background:#302d25}
.purchasing-shipping label{display:grid;gap:5px;min-width:170px;color:#f4ddaf;font-weight:700}
.purchasing-shipping input{width:100%;min-height:42px;box-sizing:border-box;padding:7px;border:1px solid #767368;border-radius:7px;background:#171d1b;color:#f5eee1;font:inherit}
.purchasing-shipping small{flex:1 1 260px;color:#d7cbb6;line-height:1.5}
.purchasing-warning{border-left:4px solid #d3a45f;padding:9px 12px;background:#352d24}
.purchasing-section .purchasing-primary{display:block;width:100%;margin-top:14px;min-height:47px;background:#a94e3f;border-color:#ce8871;color:#fff;font-weight:800}
.purchasing-records{display:grid;gap:10px}
.purchasing-record{padding:14px;border:1px solid #595f55;border-radius:10px;background:#1a211e}
.purchasing-record-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.purchasing-record-head h3{margin:0;font-size:20px}.purchasing-record-head small{color:#c8bdab}
.purchasing-record .purchasing-balance{color:#f2cca1;font-weight:700}
.purchasing-record ul{display:flex;flex-wrap:wrap;gap:5px 17px;padding-left:18px;margin:9px 0;color:#ebe0cf}
.purchasing-payments{display:grid;gap:3px;padding:7px 0;border-top:1px dashed #565b52}
.purchasing-payments small{color:#c9bfae}
.purchasing-payment-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:8px;align-items:end;margin-top:10px}
.purchasing-payment-form button{min-width:100px}
@media(max-width:850px){.purchasing-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.purchasing-line{grid-template-columns:110px minmax(150px,2fr) minmax(90px,1fr) 70px auto}.purchasing-payment-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.purchasing-kpis,.purchasing-fields,.purchasing-payment-form{grid-template-columns:1fr}.purchasing-supplier-head,.purchasing-supplier-row,.purchasing-supplier-foot{grid-template-columns:minmax(0,1fr) 58px 116px;gap:6px;padding:10px 8px;font-size:14px}.purchasing-line{grid-template-columns:1fr 1fr}.purchasing-line .purchasing-line-item{grid-column:1/-1}.purchasing-line .purchasing-line-unit{align-self:end}.purchasing-line button{grid-column:1/-1}}