/* Small independent auth component. Preserves editorial header/logo. */
.mc-auth { min-height:36px; display:flex; gap:10px; align-items:center; color:#d5c19e; font-size:12px; font-family:inherit; }
.mc-auth [hidden], .mc-auth-dialog[hidden] { display:none!important; }
.mc-auth-status { max-width:225px; font-size:11px; color:#a7a19a; line-height:1.3; }
.mc-auth-account { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mc-auth-user { color:#ead1a1; white-space:nowrap; max-width:160px; overflow:hidden; text-overflow:ellipsis; }
.mc-auth-btn { padding:6px 8px; border:1px solid #9e8856; background:transparent; border-radius:4px; color:#ebd2a5; cursor:pointer; font-size:11px; font-family:inherit; }
.mc-auth-btn:hover,.mc-auth-btn:focus-visible { background:#42371e; outline:1px solid #bda36b; }
.mc-auth-dialog { border:1px solid #76653d; background:#131313; color:#ede4d5; max-width:min(92vw,560px); width:100%; padding:24px; border-radius:10px; }
.mc-auth-dialog::backdrop { background:rgba(0,0,0,.75); }
.mc-auth-dialog h2 { font-size:22px; margin:0 0 16px; }
.mc-history { display:grid; gap:14px; margin:0 0 22px; padding-left:22px; }
.mc-history li strong,.mc-history li span { display:block; }
.mc-history li span { color:#b9a889; font-size:13px; padding-top:4px; }
@media(max-width:720px) {
  .mc-auth { min-width:0; justify-content:flex-end; flex:1; }
  .mc-auth-status { max-width:130px; font-size:10px; }
  .mc-auth-account { justify-content:flex-end; gap:5px; }
  .mc-auth-user { max-width:95px; }
  .mc-auth-btn { padding:5px; font-size:10px; }
  .topbar .header-note { display:none; }
}

@media(max-width:600px) {
 .topbar-inner { flex-wrap:wrap; }
 .topbar-nav { flex:1; justify-content:flex-end; }
 .mc-auth { order:3; width:100%; flex-basis:100%; justify-content:flex-end; padding:0 0 9px; }
 .mc-auth-status { max-width:260px; }
}