/* The real CustomerDemands typography/spacing, scoped to the new list wrapper only. */
.cc-demand-style { display: flex; flex-direction: column; gap: 12px; min-width: 0; max-width: 100%; font-family: inherit; font-size: 14px; line-height: 20px; color: var(--color-slate-700); }
.cc-demand-style > * { margin-block: 0; }
.cc-demand-style h1 { font-size: 18px; font-weight: 600; line-height: 28px; color: var(--color-slate-800); }
.cc-demand-style .cc-v4-card { min-width: 0; width: 100%; border-color: var(--color-slate-200); border-radius: calc(var(--radius) + 4px); background: var(--card); box-shadow: none; }
.cc-demand-style .cc-v4-table { font-size: 12px; line-height: 16px; }
.cc-demand-style .cc-v4-table .cc-v3-th { height: 36px; padding: 0 12px; font-size: 12px; font-weight: 500; line-height: 16px; color: var(--foreground); vertical-align: middle; }
.cc-demand-style .cc-v4-table thead tr { background: rgb(248 250 252 / .8); }
.cc-demand-style .cc-v4-table thead tr:hover { background: rgb(248 250 252 / .8); }
.cc-demand-style .cc-v4-table .cc-v3-row { height: auto; }
.cc-demand-style .cc-v4-table .cc-v3-cell { padding: 10px 12px; font-size: 12px; line-height: 16px; vertical-align: top; }
.cc-demand-style .cc-v4-table .cc-v3-customer-name { min-height: 0; font-size: 12px; font-weight: 500; line-height: 16px; color: #185fa5; }
.cc-demand-style .cc-v4-table .cc-v4-summary { font-size: 12px; line-height: 16px; }
.cc-demand-style .cc-v4-table .cc-v4-summary__head { row-gap: 2px; }
.cc-demand-style .cc-v4-table .cc-v4-summary__name { font-size: 12px; font-weight: 400; line-height: 16px; color: var(--color-slate-700); }
.cc-demand-style .cc-v4-table .cc-v4-summary__method { margin-top: 2px; font-size: 11px; line-height: 1.333333; color: var(--color-slate-500); }
.cc-demand-style .cc-v4-table .cc-v4-summary__more { font-size: 12px; line-height: 16px; color: #185fa5; }
.cc-demand-style .cc-v4-table .cc-v4-summary__name--empty,
.cc-demand-style .cc-v4-table .cc-v4-summary__empty { font-size: 11px; font-weight: 400; line-height: 16px; color: var(--color-slate-500); }
.cc-demand-style .cc-v4-table .cc-v3-grade-stack { gap: 4px 6px; }
.cc-demand-style .cc-v4-table .cc-v3-grade-stack > span { font-size: 11px; font-weight: 500; line-height: 16px; }
.cc-demand-style .cc-v4-table .cc-v3-grade-stack > span:last-child { font-size: 12px; font-weight: 400; line-height: 16px; }
.cc-demand-style .cc-v4-table .cc-v3-followup { font-size: 11px; line-height: 1.333333; }
.cc-demand-style .cc-v4-table .cc-v3-actions > button { min-height: 0; height: auto; padding: 0; font-size: 12px; font-weight: 500; line-height: 16px; color: #185fa5; background: transparent; border-radius: 0; }
.cc-demand-style .cc-v4-table .cc-v3-actions > button:hover { background: transparent; text-decoration: underline; }
.cc-demand-style .cc-v4-filters { padding: 8px; border-color: var(--color-slate-200); border-radius: calc(var(--radius) + 4px); background: var(--color-white); box-shadow: none; }
.cc-demand-style .cc-v4-filters > div:first-child { gap: 8px; }
.cc-demand-style .cc-v4-filters input,
.cc-demand-style .cc-v4-filters button,
.cc-demand-style .cc-v4-filters select { box-sizing: border-box; height: 32px; min-height: 32px; font-size: 12px; line-height: 16px; }
.cc-demand-style .cc-v4-filters input { padding-inline: 12px; }
.cc-demand-style .cc-v4-filters .cc-v3-more-filters { margin-top: 8px; padding-top: 8px; }
.cc-demand-style .cc-v4-filters .cc-v3-applied { font-size: 11px; line-height: 16px; color: var(--color-slate-500); }
.cc-demand-style .cc-v4-card > .border-t { padding: 8px 12px; font-size: 12px; line-height: 16px; color: var(--color-slate-500); }
.cc-demand-style .cc-v4-card > .border-t button { height: 28px; min-height: 28px; padding-inline: 8px; font-size: 12px; line-height: 16px; }
@media (min-width: 640px) { .cc-demand-style .cc-v4-filters > div:first-child > input { width: 260px; } }
@media (max-width: 640px) { .cc-demand-style .cc-v4-filters > div:first-child > input { width: 100%; } }