.demo-account-notice { margin:20px 40px 0; padding:14px 18px; display:flex; gap:20px; align-items:center; justify-content:space-between; border:1px solid #bcd8ed; border-radius:12px; background:#edf7ff; color:#15395e; }
.demo-account-notice b { font-size:16px; }
.demo-account-notice p { margin:4px 0 0; max-width:850px; font-size:14px; line-height:1.5; }
.demo-account-notice a { flex-shrink:0; font-size:14px; color:#1255a0; padding:12px 0; }
body[data-demo-account] #profile-chip { pointer-events:none; }
@media(max-width:760px) { .demo-account-notice { margin:14px 16px 0; padding:12px; align-items:flex-start; flex-direction:column; gap:4px; } }

.demo-account-actions { display:flex; flex-direction:column; align-items:center; gap:2px; flex-shrink:0; }
.demo-account-notice .demo-account-quote { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:10px 16px; border:1px solid #1255a0; border-radius:10px; background:#1255a0; color:#fff; font-weight:600; text-decoration:none; text-align:center; }
.demo-account-notice .demo-account-quote:hover { background:#0b4485; }
.demo-account-actions a:focus-visible { outline:3px solid #1585cf; outline-offset:3px; }
@media(max-width:760px) { .demo-account-actions { width:100%; margin-top:10px; align-items:stretch; text-align:center; } }