/* LEGROTEC Servicios SaaS v1.7.3 - listados compactos, búsqueda viva y flujo cotización->factura */
:root{--svc-blue:#0b82d8;--svc-blue-dark:#0b2e75;--svc-navy:#071735;--svc-line:#d8e2f0;--svc-soft:#f5f8fc;}

/* Login: campos claros y etiquetas legibles aun cuando el teléfono esté en modo oscuro */
body.servicios-login-body .servicios-login-form label,
body.servicios-portal-body .servicios-login-form label{color:#10213f!important;font-weight:900!important;opacity:1!important;text-shadow:none!important;letter-spacing:.035em!important;}
body.servicios-login-body .servicios-login-form input[type="text"],
body.servicios-login-body .servicios-login-form input[type="password"],
body.servicios-portal-body .servicios-login-form input[type="text"],
body.servicios-portal-body .servicios-login-form input[type="password"]{background:#fff!important;color:#071735!important;border:1.5px solid #b8c6d8!important;border-radius:12px!important;box-shadow:none!important;-webkit-text-fill-color:#071735!important;caret-color:#0b82d8!important;}
body.servicios-login-body .servicios-login-form input::placeholder,
body.servicios-portal-body .servicios-login-form input::placeholder{color:#607089!important;opacity:1!important;-webkit-text-fill-color:#607089!important;}
body.servicios-login-body .servicios-login-form input:focus,
body.servicios-portal-body .servicios-login-form input:focus{background:#fff!important;border-color:#0b82d8!important;box-shadow:0 0 0 4px rgba(11,130,216,.16)!important;outline:none!important;}

/* Acciones de cabecera en formularios */
.svc-page-actions{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
.svc-page-actions .btn{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}

/* Buscador con sugerencias visibles */
.svc-search-card-compact{padding:14px!important;margin-bottom:12px!important;overflow:visible!important;}
.svc-filter-bar-simple{display:grid!important;grid-template-columns:minmax(260px,1fr) 150px auto auto!important;gap:8px!important;align-items:center!important;}
.svc-filter-bar-simple input,.svc-filter-bar-simple select{height:40px!important;border:1px solid #cbd8ea!important;border-radius:11px!important;background:#fff!important;color:#071735!important;box-sizing:border-box!important;}
.svc-autocomplete-wrap{position:relative!important;overflow:visible!important;}
.svc-smart-autocomplete{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:0!important;z-index:9999!important;background:#fff!important;color:#071735!important;border:1px solid #b9c8da!important;border-radius:12px!important;box-shadow:0 16px 36px rgba(15,23,42,.22)!important;overflow:hidden!important;max-height:245px!important;overflow-y:auto!important;}
.svc-smart-autocomplete button{width:100%!important;text-align:left!important;border:0!important;background:#fff!important;color:#071735!important;padding:9px 11px!important;border-bottom:1px solid #eef3f9!important;display:grid!important;grid-template-columns:72px 1fr!important;column-gap:8px!important;row-gap:1px!important;align-items:center!important;}
.svc-smart-autocomplete button:hover,.svc-smart-autocomplete button:focus{background:#eaf6ff!important;outline:none!important;}
.svc-smart-autocomplete b{font-size:.62rem!important;text-transform:uppercase!important;color:#0b82d8!important;letter-spacing:.06em!important;font-weight:900!important;}
.svc-smart-autocomplete strong{font-size:.84rem!important;font-weight:900!important;color:#071735!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.svc-smart-autocomplete span{grid-column:2!important;font-size:.7rem!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.svc-autocomplete-empty{padding:10px 12px!important;color:#475569!important;font-weight:800!important;background:#fff!important;}

/* Listados compactos: documento + cliente + acciones */
.svc-doc-list-card-compact{padding:12px!important;}
.svc-doc-list-compact{display:flex!important;flex-direction:column!important;gap:6px!important;}
.svc-doc-row-compact{display:grid!important;grid-template-columns:minmax(230px,1fr) 172px!important;gap:10px!important;align-items:center!important;background:#fff!important;border:1px solid var(--svc-line)!important;border-radius:12px!important;padding:9px 10px!important;box-shadow:none!important;min-height:54px!important;}
.svc-doc-main{display:grid!important;gap:2px!important;min-width:0!important;}
.svc-doc-main strong{font-size:.92rem!important;line-height:1.1!important;color:#071735!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.svc-doc-main span{font-size:.86rem!important;line-height:1.15!important;color:#27364f!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.svc-doc-actions-compact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;}
.svc-doc-actions-compact .btn{min-height:36px!important;width:100%!important;padding:7px 8px!important;border-radius:10px!important;font-size:.82rem!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;}
.svc-count-pill{white-space:nowrap!important;}

/* En tema oscuro del teléfono: mantener contraste sin agrandar tarjetas */
@media (prefers-color-scheme: dark){
  body.servicios-app-body .svc-search-card-compact,
  body.servicios-app-body .svc-doc-list-card-compact,
  body.servicios-app-body .card{border-color:#354052!important;}
  body.servicios-app-body .svc-doc-row-compact{background:#181c22!important;border-color:#3a4557!important;}
  body.servicios-app-body .svc-doc-main strong{color:#f8fafc!important;}
  body.servicios-app-body .svc-doc-main span{color:#dbe5f3!important;}
  body.servicios-app-body .svc-smart-autocomplete{background:#fff!important;color:#071735!important;}
}

@media(max-width:980px){
  body.servicios-app-body .svc-content{width:calc(100% - 16px)!important;padding-top:8px!important;}
  .svc-page-head-compact{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:10px!important;}
  .svc-page-head-compact h1{font-size:1.25rem!important;line-height:1.15!important;margin:0 0 3px!important;}
  .svc-page-head-compact p{font-size:.82rem!important;line-height:1.35!important;margin:0!important;}
  .svc-page-head-compact .btn,.svc-page-actions .btn{width:100%!important;min-height:38px!important;}
  .svc-page-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;}
  .svc-page-actions .btn:last-child{grid-column:1/-1!important;}
  .svc-search-card-compact{padding:10px!important;border-radius:13px!important;margin-bottom:10px!important;}
  .svc-filter-bar-simple{grid-template-columns:1fr!important;gap:7px!important;}
  .svc-filter-bar-simple input,.svc-filter-bar-simple select,.svc-filter-bar-simple .btn{width:100%!important;min-height:38px!important;height:38px!important;box-sizing:border-box!important;font-size:.82rem!important;}
  .svc-doc-list-card-compact{padding:10px!important;border-radius:13px!important;}
  .svc-card-title-row{margin-bottom:8px!important;}
  .svc-card-title-row h2{font-size:1rem!important;}
  .svc-doc-list-compact{gap:6px!important;}
  .svc-doc-row-compact{grid-template-columns:1fr auto!important;padding:8px 9px!important;border-radius:11px!important;min-height:48px!important;gap:8px!important;}
  .svc-doc-actions-compact{grid-template-columns:1fr 1fr!important;width:132px!important;}
  .svc-doc-actions-compact .btn{min-height:34px!important;font-size:.75rem!important;padding:6px!important;}
  .svc-doc-main strong{font-size:.85rem!important;}
  .svc-doc-main span{font-size:.78rem!important;}
  .svc-smart-autocomplete{position:absolute!important;max-height:205px!important;border-radius:11px!important;}
  .svc-smart-autocomplete button{grid-template-columns:62px 1fr!important;padding:8px 9px!important;}
  .svc-smart-autocomplete strong{font-size:.78rem!important;}
  .svc-smart-autocomplete span{font-size:.66rem!important;}
}

@media(max-width:380px){
  .svc-doc-row-compact{grid-template-columns:1fr!important;gap:6px!important;}
  .svc-doc-actions-compact{width:100%!important;}
}