/* ============================================================================
   DeviceOps — Auth layout (login/reset-password) logo + card sizing
   Small, scoped refinement over layouts/dark.blade.php.
   ========================================================================== */

/* The logo was previously height:75px!important (Metronic's .h-75px), which
   locks the rendered height at every breakpoint and lets the browser's
   default img{max-width:100%} silently distort/shrink it once the
   container narrows. Driving the size from width + height:auto keeps the
   aspect ratio intact.

   One clamp(), no breakpoints: the preferred value (44vw) only ever wins
   below ~614px viewport width (44vw = 270px at 613.6px), so from 614px
   upward — desktop through tablet — the logo sits flat at the 270px max,
   giving it the same visual prominence everywhere ≥600px. Below that it
   scales down continuously with the viewport instead of jumping at a
   breakpoint, only shrinking further once space actually requires it. */
.auth-logo {
    width: clamp(140px, 44vw, 270px);
    height: auto;
}

/* The card used a lg-only fixed width (w-lg-500px), leaving no explicit
   width below that breakpoint — it fell back to content-driven flex sizing,
   which reads narrower than necessary on tablet/small mobile. Filling the
   available width up to the same 500px cap keeps desktop identical while
   using the space that's already safely reserved by the layout's own
   padding on smaller screens. */
.auth-card {
    width: 100%;
    max-width: 500px;
}