/* G4-CUST1: the customers' analysis on the working-capital page (tiles that wrap on a phone, tables that scroll inside their box, SVG bars by class). */
.cust1-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:8px 0}
.cust1-tile{border:1px solid var(--line,#e2e8f0);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.cust1-tile small{opacity:.75}
.cust1-window{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px}
.cust1-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:6px 0}
.cust1-filters input,.cust1-filters select{max-width:100%}
.cust1-table{width:100%;border-collapse:collapse}
.cust1-table th,.cust1-table td{padding:6px 8px;border-bottom:1px solid var(--line,#e2e8f0);text-align:start;white-space:nowrap}
.cust1-sort,.cust1-link{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline dotted}
.cust1-sort[aria-pressed="true"]{font-weight:700}
.cust1-credit td{color:var(--warn,#9a5b00)}
.cust1-bars{display:block}
.cust1-bar-sales{fill:var(--accent,#2563eb)}
.cust1-bar-coll{fill:var(--good,#15803d)}
.cust1-attention{margin:4px 0;padding-inline-start:18px}
.cust1-detail{border:1px solid var(--line,#e2e8f0);border-radius:10px;padding:8px 10px;margin:8px 0}