/* Invoice workspace follows the finance and settlement palette. */
@media(min-width:781px){
 .page-invoices { background:#f4f6fa; color:#172b4d; }
 .page-invoices .invoice-list-panel,.page-invoices .invoice-main-panel { background:#fff; border:1px solid #e2e8f1; border-radius:12px; box-shadow:none; min-width:0; }
 .page-invoices .invoice-list-panel>.toolbar { padding-bottom:16px; border-bottom:1px solid #e7ecf4; }
 .page-invoices .invoice-list-panel h2 { font-size:18px; color:#172b4d; }
 .page-invoices .btn { border-radius:8px; box-shadow:none; font-size:12px; }
 .page-invoices .btn.primary { background:#5268d4; border-color:#5268d4; }
 .page-invoices .btn.soft { background:#f8fafd; border-color:#e2e8f1; color:#5268d4; }
 .page-invoices input:not([type=checkbox]):not([type=radio]),.page-invoices select,.page-invoices textarea { min-width:0; max-width:100%; box-sizing:border-box; background:#fff; border-color:#e0e6f0; border-radius:8px; font-size:13px; }
 .page-invoices input:focus,.page-invoices select:focus,.page-invoices textarea:focus { outline:0; border-color:#899ff0; box-shadow:0 0 0 3px #5268d412; }
 .page-invoices label,.page-invoices .invoice-payment-qr-picker>.invoice-field-heading { color:#74839a; font-size:12px; font-weight:650; }
 .page-invoices .invoice-payment-qr-picker>div>label { color:#33445f; font-size:13px; font-weight:500; }
 .page-invoices .invoice-search { padding:12px; background:#f8fafd; border:1px solid #e7ecf4; border-radius:9px; gap:10px; }
 .page-invoices .invoice-filter-disclosure { border-color:#e2e8f1; background:#fff; border-radius:7px; }
 .page-invoices .invoice-list { gap:16px; }
 .page-invoices .invoice-group { border-color:#e2e8f1; border-radius:9px; box-shadow:none; overflow:hidden; }
 .page-invoices .invoice-group-head { background:#f8fafd; border-color:#e7ecf4; flex-wrap:wrap; padding:12px; }
 .page-invoices .invoice-group-toggle { min-width:0; flex:1 1 130px; }
 .page-invoices .invoice-group-toggle strong { color:#52627a; font-size:12px; overflow-wrap:anywhere; }
 .page-invoices .invoice-group-summary { min-width:0; font-variant-numeric:tabular-nums; }
 .page-invoices .invoice-group-summary b { color:#253858; white-space:normal; overflow-wrap:anywhere; }
 .page-invoices .invoice-group-items { gap:0; padding:0; }
 .page-invoices .invoice-card { border:0; border-bottom:1px solid #e7ecf4; border-radius:0; background:#fff; padding:16px 12px; gap:8px; }
 .page-invoices .invoice-card.active { background:#f0f3fd; box-shadow:inset 3px 0 #5268d4; }
 .page-invoices .invoice-card:hover { background:#f8faff; }
 .page-invoices .invoice-card.overdue { background:#fffcf7; }
 .page-invoices .invoice-card.active.overdue { box-shadow:inset 3px 0 #b9873b; }
 .page-invoices .invoice-card-top { grid-template-columns:minmax(0,1fr); gap:6px; }
 .page-invoices .invoice-card-top strong { color:#5268d4; font-size:13px; white-space:normal; overflow-wrap:anywhere; }
 .page-invoices .invoice-card-amount { min-width:0; text-align:left; }
 .page-invoices .invoice-card-amount b { color:#172b4d; font-size:16px; white-space:normal; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
 .page-invoices .invoice-card-client { white-space:normal; overflow-wrap:anywhere; color:#253858; font-weight:600; }
 .page-invoices .invoice-card-reference,.page-invoices .invoice-card-meta { color:#8390a5!important; font-weight:500; }
 .page-invoices .invoice-card-footer { flex-wrap:wrap; gap:6px; }
 .page-invoices .invoice-card-status { border-radius:6px; background:#eef2fa; color:#637daf; font-size:10px; }
 .page-invoices .invoice-card-status.is-paid { color:#28806b; background:#edf5f1; }
 .page-invoices .invoice-card-status.is-overdue { color:#a06f2d; background:#fff0d8; }
 .page-invoices .invoice-editor-head { gap:16px; flex-wrap:wrap; padding-bottom:20px; border-bottom:1px solid #e7ecf4; }
 .page-invoices .invoice-editor-head>div:first-child { min-width:0; flex:1 1 280px; }
 .page-invoices .invoice-editor-head h2 { color:#172b4d; font-size:26px; white-space:normal; overflow-wrap:anywhere; }
 .page-invoices .invoice-editor-head .actions { flex-wrap:wrap; gap:8px; }
 .page-invoices .invoice-editor-head p { color:#8390a5; font-size:12px; line-height:1.7; }
 .page-invoices .invoice-group-chip { background:#f8fafd; border-color:#e2e8f1; color:#52627a; flex-wrap:wrap; }
 .page-invoices .invoice-block { background:#fff; border:1px solid #e2e8f1; border-radius:10px; padding:18px; margin-top:18px; box-shadow:none; }
 .page-invoices .invoice-block>h3,.page-invoices .invoice-block>.toolbar { margin:0 0 18px; padding-bottom:14px; border-bottom:1px solid #e7ecf4; }
 .page-invoices .invoice-block h3 { color:#253858; font-size:15px; font-weight:650; }
 .page-invoices .invoice-block>.toolbar { flex-wrap:wrap; gap:12px; }
 .page-invoices .invoice-form-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
 .page-invoices .invoice-form-grid .wide,.page-invoices .invoice-form-grid .invoice-quote-link { grid-column:1/-1; }
 .page-invoices .invoice-quote-link { background:#f8fafd; border-color:#e2e8f1; border-radius:8px; }
 .page-invoices .invoice-item-row,.page-invoices .invoice-payment-row { background:#f8fafd; border-color:#e2e8f1; border-radius:9px; padding:16px; box-shadow:none; }
 .page-invoices .invoice-item-head { border-color:#e7ecf4; gap:12px; }
 .page-invoices .invoice-item-head>div { min-width:0; }
 .page-invoices .invoice-item-head strong { color:#52627a; font-size:13px; }
 .page-invoices .invoice-item-head small { color:#8390a5; white-space:normal; overflow-wrap:anywhere; line-height:1.7; }
 .page-invoices .invoice-payment-row { gap:12px; }
 .page-invoices .invoice-bottom { border:0; padding:18px 0 0; gap:18px; grid-template-columns:minmax(0,1fr) minmax(280px,340px); }
 .page-invoices .invoice-bottom>label { background:#f8fafd; padding:18px; border:1px solid #e2e8f1; border-radius:10px; }
 .page-invoices .invoice-total-box { border-color:#e2e8f1; border-radius:10px; background:#fff; box-shadow:none; }
 .page-invoices .invoice-total-box>div { gap:12px; border-color:#edf1f6; }
 .page-invoices .invoice-total-box strong { color:#172b4d; font-variant-numeric:tabular-nums; white-space:normal; overflow-wrap:anywhere; text-align:right; }
 .page-invoices .invoice-total-box .total { background:#f8fafd; color:#172b4d; }
 .page-invoices .invoice-total-box .balance { background:#fff9ef; color:#a06f2d; }
 .page-invoices .invoice-total-box .balance strong { color:#a06f2d; }
 @media(max-width:1250px){
  .page-invoices .invoice-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-invoices .invoice-item-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-invoices .invoice-item-description,.page-invoices .invoice-item-detail { grid-column:1/-1; }
  .page-invoices .invoice-bottom { grid-template-columns:minmax(0,1fr); }
  .page-invoices .invoice-payment-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 }
 @media(max-width:1000px){
  .page-invoices .invoice-form-grid { grid-template-columns:minmax(0,1fr); }
  .page-invoices .invoice-card-top { grid-template-columns:minmax(0,1fr); }
  .page-invoices .invoice-card-amount { text-align:left; }
 }
}


