/* Classificador de Extratos v3.3.1.012.011.010 — Diretório de Clientes escalável */

.km-clients-360 .km-client-360-layout{display:block;min-width:0}
.km-clients-360 #clientList{display:block;max-height:calc(100dvh - 310px);overflow:auto;padding:0;border:1px solid var(--line);border-radius:var(--km-radius-panel,18px);background:var(--card);scrollbar-gutter:stable}
.km-client-list-head,.km-client-list-row{display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(130px,.55fr) minmax(145px,.62fr) minmax(120px,.48fr) minmax(520px,2fr);gap:12px;align-items:center;min-width:1120px}
.km-client-list-head{position:sticky;top:0;z-index:3;padding:10px 14px;background:var(--soft,#f4f7f9);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--km-font-xs,11px);font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.km-client-list-row{margin:0!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:var(--card)!important;box-shadow:none!important;cursor:default!important;transform:none!important;transition:background .14s ease,border-color .14s ease!important}
.km-client-list-row:last-of-type{border-bottom:0!important}
.km-client-list-row:hover{background:var(--soft,#f8fafb)!important;transform:none!important}
.km-client-list-row.selected{background:#fff8ef!important;border-color:var(--line)!important;box-shadow:inset 4px 0 0 #d49145!important}
.km-client-list-main{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0}
.km-client-list-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eaf1f6;color:#123b59;font-weight:900;font-size:14px}
.km-client-list-copy{min-width:0}.km-client-list-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--km-font-md,14px);color:var(--text,var(--ink));line-height:1.25}.km-client-list-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--km-font-xs,11px)}
.km-client-list-metric{display:grid;grid-template-columns:auto 1fr;column-gap:5px;align-items:baseline;min-width:0}.km-client-list-metric b{font-size:var(--km-font-lg,16px);color:var(--text,var(--ink))}.km-client-list-metric span{font-size:var(--km-font-xs,11px);color:var(--muted)}.km-client-list-metric em{grid-column:1/-1;margin-top:2px;font-style:normal;color:var(--muted);font-size:var(--km-font-2xs,10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.km-client-list-domain{display:grid;gap:2px}.km-client-list-domain b{font-size:var(--km-font-sm,12px)}.km-client-list-domain span{font-size:var(--km-font-2xs,10px);color:var(--muted)}.km-client-list-domain.ok b{color:#1f7a50}.km-client-list-domain.pending b{color:#a26726}
.km-client-list-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;min-width:0}.km-client-list-actions .btn{min-height:34px!important;height:34px!important;padding:0 10px!important;white-space:nowrap;font-size:var(--km-font-2xs,10px)!important;border-radius:10px!important}
.km-client-list-more{display:block;margin:12px auto;min-width:220px}
.km-client-list-empty{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px;color:var(--muted)}.km-client-list-empty strong{color:var(--text,var(--ink));font-size:var(--km-font-md,14px)}
.km-client-back{display:inline-flex;align-items:center;gap:5px;margin:0 0 8px;padding:0;border:0;background:transparent;color:#24577a;font:inherit;font-size:var(--km-font-sm,12px);font-weight:800;cursor:pointer}.km-client-back:hover{text-decoration:underline}
.km-client-360-detail{display:none!important;width:100%;max-width:none}
.km-client-360-layout.has-selection .km-client-360-detail{display:block!important}
.km-client-360-layout.has-selection #clientList{display:none!important}
.km-clients-360.km-client-detail-open .searchline,.km-clients-360.km-client-detail-open .km-client-toolbar{display:none!important}
.km-clients-360.km-client-detail-open .km-client-360-layout{margin-top:0}

body.theme-dark .km-client-list-head{background:#102231;color:#a9bac9;border-color:#2a4256}
body.theme-dark .km-client-list-row{background:#0c1b29!important;border-color:#2a4256!important}
body.theme-dark .km-client-list-row:hover{background:#102231!important}
body.theme-dark .km-client-list-row.selected{background:#2c241a!important;box-shadow:inset 4px 0 0 #d49145!important}
body.theme-dark .km-client-list-avatar{background:#173149;color:#dbe8f2}
body.theme-dark .km-client-back{color:#9ac9e7}

@media(max-width:900px){
  .km-clients-360 #clientList{max-height:none;overflow:visible;border-radius:14px}
  .km-client-list-head{display:none}
  .km-client-list-row{min-width:0;grid-template-columns:1fr;gap:9px;padding:13px!important}
  .km-client-list-main{grid-template-columns:36px minmax(0,1fr)}
  .km-client-list-avatar{width:36px;height:36px}
  .km-client-list-metric,.km-client-list-domain{grid-template-columns:auto auto 1fr;justify-content:start;gap:5px}.km-client-list-metric em{grid-column:auto;margin:0}.km-client-list-domain{display:flex;align-items:baseline;gap:6px}
  .km-client-list-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.km-client-list-actions .btn{width:100%;height:var(--km-control-h,44px)!important;min-height:var(--km-control-h,44px)!important;font-size:var(--km-font-xs,11px)!important}.km-client-list-actions .btn:last-child{grid-column:1/-1}
  .km-client-360-layout.has-selection .km-client-360-detail{display:block!important}.km-client-360-detail{border-radius:14px;padding:12px}
}