/* LEGROTEC Servicios SaaS v1.7.2 - listados simples, búsqueda viva y login claro */
:root{--svc-blue:#0b82d8;--svc-blue-dark:#2547ad;--svc-green:#16a34a;--svc-navy:#071735;--svc-muted:#667085;--svc-line:#dce6f2;--svc-soft:#f7faff;--svc-bg:#f4f7fb;}

/* Login claro y legible: evita campos oscuros heredados del navegador/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;letter-spacing:.035em!important;opacity:1!important;text-shadow:none!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:#68788f!important;opacity:1!important;-webkit-text-fill-color:#68788f!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,.14)!important;outline:none!important;}

/* Encabezado compacto */
.svc-page-head-compact{align-items:flex-start!important;gap:12px!important;margin-bottom:14px!important;}
.svc-page-head-compact h1{margin-bottom:4px!important;}
.svc-page-head-compact p{max-width:720px!important;}

/* Buscador simple para cotizaciones/facturas */
.svc-search-card{padding:16px!important;margin-bottom:14px!important;overflow:visible!important;}
.svc-filter-bar-simple{display:grid!important;grid-template-columns:minmax(260px,1fr) 150px auto auto!important;align-items:center!important;gap:10px!important;}
.svc-filter-bar-simple input,.svc-filter-bar-simple select{height:44px!important;border:1px solid #cbd8ea!important;border-radius:12px!important;background:#fff!important;color:#071735!important;}
.svc-autocomplete-wrap{position:relative!important;overflow:visible!important;}
.svc-smart-autocomplete{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:0!important;z-index:3000!important;background:#fff!important;border:1px solid #cbd8ea!important;border-radius:14px!important;box-shadow:0 18px 40px rgba(15,23,42,.16)!important;overflow:hidden!important;max-height:310px!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:10px 12px!important;border-bottom:1px solid #eef3f9!important;display:grid!important;grid-template-columns:86px 1fr!important;column-gap:10px!important;row-gap:2px!important;align-items:center!important;}
.svc-smart-autocomplete button:hover{background:#edf7ff!important;}
.svc-smart-autocomplete b{font-size:.68rem!important;text-transform:uppercase!important;color:#0b82d8!important;letter-spacing:.06em!important;}
.svc-smart-autocomplete strong{font-size:.9rem!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:.78rem!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* Listado simple: solo documento, cliente y acciones */
.svc-doc-list-card{padding:16px!important;}
.svc-doc-list{display:flex!important;flex-direction:column!important;gap:10px!important;}
.svc-doc-row{display:grid!important;grid-template-columns:230px minmax(260px,1fr) 190px!important;gap:14px!important;align-items:center!important;background:#fff!important;border:1px solid #dce6f2!important;border-radius:16px!important;padding:14px 16px!important;box-shadow:0 10px 24px rgba(15,23,42,.05)!important;}
.svc-doc-number span,.svc-doc-client span{display:block!important;font-size:.68rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#8a98ad!important;font-weight:900!important;margin-bottom:3px!important;}
.svc-doc-number strong,.svc-doc-client strong{display:block!important;color:#071735!important;font-weight:900!important;font-size:1rem!important;line-height:1.2!important;}
.svc-doc-client small{display:block!important;color:#667085!important;font-size:.78rem!important;margin-top:3px!important;line-height:1.25!important;}
.svc-status-dot{display:inline-flex!important;margin-top:6px!important;border-radius:999px!important;padding:3px 8px!important;font-size:.72rem!important;font-style:normal!important;font-weight:900!important;background:#eef3f9!important;color:#415169!important;}
.svc-status-dot.is-paid{background:#dcfce7!important;color:#166534!important;}
.svc-status-dot.is-pending{background:#fff7ed!important;color:#9a3412!important;}
.svc-status-dot.is-cancelled{background:#fee2e2!important;color:#991b1b!important;}
.svc-doc-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
.svc-doc-actions .btn{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-weight:900!important;padding:10px 12px!important;box-sizing:border-box!important;}
.svc-empty-state{border:1px dashed #cbd8ea!important;border-radius:16px!important;padding:18px!important;text-align:center!important;color:#667085!important;background:#f8fbff!important;font-weight:800!important;}

@media(max-width:980px){
  body.servicios-app-body .svc-content{width:calc(100% - 18px)!important;padding-top:10px!important;}
  .svc-page-head-compact{display:flex!important;flex-direction:column!important;gap:10px!important;}
  .svc-page-head-compact .btn{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .svc-search-card{padding:12px!important;border-radius:14px!important;}
  .svc-filter-bar-simple{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:42px!important;box-sizing:border-box!important;}
  .svc-doc-list-card{padding:12px!important;border-radius:14px!important;}
  .svc-doc-row{grid-template-columns:1fr!important;gap:10px!important;border-radius:14px!important;padding:12px!important;}
  .svc-doc-number,.svc-doc-client{border-bottom:1px solid #eef3f9!important;padding-bottom:8px!important;}
  .svc-doc-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .svc-doc-actions .btn{min-height:44px!important;font-size:.9rem!important;}
  .svc-card-title-row h2{font-size:1.05rem!important;}
}

@media(max-width:420px){
  .svc-doc-number strong,.svc-doc-client strong{font-size:.94rem!important;}
  .svc-doc-client small{font-size:.72rem!important;}
  .svc-smart-autocomplete button{grid-template-columns:72px 1fr!important;padding:9px 10px!important;}
  .svc-smart-autocomplete strong{font-size:.84rem!important;}
  .svc-smart-autocomplete span{font-size:.72rem!important;}
}