/* SVSEGUROS V600 — Clientes Premium C1 (sobre B8+B11)
   Aproximação visual à maqueta: branco, vermelho institucional #bc1830,
   azul de títulos #172d4a, cartões baixos, tabela compacta, 72/28. */
#app-view #clientes:not(.hidden){--c1-navy:#172b47;--c1-red:#bd1932;--c1-border:#e8edf3;--c1-muted:#77869a;}
#app-view #clientes .v600-module-premium-title{margin-bottom:7px!important;padding-bottom:0!important;}
#app-view #clientes .v600-module-premium-title h2{font-size:23px!important;letter-spacing:-.04em!important;line-height:1.05!important;}
#app-view #clientes .v600-module-premium-title p{font-size:11px!important;margin-top:5px!important;color:#79899b!important;}
#app-view #clientes .v600-module-premium-eyebrow{font-size:9px!important;letter-spacing:.09em!important;}
#app-view #clientes .v600-module-premium-status{font-size:9px!important;padding:6px 9px!important;}
/* Quatro KPI com composição visual semelhante à maqueta. */
#app-view #clientes .v600-b6-summary{gap:8px!important;margin-bottom:8px!important;}
#app-view #clientes .v600-b6-stat{
  min-height:74px!important;height:74px!important;border-radius:10px!important;
  padding:12px 10px 9px 49px!important;box-shadow:0 3px 10px rgba(21,45,77,.035)!important;
  border:1px solid var(--c1-border)!important;justify-content:center!important;
}
#app-view #clientes .v600-b6-stat::after{height:0!important;}
#app-view #clientes .v600-b6-stat-icon{
  top:15px!important;left:11px!important;right:auto!important;width:30px!important;height:30px!important;
  font-size:15px!important;border-radius:9px!important;
}
#app-view #clientes .v600-b6-stat-label{font-size:10px!important;line-height:1.15!important;font-weight:750!important;padding-right:0!important;color:#60718a!important;}
#app-view #clientes .v600-b6-stat-value{font-size:21px!important;line-height:1!important;margin:4px 0 0!important;font-weight:850!important;color:var(--c1-navy)!important;}
#app-view #clientes .v600-b6-stat-sub{font-size:9px!important;padding-top:3px!important;margin-top:0!important;color:#8593a5!important;}
/* Pesquisa e botões */
#app-view #clientes > .toolbar{
  border:1px solid var(--c1-border)!important;background:#fff!important;border-radius:10px 10px 0 0!important;
  box-shadow:none!important;margin:0!important;min-height:48px!important;padding:6px 9px!important;gap:8px!important;
  display:flex!important;flex-wrap:nowrap!important;
}
#app-view #clientes > .toolbar #client-search{font-size:11px!important;padding:9px 12px!important;min-width:0!important;min-height:35px!important;border-radius:8px!important;}
#app-view #clientes > .toolbar .client-toolbar-actions{flex:0 0 auto!important;gap:5px!important;flex-wrap:nowrap!important;}
#app-view #clientes[data-v600-c1="1"] .client-status-filter{display:none!important;} /* Estado fica no seletor equivalente. */
#app-view #clientes > .toolbar #clients-count{font-size:9px!important;white-space:nowrap!important;}
#app-view #clientes > .toolbar #new-client{min-height:33px!important;font-size:10px!important;white-space:nowrap!important;padding:7px 10px!important;border-radius:8px!important;}
#app-view #clientes .v600-c1-tools{display:flex;gap:5px;}
#app-view #clientes .v600-c1-tool{color:#42536a;border:1px solid #e1e7ef;border-radius:7px;background:#fff;font-size:10px;font-weight:650;white-space:nowrap;min-height:32px;padding:6px 8px;cursor:pointer;}
#app-view #clientes .v600-c1-tool:hover{background:#f6f8fc;color:#b31f34;}
/* Barra de filtros com campos não implementados desativados explicitamente. */
#app-view #clientes .v600-c1-advanced{
  background:#fff;border:1px solid var(--c1-border);border-top:none;
  border-radius:0 0 10px 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;
  gap:8px;padding:8px 10px 10px;margin:0 0 10px;
}
#app-view #clientes .v600-c1-field{display:flex;flex-direction:column;gap:4px;min-width:0;}
#app-view #clientes .v600-c1-field > span{font-size:9px;color:#718198;font-weight:750;}
#app-view #clientes .v600-c1-select{background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:100%;min-width:0;height:31px;padding:5px 8px;font-size:10px;color:#45556b;}
#app-view #clientes .v600-c1-select:disabled{opacity:.55;background:#f4f6f9;cursor:not-allowed;}
#app-view #clientes .v600-c1-filter-actions{display:flex;align-items:center;gap:5px;}
#app-view #clientes .v600-c1-link{background:transparent;border:0;color:#577aa9;font-size:10px;cursor:pointer;padding:6px;white-space:nowrap;}
#app-view #clientes .v600-c1-search{background:#172f53;color:#fff;border:none;border-radius:7px;padding:8px 13px;font-size:10px;font-weight:700;cursor:pointer;}
#app-view #clientes :is(.v600-c1-link,.v600-c1-tool,.v600-c1-search):focus-visible{outline:2px solid #b51f32;outline-offset:2px;}
/* Tabela compacta — preserva as sete colunas originais e todas as ações. */
#app-view #clientes .panel.table-panel{background:#fff!important;border-radius:10px!important;border:1px solid var(--c1-border)!important;box-shadow:none!important;}
#app-view #clientes .table-panel table{min-width:690px!important;table-layout:auto;}
#app-view #clientes .table-panel thead th{padding:8px 9px!important;background:#f7f9fc!important;color:#77889d!important;font-size:8.5px!important;letter-spacing:.035em!important;font-weight:850!important;}
#app-view #clientes .table-panel tbody td{padding:6px 9px!important;font-size:10px!important;line-height:1.25!important;height:38px!important;}
#app-view #clientes .table-panel tbody td:nth-child(2){font-weight:800!important;color:#233751!important;}
#app-view #clientes .table-panel tbody td:not(:nth-child(2)){color:#64758c!important;}
#app-view #clientes .table-panel tbody button{min-height:25px!important;padding:4px 6px!important;font-size:9px!important;border-radius:6px!important;}
#app-view #clientes .table-panel tbody tr:nth-child(even) td{background:#fcfdff!important;}
#app-view #clientes .table-panel tbody tr.v600-b6-row-selected td{background:#f0f5fd!important;}
#app-view #clientes .table-panel tbody tr:hover td{background:#eef5ff!important;}
/* Painel lateral ao estilo da maqueta, sem simular dados indisponíveis. */
#app-view #clientes .v600-b6-client-preview{
  padding:12px!important;border-radius:10px!important;
  border:1px solid var(--c1-border)!important;border-top:2px solid #b51f32!important;
  box-shadow:0 4px 16px rgba(28,46,73,.04)!important;
}
#app-view #clientes .v600-b6-client-head{display:grid!important;grid-template-columns:33px minmax(0,1fr)!important;align-items:center!important;gap:4px 8px!important;margin-bottom:9px!important;}
#app-view #clientes .v600-c1-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dceafa;color:#2a5388;font-size:11px;font-weight:850;}
#app-view #clientes .v600-b6-eyebrow{font-size:9px!important;}
#app-view #clientes .v600-b6-client-head h3{font-size:13px!important;margin:2px 0!important;}
#app-view #clientes .v600-b6-client-head .v600-b6-readonly{grid-column:2;justify-self:start;font-size:9px!important;padding:3px 7px!important;}
#app-view #clientes .v600-b6-client-body{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
#app-view #clientes .v600-b6-client-detail{background:#f8fafc!important;border-radius:7px!important;padding:7px 8px!important;}
#app-view #clientes .v600-b6-client-detail small{font-size:9px!important;margin-bottom:3px!important;}
#app-view #clientes .v600-b6-client-detail strong{font-size:10px!important;line-height:1.3!important;}
#app-view #clientes .v600-b6-client-detail:first-child{grid-column:1/-1;}
#app-view #clientes .v600-c1-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;}
#app-view #clientes .v600-c1-mini-action{font-size:10px;font-weight:700;padding:7px;border:1px solid #e0e7ef;color:#345474;background:#fff;border-radius:7px;cursor:pointer;}
#app-view #clientes .v600-c1-mini-action:hover{background:#f4f7fb;}
#app-view #clientes .v600-c1-aside-section{padding:10px 1px;border-top:1px solid #ecf0f4;}
#app-view #clientes .v600-c1-aside-section h4{font-size:11px;margin:0 0 4px;color:var(--c1-navy);font-weight:850;}
#app-view #clientes .v600-c1-aside-section p{font-size:9px;color:#8d99a9;margin:0;line-height:1.45;}
#app-view #clientes .v600-b6-client-foot{margin-top:5px!important;padding-top:8px!important;}
#app-view #clientes .v600-b6-client-foot span{font-size:9px!important;}
#app-view #clientes .v600-b6-open-client{font-size:10px!important;min-height:33px!important;padding:7px!important;}
/* Desktop: 72/28 para reproduzir a composição geral. A barra de filtros acrescenta uma linha. */
@media(min-width:1280px){
 #app-view #clientes:not(.hidden){grid-template-columns:minmax(0,72fr) minmax(255px,28fr)!important;column-gap:12px!important;row-gap:9px!important;}
 #app-view #clientes:not(.hidden) > .v600-module-premium-title{grid-row:1!important;}
 #app-view #clientes:not(.hidden) > .v600-b6-summary{grid-row:2!important;}
 #app-view #clientes:not(.hidden) > .toolbar{grid-row:3!important;}
 #app-view #clientes:not(.hidden) > .v600-c1-advanced{grid-column:1/-1!important;grid-row:4!important;}
 #app-view #clientes:not(.hidden) > .panel.table-panel{grid-column:1!important;grid-row:5!important;}
 #app-view #clientes:not(.hidden) > .v600-b6-client-preview{grid-column:2!important;grid-row:5!important;top:12px!important;}
}
@media(max-width:1279px){
 #app-view #clientes > .toolbar{flex-wrap:wrap!important;}
 #app-view #clientes .v600-c1-advanced{grid-template-columns:repeat(2,minmax(0,1fr));}
 #app-view #clientes .v600-c1-filter-actions{grid-column:1/-1;justify-content:flex-end;}
}
@media(max-width:740px){
 #app-view #clientes .v600-b6-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 #app-view #clientes .v600-b6-stat{height:auto!important;min-height:80px!important;}
 #app-view #clientes .v600-c1-tools{order:3;width:100%;justify-content:flex-start;}
 #app-view #clientes .client-toolbar-actions{flex-wrap:wrap!important;width:100%;}
 #app-view #clientes .v600-c1-advanced{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:420px){
 #app-view #clientes .v600-c1-advanced{grid-template-columns:1fr 1fr;gap:6px;}
 #app-view #clientes .v600-b6-stat{padding:9px 6px 8px 42px!important;}
 #app-view #clientes .v600-b6-stat-icon{width:25px!important;height:25px!important;left:8px!important;top:15px!important;}
 #app-view #clientes .v600-b6-stat-value{font-size:18px!important;}
}
/* Altura total dos KPI, incluindo padding/bordas. */
#app-view #clientes .v600-b6-stat{box-sizing:border-box!important;}