/* v368: botón clásico con texto HTML y el acabado verde de Cargar grilla. */
body main>.page-title>#newClientBtn{--header-accent:#79e6a3;--header-start:#21513b;--header-end:#142b22;--header-border:#55986d;--header-text:#effbf4;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;align-self:center;justify-self:end;gap:8px;width:auto;max-width:100%;min-width:190px;height:44px;min-height:44px;padding:0 18px;border:1px solid var(--header-border);border-left:3px solid var(--header-accent);border-radius:12px;background:linear-gradient(115deg,var(--header-start),var(--header-end) 85%);box-shadow:inset 0 1px #bce8cc12;color:var(--header-text);overflow:hidden;font:700 13px/1.25 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;filter:none;transition:border-color .18s,background .18s}
body main>.page-title>#newClientBtn::before{content:'';position:absolute;z-index:-1;pointer-events:none;width:65%;height:230%;right:-12%;bottom:-175%;border-radius:75% 0 0 0;transform:rotate(-25deg);background:linear-gradient(130deg,color-mix(in srgb,var(--header-accent) 16%,transparent),color-mix(in srgb,var(--header-accent) 4%,transparent))}
body main>.page-title>#newClientBtn>.client-new-icon{color:var(--header-accent);font:600 18px/1 Inter,Arial,sans-serif}
body main>.page-title>#newClientBtn:hover:not(:disabled){border-color:var(--header-accent);filter:none;background:linear-gradient(115deg,color-mix(in srgb,var(--header-start) 86%,var(--header-accent)),var(--header-end) 85%);box-shadow:inset 0 1px #bce8cc12}
body main>.page-title>#newClientBtn:focus-visible{outline:2px solid var(--header-accent);outline-offset:3px}
body main>.page-title>#newClientBtn:disabled{opacity:.6;cursor:wait}
/* En ancho medio, el título ocupa la primera fila y las acciones la segunda.
   No se cambia el tamaño ni el funcionamiento del navegador de fecha. */
@media(min-width:691px) and (max-width:1150px){body main>.page-title{grid-template-columns:minmax(0,1fr) auto}body main>.page-title>.client-title{grid-column:1/-1}}
@media(max-width:690px){body main>.page-title>#newClientBtn{width:min(190px,100%);min-width:0}}
@media(prefers-reduced-motion:reduce){body main>.page-title>#newClientBtn{transition:none}}