/* Shared site chrome: top bar, brand, and account menu (top_bar.html / brand.html partials). */
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  border-bottom:1px solid #1d1d1d;
}
.brand{display:flex;align-items:center;text-decoration:none}
.brand-logo{display:block;height:36px;width:auto}
.account{display:flex;align-items:center;gap:12px}
.account-menu{position:relative}
.account-menu summary{list-style:none;cursor:pointer}
.account-menu summary::-webkit-details-marker{display:none}
.account-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(12,14,18,.55);backdrop-filter:blur(8px);color:#eef6ff}
.account-chip:hover{background:rgba(22,27,34,.72);border-color:rgba(255,255,255,.3)}
.account-avatar{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#5da9da,#3a6ea5);color:#fff;font-size:13px;font-weight:700}
.account-chip-name{font-size:13px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chevron{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .15s ease}
.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:200px;display:flex;flex-direction:column;padding:6px;background:#14181e;border:1px solid #2a2f37;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.account-dropdown-head{display:flex;align-items:center;gap:8px;padding:8px 10px 10px;border-bottom:1px solid #232830;margin-bottom:4px}
.account-dropdown-name{font-size:13px;font-weight:600;color:#eef6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-tag{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#d9b06a;background:rgba(190,140,60,.12);border:1px solid rgba(190,140,60,.35);border-radius:999px;padding:1px 7px}
.account-item{display:block;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:#cdd7e0;font-size:13px;font-family:inherit;cursor:pointer;text-decoration:none}
.account-item:hover{background:rgba(255,255,255,.06);color:#fff}
.account-item-logout{color:#e98a8a}
.account-item-logout:hover{background:rgba(120,40,40,.32);color:#ffd9d9}
.account form{margin:0}
.btn-signin{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(12,14,18,.55);backdrop-filter:blur(8px);color:#eef6ff;font-weight:600;text-decoration:none}
.btn-signin:hover{background:rgba(22,27,34,.75);border-color:rgba(255,255,255,.32)}
@media (max-width:480px){.account-chip-name{display:none}}