/* V1680 — painel de importação de clientes; acompanha a identidade visual atual do TsQualy. */
.clientes-page-header .clientes-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.clientes-page-header .clientes-importar-btn { min-height:38px; }
.clientes-import-panel { margin:12px 0 16px; padding:18px; border:1px solid #d7e2ed; border-radius:12px; background:#fff; }
.clientes-import-panel[hidden] { display:none !important; }
.clientes-import-panel-header { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
.clientes-import-panel-header h3 { margin:0; color:#17324f; font-size:17px; }
.clientes-import-panel-header p { margin:5px 0 0; max-width:850px; color:#66788a; font-size:12.5px; line-height:1.5; }
.clientes-import-controls { display:grid; grid-template-columns:minmax(250px,1fr) auto; align-items:end; gap:12px; margin-top:14px; }
.clientes-import-controls .field { margin:0; min-width:0; }
.clientes-import-controls input[type=file] { box-sizing:border-box; width:100%; min-height:38px; }
.clientes-import-result { margin-top:14px; min-width:0; }
.clientes-import-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.clientes-import-kpi { min-width:0; padding:10px 12px; border:1px solid #e0e8f0; border-radius:9px; background:#f8fafc; }
.clientes-import-kpi small { display:block; min-height:30px; color:#66788a; font-size:11px; line-height:1.3; }
.clientes-import-kpi strong { display:block; margin-top:4px; color:#17324f; font-size:21px; font-weight:700; }
.clientes-import-note { margin-top:12px; padding:10px 12px; border-left:3px solid #e87924; background:#fff8f1; color:#5e4b3d; font-size:12px; line-height:1.5; }
.clientes-import-alert { margin-top:12px; padding:10px 12px; border-radius:8px; font-size:12px; line-height:1.45; }
.clientes-import-alert.ok { border:1px solid #b8dfc6; background:#f1faf4; color:#23623a; }
.clientes-import-alert.erro { border:1px solid #efc1c1; background:#fff5f5; color:#8f3030; }
.clientes-import-alert ul,.clientes-import-details ul { margin:7px 0 0 18px; padding:0; }
.clientes-import-details { margin-top:10px; padding:9px 11px; border:1px solid #e4eaf0; border-radius:8px; color:#586a7b; font-size:12px; }
.clientes-import-details summary { cursor:pointer; font-weight:600; color:#334b62; }
.clientes-import-preview { margin-top:12px; color:#334b62; font-size:12px; }
.clientes-import-table-wrap { max-height:300px; overflow:auto; margin-top:8px; border:1px solid #dfe7ef; border-radius:8px; }
.clientes-import-table-wrap table { width:100%; border-collapse:collapse; font-size:11.5px; }
.clientes-import-table-wrap th { position:sticky; top:0; padding:8px; background:#17324f; color:#fff; text-align:left; }
.clientes-import-table-wrap td { padding:7px 8px; border-top:1px solid #edf1f5; color:#334b62; }
.clientes-import-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px; padding-top:12px; border-top:1px solid #edf1f5; }
.clientes-import-footer .muted { font-size:11.5px; color:#778797; }
@media(max-width:1000px){.clientes-import-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){
 .clientes-page-header .clientes-header-actions{width:100%;justify-content:flex-start;}
 .clientes-import-panel-header{align-items:flex-start;}
 .clientes-import-controls{grid-template-columns:minmax(0,1fr);}
 .clientes-import-controls button{width:100%;}
 .clientes-import-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
 .clientes-import-footer{align-items:stretch;flex-direction:column;}
 .clientes-import-footer button{width:100%;}
}