:root{--sales-pink:#df4f86;--sales-ink:#492c39;--sales-muted:#8d6f7b;--sales-line:#f0cfdd;--sales-soft:#fff0f6}
body.sales-page{min-height:100vh;margin:0;color:var(--sales-ink);background:linear-gradient(180deg,#fffafd,#fff)}
.sales-shell{width:min(1380px,calc(100% - 32px));margin:auto;padding:32px 0 60px}
.sales-header,.sales-section-heading,.sales-actions,.sales-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sales-header h1{margin:4px 0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.6rem)}.sales-header p,.sales-section-heading p{margin:4px 0;color:var(--sales-muted)}
.sales-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0}
.sales-stat,.sales-card{border:1px solid var(--sales-line);border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(104,56,76,.07)}
.sales-stat{padding:20px}.sales-stat span{display:block;color:var(--sales-muted);font-size:.84rem}.sales-stat strong{display:block;margin-top:8px;font-size:1.55rem}.sales-stat.net strong{color:var(--sales-pink)}
.sales-card{padding:22px}.sales-filters{display:grid;grid-template-columns:minmax(240px,1fr) repeat(4,minmax(130px,.35fr));gap:10px;margin:20px 0}
.sales-filters input,.sales-filters select,.sales-form input,.sales-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--sales-line);border-radius:13px;background:#fff;box-sizing:border-box}
.sales-table-wrap{overflow:auto}.sales-table{width:100%;border-collapse:collapse}.sales-table th,.sales-table td{padding:14px 12px;border-bottom:1px solid #f6dce6;text-align:left;white-space:nowrap}.sales-table th{color:var(--sales-muted);font-size:.78rem;text-transform:uppercase}.sales-table .net-positive{color:#16835d;font-weight:800}.sales-table .voided{opacity:.55;text-decoration:line-through}
.expense-calculator-card{margin-bottom:20px}.recurring-expense-total{padding:10px 14px;border-radius:999px;color:var(--sales-pink);background:var(--sales-soft);white-space:nowrap}.expense-purchase-form{display:grid;grid-template-columns:1fr 1.2fr .7fr .8fr .8fr auto;gap:10px;margin:18px 0 4px}.expense-purchase-form input,.expense-purchase-form select{min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--sales-line);border-radius:13px;background:#fff;box-sizing:border-box}.expense-rules-list{display:grid;gap:9px}.expense-rule{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,auto);gap:14px;align-items:center;padding:12px 14px;border:1px solid #f4d5e2;border-radius:16px;background:#fffafd}.expense-rule.is-hidden{opacity:.58}.expense-rule small,.expense-metric small{display:block;color:var(--sales-muted)}.expense-metric{text-align:right}.low-expense-stock{color:#b4234b}.sale-expense-usage{margin-top:16px;padding:16px;border:1px solid var(--sales-line);border-radius:18px;background:#fffafd}.sale-expense-row{display:grid;grid-template-columns:minmax(0,1fr) auto 100px auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--sales-line)}.sale-expense-row:last-child{border-bottom:0}.sale-expense-row input{min-height:40px}.sale-expense-row small{display:block;color:var(--sales-muted)}
.sales-source{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--sales-soft);font-size:.75rem;font-weight:800}.sales-mobile-cards{display:none}.sales-status{min-height:1.2em;color:var(--sales-muted)}
#saleDialog{width:min(760px,calc(100% - 20px));max-height:calc(100dvh - 20px);overflow:auto}.sales-form{padding:24px}.sales-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sales-form label{display:grid;gap:6px;margin:10px 0;font-weight:700}.sales-form-actions{justify-content:flex-end;margin-top:16px}
@media(max-width:820px){.sales-shell{width:min(100% - 20px,720px);padding-top:18px}.sales-header{align-items:flex-start}.sales-summary{grid-template-columns:1fr 1fr}.sales-filters{grid-template-columns:1fr 1fr}.sales-filters input:first-child{grid-column:1/-1}.sales-table-wrap{display:none}.sales-mobile-cards{display:grid;gap:12px}.sales-mobile-card{padding:16px;border:1px solid var(--sales-line);border-radius:18px;background:#fff}.sales-mobile-card header,.sales-mobile-card .amount-row{display:flex;justify-content:space-between;gap:12px}.sales-mobile-card .amount-row{margin-top:10px;padding-top:10px;border-top:1px dashed var(--sales-line)}.sales-form-grid{grid-template-columns:1fr}.expense-purchase-form{grid-template-columns:1fr 1fr}.expense-purchase-form button{grid-column:1/-1}.expense-rule{grid-template-columns:1fr 1fr 1fr}.expense-rule>div:first-child{grid-column:1/-1}.sale-expense-row{grid-template-columns:1fr 90px auto}.sale-expense-row>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.sales-header{display:grid}.sales-summary{grid-template-columns:1fr}.sales-filters{grid-template-columns:1fr}.sales-filters input:first-child{grid-column:auto}.sales-section-heading{align-items:flex-start;flex-direction:column}.sales-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.sales-actions button{min-width:0}.sales-form{padding:18px}.expense-purchase-form{grid-template-columns:1fr}.expense-purchase-form button{grid-column:auto}.expense-rule{grid-template-columns:1fr 1fr}.expense-rule>div:first-child{grid-column:1/-1}}

/* Expense profiles and inventory editing */
.expense-purchase-form{grid-template-columns:1fr 1.2fr .7fr .8fr auto}
.expense-rule{grid-template-columns:minmax(0,1fr) repeat(6,auto)}
.expense-profiles-list{display:grid;gap:9px}
.expense-list-tools{display:grid;grid-template-columns:1fr 180px;gap:9px;margin:14px 0}.expense-list-tools input,.expense-list-tools select{min-height:42px;padding:8px 11px;border:1px solid var(--sales-line);border-radius:12px;background:#fff}.expense-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}
.manual-sale-products{margin:16px 0;padding:16px;border:1px solid var(--sales-line);border-radius:18px;background:#fffafd}.manual-product-row{display:grid;grid-template-columns:1.4fr 1fr 90px 120px auto;gap:8px;align-items:end;padding:10px 0;border-bottom:1px dashed var(--sales-line)}.manual-product-row label{margin:0}.manual-product-row select,.manual-product-row input{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--sales-line);border-radius:12px;background:#fff;box-sizing:border-box}.manual-product-stock{display:block;color:var(--sales-muted);font-size:.75rem;margin-top:3px}
.sale-profile-shortcut{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;margin:12px 0}.sale-profile-shortcut select{min-height:42px;padding:8px 11px;border:1px solid var(--sales-line);border-radius:12px;background:#fff}
.expense-profile-card{border:1px solid #f4d5e2;border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fffafd}
.expense-profile-card p{margin:4px 0 0;color:var(--sales-muted)}
.expense-profile-actions{display:flex;gap:8px;flex-wrap:wrap}
.profile-item-editor{display:grid;gap:9px;margin:14px 0}
.profile-item-row{display:grid;grid-template-columns:minmax(160px,1fr) 100px 155px;gap:10px;align-items:center;border:1px solid var(--sales-line);border-radius:14px;padding:10px}
.profile-item-row label{display:flex;align-items:center;gap:8px;margin:0}.profile-item-row input[type="checkbox"]{width:20px;height:20px}
.profile-quantity-field{display:grid!important;gap:4px!important;font-size:.72rem;color:var(--sales-muted)}.profile-quantity-field input{min-height:40px!important}
#expenseItemDialog,#expenseProfileDialog{width:min(760px,calc(100% - 20px));max-height:calc(100dvh - 20px);overflow:auto}
@media(max-width:820px){.expense-rule{grid-template-columns:1fr 1fr 1fr}.expense-rule>div:first-child{grid-column:1/-1}}
@media(max-width:820px){.manual-product-row{grid-template-columns:1fr 1fr}.manual-product-row>*:first-child{grid-column:1/-1}}
@media(max-width:520px){.expense-rule{grid-template-columns:1fr 1fr}.expense-list-tools{grid-template-columns:1fr}.expense-profile-card{align-items:flex-start;flex-direction:column}.profile-item-row{grid-template-columns:1fr 90px}.profile-item-row select{grid-column:1/-1}.sale-profile-shortcut{grid-template-columns:1fr 1fr}.sale-profile-shortcut select{grid-column:1/-1}.manual-product-row{grid-template-columns:1fr}.manual-product-row>*:first-child{grid-column:auto}}
