/* ============================================================
   CLIENT MANAGER — clients.html
   Sits on top of construct.css: same Design Center shell, tokens
   (--panel, --line, --blue…), buttons, fields and modal. Only the
   client-specific pieces live here.
   ============================================================ */

.cm-title { font-weight: 600; font-size: 14px; padding: 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cm-search { width: min(320px, 30vw); }
.cm-app a { color: var(--blue); text-decoration: none; cursor: pointer; }
.cm-app a:hover { text-decoration: underline; }
.cm-app a.uc-btn, .cm-app a.uc-btn:hover { color: var(--text); text-decoration: none; }
.cm-app a.uc-btn--primary, .cm-app a.uc-btn--primary:hover { color: #fff; }
.cm-app h1, .cm-app h2, .cm-app h3 { font-family: inherit; color: var(--text); letter-spacing: 0; margin: 0; }

/* ---------- page frame ---------- */
.cm-page { max-width: 1240px; margin: 0 auto; padding: 26px 28px 60px; }
.cm-pagehead { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.cm-pagehead h1 { font-size: 24px; font-weight: 700; }
.cm-pagehead__right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cm-seg button { height: 26px; padding: 0 11px; font-size: 12.5px; }
.cm-hero { text-align: center; padding: 14vh 16px; }
.cm-hero h1 { font-size: 30px; font-weight: 700; margin-bottom: 8px; }
.cm-hero p { margin-bottom: 20px; font-size: 14px; }
.cm-grid2 { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 16px; align-items: start; }
.cm-card { padding: 16px 18px; margin-bottom: 16px; }
.cm-card--flush { padding: 4px 6px; }
.cm-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.cm-card__head h3 { font-size: 14px; font-weight: 600; }
.cm-card__head a { font-size: 12.5px; }
.cm-empty { padding: 22px 12px; font-size: 13px; }
.cm-dim { color: var(--muted); font-size: 12px; line-height: 1.5; }
.cm-clip { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cm-mono { font-family: "JetBrains Mono", monospace; font-size: 12px; white-space: nowrap; }
.cm-red { color: var(--red) !important; }
.cm-green { color: var(--green) !important; }

/* ---------- stat tiles ---------- */
.cm-stats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.cm-stats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cm-stats--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.cm-stat { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; min-width: 0; }
.cm-stat__label { font-size: 11.5px; color: var(--muted); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cm-stat__value { font-size: 22px; font-weight: 700; margin-top: 4px; font-variant-numeric: tabular-nums; }
.cm-stat__sub { font-size: 11.5px; color: var(--muted); margin-top: 2px; }
.cm-stat--red .cm-stat__value { color: var(--red); }
.cm-stat--green .cm-stat__value { color: var(--green); }

/* ---------- tables ---------- */
.cm-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.cm-table th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); font-weight: 600; padding: 9px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.cm-table td { padding: 10px; border-bottom: 1px solid var(--line-2); vertical-align: middle; }
.cm-table tbody tr:last-child td { border-bottom: 0; }
.cm-table tbody tr[data-go], .cm-table tbody tr[data-act] { cursor: pointer; }
.cm-table tbody tr[data-go]:hover, .cm-table tbody tr[data-act]:hover { background: var(--hover); }
.cm-table .r { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cm-table--plain td { padding: 8px 6px; }
.cm-namecell { display: flex; align-items: center; gap: 10px; }
.cm-bar { height: 3px; border-radius: 2px; background: var(--line); margin-top: 5px; overflow: hidden; }
.cm-bar i { display: block; height: 100%; background: var(--blue); }
.cm-avatar { flex: none; display: inline-grid; place-items: center; border-radius: 10px; background: var(--blue-soft); color: var(--blue); font-weight: 700; object-fit: contain; }
img.cm-avatar { background: var(--panel-2); border: 1px solid var(--line); padding: 3px; }

.cm-badge { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; text-transform: capitalize; vertical-align: middle; white-space: nowrap; }
.cm-badge--green { background: var(--green-soft); color: var(--green); }
.cm-badge--blue { background: var(--blue-soft); color: var(--blue); }
.cm-badge--red { background: var(--red-soft); color: var(--red); }
.cm-badge--orange { background: rgba(245,165,36,.16); color: #b87400; }
.cm-badge--grey { background: var(--hover); color: var(--text-2); }

/* ---------- client header + tabs ---------- */
.cm-crumb { display: flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--muted); margin-bottom: 14px; }
.cm-clienthead { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.cm-clienthead__main { flex: 1; min-width: 240px; }
.cm-clienthead h1 { font-size: 24px; font-weight: 700; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cm-clienthead__meta { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 6px; font-size: 13px; color: var(--text-2); }
.cm-clienthead__meta > *, .cm-clienthead__meta a { display: inline-flex; align-items: center; gap: 5px; }
.cm-clienthead__actions { display: flex; gap: 8px; }
.cm-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.cm-tags span { font-size: 11px; padding: 2px 8px; border-radius: 6px; background: var(--hover); color: var(--text-2); }
.cm-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--line); margin-bottom: 18px; overflow-x: auto; }
.cm-tabs button { padding: 9px 14px; font-weight: 500; color: var(--text-2); border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.cm-tabs button:hover { color: var(--text); }
.cm-tabs button.is-active { color: var(--blue); border-bottom-color: var(--blue); }
.cm-tabs i { font-style: normal; font-size: 11px; background: var(--hover); color: var(--text-2); border-radius: 999px; padding: 1px 6px; margin-left: 4px; }
.cm-projhead { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.cm-projhead h2 { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.cm-notes { white-space: pre-wrap; font-size: 13px; line-height: 1.55; color: var(--text-2); margin: 10px 0 0; }
.cm-dl { display: grid; grid-template-columns: 96px 1fr; gap: 7px 10px; margin: 0; font-size: 13px; }
.cm-dl dt { color: var(--muted); }
.cm-dl dd { margin: 0; }

/* ---------- activity, tasks ---------- */
.cm-act, .cm-task, .cm-doc { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line-2); }
.cm-act:last-child, .cm-task:last-child, .cm-doc:last-child { border-bottom: 0; }
.cm-act > div, .cm-task > div { flex: 1; min-width: 0; }
.cm-act__ico, .cm-doc__ico { flex: none; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: var(--hover); color: var(--text-2); }
.cm-act__body, .cm-task__body { font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.cm-act__del { opacity: 0; width: 26px; height: 26px; }
.cm-act:hover .cm-act__del { opacity: 1; }
.cm-task input { margin-top: 3px; width: 15px; height: 15px; accent-color: var(--blue); cursor: pointer; }
.cm-task.is-done .cm-task__body { text-decoration: line-through; color: var(--muted); }
.cm-quick { display: flex; gap: 8px; margin-bottom: 8px; }
.cm-quick select, .cm-quick input { height: 32px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-2); padding: 0 10px; outline: none; }
.cm-quick input { flex: 1; min-width: 0; }
.cm-quick input:focus { border-color: var(--blue); }

/* ---------- documents, designs, racks ---------- */
.cm-doc { align-items: center; }
.cm-doc__main { flex: 1; min-width: 0; font-size: 13px; }
.cm-designs { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.cm-design { display: flex; flex-direction: column; overflow: hidden; box-shadow: none; border: 1px solid var(--line); }
.cm-design__art { height: 74px; display: grid; place-items: center; background: var(--panel-2); color: var(--muted); border-bottom: 1px solid var(--line-2); }
.cm-design__body { padding: 12px 14px 8px; flex: 1; min-width: 0; font-size: 13px; }
.cm-design__owner { margin-top: 6px; font-size: 12.5px; }
.cm-design__foot { display: flex; align-items: center; gap: 6px; padding: 8px 12px 12px; }
.cm-design__foot .uc-iconbtn { margin-left: auto; width: 26px; height: 26px; }

.cm-stages { margin-top: 8px; border-top: 1px dashed var(--line); padding-top: 6px; display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
.cm-stages div { display: flex; align-items: center; gap: 6px; }
.cm-stages span:first-child { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-2); }
.cm-stages b { font-variant-numeric: tabular-nums; }
.cm-stages small { color: var(--muted); }
.cm-stages .is-mine span:first-child { color: var(--blue); font-weight: 600; }
.cm-stages .is-other { opacity: .55; }

/* ---------- forms + invoice editor ---------- */
.cm-steps { margin: 12px 0 4px; padding-left: 20px; font-size: 13px; line-height: 1.6; color: var(--text); }
.cm-steps li { margin-bottom: 4px; }
.cm-upload { display: flex; align-items: center; gap: 12px; }
.cm-upload__prev { width: 56px; height: 56px; flex: none; border-radius: 12px; border: 1px dashed var(--line); background: var(--panel-2); display: grid; place-items: center; color: var(--muted); overflow: hidden; }
.cm-upload__prev img { width: 100%; height: 100%; object-fit: contain; }
.uc-modal__card:has(.cm-form) { max-width: 560px; }
.uc-modal__card.is-wide:has(.cm-form) { max-width: 780px; }
.cm-form { display: flex; flex-wrap: wrap; gap: 0 12px; margin-top: 12px; }
.cm-form .uc-field { flex: 1 1 100%; min-width: 0; }
.cm-form .cm-half { flex: 1 1 calc(50% - 6px); }
.cm-form .cm-third { flex: 1 1 calc(33.33% - 8px); }
.cm-form .uc-check { display: flex; align-items: center; gap: 8px; height: 32px; font-size: 13px; }
.cm-form__err { color: var(--red); font-size: 12.5px; min-height: 1em; margin: 0; }
.cm-items { width: 100%; border-collapse: collapse; margin-top: 4px; }
.cm-items th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); font-weight: 600; padding: 4px; }
.cm-items td { padding: 3px 4px; }
.cm-items td:nth-child(2), .cm-items td:nth-child(3) { width: 96px; }
.cm-items td:nth-child(4) { width: 110px; font-variant-numeric: tabular-nums; }
.cm-items td:last-child { width: 30px; }
.cm-items .r { text-align: right; }
.cm-items input { width: 100%; height: 32px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-2); padding: 0 9px; outline: none; }
.cm-items input:focus { border-color: var(--blue); background: var(--panel); }
.cm-items .uc-iconbtn { width: 26px; height: 26px; }
.cm-inv__addrow { display: flex; gap: 8px; margin: 8px 0 16px; }
.cm-inv__bottom { display: grid; grid-template-columns: 1fr 260px; gap: 18px; align-items: start; }
.cm-inv__sum > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 5px 0; font-size: 13px; font-variant-numeric: tabular-nums; }
.cm-inv__sum input { width: 96px; height: 28px; text-align: right; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-2); padding: 0 8px; outline: none; }
.cm-inv__total { border-top: 2px solid var(--text); margin-top: 4px; padding-top: 9px !important; font-weight: 700; font-size: 16px !important; }
.cm-inv__pays { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 14px; }
.cm-inv__pay { display: flex; justify-content: space-between; font-size: 13px; padding: 4px 0; font-variant-numeric: tabular-nums; }
.cm-inv__pay--bal { border-top: 1px solid var(--line-2); margin-top: 4px; padding-top: 8px; font-weight: 600; }
.cm-code { font-family: "JetBrains Mono", monospace; font-size: 28px; letter-spacing: .2em; text-align: center; padding: 16px; margin: 14px 0; border-radius: 10px; background: var(--blue-soft); color: var(--blue); font-weight: 600; }

/* ---------- pipeline board ---------- */
.cm-page--wide { max-width: none; }
.cm-dashbar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.cm-board { display: grid; grid-template-columns: repeat(6, minmax(190px, 1fr)); gap: 10px; align-items: start; overflow-x: auto; padding-bottom: 12px; }
.cm-col { background: var(--panel-2); border: 1px solid var(--line); border-radius: 12px; min-height: 160px; transition: border-color .15s, background .15s; }
.cm-col.is-over { border-color: var(--blue); background: var(--blue-soft); }
.cm-col__head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 10px 12px 6px; font-size: 13px; }
.cm-col__head span { font-size: 11.5px; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cm-col__body { padding: 4px 8px 8px; display: flex; flex-direction: column; gap: 8px; }
.cm-col__empty { text-align: center; color: var(--muted); padding: 18px 0; }
.cm-pcard { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 10px 11px; cursor: grab; font-size: 13px; box-shadow: 0 1px 2px rgba(16,24,40,.05); }
.cm-pcard.is-dragging { opacity: .45; }
.cm-pcard__name { font-weight: 600; display: block; }
.cm-pcard__val { font-weight: 700; margin-top: 6px; font-variant-numeric: tabular-nums; }
.cm-pcard__meta { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 6px; font-size: 11.5px; color: var(--text-2); }
.cm-pcard__meta span { display: inline-flex; align-items: center; gap: 4px; text-transform: capitalize; }
.cm-pcard__move { width: 100%; margin-top: 8px; height: 26px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel-2); font-size: 12px; padding: 0 6px; color: var(--text-2); }
.cm-scroll { overflow-x: auto; }
.cm-pre { white-space: pre-wrap; font: 12.5px/1.55 "JetBrains Mono", monospace; background: var(--panel-2); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; max-height: 50vh; overflow: auto; margin: 10px 0 0; }

/* ---------- project fees ---------- */
.cm-fee { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin-top: 10px; }
.cm-fee__head { display: flex; align-items: center; gap: 10px; font-size: 13.5px; }
.cm-fee__amt { margin-left: auto; font-weight: 700; font-variant-numeric: tabular-nums; }
.cm-fee__head .uc-iconbtn { width: 26px; height: 26px; }
.cm-fee__line { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 13px; flex-wrap: wrap; }
.cm-fee__sp { flex: 1; }
.cm-fee__parts { margin-top: 6px; }
.cm-fee__parts td { border-bottom: 1px solid var(--line-2); }
.cm-fee__add { display: flex; gap: 6px; flex-wrap: wrap; }
.cm-fee__inv { font-family: "JetBrains Mono", monospace; font-size: 12px; }
.cm-fee__sum { margin-left: auto; align-self: center; font-size: 12.5px; color: var(--muted); }
.cm-items--parts td:nth-child(2) { width: 80px; }
.cm-items--parts td:nth-child(3) { width: 110px; font-variant-numeric: tabular-nums; }
.cm-items--parts td:nth-child(4) { width: 150px; }

/* ---------- websites, service, clock ---------- */
.cm-orange { color: #b87400 !important; }
.cm-site { display: flex; flex-direction: column; box-shadow: none; border: 1px solid var(--line); overflow: hidden; }
.cm-site__head { display: flex; align-items: center; gap: 10px; padding: 12px 12px 10px 14px; border-bottom: 1px solid var(--line-2); background: var(--panel-2); }
.cm-site__head img { width: 28px; height: 28px; border-radius: 6px; flex: none; }
.cm-site__title { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 13px; }
.cm-site__title b, .cm-site__title a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cm-site__title a { font-size: 12px; }
.cm-site__head .uc-iconbtn { width: 26px; height: 26px; }
.cm-site__body { padding: 10px 14px 6px; flex: 1; display: flex; flex-direction: column; gap: 3px; }
.cm-site__badges { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 3px; }
.cm-site__foot, .cm-design__foot--wrap { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 12px 12px; }
.cm-svc { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; padding-top: 7px; border-top: 1px dashed var(--line); font-size: 12px; color: var(--text-2); }
.cm-svc span { display: inline-flex; align-items: center; gap: 5px; }
.cm-btn--clocked { border-color: var(--green) !important; color: var(--green) !important; font-variant-numeric: tabular-nums; }
.cm-clock { display: flex; align-items: center; gap: 9px; margin-left: 8px; padding: 4px 5px 4px 11px; border: 1px solid var(--green); border-radius: 999px; background: var(--green-soft); font-size: 12.5px; white-space: nowrap; min-width: 0; }
.cm-clock a { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.cm-clock b { font-variant-numeric: tabular-nums; }
.cm-clock__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); animation: cm-pulse 1.6s ease-in-out infinite; }
@keyframes cm-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .cm-clock__dot { animation: none; } }
.cm-table td .uc-ico { display: inline-block; vertical-align: -2px; color: var(--muted); }

/* ---------- receivables aging ---------- */
.cm-aging { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.cm-aging__cell { border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; min-width: 0; }
.cm-aging__cell span { display: block; font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cm-aging__cell b { font-size: 16px; font-variant-numeric: tabular-nums; }
.cm-aging__cell--orange { border-color: rgba(245,165,36,.55); background: rgba(245,165,36,.08); }
.cm-aging__cell--red { border-color: var(--red); background: var(--red-soft); }
.cm-card__head h3 .cm-dim { font-weight: 400; margin-left: 6px; }

/* ---------- revenue chart (grouped columns, one axis) ----------
   Series colors are fixed categorical slots validated against each surface
   (#fff light, #1b1d20 dark); text always wears text tokens, never the series color. */
.cm-viz, .cm-tip { --series-1: #2a78d6; --series-2: #eb6834; }
.uc-app[data-uc-theme="dark"] .cm-viz, .uc-app[data-uc-theme="dark"] .cm-tip { --series-1: #3987e5; --series-2: #d95926; }
.cm-viz__legend { display: flex; gap: 14px; font-size: 12px; color: var(--text-2); }
.cm-viz__legend span { display: inline-flex; align-items: center; gap: 6px; }
.cm-viz__sw { width: 10px; height: 10px; border-radius: 2px; display: inline-block; }
.cm-viz__sw--1, .cm-viz__bar--1, .cm-tip__key--1 { background: var(--series-1); }
.cm-viz__sw--2, .cm-viz__bar--2, .cm-tip__key--2 { background: var(--series-2); }
.cm-viz__plot { position: relative; height: 190px; margin: 18px 0 26px 44px; }
.cm-viz__grid { position: absolute; left: 0; right: 0; height: 0; border-top: 1px solid var(--line-2); }
.cm-viz__grid:first-child { border-top-color: var(--line); }
.cm-viz__grid span { position: absolute; right: 100%; top: -8px; margin-right: 8px; font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cm-viz__cols { position: absolute; inset: 0; display: flex; }
.cm-viz__group { flex: 1; min-width: 0; position: relative; display: flex; justify-content: center; border-radius: 6px; outline: none; cursor: default; }
.cm-viz__group:hover, .cm-viz__group:focus-visible { background: var(--hover); }
.cm-viz__group:focus-visible { box-shadow: inset 0 0 0 2px var(--blue); }
.cm-viz__bars { display: flex; align-items: flex-end; gap: 2px; height: 100%; }
.cm-viz__bar { width: 18px; max-width: 24px; border-radius: 4px 4px 0 0; position: relative; min-height: 0; transition: filter .15s; }
.cm-viz__group:hover .cm-viz__bar, .cm-viz__group:focus-visible .cm-viz__bar { filter: brightness(1.12); }
.cm-viz__legend b { color: var(--text); font-variant-numeric: tabular-nums; }
.cm-viz__x { position: absolute; top: 100%; left: 0; right: 0; text-align: center; margin-top: 7px; font-size: 11.5px; color: var(--muted); }
.cm-viz__table summary { font-size: 12px; color: var(--muted); cursor: pointer; }
.cm-viz__table table { margin-top: 8px; }
.cm-tip { position: fixed; z-index: 260; pointer-events: none; background: var(--panel); border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); padding: 9px 12px; font-size: 12px; min-width: 150px; }
.cm-tip__head { color: var(--muted); margin-bottom: 5px; }
.cm-tip__row { display: flex; align-items: center; gap: 8px; padding: 2px 0; color: var(--text-2); }
.cm-tip__row b { color: var(--text); font-variant-numeric: tabular-nums; }
.cm-tip__key { width: 12px; height: 2px; border-radius: 1px; display: inline-block; flex: none; }

@media (max-width: 1100px) {
  .cm-stats, .cm-stats--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cm-grid2 { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .cm-page { padding: 18px 14px 50px; }
  .cm-stats, .cm-stats--4, .cm-stats--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cm-search, #cmWho { display: none; }
  .cm-inv__bottom { grid-template-columns: 1fr; }
  .cm-aging { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cm-form .cm-half, .cm-form .cm-third { flex-basis: 100%; }
  .cm-card--flush { overflow-x: auto; }
}