#app #tabEconomyContent { max-width:1180px; margin:0 auto; padding:24px; border:1px solid var(--border); border-radius:18px; background:var(--surface); }
#app .economy-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
#app .economy-heading h2 { margin:0; } #app .economy-heading p { margin:6px 0 0; color:var(--text-light); }
#app .economy-filters { margin-bottom:14px; } #app .economy-filters summary { cursor:pointer; color:var(--primary); }
#app .economy-filters>div { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin-top:12px; padding:14px; border:1px solid var(--border); border-radius:12px; background:#fff; } #app .economy-filters label { display:grid; gap:6px; margin:0; font-size:13px; font-weight:400; }
#app .economy-filters select { min-height:42px; padding:8px 12px; }
#app .economy-filters button { min-height:42px; padding:8px 14px; font-size:13px; }
#app .economy-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#app .economy-kpi { min-width:0; padding:16px; border:1px solid var(--border); border-radius:14px; background:white; }
#app .economy-kpi span,#app .economy-kpi small { display:block; font-weight:400; color:var(--text-light); }
#app .economy-kpi span { font-size:14px; } #app .economy-kpi small { font-size:12px; }
#app .economy-kpi strong { display:block; margin:8px 0 6px; font-size:22px; font-weight:600; overflow-wrap:anywhere; }
#app .economy-kpi.highlight { background:#edf5fa; border-color:#c9dce7; }
#app button.economy-kpi { display:block; text-align:left; font:inherit; line-height:1.5; white-space:normal; box-shadow:none; color:var(--primary); }
#app button.economy-kpi:hover,#app button.economy-kpi[aria-pressed="true"] { border-color:#76b8ff; background:#edf5fa; }
#app .economy-business { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr) auto; align-items:center; gap:12px 20px; margin-top:12px; padding:14px 16px; border:1px solid var(--border); border-radius:14px; background:#fff; }
#app .economy-business[hidden] { display:none; }
#app .economy-business>div:first-child { display:grid; gap:3px; }
#app .economy-business>div:first-child>strong { font-size:14px; font-weight:600; }
#app .economy-business>div:first-child>span { font-size:20px; font-weight:600; }
#app .economy-business small,#app .economy-business-result span { color:var(--text-light); font-weight:400; }
#app .economy-business-result { display:grid; gap:3px; }
#app .economy-business-result strong { font-size:20px; font-weight:600; }
#app .economy-business button { min-height:38px; padding:7px 12px; font-size:13px; }
#app .economy-business button[hidden] { display:none; }
#app .economy-payment-selection { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; margin-top:16px; font-size:13px; }
#app .economy-payment-selection[hidden] { display:none; }
#app .economy-payment-selection button { min-height:36px; padding:6px 12px; font-size:13px; }
#app .economy-payment-note { grid-column:1/-1; font-size:13px; color:var(--primary)!important; }
#app .economy-order-info { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px; }
#app .economy-order-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#app .economy-order-fact { min-width:0; display:grid; gap:2px; }
#app .economy-order-fact small { font-size:12px; }
#app .economy-order-fact span { font-size:13px; color:var(--primary); overflow-wrap:anywhere; }
#app .economy-order-flags { display:flex; flex-wrap:wrap; gap:6px; }
#app .economy-order-flag { display:inline-flex; align-items:center; min-height:26px; padding:3px 9px; border:1px solid #d8d1c4; border-radius:999px; background:#f7f4ee; color:var(--primary); font-size:12px; line-height:1.3; cursor:help; }
#app .economy-order-flag.is-warning { border-color:#efd18a; background:#fff3cf; color:#8b5d05; }
#app .economy-order-flag.is-estimate { border-color:#bdd7e6; background:#edf5fa; color:#276d99; }
#app .economy-order-flag.is-neutral { color:var(--text-light); }
#app .economy-payment-tools { display:grid; gap:10px; padding:12px; border:1px solid var(--border); border-radius:10px; background:#fbf8f4; font-size:13px; }
#app .economy-payment-header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 12px; }
#app .economy-payment-header h4 { margin:0; font-size:13px; font-weight:600; }
#app .economy-payment-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#app .economy-payment-stat { min-width:0; }
#app .economy-payment-stat small,#app .economy-payment-stat strong { display:block; overflow-wrap:anywhere; }
#app .economy-payment-stat strong { margin-top:2px; font-size:14px; }
#app .economy-payment-tools button { min-height:36px; padding:6px 12px; font-size:13px; }
#app .economy-payment-tools details { padding-top:8px; border-top:1px solid var(--border); } #app .economy-payment-tools summary { cursor:pointer; }
#app .economy-payment-entry { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 16px; width:100%; margin-top:8px; }
#app .economy-payment-entry-text { display:grid; gap:2px; min-width:0; overflow-wrap:anywhere; color:var(--text-light); }
#app .economy-payment-entry-top { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
#app .economy-payment-entry-top strong { color:var(--primary); }
#app .economy-payment-entry-annulled { color:#8b5d05; }
#app .economy-payment-entry button { justify-self:end; min-height:30px; padding:4px 9px; font-size:12px; }
.customer-payment-dialog { box-sizing:border-box; width:min(420px,calc(100% - 32px)); max-height:85vh; overflow:auto; padding:20px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.customer-payment-dialog::backdrop { background:#172c3777; }
.customer-payment-dialog h2 { margin:0; font-size:20px; }.customer-payment-dialog label { display:grid; gap:6px; margin:12px 0; }
.customer-payment-dialog input,.customer-payment-dialog select { box-sizing:border-box; width:100%; }
.customer-payment-dialog .business-expense-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
.customer-payment-dialog .business-expense-total { font-size:18px; font-weight:600; }
.customer-payment-dialog .business-expense-hint { margin:10px 0 2px; color:var(--text-light); font-size:13px; }
.customer-payment-dialog output { box-sizing:border-box; display:flex; align-items:center; width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--border); border-radius:10px; background:var(--surface-muted,#f7f4ee); color:var(--text); }
.customer-payment-dialog [role="alert"] { color:#a63328; font-size:13px; }
.customer-payment-actions { display:flex; flex-wrap:wrap; justify-content:end; gap:8px; margin-top:14px; }
#app .economy-message { font-size:13px; color:var(--text-light); }
#app .economy-filters .economy-missing-filter { display:flex; align-items:center; gap:8px; min-height:42px; cursor:pointer; }
#app .economy-filters .economy-missing-filter input[type="checkbox"] { appearance:auto; width:18px; height:18px; min-width:18px; min-height:18px; max-width:18px; max-height:18px; padding:0; margin:0; flex:0 0 18px; box-shadow:none; }
#app .economy-open-order { display:inline-block; background:none; border:0; box-shadow:none; padding:3px 4px; min-height:26px; color:#276d99; font:inherit; font-size:13px; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
#app .economy-open-order:focus-visible { outline:2px solid #76b8ff; outline-offset:3px; }
#app .economy-list { margin-top:18px; } #app .economy-order { border-top:1px solid var(--border); }
#app .economy-order-details>summary { display:grid; grid-template-columns:minmax(180px,1.35fr) minmax(0,3fr); align-items:center; gap:16px; padding:14px 4px; cursor:pointer; list-style:none; }
#app .economy-order-details>summary::-webkit-details-marker { display:none; }
#app .economy-order-details>summary::before { content:'›'; grid-column:1; grid-row:1; width:18px; font-size:22px; line-height:1; color:var(--text-light); transform:rotate(0deg); transition:transform .15s ease; }
#app .economy-order-details[open]>summary::before { transform:rotate(90deg); }
#app .economy-order-summary-name { grid-column:1; grid-row:1; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; padding-left:24px; }
#app .economy-order-summary-name strong { color:#276d99; }
#app .economy-order-summary-name span { color:var(--text-light); }
#app .economy-order-summary-metrics { grid-column:2; grid-row:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#app .economy-order-summary-metrics>span { min-width:0; }
#app .economy-order-summary-metrics small,#app .economy-order-summary-metrics strong { display:block; overflow-wrap:anywhere; }
#app .economy-order-summary-metrics small { color:var(--text-light); }
#app .economy-order-body { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; padding:0 4px 14px 28px; }
#app .economy-order h3 { margin:0; font-size:16px; } #app .economy-order p { margin:4px 0; color:var(--text-light); } #app .economy-order strong { display:block; font-weight:600; } #app .economy-order small { color:var(--text-light); } #app .economy-order-note { grid-column:1/-1; font-size:12px; }
@media(max-width:700px) { #app #tabEconomyContent { padding:16px; } #app .economy-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #app .economy-kpi { padding:12px; } #app .economy-kpi strong { font-size:20px; } #app .economy-business { grid-template-columns:minmax(0,1fr) auto; } #app .economy-business-result { grid-column:1; } #app .economy-business>button { grid-column:2; grid-row:1/3; } #app .economy-order-details>summary { grid-template-columns:minmax(0,1fr); gap:10px; } #app .economy-order-summary-metrics { grid-column:1; grid-row:2; padding-left:24px; } #app .economy-order-body { padding-left:28px; } }
@media(max-width:480px) { #app .economy-heading { align-items:flex-start; flex-direction:column; } #app .economy-heading button { margin-top:0; } #app .economy-order-summary-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } #app .economy-order-summary-metrics>span:last-child { grid-column:1/-1; } }
@media(max-width:480px) { #app .economy-order-info { grid-template-columns:1fr; gap:6px; } #app .economy-order-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } #app .economy-open-order { justify-self:start; } #app .economy-payment-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } #app .economy-payment-header button { width:100%; } }
@media(max-width:480px) { .customer-payment-dialog .business-expense-fields { grid-template-columns:1fr; } }
@media print { #tabEconomyContent { display:none!important; } }