/* Rackoryn 137 — invoice presentation only. The existing controllers own all data and actions. */
@media screen {
  html body.rk134-client.rk137-invoices .client-content {
    display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);
    gap:20px 24px;align-content:start;align-items:start;
  }
  html body.rk134-client.rk137-invoices .client-content>* {grid-column:1/-1;min-width:0;margin-block:0}
  html body.rk134-client.rk137-invoices .live-page-head {margin-bottom:4px;gap:20px}
  html body.rk134-client.rk137-invoices .live-page-head h1 {margin:0;font-size:clamp(28px,2.4vw,36px)}
  html body.rk134-client.rk137-invoices .live-page-head p {font-size:14px;line-height:1.7;margin:9px 0 0}
  /* One account balance per currency, as supplied by the existing global summary. */
  html body.rk134-client.rk137-invoices .client-content>[data-invoice-summary] {
    grid-column:1;align-self:stretch;border:1px solid var(--line);border-radius:18px;
    border-left:3px solid var(--accent);background:var(--panel);padding:24px 26px;
    box-shadow:var(--r134-shadow);min-height:170px;
  }
  html body.rk134-client.rk137-invoices [data-invoice-summary]:empty {min-height:0;padding:0;border:0;background:none}
  html body.rk134-client.rk137-invoices [data-invoice-summary] .live-metrics {
    display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));
    gap:18px 24px;margin:0;
  }
  html body.rk134-client.rk137-invoices [data-invoice-summary] .live-metrics article {
    padding:0;min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;
  }
  html body.rk134-client.rk137-invoices [data-invoice-summary] article>span {
    display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:550;
  }
  html body.rk134-client.rk137-invoices [data-invoice-summary] article>span::before {
    content:"";width:19px;height:19px;flex:none;background:var(--accent);
    -webkit-mask:var(--r137-document-icon) center/contain no-repeat;mask:var(--r137-document-icon) center/contain no-repeat;
  }
  html body.rk134-client.rk137-invoices [data-invoice-summary] article>strong {
    display:block;margin:10px 0 5px;font-size:clamp(25px,2.4vw,33px);line-height:1.25;
    font-weight:650;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
  }
  html body.rk134-client.rk137-invoices [data-invoice-summary] article>small {font-size:13px;line-height:1.6}
  html body.rk134-client.rk137-invoices [data-invoice-summary]>.portal-note {
    border-top:1px solid var(--line);padding-top:13px;margin:16px 0 0;font-size:12px;line-height:1.7;
  }
  /* Existing account and support links become a compact pair of shortcuts. */
  html body.rk134-client.rk137-invoices .client-content>.portal-shortcuts {
    grid-column:2;display:grid;grid-template-columns:1fr;gap:12px;align-self:stretch;margin:0;
  }
  html body.rk134-client.rk137-invoices .portal-shortcuts>.btn {
    display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:78px;
    padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);
    color:var(--text);font-size:13px;font-weight:550;line-height:1.55;white-space:normal;text-align:left;
  }
  html body.rk134-client.rk137-invoices .portal-shortcuts>.btn::before {
    content:"";width:24px;height:24px;flex:none;background:var(--accent);
    -webkit-mask:var(--r137-profile-icon) center/contain no-repeat;mask:var(--r137-profile-icon) center/contain no-repeat;
  }
  html body.rk134-client.rk137-invoices .portal-shortcuts>.btn:nth-child(2)::before {
    -webkit-mask-image:var(--r137-support-icon);mask-image:var(--r137-support-icon);
  }
  html body.rk134-client.rk137-invoices .portal-shortcuts>.btn::after {
    content:"";width:16px;height:16px;flex:none;margin-left:auto;background:var(--muted);
    -webkit-mask:var(--r137-arrow-icon) center/contain no-repeat;mask:var(--r137-arrow-icon) center/contain no-repeat;
  }
  html body.rk134-client.rk137-invoices .portal-shortcuts>.btn:hover {background:var(--r134-hover);border-color:var(--accent)}
  /* All five existing filter controls stay on one row when space allows. */
  html body.rk134-client.rk137-invoices #portal-invoices {
    grid-template-columns:minmax(150px,1.8fr) minmax(120px,1fr) minmax(120px,1fr) auto auto;
    gap:14px;padding:20px 22px;margin:4px 0 0;border-radius:14px;align-items:end;
  }
  html body.rk134-client.rk137-invoices #portal-invoices label {min-width:0;font-size:12px;gap:8px}
  html body.rk134-client.rk137-invoices #portal-invoices :is(input,select) {
    width:100%;min-width:0;min-height:44px;font-size:13px;border-color:var(--line2);background:var(--bg);border-radius:9px;
  }
  html body.rk134-client.rk137-invoices #portal-invoices button {min-height:44px;font-size:12px;white-space:normal;line-height:1.45}
  html body.rk134-client.rk137-invoices #portal-invoices button[type=reset] {background:transparent;color:var(--muted);border-color:var(--line)}
  html body.rk134-client.rk137-invoices #portal-invoices button[type=reset]:hover {color:var(--text);background:var(--panel2)}
  html body.rk134-client.rk137-invoices [data-invoice-status] {font-size:13px;line-height:1.6;color:var(--muted);margin:0}
  html body.rk134-client.rk137-invoices [data-invoices] {margin-top:-6px}
  html body.rk134-client.rk137-invoices [data-invoices]>.panel {margin:0;overflow:hidden;border-radius:16px}
  html body.rk134-client.rk137-invoices [data-invoices] .panel-head {padding:19px 22px;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
  html body.rk134-client.rk137-invoices [data-invoices] .panel-head h2 {margin:0;font-size:18px;letter-spacing:-.02em}
  html body.rk134-client.rk137-invoices [data-invoices] .panel-head .btn {font-size:12px;min-height:40px;white-space:normal}
  html body.rk134-client.rk137-invoices [data-invoices] .table-wrap {overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--line2) var(--panel2)}
  html body.rk134-client.rk137-invoices [data-invoices] .data-table {min-width:740px;margin:0}
  html body.rk134-client.rk137-invoices [data-invoices] .data-table th {padding:14px 20px;font-size:11px;letter-spacing:.055em}
  html body.rk134-client.rk137-invoices [data-invoices] .data-table td {padding:19px 20px;font-size:13px;line-height:1.6;vertical-align:middle}
  html body.rk134-client.rk137-invoices [data-invoices] .data-table td:first-child {min-width:170px;font-weight:600;overflow-wrap:anywhere}
  html body.rk134-client.rk137-invoices [data-invoices] .data-table :is(td,th):nth-child(3) {text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
  html body.rk134-client.rk137-invoices [data-invoices] .data-table :is(td,th):last-child {text-align:right}
  html body.rk134-client.rk137-invoices [data-invoices] .data-table td:nth-child(3) {font-weight:650;font-size:14px}
  html body.rk134-client.rk137-invoices [data-invoices] .data-table td:nth-child(5) {white-space:nowrap}
  html body.rk134-client.rk137-invoices [data-invoices] [data-invoice-id] {
    min-height:40px;padding:9px 15px!important;background:var(--r134-soft);border-color:transparent;color:var(--accent);font-weight:600;
  }
  html body.rk134-client.rk137-invoices [data-invoices] [data-invoice-id]:hover {border-color:var(--accent)}
  html body.rk134-client.rk137-invoices [data-invoices] .live-badge {font-size:12px;padding:5px 10px;white-space:nowrap}
  /* Empty results remain an honest empty result, including when filters are active. */
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty {
    display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:22px;row-gap:8px;
    align-content:center;align-items:center;min-height:174px;padding:30px 32px;text-align:left;
    background:var(--panel);border:1px solid var(--line);border-radius:16px;
  }
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty-icon {
    grid-column:1;grid-row:1/3;display:grid;place-items:center;width:64px;height:72px;
    padding:0;margin:0;border:1px solid var(--line);border-radius:16px;background:var(--r134-soft);font-size:0;color:var(--accent);
  }
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty-icon::before {
    content:"";width:30px;height:30px;background:currentColor;
    -webkit-mask:var(--r137-document-icon) center/contain no-repeat;mask:var(--r137-document-icon) center/contain no-repeat;
  }
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty h2 {grid-column:2;align-self:end;margin:0;font-size:21px;line-height:1.35;letter-spacing:-.025em}
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty p {grid-column:2;align-self:start;margin:0;max-width:620px;font-size:13px;line-height:1.8}
  html body.rk134-client.rk137-invoices .portal-pagination {gap:12px;padding:0 2px;margin:0;font-size:12px;min-height:42px}
  html body.rk134-client.rk137-invoices .portal-pagination .btn {min-height:40px}
  html body.rk134-client.rk137-invoices .client-content>.portal-note:last-child {font-size:12px;line-height:1.7;border-top:1px solid var(--line);padding-top:17px;margin:0}
  /* Screen-only detail refinements; print/PDF styling is deliberately unaffected. */
  html body.rk134-client.rk137-invoices .rk123-dialog {width:min(880px,calc(100vw - 32px))}
  html body.rk134-client.rk137-invoices .rk123-invoice-heading h2 {font-size:22px;overflow-wrap:anywhere}
  html body.rk134-client.rk137-invoices .rk123-invoice :is(p,dt,dd) {font-size:13px;line-height:1.7}
  html body.rk134-client.rk137-invoices .rk123-invoice-parties {gap:30px;padding-block:26px}
  html body.rk134-client.rk137-invoices .rk123-invoice-totals {padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);width:min(360px,100%)}
  html body.rk134-client.rk137-invoices .rk123-invoice-totals .rk123-total {font-size:16px;padding-top:13px;margin-top:6px;color:var(--text)}
  html body.rk134-client.rk137-invoices .rk132-payment {border-color:var(--line);border-radius:14px;background:var(--panel2);color:var(--text)}
  html body.rk134-client.rk137-invoices .rk132-meta {color:var(--muted)}
  html body.rk134-client.rk137-invoices .rk132-payment-actions .btn {min-height:44px}
}
@media screen and (max-width:1360px) {
  html body.rk134-client.rk137-invoices #portal-invoices {grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto}
  html body.rk134-client.rk137-invoices #portal-invoices label:first-child {grid-column:1/-1}
}
@media screen and (max-width:1100px) {
  html body.rk134-client.rk137-invoices .client-content {grid-template-columns:minmax(0,1fr);gap:18px}
  html body.rk134-client.rk137-invoices .client-content>[data-invoice-summary] {grid-column:1;min-height:0}
  html body.rk134-client.rk137-invoices .client-content>.portal-shortcuts {grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.rk134-client.rk137-invoices .portal-shortcuts>.btn {min-height:70px}
}
@media screen and (max-width:760px) {
  html body.rk134-client.rk137-invoices .client-content {gap:16px}
  html body.rk134-client.rk137-invoices .live-page-head {margin-bottom:3px;gap:12px}
  html body.rk134-client.rk137-invoices .live-page-head p {font-size:13px}
  html body.rk134-client.rk137-invoices .client-content>[data-invoice-summary] {padding:20px}
  html body.rk134-client.rk137-invoices .portal-shortcuts>.btn {padding:14px;font-size:12px;gap:10px}
  html body.rk134-client.rk137-invoices #portal-invoices {grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:14px 12px}
  html body.rk134-client.rk137-invoices #portal-invoices :is(input,select) {font-size:16px}
  html body.rk134-client.rk137-invoices #portal-invoices button {font-size:13px}
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty {grid-template-columns:50px minmax(0,1fr);column-gap:16px;padding:24px 20px;min-height:156px}
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty-icon {width:50px;height:58px;border-radius:12px}
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty h2 {font-size:19px}
  html body.rk134-client.rk137-invoices [data-invoices] .panel-head {padding:17px 18px}
  html body.rk134-client.rk137-invoices .rk123-dialog-body {padding:20px}
  html body.rk134-client.rk137-invoices .rk123-invoice-parties {grid-template-columns:1fr;gap:22px}
  html body.rk134-client.rk137-invoices .rk123-invoice-heading h2 {font-size:18px}
}
@media screen and (max-width:480px) {
  html body.rk134-client.rk137-invoices .client-content>.portal-shortcuts {grid-template-columns:1fr;gap:10px}
  html body.rk134-client.rk137-invoices .portal-shortcuts>.btn {min-height:60px}
  html body.rk134-client.rk137-invoices #portal-invoices {grid-template-columns:1fr;padding:16px}
  html body.rk134-client.rk137-invoices #portal-invoices label:first-child {grid-column:auto}
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty {grid-template-columns:1fr;gap:12px;padding:24px;min-height:0;text-align:center}
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty-icon {grid-column:1;grid-row:auto;justify-self:center}
  html body.rk134-client.rk137-invoices [data-invoices] .live-empty :is(h2,p) {grid-column:1}
  html body.rk134-client.rk137-invoices .portal-pagination {flex-wrap:wrap;justify-content:space-between;gap:8px}
  html body.rk134-client.rk137-invoices .portal-pagination .btn {font-size:12px;padding-inline:11px}
}
html body.rk134-client.rk137-invoices {--r137-document-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-3-2-3%202-3-2-3%202Z%22%2F%3E%3Cpath%20d%3D%22M9%208h6M9%2012h6%22%2F%3E%3C%2Fsvg%3E");--r137-profile-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2016c0-3%206-3%206%200m3-7h3m-3%204h3%22%2F%3E%3C%2Fsvg%3E");--r137-support-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012v-1a8%208%200%200%201%2016%200v1M4%2012h3v7H4zM20%2012h-3v7h3zM17%2019c0%202-2%202-5%202%22%2F%3E%3C%2Fsvg%3E");--r137-arrow-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14m-5-5%205%205-5%205%22%2F%3E%3C%2Fsvg%3E")}