.purchasing-shell{min-height:100vh;background:#f5f5f3;color:#171717}.purchasing-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#111;color:#fff;box-shadow:0 1px 8px #0004}.purchasing-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.purchasing-brand img{width:34px;height:34px;border-radius:8px}.purchasing-company{display:flex;align-items:center;gap:10px;min-width:0}.purchasing-company strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchasing-main{max-width:1320px;margin:0 auto;padding:20px}.purchasing-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 12px}.purchasing-tabs button{border:1px solid #d7d7d2;background:#fff;border-radius:999px;padding:8px 13px;white-space:nowrap;cursor:pointer}.purchasing-tabs button.active{background:#111;color:#fff;border-color:#111}.purchasing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.purchasing-stat{background:#fff;border:1px solid #deded9;border-radius:12px;padding:14px}.purchasing-stat span{display:block;color:#666;font-size:13px}.purchasing-stat strong{display:block;font-size:24px;margin-top:5px}.purchasing-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.purchasing-section-head h2,.purchasing-section-head h3{margin:0}.purchasing-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.purchasing-table-wrap{width:100%;overflow:auto}.purchasing-table{width:100%;border-collapse:collapse;min-width:720px}.purchasing-table th,.purchasing-table td{text-align:left;border-bottom:1px solid #e7e7e2;padding:10px 8px;vertical-align:top}.purchasing-table th{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.03em}.purchasing-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.purchasing-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.purchasing-form-grid label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:13px}.purchasing-form-grid input,.purchasing-form-grid select,.purchasing-form-grid textarea{font:inherit;border:1px solid #cfcfc8;border-radius:8px;padding:10px;background:#fff;color:#171717}.purchasing-form-grid textarea{min-height:86px;resize:vertical}.purchasing-empty{padding:22px;text-align:center;color:#6a6a65}.purchasing-muted{color:#6a6a65;font-size:13px}.purchasing-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.purchasing-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#ecece8;font-size:12px;text-transform:capitalize}.purchasing-badge.ordered{background:#e6efff;color:#16458b}.purchasing-badge.partial{background:#fff1ce;color:#805700}.purchasing-badge.received{background:#e4f4e8;color:#17612b}.purchasing-badge.cancelled{background:#f5e2e3;color:#8a2027}.purchasing-receive{width:90px}.purchasing-card-stack{display:grid;gap:12px}.purchasing-toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#111;color:#fff;padding:11px 14px;border-radius:9px;box-shadow:0 8px 30px #0004;max-width:min(420px,calc(100vw - 36px))}.purchasing-toast.error{background:#861e25}.purchasing-nav-link::after{content:'New';font-size:9px;margin-left:6px;padding:2px 5px;border-radius:999px;background:#ecece8;color:#444}.purchasing-low{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ecece7}.purchasing-low:last-child{border-bottom:0}.purchasing-note{padding:12px;border-radius:10px;background:#fff8de;border:1px solid #ebdda7}.purchasing-dialog{max-width:720px;width:calc(100% - 24px);border:0;border-radius:14px;padding:0;box-shadow:0 24px 70px #0006}.purchasing-dialog::backdrop{background:#0008}.purchasing-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #e6e6e1}.purchasing-dialog .dialog-head h2{margin:0;font-size:19px}.purchasing-dialog .dialog-body{padding:16px;max-height:68vh;overflow:auto}.purchasing-dialog .dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e6e6e1;background:#fafaf8;position:sticky;bottom:0}.purchasing-close{border:0;background:none;font-size:25px;cursor:pointer}.purchasing-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.purchasing-progress{height:8px;background:#ecece7;border-radius:999px;overflow:hidden;min-width:100px}.purchasing-progress span{display:block;height:100%;background:#222}.purchasing-summary{display:grid;grid-template-columns:1fr auto;gap:6px 20px;max-width:420px;margin-left:auto}.purchasing-summary strong{text-align:right}
@media(max-width:800px){.purchasing-top{padding:9px 10px}.purchasing-company strong{display:none}.purchasing-main{padding:14px 10px 80px}.purchasing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchasing-form-grid,.purchasing-form-grid.three{grid-template-columns:1fr}.purchasing-section-head{align-items:flex-start;flex-direction:column}.purchasing-table{min-width:650px}.purchasing-company .badge{display:none}}
@media(max-width:480px){.purchasing-grid{grid-template-columns:1fr 1fr}.purchasing-stat strong{font-size:20px}.purchasing-brand strong{font-size:14px}}
.purchasing-check{display:flex;align-items:center;gap:9px;font-weight:600;font-size:13px}.purchasing-check input{width:18px;height:18px}
/* 1.1.6 audit fixes: prevent the global mobile button rule from stretching the sticky header. */
.purchasing-top .btn{width:auto;flex:0 0 auto;white-space:nowrap}.purchasing-brand strong{white-space:nowrap}
.purchasing-company>strong{min-width:0;max-width:min(42vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:520px){.purchasing-company>strong,.purchasing-company .badge{display:none}.purchasing-top{gap:8px}.purchasing-brand strong{font-size:14px}}
@media(max-width:480px){.purchasing-grid{grid-template-columns:1fr}.purchasing-stat strong{font-size:20px}}