.purchase-workspace-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}.purchase-workspace-overview article{display:grid;gap:2px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:#fff}.purchase-workspace-overview b{color:var(--brown);font-size:24px}.purchase-workspace-overview span{color:var(--muted);font-size:11px}.purchase-workspace-tools{display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:10px;margin-bottom:14px;padding:13px}.purchase-workspace-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:#fff}.purchase-workspace-search span{color:var(--brown);font-size:20px}.purchase-workspace-search input{width:100%;min-height:42px;border:0;outline:0;background:transparent}.purchase-workspace-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.purchase-workspace-filters::-webkit-scrollbar{display:none}.purchase-workspace-filters button{flex:0 0 auto;min-height:38px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff;color:var(--ink);font-size:10px;font-weight:750}.purchase-workspace-filters button.active{border-color:var(--brown);background:var(--brown);color:#fff}.purchase-workspace-filters b{margin-left:4px;padding:2px 5px;border-radius:999px;background:var(--pink);color:var(--brown);font-size:8px}.purchase-workspace-tools>#purchaseWorkspaceCount{grid-column:1/-1;text-align:right}.purchase-workspace-list{display:grid;gap:12px}.purchase-workspace-card{padding:0;overflow:hidden}.purchase-workspace-card>summary{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(340px,1fr);align-items:center;gap:18px;padding:16px 18px;cursor:pointer;list-style:none}.purchase-workspace-card>summary::-webkit-details-marker{display:none}.purchase-workspace-card[open]>summary{border-bottom:1px solid var(--line);background:#fbfdff}.purchase-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.purchase-workspace-title>span:first-child{display:grid;min-width:0}.purchase-workspace-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brown)}.purchase-workspace-title small{color:var(--muted);font-size:10px}.purchase-stepper{display:grid;grid-template-columns:auto minmax(18px,1fr) auto minmax(18px,1fr) auto;align-items:center;gap:6px}.purchase-stepper>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;font-weight:750;white-space:nowrap}.purchase-stepper>span b{width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted)}.purchase-stepper>span.done{color:var(--green)}.purchase-stepper>span.done b{border-color:var(--green);background:#e5f5ed;color:var(--green)}.purchase-stepper>span.current{color:var(--brown)}.purchase-stepper>span.current b{border-color:var(--brown);background:var(--brown);color:#fff}.purchase-stepper>i{height:2px;background:var(--line)}.purchase-workspace-body{padding:16px 18px}.purchase-item-progress-head,.purchase-item-progress{display:grid;grid-template-columns:minmax(210px,1fr) repeat(3,minmax(78px,.35fr));gap:10px;align-items:center}.purchase-item-progress-head{padding:0 10px 6px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.purchase-item-progress{padding:10px;border-top:1px solid var(--line)}.purchase-item-progress>div{display:grid}.purchase-item-progress>div small{color:var(--muted);font-size:9px}.purchase-item-progress>span{display:grid}.purchase-item-progress>span small{color:var(--muted);font-size:8px}.purchase-item-progress>span b{font-size:12px}.purchase-workspace-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.purchase-records{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.purchase-records h4{margin:0 0 9px}.purchase-record{padding:11px;border:1px solid var(--line);border-radius:12px;background:#fcfeff}.purchase-record+.purchase-record{margin-top:8px}.purchase-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.purchase-record-head>div{display:grid}.purchase-record-head small{color:var(--muted);font-size:9px}.purchase-record-items{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.purchase-record-items>span{padding:5px 8px;border-radius:8px;background:#f4f8fa;font-size:9px}.purchase-record-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.purchase-invoices{display:grid;gap:5px;margin-top:9px;padding-top:8px;border-top:1px dashed var(--line)}.purchase-invoices>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.purchase-invoices>div>span:first-child{display:grid}.purchase-invoices small{color:var(--muted);font-size:9px}.purchase-invoices>div>span:last-child{display:flex;gap:5px}.purchase-workspace-empty{padding:12px}
@media(max-width:900px){.purchase-workspace-tools{grid-template-columns:1fr}.purchase-workspace-tools>#purchaseWorkspaceCount{grid-column:1}.purchase-workspace-card>summary{grid-template-columns:1fr}.purchase-stepper{max-width:520px}.purchase-item-progress-head,.purchase-item-progress{grid-template-columns:minmax(150px,1fr) repeat(3,minmax(64px,.35fr))}}
@media(max-width:620px){.purchase-workspace-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.purchase-workspace-overview article{padding:10px}.purchase-workspace-overview b{font-size:19px}.purchase-workspace-overview span{font-size:8px}.purchase-workspace-card>summary,.purchase-workspace-body{padding:13px}.purchase-workspace-title{align-items:flex-start}.purchase-stepper{gap:3px;overflow-x:auto}.purchase-stepper>span{display:grid;justify-items:center;font-size:7px}.purchase-stepper>span b{width:21px;height:21px}.purchase-item-progress-head{display:none}.purchase-item-progress{grid-template-columns:1fr 1fr 1fr;gap:7px}.purchase-item-progress>div{grid-column:1/-1}.purchase-item-progress>span{padding:6px;border-radius:8px;background:#f7fafb}.purchase-workspace-actions{justify-content:stretch}.purchase-workspace-actions .btn{flex:1}.purchase-record-head{align-items:flex-start}.purchase-invoices>div{align-items:flex-start}.purchase-workspace-filters{margin-left:-2px;margin-right:-2px}}