/* v626 — Instant UI stages 12, 13, 14, 17. Presentation-only; no workflow/data changes. */
:root{
  --credit-a1:#0f7a48;--credit-a2:#188a55;--credit-a3:#279b65;
  --credit-b1:#087a82;--credit-b2:#168c9a;--credit-b3:#2a9eae;
  --credit-c1:#b97808;--credit-c2:#ca8b13;--credit-c3:#d99c24;
  --credit-d1:#b94d16;--credit-d2:#c95a22;--credit-d3:#d66b31;
  --credit-e1:#8f2030;--credit-e2:#a52b3d;--credit-e3:#ba3b4d;
}
.credit-grade-token{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:27px;padding:0 9px;border-radius:999px;color:#fff;font-weight:900;font-size:11px;line-height:1}
.credit-grade-a1{--credit-grade-color:var(--credit-a1)}.credit-grade-a2{--credit-grade-color:var(--credit-a2)}.credit-grade-a3{--credit-grade-color:var(--credit-a3)}
.credit-grade-b1{--credit-grade-color:var(--credit-b1)}.credit-grade-b2{--credit-grade-color:var(--credit-b2)}.credit-grade-b3{--credit-grade-color:var(--credit-b3)}
.credit-grade-c1{--credit-grade-color:var(--credit-c1)}.credit-grade-c2{--credit-grade-color:var(--credit-c2)}.credit-grade-c3{--credit-grade-color:var(--credit-c3)}
.credit-grade-d1{--credit-grade-color:var(--credit-d1)}.credit-grade-d2{--credit-grade-color:var(--credit-d2)}.credit-grade-d3{--credit-grade-color:var(--credit-d3)}
.credit-grade-e1{--credit-grade-color:var(--credit-e1)}.credit-grade-e2{--credit-grade-color:var(--credit-e2)}.credit-grade-e3{--credit-grade-color:var(--credit-e3)}
.credit-grade-token[class*="credit-grade-"],.credit-grade-choice[class*="credit-grade-"]>span{background:var(--credit-grade-color);border-color:var(--credit-grade-color);color:#fff}
.credit-grade-choice[class*="credit-grade-"]{border-color:color-mix(in srgb,var(--credit-grade-color) 38%,#dbe4ea);background:color-mix(in srgb,var(--credit-grade-color) 7%,#fff)}
.credit-grade-choice[class*="credit-grade-"].is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--credit-grade-color) 28%,transparent);border-color:var(--credit-grade-color)}
/* Customer Master footer: one compact row, count right / pagination left. */
body[data-page="customer-master"] .cm564-pagination{height:54px;min-height:54px;padding:7px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow:hidden}
body[data-page="customer-master"] .cm564-page-count{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#6d8293;font-size:11px}
body[data-page="customer-master"] .cm564-page-count b{color:#244d69;font-size:12px}
body[data-page="customer-master"] .cm564-pages{display:flex;align-items:center;gap:5px;margin-inline-start:auto}
body[data-page="customer-master"] .cm564-pages button{width:32px;height:32px;min-width:32px;padding:0}
/* Sales workspace: remove purely descriptive chrome, preserve labels/warnings/errors/status/help that carry action meaning. */
body[data-page="sales-operations"] .so-page-head .so-page-title small,
body[data-page="sales-operations"] .so-page-head .so-page-title p,
body[data-page="lead-import"] .so-page-head .so-page-title small,
body[data-page="lead-import"] .so-page-head .so-page-title p,
body[data-page="sales-operations"] .so-import-card .section-kicker,
body[data-page="sales-operations"] .so-import-card h2 + p,
body[data-page="lead-import"] .so-import-card .section-kicker,
body[data-page="lead-import"] .so-import-card h2 + p{display:none!important}
/* Stage 17 is presentation-only: summary/legacy heading removed in JS; keep payroll records and calculation data intact. */
@media(max-width:700px){body[data-page="customer-master"] .cm564-pagination{height:auto;min-height:50px;flex-direction:row;align-items:center}body[data-page="customer-master"] .cm564-pages{overflow-x:auto;max-width:72vw}}