.purchases-view{padding:18px;max-width:1500px;margin:0 auto;width:100%}.purchase-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.purchase-primary{height:44px;border:0;border-radius:6px;background:var(--accent);color:#17130b;padding:0 18px;font-weight:800}.purchase-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.purchase-summary article{border:1px solid #363c3e;border-radius:7px;background:#181c1d;padding:14px}.purchase-summary small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em}.purchase-summary b{display:block;margin-top:7px;font-size:23px}.purchase-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:18px}.purchase-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.purchase-section-head h2{margin:0;font-size:17px}.invoice-list{display:grid;gap:8px}.invoice-card{display:grid;grid-template-columns:110px minmax(150px,1fr) 85px repeat(3,100px) 80px 34px;align-items:center;min-height:58px;border:1px solid #343a3c;border-radius:6px;background:#191d1e;color:#eef1f1;text-align:left;padding:0 10px}.invoice-card:hover{border-color:#565f61;background:#202526}.invoice-card strong{font-size:14px}.invoice-card small{display:block;margin-top:3px}.invoice-money{text-align:right;font-variant-numeric:tabular-nums}.invoice-money b{display:block}.invoice-edit{border:0;background:none;color:#b9c0c2;font-size:18px}.invoice-edit:hover{color:var(--accent)}.status-pill{justify-self:center;border-radius:10px;padding:4px 8px;font-size:10px;font-weight:850}.status-pill.paid{background:#183d2b;color:#7be2a9}.status-pill.partial{background:#463718;color:#f1c66a}.status-pill.unpaid{background:#462326;color:#ef9298}.supplier-table{border:1px solid #343a3c;border-radius:6px;overflow:hidden}.supplier-head-row,.supplier-row{display:grid;grid-template-columns:1fr 105px 105px;align-items:center;gap:6px}.supplier-head-row{height:34px;background:#24292a;color:#aeb5b7;font-size:10px;font-weight:800}.supplier-head-row>*,.supplier-row>*{padding:0 9px}.supplier-row{width:100%;min-height:46px;border:0;border-top:1px solid #303638;background:#191d1e;color:#eef1f1;text-align:left}.supplier-row:hover{background:#222728}.supplier-num{text-align:right;font-variant-numeric:tabular-nums}.purchase-empty{padding:35px 12px;color:var(--muted);text-align:center}
.paper-dialog{width:min(1050px,calc(100% - 20px));background:#f7f5ef;color:#202326;border-color:#b8b6af}.paper-dialog::backdrop{background:#000c}.paper-head{border-bottom-color:#cac8c1;background:#eeece5}.paper-head .x{color:#555}.paper-body{padding:18px}.paper-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:16px}.paper-field{display:grid;gap:5px;color:#555;font-size:11px;font-weight:700}.paper-field input,.paper-field select{height:38px;border:1px solid #b8b6af;border-radius:4px;background:#fff;color:#202326;padding:0 9px}.paper-table{border:1px solid #b8b6af;background:#fff}.paper-row{display:grid;grid-template-columns:minmax(230px,1fr) 90px 120px 120px 36px;align-items:center;border-top:1px solid #d4d2cb}.paper-row:first-child{border-top:0}.paper-row.head{min-height:34px;background:#e5e3dd;color:#424548;font-size:11px;font-weight:850}.paper-row>div{padding:7px 9px}.paper-row input{width:100%;height:32px;border:1px solid #c4c2bb;border-radius:3px;background:#fff;color:#202326;padding:0 7px}.paper-num{text-align:right;font-variant-numeric:tabular-nums}.paper-remove{border:0;background:none;color:#a34040;font-size:18px}.paper-add{display:flex;gap:8px;margin:12px 0}.paper-add select{flex:1;min-width:0;height:38px;border:1px solid #b8b6af;border-radius:4px;background:#fff;color:#202326;padding:0 8px}.paper-secondary{height:38px;border:1px solid #9e9c96;border-radius:4px;background:#eeece5;color:#303336;padding:0 12px;font-weight:700}.paper-totals{width:min(360px,100%);margin-left:auto;border-top:2px solid #77746d;padding-top:8px}.paper-total-line{display:grid;grid-template-columns:1fr 140px;align-items:center;min-height:40px;font-weight:700}.paper-total-line input{height:34px;border:1px solid #aaa8a1;background:#fff;color:#202326;text-align:right;padding:0 8px}.paper-total-line.grand{font-size:18px}.paper-foot{border-top-color:#cac8c1;background:#eeece5}.paper-dialog input[type=number],.purchase-modal input[type=number]{appearance:textfield;-moz-appearance:textfield}.paper-dialog input[type=number]::-webkit-inner-spin-button,.paper-dialog input[type=number]::-webkit-outer-spin-button,.purchase-modal input[type=number]::-webkit-inner-spin-button,.purchase-modal input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.invoice-view .paper-field input,.invoice-view .paper-field select,.invoice-view .paper-row input{border-color:transparent;background:transparent;pointer-events:none}.invoice-view .paper-add,.invoice-view .paper-remove,.invoice-view #paymentNow{display:none}.purchase-modal .form textarea{min-height:75px;resize:vertical;border:1px solid #343a3c;border-radius:5px;background:#101213;color:#fff;padding:9px}.supplier-profile{width:min(760px,calc(100% - 24px))}.profile-summary{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px}.profile-balance{text-align:right}.profile-balance b{display:block;font-size:25px}.profile-actions{display:flex;gap:8px;padding:0 18px 16px}.activity-head,.activity-row{display:grid;grid-template-columns:100px 1fr 110px 110px;padding:9px 14px}.activity-head{background:#24292a;color:var(--muted);font-size:10px;font-weight:800}.activity-row{border-top:1px solid #303638}.activity-amount,.activity-balance{text-align:right;font-variant-numeric:tabular-nums}.activity-amount.negative{color:#ef9298}.activity-amount.positive{color:#79d5ad}.cost-review{max-height:360px;overflow:auto;padding:10px 18px}.cost-review-row{display:grid;grid-template-columns:22px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.cost-review-row small{display:block}.cost-review-row b{text-align:right}.purchase-form-actions[hidden]{display:none}@media(max-width:1000px){.purchase-layout{grid-template-columns:1fr}.invoice-card{grid-template-columns:95px 1fr 70px 85px 85px 85px 70px 30px}}@media(max-width:700px){.purchase-summary{grid-template-columns:1fr}.invoice-card{grid-template-columns:90px 1fr 70px 30px}.invoice-card .invoice-money{display:none}.paper-meta{grid-template-columns:1fr}.paper-row{grid-template-columns:minmax(150px,1fr) 65px 85px 85px 30px}.paper-body{padding:10px}.profile-actions{flex-wrap:wrap}}
/* View mode keeps the frozen payment amount readable on the paper invoice. */
.invoice-view #paymentNow{display:block;border-color:transparent;background:transparent;pointer-events:none}
.purchase-search-box{position:relative;flex:1;min-width:240px}.purchase-search-box>input{width:100%;height:40px;border:1px solid #9f9d96;border-radius:4px;background:#fff;color:#202326;padding:0 11px;font-size:14px;outline:none}.purchase-search-box>input:focus{border-color:#8b651f;box-shadow:0 0 0 2px #dca73e24}.purchase-search-results{position:absolute;z-index:20;top:43px;left:0;width:100%;max-height:300px;overflow:auto;border:1px solid #aaa8a1;border-radius:4px;background:#fff;box-shadow:0 12px 28px #0004}.purchase-search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;border:0;border-top:1px solid #dedcd5;background:#fff;color:#202326;padding:7px 10px;text-align:left}.purchase-search-result:first-child{border-top:0}.purchase-search-result:hover,.purchase-search-result:focus{background:#eeeae0;outline:0}.purchase-search-result span{font-weight:700}.purchase-search-result small{flex:none;color:#77746d;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.purchase-search-empty{padding:18px;color:#77746d;text-align:center}.invoice-new-product{flex:none;height:34px;align-self:center;font-size:11px;color:#555;background:#f4f2ec}.invoice-view .purchase-search-results{display:none}.paper-add{align-items:flex-start}@media(max-width:620px){.paper-add{flex-wrap:wrap}.purchase-search-box{flex-basis:100%}.invoice-new-product{margin-right:auto}}
.purchase-top>div:first-child{margin-right:auto}.purchase-payment-top{height:36px;border:1px solid #4b5355;border-radius:5px;background:#202526;color:#d9dede;padding:0 13px;font-size:12px;font-weight:750}.purchase-payment-top:hover{border-color:var(--accent);color:var(--accent)}.invoice-filters{display:grid;grid-template-columns:minmax(140px,1fr) 138px 138px 120px auto;gap:6px;margin:0 0 10px;padding:8px;border:1px solid #343a3c;border-radius:6px;background:#171b1c}.invoice-filters select,.invoice-filters input{height:34px;min-width:0;border:1px solid #3c4345;border-radius:4px;background:#101314;color:#e9ecec;padding:0 8px}.invoice-filters button{border:0;background:transparent;color:#aeb5b7;font-size:11px}.invoice-filters button:hover{color:var(--accent)}.supplier-table{border-color:#454c4e;box-shadow:0 0 0 1px #ffffff08}.supplier-head-row{height:38px;background:#292e30}.supplier-row{min-height:53px;border-top-color:#41484a}.supplier-row strong{font-size:15px;font-weight:750}.supplier-row .supplier-num{font-size:14px}.supplier-row b.supplier-num{font-weight:800}.purchase-modal select{height:38px;border:1px solid #343a3c;border-radius:5px;background:#101213;color:#fff;padding:0 9px}.payment-history-head{display:flex;align-items:center;padding:14px 14px 7px;border-top:1px solid #3a4143}.payment-history-head h3{margin:0;font-size:14px}.payment-history-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:7px 14px;border-top:1px solid #303638}.payment-history-row b{display:block}.payment-history-row small{display:block;margin-top:2px}.payment-history-row button{border:0;background:transparent;color:#c47979;font-size:11px}.payment-history-row button:hover{color:#f29a9a}.purchase-empty.compact{padding:18px}.supplier-profile{max-height:90vh;overflow:auto}@media(max-width:760px){.purchase-top{flex-wrap:wrap}.purchase-top>div:first-child{flex-basis:100%}.invoice-filters{grid-template-columns:1fr 1fr}.invoice-filters button{height:34px}.payment-history-row{grid-template-columns:90px 1fr auto}}
.invoice-filters{grid-template-columns:minmax(145px,1fr) 112px 145px 145px auto;align-items:end}.invoice-filters label{display:grid;gap:3px;color:#929a9c;font-size:10px;font-weight:750}.invoice-filters label input{width:100%;color-scheme:dark}.invoice-filters #invoiceResultCount{grid-column:1/-1;justify-self:end;color:#929a9c;font-size:10px}.invoice-filters button{height:34px;white-space:nowrap}#confirmMessage{white-space:pre-line}@media(max-width:760px){.invoice-filters{grid-template-columns:1fr 1fr}.invoice-filters #invoiceResultCount{grid-column:1/-1}}
.profile-summary{grid-template-columns:minmax(140px,1fr) auto auto;align-items:end}.profile-yearly{text-align:right;padding-left:24px;border-left:1px solid #3a4143}.profile-yearly b{display:block;font-size:25px}.profile-yearly small span{color:#6f787a}.payment-history-row .payment-trash{width:30px;height:30px;border:1px solid #633638;border-radius:4px;background:#351d20;color:#ef777d;font-size:15px;line-height:1}.payment-history-row .payment-trash:hover{border-color:#a54c51;background:#482326;color:#ff9a9f}@media(max-width:620px){.profile-summary{grid-template-columns:1fr 1fr}.profile-summary>div:first-child{grid-column:1/-1}.profile-yearly{padding-left:12px}}
.purchase-layout{grid-template-columns:minmax(0,1.45fr) minmax(390px,.8fr)}.supplier-head-row,.supplier-row{grid-template-columns:minmax(110px,1fr) 90px 105px 125px}.invoice-card{grid-template-columns:110px minmax(150px,1fr) 85px repeat(3,100px) 80px 32px 32px}.invoice-trash,.activity-row .payment-trash{width:28px;height:28px;border:1px solid #633638;border-radius:4px;background:#351d20;color:#ef777d;padding:0;font-size:14px;line-height:1}.invoice-trash:hover,.activity-row .payment-trash:hover{border-color:#a54c51;background:#482326;color:#ff9a9f}.profile-history-filters{display:grid;grid-template-columns:120px 145px 145px auto;align-items:end;gap:6px;padding:10px 14px;border-top:1px solid #3a4143;background:#141718}.profile-history-filters label{display:grid;gap:3px;color:#929a9c;font-size:10px;font-weight:750}.profile-history-filters select,.profile-history-filters input{height:32px;border:1px solid #3c4345;border-radius:4px;background:#101314;color:#e9ecec;padding:0 7px;color-scheme:dark}.profile-history-filters button{height:32px;border:0;background:transparent;color:#aeb5b7;font-size:11px}.activity-head,.activity-row{grid-template-columns:105px 90px minmax(160px,1fr) 110px 32px;align-items:center}.activity-row.invoice{box-shadow:inset 3px 0 #6c8eb5}.activity-row.payment{box-shadow:inset 3px 0 #b77a55}.activity-row strong{font-size:12px}.activity-row.payment strong{color:#efb38f}.activity-row.invoice strong{color:#9bc5ed}@media(max-width:1000px){.purchase-layout{grid-template-columns:1fr}.invoice-card{grid-template-columns:95px 1fr 70px 85px 85px 85px 70px 30px 30px}}@media(max-width:700px){.supplier-head-row,.supplier-row{grid-template-columns:minmax(100px,1fr) 75px 85px 100px}.supplier-row strong,.supplier-row .supplier-num{font-size:12px}.profile-history-filters{grid-template-columns:1fr 1fr}.activity-head,.activity-row{grid-template-columns:82px 70px 1fr 82px 28px}.invoice-card{grid-template-columns:90px 1fr 70px 28px 28px}}
.invoice-card .invoice-total small{font-weight:800;color:#c9ced0}.invoice-card .invoice-total b{font-size:19px;font-weight:900;color:#fff;line-height:1.1}.invoice-card .invoice-paid b,.invoice-card .invoice-remaining b{font-size:12px;font-weight:650;color:#bdc3c5}.invoice-card .invoice-remaining.has-balance b{color:#e1aa58;font-weight:800}.global-transactions{margin-top:18px}.global-transactions-title{margin-bottom:8px;font-size:13px;font-weight:850;letter-spacing:.04em}.transaction-filters{display:grid;grid-template-columns:100px 1fr 1fr auto;align-items:end;gap:6px;margin-bottom:7px;padding:7px;border:1px solid #343a3c;border-radius:6px;background:#171b1c}.transaction-filters label{display:grid;gap:2px;color:#929a9c;font-size:9px;font-weight:750}.transaction-filters select,.transaction-filters input{height:31px;min-width:0;border:1px solid #3c4345;border-radius:4px;background:#101314;color:#e9ecec;padding:0 7px;color-scheme:dark}.transaction-filters button{height:31px;border:0;background:transparent;color:#aeb5b7;font-size:10px}.transaction-filters button:hover{color:var(--accent)}.transaction-table{overflow:hidden;border:1px solid #343a3c;border-radius:6px}.transaction-row{display:grid;grid-template-columns:95px minmax(100px,1fr) 70px 90px;align-items:center;gap:6px;min-height:40px;padding:0 9px;border-top:1px solid #303638;background:#191d1e;font-size:12px}.transaction-head{min-height:32px;border-top:0;background:#292e30;color:#aeb5b7;font-size:9px;font-weight:800}.transaction-amount{text-align:right;font-variant-numeric:tabular-nums}.transaction-type{font-size:11px;font-weight:750}.transaction-type.invoice{color:#9bc5ed}.transaction-type.payment{color:#efb38f}@media(max-width:700px){.transaction-filters{grid-template-columns:1fr 1fr}.transaction-row{grid-template-columns:82px minmax(90px,1fr) 65px 80px;font-size:11px}}
