/* One Orbit shell for marketing, dashboard access and account routes. */
:root { --orbit-edge: #393731; --orbit-panel: #171714; --orbit-muted: #aca89e; }
.header-inner .site-nav, .premium-nav .site-nav, .directory-nav .site-nav, .verification-nav .site-nav, .not-found-page header .site-nav {
  display:flex; align-items:center; gap:clamp(10px,1.7vw,25px); min-width:0;
}
.site-nav a { color:#aaa69d; font:500 12px "DM Sans",sans-serif; text-decoration:none; white-space:nowrap; transition:color .18s; }
.site-nav a:hover,.site-nav a[aria-current="page"],.site-nav a:focus-visible {color:#f4eee3}
.site-nav a[aria-current="page"] {text-decoration:underline; text-underline-offset:7px; text-decoration-color:#bea979}
.premium-nav,.directory-nav,.header-inner {min-width:0}
.connected-account { flex:0 0 auto; margin-left:auto; z-index:55 }
.connected-account > button:not(.account-menu button) {
  background:#1c1c19; border:1px solid #413f38; color:#f1eee7; border-radius:999px;
  min-height:42px; max-width:185px; padding:7px 13px; display:inline-flex;
  gap:9px; align-items:center; font:600 12px "DM Sans",sans-serif; cursor:pointer;
}
.connected-account > button > img {width:25px;height:25px; flex:none}
.connected-account > button .ui-icon {width:14px;height:14px; opacity:.7}
.connected-account > button:hover {border-color:#bca875;background:#26251f}
.connected-account > button:focus-visible {outline:2px solid #d5c19b;outline-offset:3px}
.account-menu { width:205px; padding:6px; border-radius:13px; background:#191917; border-color:#413d34; box-shadow:0 16px 44px #0009; }
.connected-account .account-menu > a,.connected-account .account-menu > button {
  min-height:39px; padding:9px 11px; border-radius:8px; font-size:12px; font-weight:500; line-height:1.25;
}
.account-menu .ui-icon {width:17px;height:17px}
.account-menu [aria-current="page"] {background:#d8c4a415;color:#f5e7c6}
.premium-shell .connected-main {max-width:1110px;margin-inline:auto}
.account-heading {margin:8px 0 27px}
.account-heading h1 {margin:10px 0 6px}
.account-heading p {color:var(--orbit-muted);font-size:13px;line-height:1.7}
.account-sections {display:grid;gap:18px;margin:18px 0 24px}
.account-card {padding:clamp(20px,3vw,30px);border-radius:17px;min-width:0}
.account-card h2 {margin:0 0 7px;font:500 clamp(19px,2.4vw,24px) "Space Grotesk",sans-serif;color:#f5f2e9}
.account-card p {margin:6px 0;color:#a9a69d;font-size:13px;line-height:1.65}
.account-card .eyebrow {display:block;margin-bottom:14px}
.account-card-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.account-card-actions {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:19px}
.account-card-actions a,.account-card-actions button {font-size:12px;min-height:41px;cursor:pointer}
.account-card .quiet-note {font-size:11px;color:#8e8b82;margin-top:13px;display:block;line-height:1.65}
.account-status {display:flex;align-items:center;gap:8px;margin-top:14px!important;font-size:12px!important}
.account-status:before {content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#a68b5e}
.account-status.connected:before {background:#9ab691}
.account-card-danger {border-color:#634341;background:linear-gradient(115deg,#1b1715,#151513 65%)}
.account-card-danger .request-delete {border-color:#875751;color:#e5b5ac}
.account-card-danger .request-delete:hover {background:#572a25}
#drive-files-panel {margin-top:24px;border-top:1px solid #39362f;padding-top:21px}
#drive-files-panel h3 {font-size:16px;font-weight:600;margin:0 0 5px}
#drive-files {display:grid;gap:8px;margin-top:14px}
.drive-file {display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;
  padding:13px 15px;border:1px solid #383630;border-radius:12px;background:#121210}
.drive-file-info {min-width:0;flex:1}
.drive-file-name {display:block;font-weight:600;font-size:12px;overflow-wrap:anywhere;color:#efeee8}
.drive-file-meta {display:block;color:#9c988e;font-size:11px;margin-top:4px}
.drive-file-actions {display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
.drive-file-actions a,.drive-file-actions button {font-size:11px;padding:7px 11px;min-height:33px}
.drive-file-actions .danger-action {color:#e6b5a9;border-color:#6a4942}
.drive-file-actions button:disabled {opacity:.55;cursor:wait}
.account-card [role="status"] {overflow-wrap:anywhere}
@media(max-width:900px){
  .header-inner,.premium-nav,.directory-nav {gap:15px}
  .site-nav a {font-size:11px}
}
@media(max-width:700px){
  .header-inner,.premium-nav,.directory-nav,.verification-nav {display:flex;flex-wrap:wrap;align-content:center;height:auto;min-height:92px;padding-block:14px;row-gap:9px}
  .header {height:auto;min-height:104px}
  .header-inner .site-nav,.premium-nav .site-nav,.directory-nav .site-nav,.verification-nav .site-nav,.not-found-page header .site-nav {
    order:3;width:100%;overflow-x:auto;scrollbar-width:thin;padding:8px 0 5px;gap:20px;justify-content:flex-start;
  }
  .connected-account {order:2;margin-left:auto}
  .connected-account > button:not(.account-menu button) {max-width:142px}
  .account-heading {margin-top:4px}
  .drive-file {align-items:flex-start;flex-direction:column}
  .drive-file-actions {width:100%}
}
@media(max-width:360px){.connected-account > button:not(.account-menu button){max-width:126px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.site-nav a {transition:none}}
/* Branded cosmic 404 scene uses local artwork and inert CSS decoration. */
.not-found-page {background:#080809;min-height:100svh;isolation:isolate;overflow-x:hidden}
.not-found-page:before {content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background:radial-gradient(ellipse at 70% 40%,#9a43251b,transparent 42%),
    radial-gradient(ellipse at 17% 73%,#634c8330,transparent 38%),#080809}
.not-found-page:after {content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.46;
 background-image:radial-gradient(1px 1px at 8% 14%,#eee 99%,transparent),radial-gradient(1px 1px at 66% 12%,#eee 99%,transparent),radial-gradient(2px 2px at 82% 71%,#d4c9b9 99%,transparent),radial-gradient(1px 1px at 30% 48%,#eee 99%,transparent),radial-gradient(1px 1px at 57% 88%,#eee 99%,transparent);background-size:420px 290px}
.not-found-page header {display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.not-found-page main {position:relative}
.not-found-page main:before {content:"";position:absolute;z-index:-1;left:50%;top:7%;transform:translateX(-50%) rotate(-23deg);
  width:min(83vw,650px);height:min(36vw,250px);border:1px solid #bd824533;border-radius:50%;
  box-shadow:0 0 90px 20px #c66b2416,inset 0 0 50px #ba78421b;pointer-events:none}
.not-found-page .lost-orbit {filter:drop-shadow(0 0 32px #c7783944)}

.verification-nav {gap:16px}
.not-found-page header .site-nav {margin-inline:auto}
@media(max-width:700px) {.verification-nav {height:auto;min-height:95px;flex-wrap:wrap}.not-found-page header .site-nav {margin-inline:0}}