/* ==================================================================
   CLIENTS CSS — v1.45.11 rebuild
   Copied from 06_Clients_APPROVED_LOCKED.html (shares file 05's card,
   title, search box and pill polish). Values tagged "file 06".
   4j: muted grey darkened (Phil: locked grey looks washed out) and
   10/11px text bumped one step.
   ================================================================== */

[data-new-ui] .nu-cl6-context { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-bottom: 14px; }   /* file 06 */
[data-new-ui] .nu-cl6-h1 { margin: 0; font-size: 31px; line-height: 1.1; font-weight: 900; letter-spacing: -.03em; color: var(--nu-c-text-primary); }   /* file 06 */
[data-new-ui] .nu-cl6-add {
  height: 40px; padding: 0 15px; border: 1px solid #0aa276; border-radius: 999px;     /* file 06 */
  background: linear-gradient(180deg,#18bf92 0%,#0ca879 100%); color: #fff;           /* file 06 */
  font-family: var(--nu-t-family); font-size: 12px; font-weight: 900; cursor: pointer;   /* file 06 */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 9px rgba(12,168,121,.18);    /* file 06 */
}
[data-new-ui] .nu-cl6-icon { width: 18px; height: 18px; display: block; stroke: currentColor; stroke-width: 1.9; fill: none; stroke-linecap: round; stroke-linejoin: round; }   /* file 06 */

[data-new-ui] .nu-cl6-card {
  background: linear-gradient(180deg,#fff 0%,#fbfdfe 100%); border: 1px solid #d7e3ec;   /* file 06 */
  border-radius: 6px; box-shadow: 0 7px 18px rgba(8,32,51,.055); padding: 12px;       /* file 06 */
}
[data-new-ui] .nu-cl6-cardhead { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d7e3ec; padding: 1px 1px 9px; margin-bottom: 2px; }   /* file 06 */
[data-new-ui] .nu-cl6-cardtitle { display: flex; align-items: center; gap: 9px; font-size: 18px; font-weight: 900; letter-spacing: -.01em; color: #0b1d37; }   /* file 06 */
[data-new-ui] .nu-cl6-mini { width: 28px; height: 28px; border-radius: 6px; display: grid; place-items: center; color: #fff; background: #0cab78; }   /* file 06 */
[data-new-ui] .nu-cl6-searchbox {
  width: 365px; height: 40px; border: 1px solid #cbd9e7; border-radius: 6px; background: #fff;   /* file 06 */
  display: flex; align-items: center; gap: 8px; padding: 0 11px; color: #627b92;     /* file 06 */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 2px 5px rgba(8,32,51,.035);      /* file 06 */
}
[data-new-ui] .nu-cl6-searchbox input { border: 0; outline: 0; background: transparent; flex: 1; min-width: 0; font-family: var(--nu-t-family); font-size: 13px; font-weight: 600; color: #0b1d37; }   /* file 06 */
[data-new-ui] .nu-cl6-searchbox input::placeholder { color: #627b92; }

[data-new-ui] .nu-cl6-head,
[data-new-ui] .nu-cl6-row { display: grid; grid-template-columns: 2fr 1.7fr .7fr 28px; gap: 18px; align-items: center; }   /* file 06 */
[data-new-ui] .nu-cl6-head {
  padding: 10px 0 8px; color: #56708a; font-size: 12px; font-weight: 900;            /* file 06 (4j: was #6b8296, 10px) */
  letter-spacing: .08em; text-transform: uppercase; border-bottom: 1px solid #dce7ef;   /* file 06 */
}
[data-new-ui] .nu-cl6-row { min-height: 82px; border-bottom: 1px solid #e8eef3; cursor: pointer; }   /* file 06 */
[data-new-ui] .nu-cl6-row:last-of-type { border-bottom: 0; }                             /* file 06 */
[data-new-ui] .nu-cl6-row:hover { background: linear-gradient(90deg, rgba(18,185,139,.045), rgba(18,185,139,0)); }   /* file 06 */
[data-new-ui] .nu-cl6-main { display: flex; align-items: center; gap: 12px; }           /* file 06 */
[data-new-ui] .nu-cl6-name { font-size: 17px; font-weight: 900; color: #0b1d37; }       /* file 06 */
[data-new-ui] .nu-cl6-sub { font-size: 13px; color: var(--nu-c-text-muted); font-weight: 650; line-height: 1.35; }   /* file 06 (4j grey) */
[data-new-ui] .nu-cl6-av {
  width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto;   /* file 06 */
  color: #fff; font-weight: 900; font-size: 13px;                                       /* file 06 */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 3px 8px rgba(8,32,51,.11);       /* file 06 */
  border: 2px solid rgba(255,255,255,.88);                                             /* file 06 */
}
[data-new-ui] .nu-cl6-av.av1 { background: linear-gradient(180deg,#5f94de,#3f76c3); }   /* file 06 */
[data-new-ui] .nu-cl6-av.av2 { background: linear-gradient(180deg,#3fc79a,#159a73); }   /* file 06 */
[data-new-ui] .nu-cl6-av.av3 { background: linear-gradient(180deg,#a798e8,#7865c6); }   /* file 06 */
[data-new-ui] .nu-cl6-av.av4 { background: linear-gradient(180deg,#ff9a3d,#e87512); }   /* file 06 */
[data-new-ui] .nu-cl6-count {
  height: 30px; display: inline-flex; align-items: center; padding: 0 11px; border-radius: 999px;   /* file 06 */
  background: linear-gradient(180deg,#f7fbfd,#e7f0f5); border: 1px solid #cbdce6; color: #315b76;   /* file 06 */
  font-size: 13px; font-weight: 900; white-space: nowrap;                               /* file 06 (4j: was 11px) */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 5px rgba(8,32,51,.05);         /* file 06 */
}
[data-new-ui] .nu-cl6-count::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #18b88a; box-shadow: 0 0 0 2px rgba(255,255,255,.76); margin-right: 6px; }   /* file 06 */
[data-new-ui] .nu-cl6-chev { color: #355777; display: flex; justify-content: flex-end; }   /* file 06 */
[data-new-ui] .nu-cl6-empty { padding: 18px 0; color: var(--nu-c-text-muted); font-size: 13px; }
[data-new-ui] .nu-cl6-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 12px; }   /* file 06 */
[data-new-ui] .nu-cl6-pager { display: flex; gap: 8px; }
[data-new-ui] .nu-cl6-btn {
  height: 34px; padding: 0 12px; border: 1px solid #cbd9e7; border-radius: 6px; background: #fff;   /* file 06 */
  color: #233f5b; font-family: var(--nu-t-family); font-size: 12px; font-weight: 900; cursor: pointer;   /* file 06 */
  display: inline-flex; align-items: center; gap: 4px;
}
[data-new-ui] .nu-cl6-btn:hover { border-color: #95b8cc; background: #f4f9fc; }        /* file 06 */
[data-new-ui] .nu-cl6-btn .nu-cl6-icon { width: 16px; height: 16px; }

@media (max-width: 1000px) {
  [data-new-ui] .nu-cl6-head, [data-new-ui] .nu-cl6-row { grid-template-columns: 1.5fr 1.2fr .7fr 24px; }   /* file 06 */
  [data-new-ui] .nu-cl6-searchbox { width: 250px; }
}
@media (max-width: 760px) {
  [data-new-ui] .nu-cl6-head { display: none; }                                          /* file 06 */
  [data-new-ui] .nu-cl6-row { grid-template-columns: 1fr; gap: 7px; padding: 14px 0; }   /* file 06 */
  [data-new-ui] .nu-cl6-chev { display: none; }                                          /* file 06 */
  [data-new-ui] .nu-cl6-cardhead { flex-wrap: wrap; gap: 8px; }
  [data-new-ui] .nu-cl6-searchbox { width: 100%; }
}

/* v1.45.42 (Phil: "tighten this a bit"): columns sit closer, shorter rows */
@media (min-width: 1200px){
  [data-new-ui] .nu-cl6-head, [data-new-ui] .nu-cl6-row { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 120px 28px; gap: 14px; }
}
[data-new-ui] .nu-cl6-row { min-height: 60px; padding: 7px 0; }
[data-new-ui] .nu-cl6-name { font-size: 16px; }