/* SK Company accounts, version B: header button, account menu, sign-in popup, account page. Uses the variables from style.css. */

/* ---- header button (site-wide, identical to A) ---- */
.hdr-actions{position:relative}
.acct-btn{position:relative}
.acct-btn .acct-ini{display:none;width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--navy);font:700 11px/22px "DV Sans";text-align:center;letter-spacing:0}
.acct-btn.is-in .acct-ico{display:none}
.acct-btn.is-in .acct-ini{display:block}
.acct-label{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-btn:focus-visible,.cart-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* header space (measured 900 to 1920 px): the account button shows its icon (or the user's initial) and gets a text label only
   from 1700 px; the cart drops its word label where the centred menu leaves too little room. The accessible names stay (aria-label). */
.acct-btn{padding:8px 10px}
.acct-btn .acct-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:1700px){.acct-btn{padding:8px 14px}.acct-btn .acct-label{position:static;width:auto;height:auto;overflow:hidden;clip:auto}}
@media (min-width:900px) and (max-width:1119px),(min-width:1300px) and (max-width:1439px){.cart-btn .cart-label{display:none}.cart-btn{padding:8px 10px}}

/* ---- account menu (site-wide, identical to A) ---- */
.acct-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:25;min-width:240px;max-width:min(320px,calc(100vw - 32px));padding:8px;border-radius:16px;
  background:rgba(12,36,58,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(223,188,119,.3);box-shadow:0 24px 60px -18px rgba(0,0,0,.6)}
.acct-menu[hidden]{display:none}
.acct-menu-who{display:grid;gap:2px;padding:10px 12px 12px;border-bottom:1px solid rgba(223,188,119,.16);margin-bottom:6px}
.acct-menu-who b{font:400 16px/1.3 "DV Serif";color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-menu-who span{font-size:12.5px;color:rgba(248,244,236,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-menu [role=menuitem]{display:flex;align-items:center;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--cream);
  font:13px "DV Sans";letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;text-align:left}
.acct-menu [role=menuitem]:hover,.acct-menu [role=menuitem]:focus-visible{background:rgba(223,188,119,.1);color:#fff;outline:none}
.acct-menu [role=menuitem]:focus-visible{box-shadow:inset 0 0 0 1px var(--gold)}

/* =========================================================
   POPUP
   ========================================================= */
.au-open,.au-open body{overflow:hidden}
.au-open body{padding-right:var(--sk-sbw,0)}
.au-open .site-header{right:var(--sk-sbw,0)}
.au-layer{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px}
.au-layer[hidden]{display:none}
.au-backdrop{position:absolute;inset:0;background:rgba(5,18,30,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .22s ease}
.au-modal{position:relative;width:min(440px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;
  background:linear-gradient(180deg,#112e48 0%,#0b2034 100%);border:1px solid rgba(223,188,119,.26);border-radius:22px;padding:28px 36px 22px;
  box-shadow:0 40px 100px -30px rgba(2,10,18,.8);color:var(--cream);caret-color:var(--gold);
  opacity:0;transform:translate3d(0,12px,0);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.7,.2,1);
  scrollbar-width:thin;scrollbar-color:rgba(223,188,119,.4) transparent}
.au-modal::-webkit-scrollbar{width:8px}
.au-modal::-webkit-scrollbar-thumb{background:rgba(223,188,119,.35);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.au-modal::selection,.au-modal ::selection{background:rgba(223,188,119,.38);color:#fff}
.au-layer.show .au-backdrop{opacity:1}
.au-layer.show .au-modal{opacity:1;transform:none}
.au-grab{display:none}
.au-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.au-crest{display:block;width:32px;height:auto;margin:0 0 14px}
.au-x{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:rgba(248,244,236,.82);cursor:pointer;transition:background-color .2s,color .2s}
.au-x:hover{background:rgba(223,188,119,.1);color:#fff}
.au-x:focus-visible{outline:2px solid var(--gold);outline-offset:0}
.au-modal h2{font:400 28px/1.2 "DV Serif";margin:0 0 6px;color:#fff;outline:none;text-wrap:balance}
.au-lead{margin:0 0 20px;max-width:none;font-size:15px;line-height:1.55;color:rgba(248,244,236,.84);text-wrap:pretty}
.au-lead:empty{display:none}

/* tabs: segmented control */
.au-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 20px;border-radius:999px;background:rgba(4,16,28,.45);border:1px solid rgba(223,188,119,.22)}
.au-tabs[hidden]{display:none}
.au-tabs button{min-height:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:rgba(248,244,236,.8);
  font:700 14px/1.2 "DV Sans";letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.au-tabs button:hover{color:#fff;background:rgba(248,244,236,.05)}
.au-tabs button[aria-selected=true]{color:#fff;background:#1d4062;box-shadow:inset 0 0 0 1px rgba(223,188,119,.7)}
.au-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.au-note{margin:0 0 18px;padding:12px 14px;border-radius:12px;background:rgba(223,188,119,.1);border:1px solid rgba(223,188,119,.32);font-size:14px;line-height:1.55;color:var(--cream)}
.au-note[hidden]{display:none}
.au-pane[hidden]{display:none}

/* Google button: light style per Google guidelines for dark backgrounds */
.au-sso{display:grid;gap:10px}
.sso{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 18px;border-radius:999px;cursor:pointer;
  font:500 15px/1.2 Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;letter-spacing:.01em;transition:box-shadow .2s ease,background-color .2s ease}
.sso-google{background:#fff;color:#1f1f1f;border:1px solid #747775}
.sso-apple{background:#fff;color:#000;border:1px solid #fff}
.sso-ico.apple{width:16px;height:19px;margin-top:-2px}
.sso:hover{background:#f2f2f2;box-shadow:0 6px 16px -4px rgba(2,10,18,.45)}
.sso:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sso[data-off="1"]{opacity:1}
.sso-ico{width:18px;height:18px;flex:none}
.au-or{display:flex;align-items:center;gap:14px;margin:18px 0 16px;font:400 13.5px/1.2 "DV Sans";color:rgba(248,244,236,.74)}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:rgba(223,188,119,.2)}

/* fields (shared by popup and account page): label above, boxed input, error below */
.af{display:grid;gap:6px;margin:0 0 16px;min-width:0}
.af label{font:400 14px/1.35 "DV Sans";color:rgba(248,244,236,.92)}
.af input,.af textarea{width:100%;min-height:48px;font:16px/1.3 "DV Sans";padding:12px 14px;border:1px solid rgba(223,188,119,.5);border-radius:12px;
  background:rgba(4,16,28,.42);color:#fff;caret-color:var(--gold);transition:border-color .18s ease,background-color .18s ease}
.af input::placeholder,.af textarea::placeholder{color:rgba(248,244,236,.62)}
.af input:hover,.af textarea:hover{border-color:rgba(223,188,119,.75)}
.af input:focus,.af textarea:focus{outline:2px solid var(--gold);outline-offset:2px;border-color:var(--gold);background:rgba(4,16,28,.6)}
.af input:-webkit-autofill,.af input:-webkit-autofill:hover,.af input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #0f2a42 inset;caret-color:var(--gold);transition:background-color 9999s}
.af.is-invalid input{border-color:#f2a093}
.af.is-invalid input:focus{outline-color:#f2a093}
.af-err{margin:0;font-size:13.5px;line-height:1.45;color:#f8bdb2}
.af-err:empty{display:none}
.af-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}
.af-pw-wrap{position:relative}
.af-pw-wrap input{padding-right:52px}
.af-eye{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:rgba(248,244,236,.78);cursor:pointer;border-radius:10px}
.af-eye:hover{color:#fff}
.af-eye[aria-pressed=true]{color:var(--gold)}
.af-eye:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.af-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}
.af-meter i{height:3px;border-radius:2px;background:rgba(248,244,236,.16);transition:background-color .2s}
.af-meter[data-level="1"] i:nth-child(-n+1){background:#e8806e}
.af-meter[data-level="2"] i:nth-child(-n+2){background:#e3a75e}
.af-meter[data-level="3"] i:nth-child(-n+3){background:var(--gold)}
.af-meter[data-level="4"] i{background:#9fcf8f}
.af-hint{margin:0;font-size:13px;line-height:1.5;color:rgba(248,244,236,.74)}
.af-meter-t{color:rgba(248,244,236,.92)}

/* consent checkboxes */
.au-consent{border:0;padding:0;margin:4px 0 10px;display:grid;gap:14px;min-width:0}
.ac{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start}
.ac input{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:0;border:1px solid rgba(223,188,119,.75);border-radius:7px;background:rgba(4,16,28,.42) center/14px 14px no-repeat;cursor:pointer;transition:background-color .15s,border-color .15s}
.ac input:hover{border-color:var(--gold)}
.ac input:checked{background-color:var(--gold);border-color:var(--gold);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.3l2.9 2.9 6.1-6.4' fill='none' stroke='%23103451' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ac input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ac.is-invalid input{border-color:#f2a093;background-color:rgba(232,128,110,.14)}
.ac label{font-size:14px;line-height:1.55;color:rgba(248,244,236,.9);cursor:pointer;overflow-wrap:break-word;hyphens:manual;padding-top:1px}
.ac-tag{display:block;width:max-content;margin:0 0 2px;font:700 12.5px/1.4 "DV Sans";letter-spacing:.02em;color:rgba(248,244,236,.78)}
.ac-tag.req{color:var(--gold)}
.ac-err{margin:-6px 0 0 36px}

/* messages, links, buttons */
.au-msg{display:none;margin:4px 0 12px;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.au-msg.show{display:block}
.au-msg.err{background:rgba(232,128,110,.12);border:1px solid rgba(242,160,147,.45);color:#fbd3cb}
.au-msg.ok{background:rgba(159,207,143,.12);border:1px solid rgba(159,207,143,.45);color:#d9efd1}
.au-msg.info{background:rgba(223,188,119,.1);border:1px solid rgba(223,188,119,.35);color:var(--cream)}
.au-row-end{display:flex;justify-content:flex-end;margin:-10px 0 6px}
.au-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;border:0;padding:0;background:none;color:var(--cream);font:14px/1.3 "DV Sans";cursor:pointer;
  text-decoration:underline;text-decoration-color:rgba(223,188,119,.55);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.au-link:hover{color:#fff;text-decoration-color:var(--gold)}
.au-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.au-back{text-decoration:none}
.au-back span{text-decoration:underline;text-decoration-color:rgba(223,188,119,.55);text-underline-offset:4px}
.au-resend{display:flex;margin:-4px 0 10px}
.au-resend[hidden]{display:none}
.au-submit{width:100%;position:relative;margin-top:6px}
.au-cta .au-submit{margin-top:0}
.au-sum{display:none;margin:0 0 10px;font-size:14px;line-height:1.45;color:#f8bdb2}
#auRegForm:has(.is-invalid) .au-sum{display:block}
.btn.is-loading{color:transparent!important;pointer-events:none}
.btn.is-loading::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid rgba(16,52,81,.3);border-top-color:var(--navy);animation:au-spin .8s linear infinite}
.au-link.is-loading{opacity:.6}
.sso.is-loading{opacity:.7;pointer-events:none}
@keyframes au-spin{to{transform:rotate(360deg)}}
.au-switch{margin:14px 0 0;text-align:center}
.au-help{margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(223,188,119,.14);text-align:center;font-size:13.5px;line-height:1.6;color:rgba(248,244,236,.78);text-wrap:balance}
.au-help a{white-space:nowrap}
.au-modal .tlink.rest:focus-visible,.au-help a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}
.au-sent{text-align:center}
.au-sent-ico{color:var(--gold);margin:2px 0 10px;display:flex;justify-content:center}
.au-sent-t{font-size:15.5px;line-height:1.6;color:rgba(248,244,236,.92);margin:0 0 10px}
.au-sent-t b{display:block;margin:2px 0 4px;font-size:14.5px;color:#fff;font-weight:700;overflow-wrap:anywhere}
.au-fine{font-size:13.5px;line-height:1.55;color:rgba(248,244,236,.76);margin:0 0 14px}
.au-sent-act{display:grid;gap:10px;justify-items:center}
.au-modal[data-view=sent] .au-lead{margin-bottom:12px}
.au-modal[data-view=forgot] .au-crest,.au-modal[data-view=sent] .au-crest{margin-bottom:12px}

/* phones: bottom sheet with the sign-up action kept in thumb reach */
@media (max-width:599px){
  .au-layer{padding:0;place-items:end stretch}
  .au-modal{width:100%;max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);border-radius:22px 22px 0 0;border-bottom:0;
    padding:20px 20px 0;transform:translate3d(0,32px,0)}
  .au-crest{width:26px;margin-bottom:10px}
  .au-x{top:6px;right:6px}
  .au-modal h2{font-size:25px}
  .au-lead{font-size:14.5px;margin-bottom:16px}
  .au-tabs{margin-bottom:18px}
  .au-or{margin:16px 0 14px}
  .au-help{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  #auPane-register .au-cta{position:sticky;bottom:0;z-index:2;margin:0 -20px;padding:12px 20px 12px;
    background:#0b2034;box-shadow:0 -1px 0 rgba(223,188,119,.16),0 -14px 14px -4px #0b2034}
}
@media (max-width:359px){.af-2{grid-template-columns:1fr}}

/* =========================================================
   ACCOUNT PAGE (moj-racun.html)
   ========================================================= */
html:has(body.acct-page){scrollbar-color:rgba(223,188,119,.42) #0d2a43}
body.acct-page{caret-color:var(--gold)}
body.acct-page ::selection{background:rgba(223,188,119,.38);color:#fff}
.acct-page main a:focus-visible,.acct-page main button:focus-visible,.acct-page main summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.acct-page .acct-hero{padding-bottom:6px}
.acct-page .acct-hero h1{text-wrap:balance;overflow-wrap:anywhere}
.acct-page .acct-hero .lede{max-width:56ch;color:rgba(248,244,236,.86)}

.acct-wrap{max-width:1240px;margin:0 auto;padding:16px clamp(18px,4vw,56px) 40px}
.acct-wrap[hidden],.acct-layout[hidden]{display:none}

/* loading skeleton */
.acct-skel{display:grid;gap:16px;max-width:860px;padding:34px 40px;border-radius:20px;border:1px solid rgba(223,188,119,.14);background:rgba(10,32,52,.55)}
.acct-skel i{display:block;height:14px;border-radius:7px;background:rgba(248,244,236,.09);animation:acct-pulse 1.4s ease-in-out infinite alternate}
.acct-skel i:nth-child(1){width:34%;height:22px;margin-bottom:6px}
.acct-skel i:nth-child(2){width:72%}
.acct-skel i:nth-child(3){width:58%}
.acct-skel i:nth-child(4){width:24%;height:44px;border-radius:999px;margin-top:8px}
@keyframes acct-pulse{from{opacity:.55}to{opacity:1}}
.acct-loading{margin:14px 0 0;font-size:14px;color:rgba(248,244,236,.78)}

/* single-message states */
.acct-panel{max-width:600px;padding:34px 36px 30px;border-radius:20px;border:1px solid rgba(223,188,119,.22);
  background:linear-gradient(180deg,rgba(14,40,64,.8),rgba(10,32,52,.76));-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.45)}
.acct-panel h2{font:400 26px/1.25 "DV Serif";color:#fff;margin:0 0 10px;text-wrap:balance}
.acct-panel p{margin:0 0 14px;font-size:15.5px;line-height:1.6;color:rgba(248,244,236,.88);max-width:60ch}
.acct-panel .au-submit{width:auto;min-width:200px}
.acct-page button.tlink{border:0;border-radius:0;padding:0 2px;cursor:pointer}
.acct-contact{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;font-size:15px;color:rgba(248,244,236,.86)}
.acct-contact a{overflow-wrap:anywhere}

/* signed-in layout: index beside one sheet */
.acct-layout{max-width:1240px;margin:0 auto;padding:20px clamp(18px,4vw,56px) 64px;display:grid;grid-template-columns:200px minmax(0,880px);gap:56px;align-items:start}
.acct-aside{position:sticky;top:calc(var(--hdr) + 28px);display:grid;gap:22px;justify-items:start}
.acct-toc{display:grid;gap:2px;width:100%}
.acct-toc a{display:flex;align-items:center;min-height:44px;padding:0 0 0 14px;border-left:1px solid rgba(223,188,119,.22);color:rgba(248,244,236,.82);
  font:400 15px/1.3 "DV Sans";text-decoration:none;transition:color .2s ease,border-color .2s ease}
.acct-toc a:hover{color:#fff;border-left-color:var(--gold)}
.acct-page .btn.acct-out{min-height:44px;padding:0 18px 0 14px;gap:8px;background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1px rgba(248,244,236,.32);font-weight:700}
.acct-page .btn.acct-out:hover{background:rgba(248,244,236,.06);box-shadow:inset 0 0 0 1px rgba(248,244,236,.6);transform:none}
.acct-out svg{flex:none}

.acct-sheet{min-width:0;border-radius:20px;border:1px solid rgba(223,188,119,.22);
  background:linear-gradient(180deg,rgba(14,40,64,.82),rgba(10,32,52,.78));-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.45)}
.acct-sec{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:14px 44px;padding:34px 40px;scroll-margin-top:calc(var(--hdr) + 20px)}
.acct-sec+.acct-sec{border-top:1px solid rgba(223,188,119,.14)}
.acct-sec-h h2{font:400 22px/1.25 "DV Serif";color:#fff;margin:0 0 8px;text-wrap:balance}
.acct-sec-h p{margin:0;font-size:14px;line-height:1.55;color:rgba(248,244,236,.76);text-wrap:pretty}
.acct-sec-b{min-width:0}
.acct-sec-b>p{margin:0 0 14px;font-size:15px;line-height:1.6;color:rgba(248,244,236,.88);max-width:62ch}

.acct-dl{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px 28px;margin:0 0 10px}
.acct-dl>div{min-width:0}
.acct-dl.one{grid-template-columns:1fr}
.acct-dl dt{font:400 13.5px/1.4 "DV Sans";color:rgba(248,244,236,.74);margin:0 0 2px}
.acct-dl dd{margin:0;font-size:16px;line-height:1.5;color:#fff;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.acct-hint{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;font-size:14px;line-height:1.55;color:rgba(248,244,236,.8);max-width:62ch}
.acct-hint svg{flex:none;margin-top:2px;color:var(--gold)}
.acct-status{font-size:14px;line-height:1.5;color:rgba(248,244,236,.78);margin:-4px 0 14px 36px;font-variant-numeric:tabular-nums}
.acct-status:empty{display:none}
.acct-sec .ac{margin:0 0 12px}
.acct-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:6px}
.acct-page .acct-sec .au-submit{width:auto;min-width:0;margin-top:0}

/* save buttons: quiet until the form is being worked on, then the one gold action */
.acct-page .btn.acct-save{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1px rgba(223,188,119,.62);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.2,.7,.2,1)}
.acct-page .btn.acct-save:hover{background:rgba(223,188,119,.1);color:#fff}
.acct-page form:focus-within .btn.acct-save{background:var(--gold);color:var(--navy);box-shadow:none}
.acct-page form:focus-within .btn.acct-save:hover{background:#e8c88a}
.acct-page .btn.acct-save.is-loading::after{border-color:rgba(16,52,81,.3);border-top-color:var(--navy)}
.acct-page .btn:active{transform:translateY(1px)}

/* kept for any script-built buttons */
.btn.btn-ghost{background:none;color:var(--cream);box-shadow:inset 0 0 0 1px rgba(223,188,119,.55)}
.btn.btn-ghost:hover{background:rgba(223,188,119,.08);box-shadow:inset 0 0 0 1px var(--gold)}
.btn.btn-danger{background:none;color:#fbd3cb;box-shadow:inset 0 0 0 1px rgba(242,160,147,.6)}
.btn.btn-danger:hover{background:rgba(232,128,110,.12);box-shadow:inset 0 0 0 1px #f2a093;transform:none}
.btn.btn-ghost.is-loading::after,.btn.btn-danger.is-loading::after,.btn.acct-out.is-loading::after{border-color:rgba(248,244,236,.25);border-top-color:var(--cream)}

/* deletion: closed by default, guarded form inside */
.acct-del summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;color:#f8c6bc;font:700 14.5px/1.3 "DV Sans"}
.acct-del summary::-webkit-details-marker{display:none}
.acct-del summary span{text-decoration:underline;text-decoration-color:rgba(242,160,147,.55);text-decoration-thickness:1px;text-underline-offset:4px}
.acct-del summary:hover{color:#fff}
.acct-del summary svg{transition:transform .2s ease}
.acct-del[open] summary svg{transform:rotate(180deg)}
.acct-del-in{padding-top:14px}
.acct-del-in>p{margin:0 0 14px;font-size:15px;line-height:1.6;color:rgba(248,244,236,.88);max-width:62ch}
.acct-del .ac{margin:2px 0 12px}

.acct-sec-help .acct-contact{margin-top:0}

@media (max-width:979px){
  .acct-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .acct-aside{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-start}
  .acct-toc{display:flex;flex-wrap:wrap;gap:8px;width:auto}
  .acct-toc a{padding:0 16px;border:1px solid rgba(223,188,119,.32);border-radius:999px;font-size:14px;background:rgba(10,32,52,.55)}
  .acct-toc a:hover{border-color:var(--gold)}
  .acct-aside{display:block}
  .acct-toc{display:inline;width:auto}
  .acct-toc a{display:inline-flex;vertical-align:top;margin:0 8px 8px 0}
  .acct-page .btn.acct-out{margin:0 0 8px;vertical-align:top}
  .acct-skel{max-width:none}
}
@media (min-width:980px){.acct-skel{margin-left:256px}.acct-toc{gap:0}}
@media (max-width:759px){
  .acct-sec{grid-template-columns:minmax(0,1fr);gap:12px;padding:26px 20px}
  .acct-sec-h h2{font-size:21px;margin-bottom:4px}
  .acct-panel{padding:26px 20px 22px}
  .acct-panel h2{font-size:23px}
  .acct-skel{padding:26px 20px}
}
@media (max-width:479px){
  .acct-dl{grid-template-columns:minmax(0,1fr)}
  .acct-del .af-2{grid-template-columns:minmax(0,1fr)}
  .acct-page .acct-sec .au-submit,.acct-panel .au-submit{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .au-modal,.au-backdrop,.au-tabs button,.af input,.af-meter i,.ac input,.au-link,.sso,.acct-toc a,.acct-del summary svg,.acct-page .btn{transition:none!important}
  .au-modal{transform:none!important}
  .btn.is-loading::after{animation:none;border-color:rgba(16,52,81,.35);border-top-color:var(--navy);border-right-color:var(--navy)}
  .acct-skel i{animation:none;opacity:.8}
}
/* account server not configured yet (PB_URL empty): calm info panel */
.au-off-act{display:grid;gap:12px;margin:6px 0 4px}
.au-off-act[hidden]{display:none}
.au-off-act .btn{width:100%;text-decoration:none}
.au-off-act .au-link{justify-self:center}
.au-off-act .btn{white-space:normal;text-align:center;padding-top:10px;padding-bottom:10px}
/* result after an e-mail link (password reset, verification, e-mail change): success or link error */
.acct-done{text-align:left}
.acct-done-ico{display:flex;width:48px;height:48px;margin:0 0 14px;color:#9fcf8f}
.acct-done-ico .i-err{display:none}
.acct-done[data-kind="err"]{border-color:rgba(242,160,147,.45)}
.acct-done[data-kind="err"] .acct-done-ico{color:#f2a093}
.acct-done[data-kind="err"] .i-ok{display:none}
.acct-done[data-kind="err"] .i-err{display:block}
.acct-done h2:focus{outline:none}
.acct-done h2:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.acct-done .acct-actions{margin-top:18px}
.acct-done .acct-actions .btn{text-decoration:none}
@media (max-width:479px){
  .acct-done .acct-actions{flex-direction:column;align-items:stretch;gap:10px}
  .acct-done .acct-actions .btn{width:100%;justify-content:center;text-align:center}
  .acct-done .acct-actions .tlink,.acct-done .acct-actions .au-link{align-self:center}
}
/* Google sign-in: shown only when the server reports the provider as enabled */
.au-sso-wrap[hidden]{display:none}

/* on-site inquiry form (js/inquiry.js, 2026-10-14) */
.af textarea{resize:vertical;min-height:96px;line-height:1.45}
.af .opt{font-size:13px;opacity:.75}
.iq-items{margin:0 0 18px;padding:12px 16px;border:1px solid rgba(223,188,119,.35);border-radius:12px;background:rgba(4,16,28,.25)}
.iq-items h3{margin:0 0 6px;font:400 14px/1.35 "DV Sans";color:rgba(248,244,236,.8)}
.iq-items ul{margin:0;padding-left:18px;line-height:1.55}
.iq-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.iq-done p{margin:0 0 14px}