/* TheSQRLs.com shared/core theme — 0.9.5
   Visual sibling to SQRLFather and xxSQRLxx, using a medium-blue identity. */
:root{
  --sqrl-blue:#5f97d1;
  --sqrl-blue-bright:#8bc3f2;
  --sqrl-blue-deep:#254b70;
  --sqrl-navy:#0b1118;
  --sqrl-panel:#101923;
  --sqrl-panel-2:#142331;
  --sqrl-line:#29445d;
  --sqrl-muted:#a9b8c7;
}
body.sqrl-core-page,
body.account-page,
body.sf-store-main-page{
  --account-acorn:#8bc3f2;
  --account-green:#5f97d1;
  --account-orange:#5f97d1;
  --bg:#0a1016;
  --panel:#101923;
  --panel2:#142331;
  --panel3:#192d40;
  --line:#29445d;
  --text:#f5f8fb;
  --muted:#a9b8c7;
  --soft:#71879b;
  --accent:#5f97d1;
  --accent2:#8bc3f2;
  --glow:rgba(95,151,209,.15);
  --buttonText:#071019;
  background:
    radial-gradient(circle at 10% -5%,rgba(95,151,209,.16),transparent 31%),
    radial-gradient(circle at 92% 3%,rgba(52,105,156,.11),transparent 25%),
    #0a1016;
}
body.sqrl-core-page .site-shell,
body.account-page .site-shell,
body.sf-store-main-page .site-shell{
  background:
    linear-gradient(180deg,rgba(9,16,23,.18),rgba(9,16,23,.03) 34%,transparent 70%),
    transparent;
}
.sqrl-core-page .topbar,
.account-page .topbar,
.sf-store-main-page .topbar{
  background:rgba(8,14,20,.9);
  border-bottom-color:#29445d;
  box-shadow:0 12px 38px rgba(0,0,0,.16);
}
.sqrl-core-mark,.account-mark,.sf-main-store-mark{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:1px solid #4778a5;
  border-radius:50%;
  background:linear-gradient(145deg,#1c3a56,#101c28);
  color:#a9d7ff;
  font-size:.76rem;
  font-weight:1000;
  letter-spacing:.03em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 7px 20px rgba(0,0,0,.2);
}
.sqrl-core-page .brand-word,
.account-page .brand-word,
.sf-store-main-page .brand-word{font-weight:950;letter-spacing:.01em}
.sqrl-core-page .nav a,
.account-page .nav a,
.sf-store-main-page .nav a{color:#a9b8c7}
.sqrl-core-page .nav a:hover,
.sqrl-core-page .nav a[aria-current="page"],
.account-page .nav a:hover,
.account-page .nav a[aria-current="page"],
.sf-store-main-page .nav a:hover,
.sf-store-main-page .nav a[aria-current="page"]{
  background:#142331;
  color:#f8fbff;
}
.sqrl-core-page .nav-cta,
.account-page .nav-cta,
.sf-store-main-page .nav-cta{
  border-color:#4778a5!important;
  color:#a9d7ff!important;
  background:rgba(25,51,75,.35);
}
.sqrl-core-page .nav-cta:hover,
.account-page .nav-cta:hover,
.sf-store-main-page .nav-cta:hover{background:#17304a!important;color:#fff!important}

/* Shared TheSQRLs sub-navigation, equivalent to local section navigation on the brand sites. */
.sqrl-core-subnav{
  width:min(1180px,calc(100% - 32px));
  margin:18px auto 0;
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  padding:10px 0 13px;
  border-bottom:1px solid #29445d;
}
.sqrl-core-subnav a{
  text-decoration:none;
  color:#9fb2c4;
  font-size:.78rem;
  font-weight:850;
  padding:7px 10px;
  border:1px solid #29445d;
  border-radius:999px;
  background:#0e1822;
}
.sqrl-core-subnav a:hover,.sqrl-core-subnav a[aria-current="page"]{
  border-color:#5f97d1;
  color:#eaf6ff;
  background:#17304a;
}

/* Cards / content surfaces */
body.account-page .account-main{padding-top:26px}
body.account-page .account-shell{width:min(1180px,calc(100% - 32px))}
body.account-page .account-card,
.sqrl-core-panel{
  border-color:#29445d;
  background:linear-gradient(155deg,rgba(20,35,49,.96),rgba(12,21,29,.98));
  box-shadow:0 15px 42px rgba(0,0,0,.18);
}
body.account-page .account-kicker,
body.account-page .account-stat strong,
body.account-page .wallet-balance,
body.account-page .shop-item .price{color:#8bc3f2}
body.account-page .account-stat,
body.account-page .manage-row,
body.account-page .status-row,
body.account-page .ticket-message,
body.account-page .ticket-meta-row>span,
body.account-page .badge-pill,
body.account-page .entitlement-pill,
body.account-page .identity-pill,
body.account-page .support-row{
  border-color:#29445d;
  background:#0d1720;
}
body.account-page .account-form input,
body.account-page .account-form select,
body.account-page .account-form textarea,
body.account-page .filter-row input,
body.account-page .filter-row select,
body.account-page .mini-form input,
body.account-page .mini-form select,
body.account-page .inline-form input,
body.account-page .admin-table textarea,
body.account-page .admin-table select{
  border-color:#31516c;
  background:#09131c;
}
body.account-page .account-form input:focus,
body.account-page .account-form select:focus,
body.account-page .account-form textarea:focus,
body.account-page .filter-row input:focus,
body.account-page .filter-row select:focus{
  outline:0;
  border-color:#6aa5dc;
  box-shadow:0 0 0 3px rgba(95,151,209,.14);
}
body.account-page .button,
body.account-page button.button{
  border-color:#4778a5;
  background:#17304a;
  color:#dcefff;
}
body.account-page .button:hover,
body.account-page button.button:hover{border-color:#79b2e6;background:#1d3d5c}
body.account-page .button.secondary{background:#0e1822;border-color:#29445d;color:#f5f8fb}
body.account-page .button.green{border-color:#4778a5;background:#17304a;color:#dcefff}
body.account-page .admin-nav{padding:12px;border:1px solid #29445d;border-radius:14px;background:#0d1720}
body.account-page .admin-nav a{border-color:#31516c;background:#0a131b;color:#a9b8c7}
body.account-page .admin-nav a:hover,body.account-page .admin-nav a[aria-current="page"]{border-color:#6aa5dc;color:#dcefff;background:#17304a}
body.account-page .owner-zone{border-color:#4778a5;background:linear-gradient(155deg,rgba(30,65,96,.45),rgba(12,21,29,.98))}
body.account-page .ticket-list-row.unread{background:rgba(95,151,209,.07)}
body.account-page .ticket-list-row.unread td:first-child{box-shadow:inset 3px 0 0 #5f97d1}

/* Main Store gets the exact same blue shell, not a generic neutral Store shell. */
body.sf-store-main-page .sf-store-page-main{background:transparent}
body.sf-store-main-page .sf-store-hero .eyebrow,
body.sf-store-main-page .sf-product-cashback{color:#8bc3f2}
body.sf-store-main-page .sf-store-local-nav{border-color:#29445d}
body.sf-store-main-page .sf-store-local-nav a,
body.sf-store-main-page .sf-store-local-nav span{border-color:#31516c;background:#0e1822;color:#b5c5d4}
body.sf-store-main-page .sf-store-info-panel{border-color:#29445d;background:linear-gradient(145deg,rgba(95,151,209,.09),rgba(11,18,25,.78))}
body.sf-store-main-page .sf-store-info-panel article{background:#0f1a24;border-color:#31516c}
body.sf-store-main-page .sf-primary,
body.sf-store-main-page .sf-product-add,
body.sf-store-main-page .sf-product-view,
body.sf-store-main-page .sf-store-cart-button{background:#234d72;border-color:#477fae;color:#fff}
body.sf-store-main-page .sf-primary:hover,
body.sf-store-main-page .sf-product-add:hover,
body.sf-store-main-page .sf-product-view:hover{background:#2d6190;border-color:#7db4e3}
body.sf-store-main-page .sf-store-actions .sf-secondary{background:#0f1a24;border-color:#31516c;color:#e7f2fb}
body.sf-store-main-page .sf-store-tools input{border-color:#31516c;background:#0b1721;color:#f5f8fb}
body.sf-store-main-page .sf-store-tools input:focus{border-color:#6aa5dc;box-shadow:0 0 0 3px rgba(95,151,209,.14)}
body.sf-store-main-page .sf-store-categories button{border-color:#31516c;background:#0d1822;color:#b9c9d7}
body.sf-store-main-page .sf-store-categories button[aria-pressed="true"]{background:#5f97d1;border-color:#8bc3f2;color:#071019}
body.sf-store-main-page .sf-product-card{border-color:#29445d;background:#0f1922}
body.sf-store-main-page .sf-product-image{border-color:#31516c;background:radial-gradient(circle at 50% 35%,#18334a,#0a1016 70%)}
body.sf-store-main-page .sf-product-category,body.sf-store-main-page .sf-product-stock{border-color:#3e6689;color:#b7dcfa}
body.sf-store-main-page .sf-cart{border-left-color:#31516c;background:#0b141d}
body.sf-store-main-page .sf-checkout-toast{border-color:#5f97d1;background:#10273a}

/* Core footer mirrors the family-site footer structure. */
.sqrl-core-footer{border-top:1px solid #29445d;margin-top:54px;padding:34px 0 24px;color:#8195a7;background:rgba(7,13,19,.5)}
.sqrl-core-footer-grid{width:min(1180px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:minmax(250px,1.45fr) repeat(3,minmax(130px,.7fr));gap:26px}
.sqrl-core-footer-brand{display:grid;align-content:start;gap:11px}.sqrl-core-footer-brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f6f9fc;font-weight:950}.sqrl-core-footer-brand p{margin:0;max-width:350px;color:#8195a7;font-size:.84rem;line-height:1.55}.sqrl-core-footer-group{display:grid;align-content:start;gap:7px}.sqrl-core-footer-group strong{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#8bc3f2}.sqrl-core-footer-group a{text-decoration:none;color:#8ea2b5;font-size:.83rem}.sqrl-core-footer-group a:hover{color:#fff}.sqrl-core-footer-bottom{grid-column:1/-1;border-top:1px solid #223a4f;padding-top:17px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.76rem}

/* Generic legal/prose page treatment. */
body.sqrl-core-page .subhero{padding-top:52px}body.sqrl-core-page .prose{max-width:980px}body.sqrl-core-page .prose h2{color:#dcefff}body.sqrl-core-page .prose a{color:#8bc3f2}

@media(max-width:900px){.sqrl-core-footer-grid{grid-template-columns:1fr 1fr}.sqrl-core-footer-brand{grid-column:1/-1}}
@media(max-width:650px){.sqrl-core-subnav{width:min(100% - 24px,1180px);margin-top:10px}.sqrl-core-footer-grid{grid-template-columns:1fr}.sqrl-core-footer-brand{grid-column:auto}.sqrl-core-footer-bottom{grid-column:auto}.sqrl-core-footer-bottom{display:grid}}

/* 0.9.4 shared-shell consistency: every TheSQRLs.com utility page uses the
   exact same header geometry and keeps the section Account link separate from
   the signed-in account slot. */
.sqrl-core-page .topbar-inner,
.account-page .topbar-inner,
.sf-store-main-page .topbar-inner{
  width:min(1240px,calc(100% - 28px));
  min-height:72px;
  gap:18px;
  padding:0;
}
.sqrl-core-page .brand-link,
.account-page .brand-link,
.sf-store-main-page .brand-link{gap:11px}
.sqrl-core-page .brand-word,
.account-page .brand-word,
.sf-store-main-page .brand-word{font-size:1.12rem}
.sqrl-core-mark,.account-mark,.sf-main-store-mark{
  width:48px;
  height:48px;
  flex-basis:48px;
}
.sqrl-core-page .nav a,
.account-page .nav a,
.sf-store-main-page .nav a,
.account-page .account-top-nav a{
  padding:10px 11px;
  font-size:.92rem;
  line-height:1.2;
}
.sqrl-core-page .nav-account-slot,
.account-page .nav-account-slot,
.sf-store-main-page .nav-account-slot{
  min-width:92px;
  text-align:center;
  border:1px solid #4778a5!important;
  color:#dcefff!important;
  background:#101c28!important;
}
.sqrl-core-page .nav-account-slot:hover,
.account-page .nav-account-slot:hover,
.sf-store-main-page .nav-account-slot:hover{background:#17304a!important;color:#fff!important}
.sqrl-core-page .nav-account-pending,
.account-page .nav-account-pending,
.sf-store-main-page .nav-account-pending{min-height:39px}
body.contact-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

@media(max-width:1100px) and (min-width:901px){
  .account-page .account-top-nav a{padding:10px 11px;font-size:.92rem}
}
@media(max-width:900px){
  .sqrl-core-page .topbar-inner,
  .account-page .topbar-inner,
  .sf-store-main-page .topbar-inner{min-height:72px}
  .account-page .account-top-nav a{padding:12px;font-size:.92rem}
  .sqrl-core-page .nav-account-slot,
  .account-page .nav-account-slot,
  .sf-store-main-page .nav-account-slot{min-width:0;text-align:left}
}
@media(max-width:650px){
  .sqrl-core-page .topbar-inner,
  .account-page .topbar-inner,
  .sf-store-main-page .topbar-inner{min-height:64px}
  .sqrl-core-mark,.account-mark,.sf-main-store-mark{width:40px;height:40px;flex-basis:40px}
}

/* 0.9.20 permission-aware Staff flyout for the shared TheSQRLs.com nav */
.staff-nav-menu{position:relative;display:flex;align-items:center}
.staff-nav-trigger{display:flex!important;align-items:center;gap:6px}
.staff-nav-chevron{font-size:.9em;line-height:1;opacity:.72;transition:transform .16s ease}
.staff-nav-menu:hover .staff-nav-chevron,.staff-nav-menu:focus-within .staff-nav-chevron{transform:rotate(180deg)}
.staff-nav-flyout{position:absolute;z-index:120;top:calc(100% + 10px);right:-150px;width:min(620px,82vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #31536f;border-radius:15px;background:rgba(8,16,23,.985);box-shadow:0 22px 55px rgba(0,0,0,.48);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top right;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}
.staff-nav-flyout:before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px}
.staff-nav-menu:hover .staff-nav-flyout,.staff-nav-menu:focus-within .staff-nav-flyout{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.staff-nav-group{display:grid;align-content:start;gap:3px;padding:8px;border:1px solid rgba(71,120,165,.26);border-radius:11px;background:rgba(16,28,40,.68)}
.staff-nav-group>strong{padding:4px 7px 6px;color:#82c7ff;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase}
.nav .staff-nav-group>a{padding:8px 9px;border-radius:8px;color:#dbe8f4;font-size:.84rem;font-weight:750}
.nav .staff-nav-group>a:hover,.nav .staff-nav-group>a:focus{background:#17304a;color:#fff}
@media(max-width:800px){
  .staff-nav-menu{display:block;width:100%}
  .staff-nav-trigger{justify-content:space-between}
  .staff-nav-chevron{display:none}
  .staff-nav-flyout{display:none!important}
}


/* 0.9.21 owner View As indicator on shared non-Account pages */
.site-view-as-banner{display:block;position:relative;z-index:9999;text-align:center;padding:9px 14px;background:#2b1b0d;border-bottom:1px solid #b27335;color:#ffd08a!important;text-decoration:none!important;font-weight:900;letter-spacing:.02em}
.site-view-as-banner:hover{background:#3a2512}