.demo-notice{display:flex;gap:12px;align-items:center;padding:13px 16px;margin-bottom:15px;border:1px solid #efd4a4;background:#fff8e9;border-radius:9px}.demo-notice strong{color:#8b5700}.demo-notice span{font-size:12px;color:#765f3b}.po-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.po-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.po-head{display:flex;justify-content:space-between;gap:10px;padding:17px;border-bottom:1px solid var(--line)}.po-head span{font-size:10px;color:var(--muted)}.po-head h3{font-size:14px;margin:5px 0}.po-head small{color:var(--muted)}.po-head>b{height:max-content;font-size:10px;padding:4px 7px;border-radius:10px;background:#e9f7ef;color:#167846}.po-card table th,.po-card table td{padding:11px 13px}.po-total{display:flex;justify-content:space-between;padding:13px 15px;background:#fafafa}.po-total span{font-size:11px;color:var(--muted)}.po-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.po-actions button{padding:9px 10px;font-size:11px}.po-actions button:disabled{cursor:default;opacity:.58}@media(max-width:1050px){.po-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.po-grid{grid-template-columns:1fr}.demo-notice{align-items:flex-start;display:grid}}