/* SPPG V10.3.28 — Executive Navy & Gold */
#po28Panel{border:1px solid #dbe5f0;border-top:3px solid #b99251;border-radius:19px;padding:24px;margin:16px 0;background:linear-gradient(180deg,#fff,#fafcfe);color:#173757}
#po28Panel h3{margin:0 0 6px;font-size:20px;color:#183453}
.po28-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:19px 0}
.po28-cards>div{background:#f2f6fa;border:1px solid #dbe5ef;border-radius:16px;padding:17px;min-width:0}
.po28-cards>div:first-child{background:#1c3d5d;color:#fff}
.po28-cards small{display:block;font-size:12px;font-weight:700;opacity:.78;margin-bottom:10px}
.po28-cards strong{display:block;font-size:22px;overflow-wrap:anywhere}
.po28-controls{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin-bottom:14px}
.po28-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}
.po28-controls :is(input,select){min-width:0;width:100%;box-sizing:border-box;min-height:45px;border:1px solid #cfdeed;border-radius:11px;padding:9px 12px;background:#fff;color:#193b5d;font:inherit;font-size:14px}
.po28-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.po28-tools button{background:#fff;border:1px solid #d6ad6b;border-radius:11px;color:#81581f;font-size:13px;font-weight:700;padding:10px 13px;cursor:pointer}
.po28-tools button:nth-child(2){background:#193b5d;border-color:#193b5d;color:#fff}
#po28Count{margin-left:auto}.po28-clickable{cursor:pointer}.po28-clickable:hover{background:#edf4fb!important}.po28-table tbody tr[hidden]{display:none!important}
#po28Modal[hidden]{display:none!important}.po28-overlay{position:fixed;inset:0;z-index:100000;background:rgba(10,26,45,.64);display:flex;justify-content:center;align-items:center;padding:18px}.po28-dialog{background:#fff;border-radius:19px;overflow:hidden;width:min(680px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 70px #10283f40}.po28-dialog-head{background:#1c3d5d;color:#fff;padding:20px 24px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:3px solid #bc9457}.po28-dialog-head small{color:#eacb98;font-weight:700}.po28-dialog-head h3{color:#fff;margin:6px 0 0}.po28-dialog-head button{border:1px solid #dfc79b;background:transparent;color:white;border-radius:10px;padding:9px 12px;cursor:pointer}.po28-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px}.po28-details>div{background:#f3f7fa;border:1px solid #dbe5f0;padding:13px;border-radius:12px;min-width:0}.po28-details span{display:block;color:#526f87;font-size:12px;margin-bottom:7px}.po28-details strong{overflow-wrap:anywhere;color:#183453}.po28-dialog>p{margin:0;padding:0 20px 20px}
@media(max-width:800px){.po28-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.po28-controls{grid-template-columns:1fr}.po28-details{grid-template-columns:1fr}#po28Panel{padding:15px}#po28Count{margin-left:0}}