.po-list{color:#1c2420}.po-list .po-card{border:1px solid #e3e9e6;border-radius:12px;padding:0;overflow:visible}.po-list .po-button,.po-list select,.po-list .po-search input{color:#1c2420;background:#fff;border:1px solid #d4ddd7;border-radius:6px;min-height:44px;padding:0 12px;font-size:14px}.po-list .po-button{cursor:pointer;justify-content:center;align-items:center;gap:8px;display:inline-flex}.po-list .po-primary{color:#fff;background:#008060;border-color:#008060;font-weight:600}.po-list button:disabled{cursor:default;opacity:.5}.po-list :is(button,input,select,summary,a):focus-visible,.po-list .po-table-scroll:focus-visible{outline-offset:2px;outline:2px solid #008060}.po-list .po-tabs{border-bottom:1px solid #e3e9e6;flex-wrap:wrap;gap:4px;padding:0 20px;display:flex}.po-list .po-tabs button{color:#68736d;border-bottom:2px solid #0000;align-items:center;gap:8px;min-height:52px;padding:0 12px;font-size:14px;display:inline-flex}.po-list .po-tabs button[aria-pressed=true]{color:#008060;border-bottom-color:#008060;font-weight:600}.po-list .po-count{color:#68736d;font-size:12px;font-weight:400}.po-list .po-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.po-list .po-search{flex:280px;min-width:0;position:relative}.po-list .po-search input{width:100%;padding-left:36px;padding-right:44px}.po-list .po-search button{width:44px;height:44px;position:absolute;top:0;right:0}.po-list select{text-overflow:ellipsis;min-width:0;max-width:100%}.po-list .po-toolbar>select{flex:0 190px}.po-list .po-toolbar-end{flex-wrap:wrap;gap:8px;max-width:100%;margin-left:auto;display:flex}.po-list .po-columns{position:relative}.po-list .po-columns summary{list-style:none}.po-list .po-columns summary::-webkit-details-marker{display:none}.po-list .po-column-options{z-index:20;background:#fff;border:1px solid #e3e9e6;border-radius:8px;width:230px;max-width:calc(100vw - 40px);max-height:60vh;padding:8px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 24px #1c242018}.po-list .po-column-options label{align-items:center;gap:10px;min-height:44px;padding:0 8px;font-size:14px;display:flex}.po-list .po-column-options input{accent-color:#008060}.po-list .po-table-scroll{width:100%;min-height:328px;overflow-x:auto}.po-list .po-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px}.po-list .po-table th{color:#68736d;text-align:left;background:#f7f9f8;height:44px;font-size:12px;font-weight:500}.po-list .po-table :is(th,td){overflow-wrap:anywhere;border-bottom:1px solid #e3e9e6;padding:12px 16px}.po-list .po-table td{height:56px}.po-list .po-table tbody tr:has(a):hover{cursor:pointer;background:#f8faf9}.po-list .po-table col{width:140px}.po-list .po-table .po-col-number{width:160px}.po-list .po-table .po-col-supplier{width:180px}.po-list .po-table .po-col-received{width:150px}.po-list .po-number{color:#008060;font-weight:600;text-decoration:none}.po-list .po-number:hover{text-decoration:underline}.po-list .po-muted{color:#68736d}.po-list .po-badge{background:#eef2f0;border-radius:4px;padding:3px 8px;font-size:12px;display:inline-block}.po-list .po-status-ordered{color:#24589a;background:#eaf2ff}.po-list .po-status-partial{color:#805c13;background:#fff3d6}.po-list .po-status-received{color:#176442;background:#e4f3eb}.po-list .po-tags{flex-wrap:wrap;gap:4px;display:flex}.po-list .po-received{gap:6px;display:grid}.po-list .po-progress{background:#e7ede9;border-radius:3px;width:72px;height:3px;overflow:hidden}.po-list .po-progress span{background:#008060;height:100%;display:block}.po-list .po-empty{text-align:center;color:#68736d;height:280px!important}.po-list .po-empty p{margin-bottom:12px}.po-list .po-pagination{min-height:72px}.po-list .po-pagination>nav{flex-wrap:wrap}.po-list .po-pagination button{border-radius:6px;min-width:44px;min-height:44px}.po-list .po-error{color:#a12b2b;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}@media (width<=600px){.po-list .po-toolbar{padding:12px}.po-list .po-tabs{padding:0 8px}.po-list .po-toolbar>select{flex:100%}.po-list .po-toolbar-end{width:100%;margin-left:0}.po-list .po-toolbar-end>select{flex:1}}.po-list .po-search-icon{color:#68736d;pointer-events:none;position:absolute;top:13px;left:12px}