/* ANTARA account dropdown + profile/settings console. Scoped to homepage account UI. */
.account-quick-menu[hidden], .account-overlay[hidden] { display:none !important; }

.account-quick-menu {
  position:fixed;
  z-index:9999;
  top:var(--account-menu-top,70px);
  left:var(--account-menu-left,12px);
  width:var(--account-menu-width,min(270px,calc(100vw - 24px)));
  max-width:calc(100vw - 20px);
  max-height:calc(100vh - var(--account-menu-top,70px) - 10px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(105,180,215,.34) transparent;
  transform:translateY(-7px) scale(.985);
  opacity:0;
  pointer-events:none;
  padding:10px;
  border:1px solid rgba(115,188,221,.42);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  background:linear-gradient(155deg,rgba(6,15,27,.98),rgba(8,24,39,.96));
  box-shadow:0 18px 52px rgba(0,0,0,.42),inset 0 0 0 1px rgba(225,183,109,.08),0 0 24px rgba(78,165,205,.08);
  transition:opacity .14s ease,transform .14s ease;
  white-space:normal;
}
.account-quick-menu.is-open { opacity:1;pointer-events:auto;transform:translateY(0) scale(1); }
.account-quick-menu::before { content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(226,180,99,.75),rgba(99,188,225,.75),transparent); }
.account-quick-head { display:flex;align-items:center;gap:10px;padding:7px 8px 10px;border-bottom:1px solid rgba(125,173,199,.15); }
.account-quick-avatar { width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:1px solid rgba(114,190,224,.58);border-radius:50%;font:700 11px/1 system-ui,sans-serif;letter-spacing:.08em;color:#edf8ff;background:radial-gradient(circle at 35% 30%,rgba(89,188,230,.28),rgba(8,25,42,.8));box-shadow:0 0 0 3px rgba(94,181,220,.06); }
.account-quick-identity { min-width:0;display:grid;gap:2px; }
.account-quick-identity strong { overflow:hidden;text-overflow:ellipsis;color:#f3f7f8;font:700 11px/1.2 system-ui,sans-serif;letter-spacing:.055em; }
.account-quick-identity small { overflow:hidden;text-overflow:ellipsis;color:#7fb8d4;font:600 8px/1.2 system-ui,sans-serif;letter-spacing:.08em; }
.account-quick-actions { display:grid;gap:4px;padding-top:7px; }
.account-quick-actions button { appearance:none;border:1px solid transparent;background:transparent;color:#dfe9ed;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;width:100%;padding:8px;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease; }
.account-quick-actions button:hover,.account-quick-actions button:focus-visible { outline:none;border-color:rgba(106,183,218,.26);background:rgba(81,160,198,.08);transform:translateX(2px); }
.account-quick-actions button.account-quick-logout:hover { border-color:rgba(219,137,113,.25);background:rgba(197,91,70,.07); }
.account-quick-icon { width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(112,185,218,.25);color:#93d5f1;font:700 13px/1 system-ui,sans-serif; }
.account-quick-actions strong { display:block;font:700 9px/1.15 system-ui,sans-serif;letter-spacing:.11em;color:#eef5f7; }
.account-quick-actions small { display:block;margin-top:2px;font:500 7px/1.25 system-ui,sans-serif;letter-spacing:.03em;color:#7894a3; }

.account-overlay { position:fixed;z-index:4000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(1,7,13,.72);backdrop-filter:blur(12px); }
.account-panel { position:relative;width:min(930px,96vw);max-height:min(760px,92vh);overflow:hidden;border:1px solid rgba(108,185,220,.42);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(145deg,rgba(5,15,27,.99),rgba(8,24,39,.99));box-shadow:0 34px 90px rgba(0,0,0,.62),inset 0 0 0 1px rgba(224,179,100,.07);opacity:0;transform:translateY(10px) scale(.985);transition:opacity .14s ease,transform .14s ease; }
.account-panel.is-open { opacity:1;transform:none; }
.account-panel::before { content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.8%,rgba(97,177,215,.025) 50%,transparent 50.2%),radial-gradient(circle at 10% 10%,rgba(68,162,209,.07),transparent 28%); }
.account-panel-scan { position:absolute;z-index:0;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(112,201,235,.4),transparent);box-shadow:0 0 14px rgba(93,189,229,.32);animation:accountScan 7s linear infinite;pointer-events:none; }
@keyframes accountScan { 0%{transform:translateY(0);opacity:.15} 18%{opacity:.65} 100%{transform:translateY(650px);opacity:0} }
.account-panel-header { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 14px;border-bottom:1px solid rgba(116,176,205,.15); }
.account-panel-header small { display:block;color:#78b9d7;font:700 8px/1.2 system-ui,sans-serif;letter-spacing:.2em; }
.account-panel-header h2 { margin:4px 0 0;color:#f1f5f6;font:800 21px/1 system-ui,sans-serif;letter-spacing:.08em; }
.account-panel-close { appearance:none;width:38px;height:38px;border:1px solid rgba(122,187,216,.28);background:rgba(14,35,51,.42);color:#cfe7f1;font:300 26px/1 system-ui,sans-serif;cursor:pointer;transition:.12s ease; }
.account-panel-close:hover,.account-panel-close:focus-visible { outline:none;border-color:rgba(224,181,104,.52);color:#f3d8a4;background:rgba(224,181,104,.06);transform:rotate(2deg); }
.account-panel-tabs { position:relative;z-index:1;display:flex;gap:4px;padding:10px 24px 0; }
.account-panel-tabs button { appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#708d9a;padding:9px 14px;font:700 9px/1 system-ui,sans-serif;letter-spacing:.14em;cursor:pointer; }
.account-panel-tabs button:hover,.account-panel-tabs button:focus-visible { outline:none;color:#bcdbe8; }
.account-panel-tabs button.is-active { color:#f0d19a;border-bottom-color:#d9a95d; }
.account-panel-content { position:relative;z-index:1;overflow:auto;max-height:calc(min(760px,92vh) - 112px);padding:20px 24px 26px;scrollbar-width:thin;scrollbar-color:rgba(105,180,215,.34) transparent; }

.account-profile-layout { display:grid;gap:16px; }
.account-id-card { display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:20px;border:1px solid rgba(113,184,217,.18);background:linear-gradient(130deg,rgba(83,167,207,.07),rgba(223,177,98,.025)); }
.account-profile-avatar-wrap { display:grid;justify-items:center;gap:10px; }
.account-profile-avatar { width:94px;height:94px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(116,196,230,.52);box-shadow:0 0 0 6px rgba(104,190,227,.04),inset 0 0 28px rgba(72,171,214,.14);color:#effaff;background:radial-gradient(circle at 35% 30%,rgba(82,183,224,.3),rgba(7,20,35,.92));font:800 24px/1 system-ui,sans-serif;letter-spacing:.08em; }
.account-avatar-edit,.account-early-button { appearance:none;border:1px solid rgba(115,184,215,.26);background:rgba(42,101,130,.08);color:#b8d9e7;padding:8px 10px;font:700 7px/1 system-ui,sans-serif;letter-spacing:.11em;cursor:pointer; }
.account-avatar-edit span,.account-early-button span { margin-left:5px;color:#d9af68; }
.account-avatar-edit:hover,.account-early-button:hover,.account-avatar-edit:focus-visible,.account-early-button:focus-visible { outline:none;border-color:rgba(218,174,98,.45);color:#eef8fb; }
.account-profile-copy > small { color:#74b9d9;font:700 8px/1 system-ui,sans-serif;letter-spacing:.17em; }
.account-profile-copy h3 { margin:6px 0 3px;color:#f5f7f7;font:800 clamp(22px,3vw,34px)/1.05 system-ui,sans-serif;letter-spacing:.025em; }
.account-profile-copy > p { margin:0;color:#89a8b7;font:600 11px/1.4 system-ui,sans-serif; }
.account-profile-copy dl { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 0; }
.account-profile-copy dl div { padding:10px;border-left:2px solid rgba(103,182,219,.3);background:rgba(79,147,178,.045);min-width:0; }
.account-profile-copy dt { color:#6f98aa;font:700 7px/1 system-ui,sans-serif;letter-spacing:.13em; }
.account-profile-copy dd { margin:5px 0 0;color:#d8e5ea;font:600 10px/1.35 system-ui,sans-serif;overflow-wrap:anywhere; }
.account-profile-empty-grid { display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px; }
.account-empty-card { appearance:none;min-height:128px;border:1px solid rgba(111,181,213,.16);background:rgba(23,58,78,.16);padding:16px;text-align:left;cursor:pointer;transition:.13s ease; }
.account-empty-card:hover,.account-empty-card:focus-visible { outline:none;border-color:rgba(112,193,227,.38);background:rgba(42,104,133,.19);transform:translateY(-2px); }
.account-empty-code { display:block;color:#71abc4;font:700 7px/1 system-ui,sans-serif;letter-spacing:.16em; }
.account-empty-card strong { display:block;margin-top:22px;color:#e9eff1;font:800 19px/1 system-ui,sans-serif;letter-spacing:.035em; }
.account-empty-card small { display:block;margin-top:7px;color:#718d9a;font:500 8px/1.45 system-ui,sans-serif; }
.account-empty-bio strong { font-size:14px; }

.account-settings-layout { display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start; }
.account-settings-card { border:1px solid rgba(112,181,214,.17);background:rgba(20,51,70,.15);padding:17px; }
.account-settings-card header { margin-bottom:13px; }
.account-settings-card header small { display:block;color:#72a9c0;font:700 7px/1 system-ui,sans-serif;letter-spacing:.17em; }
.account-settings-card header h3 { margin:4px 0 0;color:#eaf1f3;font:800 13px/1 system-ui,sans-serif;letter-spacing:.08em; }
.account-settings-card form { display:grid;gap:10px; }
.account-settings-card label { display:grid;gap:5px; }
.account-settings-card label span { color:#809dac;font:700 7px/1 system-ui,sans-serif;letter-spacing:.12em; }
.account-settings-card input { width:100%;box-sizing:border-box;border:1px solid rgba(110,175,204,.22);background:rgba(4,15,25,.72);color:#eaf3f6;padding:10px 11px;font:600 11px/1.2 system-ui,sans-serif;outline:none; }
.account-settings-card input:focus { border-color:rgba(101,193,231,.55);box-shadow:0 0 0 2px rgba(79,176,217,.07); }
.account-save-button { appearance:none;border:1px solid rgba(215,171,94,.42);background:linear-gradient(90deg,rgba(205,157,78,.13),rgba(76,161,198,.08));color:#f0d5a5;padding:11px;font:800 8px/1 system-ui,sans-serif;letter-spacing:.14em;cursor:pointer; }
.account-save-button:hover,.account-save-button:focus-visible { outline:none;border-color:rgba(227,185,111,.72);background:linear-gradient(90deg,rgba(205,157,78,.2),rgba(76,161,198,.12)); }
.account-save-button:disabled { opacity:.5;cursor:wait; }
.account-form-message { min-height:16px;color:#839aa5;font:600 8px/1.35 system-ui,sans-serif; }
.account-form-message[data-state="success"] { color:#83c9ae; }
.account-form-message[data-state="error"] { color:#e4a38f; }
.account-settings-note { grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px; }
.account-settings-note header { margin:0; }
.account-settings-note p { margin:0;color:#758f9b;font:500 9px/1.4 system-ui,sans-serif; }

.account-toast { position:fixed;z-index:4100;left:50%;bottom:28px;max-width:min(520px,88vw);transform:translate(-50%,12px);opacity:0;pointer-events:none;border:1px solid rgba(105,188,224,.3);background:rgba(5,17,28,.96);color:#dbeaf0;padding:10px 14px;font:700 9px/1.35 system-ui,sans-serif;letter-spacing:.035em;transition:.16s ease; }
.account-toast.is-visible { opacity:1;transform:translate(-50%,0); }
.account-toast[data-state="error"] { border-color:rgba(219,120,91,.34);color:#efb39f; }
.account-panel-open { overflow:hidden; }


/* Account dropdown positioning + exact initials centering. */
#profile-avatar-initials.profile-avatar-initials {
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  line-height:1;
  letter-spacing:0 !important;
  text-indent:0 !important;
  text-align:center;
}
.account-quick-avatar,
.account-profile-avatar {
  padding:0;
  margin:0;
  line-height:1;
  letter-spacing:0;
  text-indent:0;
  text-align:center;
}

/* Logged-out HUD has no CREW STANDBY filler line. */
#cockpit-profile-hud[data-profile-state="logged-out"] #profile-hud-secondary:empty { display:none !important; }
#cockpit-profile-hud[data-profile-state="logged-out"] .profile-hud-copy { gap:0 !important; }

@media (max-width:700px) {
  .account-overlay { padding:10px; }
  .account-panel { width:100%;max-height:94vh; }
  .account-panel-header { padding:17px 16px 12px; }
  .account-panel-header h2 { font-size:16px; }
  .account-panel-tabs { padding:8px 16px 0; }
  .account-panel-content { max-height:calc(94vh - 104px);padding:15px 16px 20px; }
  .account-id-card { grid-template-columns:1fr;text-align:center;gap:14px;padding:16px; }
  .account-profile-copy dl { grid-template-columns:1fr; }
  .account-profile-empty-grid { grid-template-columns:1fr; }
  .account-empty-card { min-height:92px; }
  .account-empty-card strong { margin-top:12px; }
  .account-settings-layout { grid-template-columns:1fr; }
  .account-settings-note { grid-column:auto;grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .account-panel-scan { animation:none; }
  .account-panel,.account-quick-menu,.account-toast { transition:none; }
}


/* ========================================================================
   2026-10-03 ACCOUNT DROPDOWN GEOMETRY + AVATAR OPTICAL CENTERING
   The quick menu spans the complete identity unit (profile socket -> account
   frame edge). Avatar initials are centered independently from font metrics.
   ======================================================================== */
.account-quick-menu { box-sizing:border-box; }
.account-quick-avatar {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 0 1px;
  line-height:1;
  letter-spacing:0;
  text-indent:0;
}
.profile-avatar-initials {
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  line-height:1;
  letter-spacing:0 !important;
  text-indent:0 !important;
  transform:translateY(-.04em);
  pointer-events:none;
}
.profile-avatar-initials[hidden] { display:none !important; }
.account-profile-avatar {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 0 1px;
  line-height:1;
  letter-spacing:0;
  text-indent:0;
}

@media (max-width:700px) {
  .account-quick-menu { padding:8px; }
  .account-quick-head { gap:8px; padding:6px 6px 9px; }
  .account-quick-avatar { width:32px;height:32px;flex-basis:32px;font-size:10px; }
  .account-quick-actions button { grid-template-columns:25px minmax(0,1fr);gap:6px;padding:7px 6px; }
  .account-quick-icon { width:24px;height:24px; }
  .account-quick-actions strong { font-size:8px; }
  .account-quick-actions small { font-size:6.5px;overflow-wrap:anywhere; }
}

@media (max-width:360px) {
  .account-quick-menu { padding:7px; }
  .account-quick-head { padding-left:5px;padding-right:5px; }
  .account-quick-actions button { padding-left:5px;padding-right:5px; }
}