#view-purchases{--pc-border:#dce5f1;--pc-text:#233855}
#view-purchases .purchase-status:not(:empty){border-radius:9px;background:#edf5ff;color:#2357a2;padding:10px 14px;margin:12px 0}
#view-purchases .purchase-status.error{background:#fff0ee;color:#ae3b31}
#view-purchases .purchase-filter-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0 8px;min-height:28px;color:#526781;font-size:13px}
#view-purchases .purchase-filter-label{font-weight:700;color:#415773}
#view-purchases .purchase-filter-chip{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #dce5f1;border-radius:99px;background:#fff;color:#34506e}
#view-purchases .purchase-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:15px 0}
#view-purchases .purchase-stats>div{background:#fff;border:1px solid var(--pc-border);border-radius:12px;padding:14px 16px;min-width:0}
#view-purchases .purchase-stats span{display:block;color:#67768b;font-size:13px;margin-bottom:6px}
#view-purchases .purchase-stats strong{font-size:20px;white-space:nowrap;color:#183b75}
#view-purchases .purchase-tabs{display:flex;gap:4px;overflow-x:auto;margin:18px 0 12px;padding-bottom:4px}
#view-purchases .purchase-tabs button{white-space:nowrap;background:transparent;border:0;border-radius:8px;color:#667994;padding:10px 13px;font-weight:700}
#view-purchases .purchase-tabs button.active{color:#1850b8;background:#dce9ff}
#view-purchases .purchase-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:end;margin:12px 0}
#view-purchases .purchase-controls label{display:grid;gap:3px;color:#5e728d;font-size:13px}
#view-purchases .purchase-controls select,#view-purchases .purchase-controls input{height:42px;min-width:135px;border:1px solid var(--pc-border);border-radius:8px;padding:8px 11px;background:white;color:var(--pc-text);font-size:14px}
#view-purchases .purchase-controls input{min-width:195px}
#view-purchases #purchaseClearFilters{height:42px;align-self:end}
#view-purchases #purchaseClearFilters:disabled{opacity:.52;cursor:default}
#view-purchases .purchase-results{margin:4px 0 10px;color:#62748b;font-size:13px}
#view-purchases .purchase-scroll{background:#fff;border:1px solid var(--pc-border);border-radius:12px;overflow:auto;max-height:65vh}
#view-purchases table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
#view-purchases th,#view-purchases td{padding:12px 13px;white-space:nowrap;border-bottom:1px solid #eaf0f7}
#view-purchases th{text-align:left;position:sticky;top:0;background:#f6f9fd;color:#64758e;font-size:13px;z-index:2}
#view-purchases th.num,#view-purchases td.num{text-align:right;font-variant-numeric:tabular-nums}
#view-purchases tr:hover td{background:#f7faff}
#view-purchases tr.purchase-bill-row{cursor:pointer}
#view-purchases tr.purchase-bill-row:focus-visible td{background:#eef4ff;outline:2px solid #245ac4;outline-offset:-2px}
#view-purchases .purchase-pill{border-radius:99px;padding:5px 9px;display:inline-block;font-size:12px;font-weight:700;background:#e8f5ec;color:#257c4f}
#view-purchases .purchase-pill.warn{background:#fff1dc;color:#995e18}
#view-purchases .purchase-pill.bad{background:#feebe8;color:#a54037}
#view-purchases .purchase-pill.info{background:#e9f0ff;color:#3362ae}
#view-purchases .purchase-link{border:0;background:transparent;color:#245ac4;text-decoration:underline;cursor:pointer}
#view-purchases .purchase-empty{text-align:center;padding:28px;color:#8491a3}
#view-purchases .purchase-note{padding:11px 15px;border:1px solid #d6e4fc;background:#edf4ff;color:#395e94;border-radius:9px;margin:12px 0;line-height:1.6;font-size:14px}
#view-purchases .purchase-credit{color:#177654}
#view-purchases .purchase-detail-dialog{position:fixed;inset:0 0 0 auto;width:min(660px,94vw);max-width:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;border:0;padding:0;background:transparent;overflow:hidden;overscroll-behavior:contain}
#view-purchases .purchase-detail-dialog::backdrop{background:#10254780}
#view-purchases .purchase-detail-drawer{height:100%;overflow:auto;padding:22px;background:#f4f7fb}
#view-purchases .purchase-detail{background:#fff;margin:0;border:1px solid var(--pc-border);border-radius:12px;padding:20px}
#view-purchases .purchase-detail-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
#view-purchases .purchase-detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#view-purchases .purchase-detail-head h3{margin:0 0 3px;font-size:18px}
#view-purchases .purchase-detail-head span{color:#77869a;font-size:13px}
#view-purchases .purchase-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
#view-purchases .purchase-detail-grid div{border-top:1px solid #e9edf4;padding-top:9px;color:#76879a;font-size:13px}
#view-purchases .purchase-detail-grid strong{display:block;color:#243955;font-size:16px;margin-top:3px}
#view-purchases .purchase-dialog{width:min(740px,95vw);max-height:90vh;border:0;border-radius:14px;padding:0;box-shadow:0 20px 70px #172c5266;color:#233855}
#view-purchases .purchase-dialog::backdrop{background:#10254780}
#view-purchases .purchase-dialog form{padding:22px}
#view-purchases .purchase-dialog-head,.purchase-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
#view-purchases .purchase-dialog-head h3{margin:0 0 14px}
#view-purchases .purchase-dialog-head button{border:0;background:transparent;font-size:20px;cursor:pointer}
#view-purchases .purchase-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:55vh;overflow-y:auto}
#view-purchases .purchase-form-grid label{display:grid;gap:5px;color:#536982;font-size:14px}
#view-purchases .purchase-form-grid input,#view-purchases .purchase-form-grid select{width:100%;height:42px;border:1px solid var(--pc-border);border-radius:8px;padding:9px;font-size:15px;color:#223853;background:#fff}
#view-purchases .purchase-form-actions{margin-top:16px;justify-content:flex-end}
#view-purchases .purchase-form-actions span{margin-right:auto;color:#476995}
#view-purchases .purchase-form-actions span.error{color:#b63c34}
#view-purchases .purchase-duplicate-warning{display:grid;gap:7px;padding:12px 14px;margin-top:12px;border:1px solid #f0c7a6;border-radius:9px;background:#fff7ed;color:#85451e;font-size:14px}
#view-purchases .purchase-duplicate-warning[hidden]{display:none}
#view-purchases .purchase-duplicate-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:7px;border-top:1px solid #f3ddc9}
#view-purchases .purchase-duplicate-row .purchase-link{flex:none}
@media(max-width:1150px){#view-purchases .purchase-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:660px){#view-purchases .purchase-stats{grid-template-columns:repeat(2,1fr)}#view-purchases .purchase-stats strong{font-size:17px}#view-purchases .purchase-controls label{flex:1 1 44%}#view-purchases .purchase-controls input{width:100%}#view-purchases #purchaseClearFilters{flex:1 1 44%}#view-purchases .purchase-detail-dialog{width:100vw}#view-purchases .purchase-detail-drawer{padding:12px}#view-purchases .purchase-detail-head{align-items:flex-start;flex-direction:column}#view-purchases .purchase-detail-actions{width:100%}#view-purchases .purchase-detail-grid{grid-template-columns:repeat(2,1fr)}#view-purchases .purchase-form-grid{grid-template-columns:1fr}#view-purchases .page-head{gap:10px}}
#view-purchases .purchase-bill-field{position:relative;display:grid;align-content:start;gap:5px;min-width:0;color:#536982;font-size:14px}
#view-purchases .purchase-bill-field>label{font-size:14px}
#view-purchases .purchase-bill-combobox{position:relative;min-width:0}
#view-purchases .purchase-bill-input-wrap{position:relative}
#view-purchases .purchase-bill-input-wrap input{padding-right:44px}
#view-purchases .purchase-bill-toggle{position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;border-radius:7px;background:#f3f7fd;color:#42628a;font-size:20px;line-height:1;cursor:pointer}
#view-purchases .purchase-bill-toggle:hover,#view-purchases .purchase-bill-toggle:focus-visible{background:#e4efff;outline:2px solid #8eb7fa;outline-offset:1px}
#view-purchases .purchase-bill-suggestions{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;max-height:min(240px,30vh);overflow:auto;padding:5px;border:1px solid #d2def0;border-radius:10px;background:#fff;box-shadow:0 12px 30px #1c315326}
#view-purchases .purchase-bill-suggestions[hidden]{display:none}
#view-purchases .purchase-bill-suggestion{display:grid;gap:3px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:#fff;color:#263e5c;text-align:left;cursor:pointer}
#view-purchases .purchase-bill-suggestion:hover,#view-purchases .purchase-bill-suggestion:focus-visible{background:#eef5ff;outline:2px solid #8eb7fa;outline-offset:-2px}
#view-purchases .purchase-bill-suggestion strong{font-size:15px}
#view-purchases .purchase-bill-suggestion span,#view-purchases .purchase-bill-suggestion small{color:#657891;font-size:13px}
#view-purchases .purchase-bill-empty,#view-purchases .purchase-bill-more{padding:10px;color:#657891;font-size:13px}
#view-purchases .purchase-bill-more{border-top:1px solid #edf1f7;text-align:center}
#view-purchases .purchase-round-info{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px;font-size:13px}
#view-purchases .purchase-round-linked{color:#216b45;font-weight:700}
#view-purchases .purchase-round-muted{color:#8190a4}
#view-purchases .purchase-round-message{color:#ad541e}
#view-purchases .purchase-round-unlink{padding:2px 0;border:0;background:transparent;color:#476995;font:inherit;text-decoration:underline;cursor:pointer;white-space:nowrap}
#view-purchases .purchase-bill-field>small{color:#718198;font-size:12px}

#view-purchases .purchase-bill-image{border:1px solid #dce5f1;border-radius:12px;padding:16px;margin:14px 0;display:grid;gap:10px}#view-purchases .purchase-bill-image img{display:block;max-width:100%;max-height:460px;object-fit:contain;margin:auto}#view-purchases .purchase-image-drop{border:2px dashed #c2d4ed;border-radius:10px;padding:14px;display:grid;gap:8px;cursor:pointer}#view-purchases .purchase-bill-image small{color:#62748b}#view-purchases #purchaseYuanCheck{font-size:14px}

#view-purchases .purchase-stats{grid-template-columns:repeat(6,minmax(0,1fr))}
#view-purchases .purchase-stats>.purchase-stat-action{position:relative;background:#fff;border:1px solid var(--pc-border);border-radius:12px;padding:14px 16px;text-align:left;min-width:0;font:inherit;cursor:pointer;color:#233855}
#view-purchases .purchase-stat-action:hover{border-color:#9bb9e8;background:#f6f9ff}#view-purchases .purchase-stat-action:focus-visible{outline:3px solid #8eb7fa;outline-offset:2px}#view-purchases .purchase-stat-action[aria-pressed="true"]{background:#edf4ff;border-color:#608ed5}#view-purchases .purchase-stat-action small{display:block;font-size:12px;color:#536f99;margin-top:6px}
#view-purchases .purchase-has-image{display:inline-flex;margin-left:8px;vertical-align:middle;color:#54749b}
#view-purchases .purchase-detail-section{margin-top:22px}#view-purchases .purchase-detail-section h4{margin:0;font-size:15px;color:#273f60}#view-purchases .purchase-detail-section .purchase-detail-grid{margin-top:8px}#view-purchases .purchase-check-summary{margin-top:12px}#view-purchases .purchase-check-summary .purchase-pill{white-space:normal;line-height:1.6}#view-purchases .purchase-detail-source,#view-purchases .purchase-image-empty{display:block;color:#67768b;font-size:14px;margin-top:8px}#view-purchases .purchase-actual-help{grid-column:1/-1;color:#657891;font-size:14px}#view-purchases input[readonly]{background:#f3f6fa;color:#425a79}
@media(max-width:1150px){#view-purchases .purchase-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:660px){#view-purchases .purchase-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#view-purchases .purchase-money-grid{grid-template-columns:1fr}#view-purchases .purchase-controls select{width:100%;min-width:0}}

#view-purchases .purchase-dialog{max-height:92vh;max-height:92dvh;overflow:hidden}
#view-purchases .purchase-dialog form{display:flex;flex-direction:column;padding:0;max-height:92vh;max-height:92dvh;overflow:hidden}
#view-purchases .purchase-dialog-head{flex:none;padding:18px 22px 14px;border-bottom:1px solid #e4ebf4;background:#fff}#view-purchases .purchase-dialog-head h3{margin:0}
#view-purchases #purchaseFormFields{padding:18px 22px;overflow-y:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain;scroll-padding:14px}
#view-purchases .purchase-form-actions{flex:none;position:relative;margin:0;padding:14px 22px;border-top:1px solid #e4ebf4;background:#fff;box-shadow:0 -5px 16px #23385508;gap:10px}
#view-purchases .purchase-form-actions span{font-size:14px;min-width:0;overflow-wrap:anywhere}
#view-purchases .purchase-form-grid{max-height:none;overflow:visible;align-items:start}
#view-purchases .purchase-form-grid label{align-content:start}#view-purchases .purchase-form-grid input[hidden],#view-purchases .purchase-auto-yuan[hidden],#view-purchases .purchase-bill-image [hidden]{display:none!important}
#view-purchases .purchase-form-section{margin:0 0 18px}#view-purchases .purchase-form-section h4{font-size:15px;color:#273f60;margin:0 0 12px}#view-purchases .purchase-form-check{margin-top:10px}#view-purchases .purchase-form-check .purchase-pill{white-space:normal;line-height:1.5}
#view-purchases .purchase-auto-yuan{min-height:42px;border:1px solid #dce5f1;border-radius:8px;background:#f3f7fc;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}#view-purchases .purchase-auto-yuan strong{font-size:18px;color:#183b75}#view-purchases .purchase-auto-yuan small{font-size:13px;color:#617691}
#view-purchases .purchase-field-helper{font-size:13px;color:#67768b;align-self:end;padding-bottom:12px}#view-purchases .purchase-note-field{display:grid;gap:6px;font-size:14px;color:#536982}#view-purchases .purchase-note-field textarea{width:100%;border:1px solid #dce5f1;border-radius:8px;padding:10px;font:inherit;resize:vertical;min-height:65px;color:#223853}
#view-purchases .purchase-image-drop{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px}#view-purchases .purchase-image-drop span{font-size:14px;color:#67768b}#view-purchases .purchase-image-drop:focus-visible{outline:3px solid #8eb7fa;outline-offset:2px}#view-purchases .purchase-image-tools{display:flex;gap:12px;justify-content:space-between;align-items:center}#view-purchases .purchase-image-tools span{font-size:14px;color:#617691}#view-purchases .purchase-image-tools button{flex:none}
#view-purchases .purchase-detail-section{margin-top:16px}#view-purchases .purchase-detail-head{align-items:flex-start}#view-purchases .purchase-detail-head span{font-size:14px}#view-purchases .purchase-detail-grid div{font-size:14px}#view-purchases .purchase-check-summary{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:9px}#view-purchases .purchase-detail-source{font-size:13px;margin-top:6px}
#view-purchases .purchase-compact-missing{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:16px;padding:10px 0;border-top:1px solid #e9edf4;font-size:14px;color:#67768b}#view-purchases .purchase-detail-body{min-width:0}#view-purchases .purchase-detail-data{min-width:0}#view-purchases .purchase-detail-image{align-content:start}#view-purchases .purchase-detail-image .btn{justify-self:start}
@media(min-width:1100px){#view-purchases .purchase-detail-dialog:has(.purchase-detail.has-image){width:min(1080px,94vw)}#view-purchases .has-image .purchase-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}#view-purchases .has-image .purchase-detail-image{margin-top:16px}#view-purchases .has-image .purchase-detail-image img{max-height:70vh;max-height:70dvh}}
@media(max-width:660px){#view-purchases #purchaseFormFields{padding:14px}#view-purchases .purchase-dialog-head,#view-purchases .purchase-form-actions{padding:14px}#view-purchases .purchase-field-helper{display:none}#view-purchases .purchase-form-actions{flex-wrap:wrap}#view-purchases .purchase-form-actions span{flex-basis:100%;margin:0}#view-purchases .purchase-form-actions span:empty{display:none}#view-purchases .purchase-auto-yuan{flex-wrap:wrap}}
