/* Intrinsic widths must shrink within the staff workspace at every viewport. */
body.eu-portal-page #brx-content, .eu-hub-shell { width:100%; min-width:0; }
.eu-hub-shell *, .eu-auth-shell * { box-sizing:border-box; }
.eu-hub-shell .brxe-container { width:100%; max-width:960px; min-width:0; }
.eu-hub-shell .brxe-container > *, .eu-hub-shell .brxe-shortcode, .eu-staff-tool-card, .eu-passkey-settings, .eu-passkey-settings .fls2fa { width:100%; max-width:100%; min-width:0; }
.eu-hub-shell p,.eu-hub-shell h1,.eu-hub-shell h2,.eu-passkey-settings .fls2fa__meta,.eu-passkey-settings .fls2fa__device-name { white-space:normal; overflow-wrap:anywhere; }
.eu-hub-brandbar { flex-wrap:wrap; }
.eu-hub-brand,.eu-hub-brandbar > * { min-width:0; max-width:100%; }
.eu-passkey-settings .fls2fa__line,.eu-passkey-settings .fls2fa__device { flex-wrap:wrap; }
.eu-passkey-settings .fls2fa__body { flex:1 1 140px; }
.eu-passkey-settings .fls2fa-modal__dialog { max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:auto; }
@media(max-width:600px){
 .eu-hub-shell{padding:24px 16px 32px}
 .eu-hub-shell .brxe-container{gap:18px}
 .eu-hub-brandbar{gap:12px;margin-bottom:8px}
 .eu-hub-brand img{width:145px}
 .eu-hub-signout{min-height:44px;display:flex;align-items:center;padding:10px 12px}
 .eu-hub-shell .brxe-heading{font-size:28px;letter-spacing:-.5px}
 .eu-hub-shell .eu-staff-tool-card{padding:20px}
 .eu-hub-shell .eu-staff-tool-card h2,.eu-passkey-settings h2{font-size:23px;line-height:1.3;letter-spacing:-.4px}
 .eu-hub-shell .eu-staff-tool-card p,.eu-hub-shell .brxe-text-basic,.eu-passkey-settings .fls2fa__intro{font-size:15px;line-height:1.55}
 .eu-hub-shell .eu-staff-tool-button{display:block;text-align:center;white-space:normal;padding:12px 14px;min-height:44px}
 .eu-passkey-settings{margin-top:24px}
 .eu-passkey-settings .fls2fa__row{padding:14px}
 .eu-passkey-settings .fls2fa__line{gap:10px}
 .eu-passkey-settings .fls2fa__actions{width:100%;min-width:0;justify-content:flex-start;padding-left:44px;flex-wrap:wrap}
 .eu-passkey-settings .fls2fa__action,.eu-passkey-settings button{min-height:44px;white-space:normal}
 .eu-passkey-settings .fls2fa__devices{padding-left:0}
 .eu-passkey-settings .fls2fa__device{gap:8px}
 .eu-passkey-settings .fls2fa__device-main{flex-basis:100%}
 .eu-passkey-settings input,.eu-passkey-settings textarea{max-width:100%;font-size:16px}
 .eu-passkey-settings .fls2fa__modal-actions{flex-wrap:wrap}
}
.eu-passkey-settings .button { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #cbd3d7;border-radius:6px;background:#fff;font:600 14px/1.4 Arial,sans-serif;color:#0b2537;text-decoration:none; }
.eu-passkey-settings .button-primary { background:#bb3b16;color:#fff;border-color:#bb3b16; }
/* Consistent workspace cards and clearly grouped account actions. */
.eu-hub-shell .eu-staff-tool-card{border:1px solid #dce1e2;border-top:3px solid #bb3b16;box-shadow:0 8px 24px rgba(11,37,55,.04)}
.eu-passkey-settings{padding:24px;background:#fff;border:1px solid #dce1e2;border-radius:18px;box-shadow:0 8px 24px rgba(11,37,55,.04)}
.eu-passkey-settings h2{margin:0 0 10px}
.eu-passkey-settings .fls2fa{margin:0}
.eu-passkey-settings .fls2fa__intro{font:14px/1.55 Arial,sans-serif;margin:0 0 20px;max-width:62ch}
.eu-passkey-settings .fls2fa__card{background:transparent;border:0;box-shadow:none;border-radius:0}
.eu-passkey-settings .fls2fa__row{padding:20px 0;border-top:1px solid #e6e9eb}
.eu-passkey-settings .fls2fa__row:first-child{border-top:1px solid #e6e9eb}
.eu-passkey-settings .fls2fa__line{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px 12px;align-items:center}
.eu-passkey-settings .fls2fa__body{grid-column:2;min-width:0}
.eu-passkey-settings .fls2fa__status{grid-column:3;grid-row:1;align-self:start;margin-top:4px}
.eu-passkey-settings .fls2fa__actions{grid-column:2 / -1;grid-row:2;width:auto;padding:0;min-width:0;justify-content:flex-start}
.eu-passkey-settings .fls2fa__name{font:600 16px/1.4 Arial,sans-serif;color:#0b2537}
.eu-passkey-settings .fls2fa__meta{font:13px/1.5 Arial,sans-serif;color:#52616b;margin-top:3px}
.eu-passkey-settings .fls2fa__devices{margin:16px 0 0;padding:0;list-style:none}
.eu-passkey-settings .fls2fa__device{padding:14px;background:#f6f8f9;border:1px solid #e2e7e9;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.eu-passkey-settings .fls2fa__device-main{flex:1 1 180px;min-width:0}
.eu-passkey-settings .fls2fa__device-name{font:600 14px/1.4 Arial,sans-serif;color:#0b2537}
.eu-passkey-settings .fls2fa__device-meta{font:12px/1.55 Arial,sans-serif;margin-top:4px;color:#52616b}
.eu-passkey-settings .fls2fa__device .button{font-size:13px;padding:8px 12px;min-height:44px;background:#fff}
.eu-passkey-settings .fls2fa__row:last-child{padding-bottom:0}
@media(max-width:600px){
 .eu-passkey-settings{padding:20px;margin-top:20px;border-radius:18px}
 .eu-passkey-settings h2{font-size:22px}
 .eu-passkey-settings .fls2fa__line{grid-template-columns:30px minmax(0,1fr);gap:8px 10px;align-items:start}
 .eu-passkey-settings .fls2fa__icon{width:30px;height:30px}
 .eu-passkey-settings .fls2fa__status{grid-column:2;grid-row:2;justify-self:start;margin:0}
 .eu-passkey-settings .fls2fa__actions{grid-column:2;grid-row:3;gap:8px}
 .eu-passkey-settings .fls2fa__action{min-width:0}
 .eu-passkey-settings .fls2fa__device-main{flex-basis:100%}
 .eu-passkey-settings .fls2fa__device{padding:12px;gap:10px}
 .eu-passkey-settings .fls2fa__row{padding:18px 0}
 .eu-hub-shell .eu-staff-tool-card p{margin:12px 0}
 .eu-hub-shell .eu-staff-tool-card h2{margin:0 0 12px}
}
.eu-passkey-settings .fls2fa__devices .fls2fa__device:first-child{padding:14px;border:1px solid #e2e7e9}
@media(max-width:600px){.eu-passkey-settings .fls2fa__devices .fls2fa__device:first-child{padding:12px}}
body.eu-portal-page #brx-footer .brxe-container{justify-content:center;align-items:center;text-align:center}body.eu-portal-page #brx-footer .brxe-container>*{text-align:center}@media(max-width:767px){body.eu-portal-page #brx-footer .brxe-container>*{width:100%;text-align:center}}

/* The site header owns branding; the workspace row contains only account actions. */
.eu-hub-brandbar{justify-content:flex-end}
body.eu-portal-page .eu-hub-shell{width:100%;padding-left:24px;padding-right:24px}
@media(max-width:600px){body.eu-portal-page .eu-hub-shell{padding-left:16px;padding-right:16px}}