/* Servicios SaaS v1.7.4 - compact lists, live autocomplete and login remember */

/* Login: campos claros y checkbox de recordar */
.servicios-login-form input[type="text"],
.servicios-login-form input[type="password"]{
  background:#ffffff!important;
  color:#071735!important;
  border:1.5px solid #b8c6d8!important;
  -webkit-text-fill-color:#071735!important;
}
.servicios-login-form label{
  color:#10213f!important;
  opacity:1!important;
}
.svc-remember-login{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0 14px!important;
  color:#24364f!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.svc-remember-login input{
  width:18px!important;
  height:18px!important;
  margin:0!important;
  accent-color:#0b82d8!important;
  -webkit-text-fill-color:initial!important;
}
.svc-remember-login span{line-height:1.25!important;}

/* Autocompletado siempre visible sobre tarjetas */
.svc-autocomplete-wrap{position:relative!important;z-index:40!important;}
.svc-smart-autocomplete,
.svc-autocomplete-list{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 6px)!important;
  z-index:9999!important;
  background:#ffffff!important;
  color:#071735!important;
  border:1px solid #c9d6e5!important;
  border-radius:14px!important;
  box-shadow:0 18px 38px rgba(15,23,42,.18)!important;
  overflow:hidden!important;
  max-height:290px!important;
  overflow-y:auto!important;
}
.svc-smart-autocomplete[hidden],
.svc-autocomplete-list[hidden]{display:none!important;}
.svc-smart-autocomplete button,
.svc-autocomplete-list button{
  width:100%!important;
  display:grid!important;
  grid-template-columns:82px 1fr!important;
  grid-template-areas:"type title" "type meta"!important;
  gap:1px 10px!important;
  padding:10px 12px!important;
  border:0!important;
  border-bottom:1px solid #edf2f7!important;
  background:#fff!important;
  color:#071735!important;
  text-align:left!important;
  border-radius:0!important;
}
.svc-smart-autocomplete button:hover,
.svc-autocomplete-list button:hover{background:#eef6ff!important;}
.svc-smart-autocomplete b,
.svc-autocomplete-list b{grid-area:type;color:#0b82d8!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
.svc-smart-autocomplete strong,
.svc-autocomplete-list strong{grid-area:title;font-size:13px!important;color:#071735!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.svc-smart-autocomplete span,
.svc-autocomplete-list span{grid-area:meta;color:#64748b!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.svc-autocomplete-empty{padding:12px;color:#64748b;background:#fff;font-size:13px;}

/* Listados compactos estilo factura para clientes, facturas y cotizaciones */
.svc-doc-list-card-compact{padding:12px!important;}
.svc-doc-list-compact{display:flex!important;flex-direction:column!important;gap:8px!important;}
.svc-doc-row-compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  border:1px solid #dbe5f1!important;
  border-radius:14px!important;
  background:#ffffff!important;
  min-height:0!important;
}
.svc-doc-main{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;}
.svc-doc-main strong{
  font-size:13px!important;
  line-height:1.15!important;
  color:#071735!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.svc-doc-main span{
  font-size:12px!important;
  line-height:1.15!important;
  color:#475569!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.svc-doc-actions-compact{display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important;}
.svc-doc-actions-compact .btn{
  min-width:76px!important;
  padding:9px 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:900!important;
  text-align:center!important;
}
.svc-delete-inside-edit{margin-top:16px;border-top:1px solid #e3eaf3;padding-top:14px;display:flex;justify-content:flex-end;}
.svc-delete-inside-edit .btn{width:auto;}

@media(max-width:720px){
  .svc-page-head-compact{gap:10px!important;margin-bottom:10px!important;}
  .svc-page-head-compact h1{font-size:20px!important;line-height:1.1!important;}
  .svc-page-head-compact p{font-size:12px!important;line-height:1.25!important;}
  .svc-search-card-compact{padding:12px!important;margin-bottom:10px!important;}
  .svc-filter-bar-simple{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  .svc-filter-bar-simple input,
  .svc-filter-bar-simple select,
  .svc-filter-bar-simple .btn{width:100%!important;min-height:38px!important;font-size:12px!important;}
  .svc-doc-list-card-compact{padding:10px!important;margin-top:10px!important;}
  .svc-doc-list-card-compact .svc-card-title-row h2{font-size:16px!important;}
  .svc-doc-row-compact{grid-template-columns:1fr auto!important;padding:8px 9px!important;border-radius:12px!important;gap:8px!important;}
  .svc-doc-main strong{font-size:12px!important;}
  .svc-doc-main span{font-size:11px!important;}
  .svc-doc-actions-compact{gap:6px!important;}
  .svc-doc-actions-compact .btn{min-width:58px!important;padding:8px 9px!important;font-size:11px!important;}
  .svc-smart-autocomplete,
  .svc-autocomplete-list{top:calc(100% + 5px)!important;border-radius:12px!important;max-height:245px!important;}
}

@media(prefers-color-scheme: dark){
  .svc-smart-autocomplete,.svc-autocomplete-list{background:#111827!important;color:#f8fafc!important;border-color:#334155!important;box-shadow:0 20px 44px rgba(0,0,0,.45)!important;}
  .svc-smart-autocomplete button,.svc-autocomplete-list button{background:#111827!important;color:#f8fafc!important;border-bottom-color:#263244!important;}
  .svc-smart-autocomplete button:hover,.svc-autocomplete-list button:hover{background:#172238!important;}
  .svc-smart-autocomplete strong,.svc-autocomplete-list strong{color:#f8fafc!important;}
  .svc-smart-autocomplete span,.svc-autocomplete-list span{color:#cbd5e1!important;}
  .svc-autocomplete-empty{background:#111827!important;color:#cbd5e1!important;}
  .svc-doc-row-compact{background:#151a22!important;border-color:#334155!important;}
  .svc-doc-main strong{color:#f8fafc!important;}
  .svc-doc-main span{color:#cbd5e1!important;}
  .svc-delete-inside-edit{border-top-color:#334155;}
}