/* Responsive standalone authentication only; keep upstream colours and forms. */
html.sam8-vault-auth{min-width:0;width:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}
.sam8-vault-auth body,.sam8-vault-auth app-root{min-width:0;max-width:100%;margin:0}
.sam8-vault-auth :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:max(16px,1rem)!important;line-height:1.5!important;scroll-margin-block:24px}
.sam8-vault-auth bit-landing-content>div>div{width:100%!important;min-width:0!important;max-width:440px!important}
@media(max-width:600px){
 .sam8-vault-auth bit-landing-header>header{padding-inline:20px!important}
 .sam8-vault-auth bit-landing-content>div{padding:24px 20px!important;min-width:0!important}
 .sam8-vault-auth bit-landing-hero>div{margin-bottom:20px!important}
 .sam8-vault-auth bit-landing-hero h1{font-size:26px!important;line-height:1.3!important}
 .sam8-vault-auth bit-landing-footer>footer{padding:16px 20px!important}
 .sam8-vault-auth bit-landing-card,.sam8-vault-auth bit-base-card{min-width:0;max-width:100%}
}

/* The fixed desktop viewport also shrank item details. Use the viewport width
   throughout the client, with bounded dialog panels on narrow displays. */
html.sam8-vault-responsive{min-width:0;width:100%;font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
.sam8-vault-responsive body,.sam8-vault-responsive app-root{min-width:0;max-width:100%}
.sam8-vault-responsive :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){font-size:max(16px,1rem)!important}
@media(max-width:600px){
 .sam8-vault-responsive .cdk-overlay-pane:has(bit-dialog),.sam8-vault-responsive .cdk-overlay-pane:has([bit-dialog]){min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}
 .sam8-vault-responsive :is(bit-dialog,[bit-dialog]){min-width:0!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important}
 .sam8-vault-responsive app-cipher-view{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere}
}