:root{--border:var(--line)}
.v30-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 38px;margin-bottom:22px;border-radius:26px;color:#fff;background:linear-gradient(120deg,var(--brand),#0d7b72);overflow:hidden;position:relative}.v30-hero:after{content:"";position:absolute;right:-40px;bottom:-110px;width:320px;height:320px;border:55px solid rgba(255,255,255,.06);border-radius:50%}.v30-hero>div{position:relative;z-index:1}.v30-hero h2{font-size:clamp(27px,3vw,42px);margin:8px 0}.v30-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82)}.v30-state{position:relative;z-index:1;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);white-space:nowrap;font-weight:800}.v30-state i{width:9px;height:9px;border-radius:50%;background:#f4c95d}.v30-state.live i{background:#4ce0bd;box-shadow:0 0 0 6px rgba(76,224,189,.15)}.v30-hero-actions{display:flex;gap:10px}.v30-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.v30-stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.v30-stat-grid article{padding:21px;border:1px solid var(--border);border-radius:20px;background:#fff;min-width:0}.v30-stat-grid article span,.v30-stat-grid article small{display:block;color:var(--muted)}.v30-stat-grid article strong{display:block;margin:7px 0 3px;font-size:clamp(24px,2.2vw,34px);line-height:1.05}.v30-stat-grid article.accent{background:#edf4fb;border-color:#ccdaeb}.v30-focus-card{display:grid;grid-template-columns:minmax(250px,1fr) minmax(520px,1.5fr);align-items:end;gap:30px;padding:32px}.v30-focus-card h2,.v30-close-card h2{margin:7px 0}.v30-inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.v30-inline-form label{flex:1 1 170px}.v30-inline-form .btn{flex:0 0 auto}.v30-two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px}.v30-two-column>.panel{padding:28px}.v30-close-card{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,#fff,#f2f6fb)}.v30-ledger{margin-top:22px;border-top:1px solid var(--border)}.v30-ledger article,.v30-return-history article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.v30-ledger article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:900}.v30-ledger .in{background:#ddf8ee;color:#08775f}.v30-ledger .out{background:#ffe8e8;color:#b22b2b}.v30-ledger small,.v30-return-history small{display:block;color:var(--muted);margin-top:3px}.v30-history{margin-top:22px}.purchasing.v30-hero{background:linear-gradient(120deg,var(--brand),#5a356b)}.purchase-modal .modal-card{width:min(960px,calc(100vw - 32px));max-height:min(88vh,900px);overflow:auto}.v30-order-items{border:1px solid var(--border);border-radius:16px;overflow:hidden}.v30-order-head,.v30-order-items>div{display:grid;grid-template-columns:minmax(220px,1fr) 130px 150px;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--border)}.v30-order-head{background:#f3f6fa;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.v30-order-items>div:last-child{border-bottom:0}.v30-order-items label{display:flex;align-items:center;gap:10px;margin:0}.v30-order-items label span{display:block}.v30-order-items label small{display:block;color:var(--muted)}.v30-order-items input[type=number]{min-width:0}.v30-purchase-detail{overflow:hidden}.v30-purchase-detail>header{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:30px;border-bottom:1px solid var(--border)}.v30-purchase-detail>header h2{margin:8px 0}.v30-purchase-detail>header>strong{font-size:32px}.compact-input{width:110px}.v30-receive-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 26px;border-top:1px solid var(--border);background:#f7f9fc}.v30-receive-bar span{display:flex;align-items:center;gap:8px;color:var(--muted)}.v30-count-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.v30-count-list label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px;background:#fff;margin:0}.v30-count-list label span{min-width:0}.v30-count-list label small{display:block;color:var(--muted);margin-top:3px}.v30-count-list input{width:120px}.v30-transaction-control{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);align-items:start;gap:30px;padding:28px;margin-top:20px}.v30-transaction-control h2{margin:7px 0}.v30-return-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v30-return-items label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);border-radius:13px;margin:0}.v30-return-items label small{display:block;color:var(--muted)}.v30-return-items input{width:84px}.v30-return-history{margin-top:20px;padding:24px}.v30-return-history article{grid-template-columns:1fr auto auto}.compact-check{display:flex!important;align-items:center!important;gap:8px;flex:0 0 auto!important;padding:14px 12px;border:1px solid var(--border);border-radius:12px}.pos-submit-actions{display:grid;grid-template-columns:minmax(100px,.4fr) minmax(180px,1fr);gap:10px}.pos-submit-actions .btn{width:100%}.text-danger{color:#b42318!important}
@media(max-width:900px){.v30-stat-grid,.v30-stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.v30-focus-card,.v30-two-column,.v30-transaction-control{grid-template-columns:1fr}.v30-count-list{grid-template-columns:1fr}.v30-hero{align-items:flex-start}.v30-hero-actions{flex-direction:column}}
@media(max-width:640px){.v30-hero{padding:24px 20px;border-radius:20px;display:block}.v30-state{width:max-content;margin-top:18px}.v30-hero-actions{margin-top:18px}.v30-hero-actions .btn{width:100%}.v30-stat-grid,.v30-stat-grid.three{grid-template-columns:1fr 1fr;gap:10px}.v30-stat-grid article{padding:16px}.v30-stat-grid article strong{font-size:22px}.v30-focus-card,.v30-two-column>.panel,.v30-transaction-control{padding:20px}.v30-inline-form{display:grid;grid-template-columns:1fr;width:100%}.v30-inline-form .btn{width:100%}.v30-order-head{display:none}.v30-order-items>div{grid-template-columns:1fr 92px;gap:8px}.v30-order-items>div label{grid-column:1/-1}.v30-order-items>div input[name="unit_cost[]"]{grid-column:2}.v30-purchase-detail>header{padding:20px;display:block}.v30-purchase-detail>header>strong{display:block;margin-top:14px;font-size:27px}.v30-receive-bar{align-items:stretch;flex-direction:column}.v30-receive-bar .btn{width:100%}.v30-return-items{grid-template-columns:1fr}.v30-return-history article{grid-template-columns:1fr auto}.v30-return-history article span{grid-column:1}.pos-submit-actions{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom));z-index:3;padding-top:8px;background:#fff}.purchase-modal .modal-card{width:100vw;max-height:92dvh;border-radius:24px 24px 0 0;position:absolute;bottom:0}.v30-count-list label{padding:14px}.v30-count-list input{width:90px}}
@media(max-width:380px){.v30-stat-grid,.v30-stat-grid.three{grid-template-columns:1fr}.v30-hero h2{font-size:27px}.v30-return-history article{display:block}.v30-return-history article b{display:block;margin-top:8px}}
.v30-action-center{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.8fr);align-items:center;gap:24px;padding:18px 20px;margin:0 0 20px;border:1px solid var(--border);border-radius:20px;background:#fff}.v30-action-center h2{margin:5px 0 0;font-size:20px}.v30-action-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v30-action-links>a{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:center;min-width:0;padding:11px;border:1px solid var(--border);border-radius:14px;color:var(--ink);background:#f8fafc}.v30-action-links>a>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--brand);background:#eaf2fb}.v30-action-links .icon{width:18px}.v30-action-links b,.v30-action-links small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v30-action-links b{font-size:12px}.v30-action-links small{font-size:9px;color:var(--muted)}.v30-action-links a.attention{border-color:#efd393;background:#fff9eb}.v30-action-links a.attention>span{color:#9b6500;background:#fff0c7}.v30-action-links a.ready>span{color:#08775f;background:#ddf8ee}
@media(max-width:1100px){.v30-action-center{grid-template-columns:1fr}.v30-action-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.v30-action-center{padding:16px;margin-bottom:14px}.v30-action-center>div:first-child h2{font-size:17px}.v30-action-links{grid-template-columns:1fr 1fr}.v30-action-links>a{padding:10px;grid-template-columns:32px minmax(0,1fr)}.v30-action-links>a>span{width:32px;height:32px}.v30-action-links small{display:none}}
@media(max-width:360px){.v30-action-links{grid-template-columns:1fr}.v30-action-links small{display:block}}
.v30-order-items.multi-unit-orders .v30-order-head,.v30-order-items.multi-unit-orders>div{grid-template-columns:minmax(220px,1fr) minmax(175px,.7fr) 110px 140px}
@media(max-width:640px){
  .v30-order-items.multi-unit-orders>div{grid-template-columns:1fr 1fr}
  .v30-order-items.multi-unit-orders>div label{grid-column:1/-1}
  .v30-order-items.multi-unit-orders>div select{grid-column:1/-1}
}