.read-only-banner{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;background:var(--accent-danger);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding:10px var(--space-4);text-align:center;z-index:var(--z-toast);border-bottom:2px solid #ffffff;font-family:inherit;-webkit-tap-highlight-color:transparent;pointer-events:none}.read-only-banner[hidden]{display:none}.read-only-banner__icon{display:inline-block;margin-right:var(--space-2);font-size:var(--font-size-lg);vertical-align:middle}.read-only-banner__message{display:inline-block;vertical-align:middle}body.read-only-active{padding-top:calc(env(safe-area-inset-top,0px) + 42px)}body.read-only-active .sign-out-control{top:calc(env(safe-area-inset-top,0px) + 42px + var(--space-2))}@media (max-width: 639px){.read-only-banner{font-size:var(--font-size-sm);padding:8px var(--space-3)}body.read-only-active{padding-top:calc(env(safe-area-inset-top,0px) + 38px)}body.read-only-active .sign-out-control{top:calc(env(safe-area-inset-top,0px) + 38px + var(--space-2))}}.device-approval-banner{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:var(--z-sticky);background:var(--accent-warn);color:var(--bg-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:10px var(--space-4);text-align:center;border-bottom:1px solid rgba(0,0,0,.2);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.device-approval-banner[hidden]{display:none}.device-approval-banner__icon{display:inline-block;font-size:var(--font-size-lg);flex:0 0 auto}.device-approval-banner__message{flex:1 1 auto;max-width:80ch;line-height:1.35}.device-approval-banner__message strong{font-weight:var(--font-weight-bold)}.device-approval-banner[data-state=revoked]{background:var(--accent-warn);box-shadow:inset 0 -3px #00000040}body.device-pending-active,body.device-revoked-active{padding-top:calc(env(safe-area-inset-top,0px) + var(--v4-device-banner-height, 42px))}body.read-only-active.device-pending-active,body.read-only-active.device-revoked-active{padding-top:calc(env(safe-area-inset-top,0px) + 42px + var(--v4-device-banner-height, 42px))}body.read-only-active .device-approval-banner{top:calc(env(safe-area-inset-top,0px) + 42px)}body.device-pending-active:not(.read-only-active) .sign-out-control,body.device-revoked-active:not(.read-only-active) .sign-out-control{top:calc(env(safe-area-inset-top,0px) + var(--v4-device-banner-height, 42px) + 8px)}body.read-only-active.device-pending-active .sign-out-control,body.read-only-active.device-revoked-active .sign-out-control{top:calc(env(safe-area-inset-top,0px) + 42px + var(--v4-device-banner-height, 42px) + 8px)}@media (max-width: 639px){.device-approval-banner{padding:var(--space-2) var(--space-3);font-size:var(--font-size-md)}body.device-pending-active,body.device-revoked-active{padding-top:calc(env(safe-area-inset-top,0px) + var(--v4-device-banner-height, 38px))}body.read-only-active.device-pending-active,body.read-only-active.device-revoked-active{padding-top:calc(env(safe-area-inset-top,0px) + 38px + var(--v4-device-banner-height, 38px))}body.read-only-active .device-approval-banner{top:calc(env(safe-area-inset-top,0px) + 38px)}}