.pf-bag-tools{border-top:1px solid #8ca0a333;padding-top:10px;margin-top:10px}
.pf-bag-tools[hidden]{display:none!important}
.pf-bag-tools h4{margin:0 0 8px;font-size:12px}
.pf-bag-tools>label{display:block;margin:8px 0}
.pf-bag-tools .hint{font-size:11px;line-height:1.5}
.pf-bag-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin:10px 0}
.pf-bag-actions button{min-height:34px;font-size:11px}
#pfBagPlanDialog{width:min(1200px,94vw);max-width:94vw;height:min(820px,92dvh);max-height:92dvh;padding:0;border:1px solid #57676a;border-radius:10px;background:#eef1f0;color:#243b43}
#pfBagPlanDialog::backdrop{background:#08191bc9}
#pfBagPlanDialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#223039;color:#eef7f5;gap:15px}
#pfBagPlanDialog header p{font-size:11px;margin:5px 0 0}
#pfBagPlanDialog button{cursor:pointer;padding:8px 12px;border:1px solid #8ea3a6;border-radius:5px;background:#e1eeee;color:#123c42}
.pf-bag-plan-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 18px}
#pfBagPlanCanvas{height:calc(100% - 178px);min-height:210px;overflow:auto;background:white;margin:0 14px;border:1px solid #d3dddd;display:flex;align-items:center;justify-content:center}
#pfBagPlanCanvas svg{width:100%;height:100%;min-width:550px;padding:10px;box-sizing:border-box}
#pfBagPlanDialog footer{font-size:11px;padding:12px 18px;line-height:1.5}
@media(max-width:600px){#pfBagPlanDialog{width:96vw;max-width:96vw}#pfBagPlanCanvas{justify-content:flex-start}#pfBagPlanCanvas svg{width:750px;flex-shrink:0}}

#pfBagPlanDialog[open]{display:flex;flex-direction:column}
#pfBagPlanDialog header,#pfBagPlanDialog footer,.pf-bag-plan-tools{flex-shrink:0}
#pfBagPlanCanvas{flex:1;min-height:120px;height:auto}