/* Google-only customer authentication. Keep approved Account Liquid Glass below. */
#sdCustomerAuth{margin:12px 0;padding:14px;border-radius:15px;border:1px solid var(--line);background:var(--card-glass);color:var(--ink)}
#sdCustomerAuth [hidden],#accountMenuView .account-guest[hidden]{display:none!important}
#sdCustomerAuth .sd-auth-heading{font-weight:700;font-size:15px;line-height:1.45;margin:0 0 8px}
#sdCustomerAuth .sd-auth-caption{font-size:12px;opacity:.8;margin:0 0 12px;line-height:1.55}
#sdCustomerAuth .sd-auth-provider{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;padding:12px 15px;margin:8px 0;border:1.5px solid transparent;border-radius:14px;background:var(--sd-3d-surface,var(--card-glass));box-shadow:var(--sd-3d-shadow,var(--sd-account-shadow));color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform 245ms cubic-bezier(.16,.9,.23,1.045),box-shadow 260ms cubic-bezier(.18,.8,.24,1)}
#sdCustomerAuth .sd-auth-provider:disabled{opacity:.55;cursor:not-allowed}
#sdCustomerAuth .sd-auth-provider-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 26px;width:26px;height:26px}
#sdCustomerAuth .sd-auth-google-mark{background:#fff;border-radius:50%;padding:4px}
#sdCustomerAuth .sd-auth-provider-icon svg{display:block;flex:none;width:18px;height:18px;aspect-ratio:1/1}
#sdCustomerAuth .sd-auth-provider-label{display:block;width:100%;padding:0 28px;text-align:center;font-size:14px;font-weight:650;line-height:1.4;white-space:normal}
#sdCustomerAuth .sd-auth-message{font-size:12px;line-height:1.5;min-height:16px;margin:7px 0 0}
#sdCustomerAuth .sd-auth-message:not([hidden]){position:relative;z-index:0;box-sizing:border-box;padding:12px 13px;margin:0 0 12px;min-height:0;border:1px solid currentColor;border-radius:12px;background:var(--card-glass,rgba(245,247,246,.96));font-size:12px;font-weight:600;line-height:1.55}
#sdCustomerAuth .sd-auth-message[data-kind="error"]{color:#a54130}
#sdCustomerAuth .sd-auth-message[data-kind="success"]{color:#226c4b}
#sdCustomerAuth button:focus-visible{outline:2px solid #4e9b7e;outline-offset:3px}
#accountCloudStatus{font-size:12px;line-height:1.55;color:var(--muted);margin:8px 0}
#accountImportLocal{font-size:12px;min-height:38px;width:100%;margin:6px 0 12px}
#accountImportLocal[hidden]{display:none!important}
#accountImportLocal:disabled{opacity:.55;cursor:wait}
@media(hover:hover) and (pointer:fine){#sdCustomerAuth .sd-auth-provider.sd-auth-google:not(:disabled):hover{box-shadow:var(--sd-3d-shadow,var(--sd-account-shadow));filter:brightness(1.025)}}
#sdCustomerAuth .sd-auth-provider.sd-auth-google:not(:disabled):active{transform:translateY(1px) scale(.99);box-shadow:var(--sd-3d-depressed,var(--sd-account-shadow));transition-duration:105ms}
@media(prefers-reduced-motion:reduce){#sdCustomerAuth .sd-auth-provider.sd-auth-google{transition:none}}

/* Account card tokens only. The outer drawer's native frosted surface is
   shared with Cart/Checkout in index.html; do not paint a second background. */
#accountDrawer {
  --sd-account-surface:linear-gradient(145deg,rgba(252,254,255,.89),rgba(223,238,249,.77));
  --sd-account-edge:rgba(100,151,189,.48);
  --sd-account-highlight:rgba(255,255,255,.94);
  --sd-account-shadow:0 9px 26px rgba(30,77,116,.17),inset 0 1px 0 rgba(255,255,255,.98),inset 0 0 0 1px rgba(255,255,255,.35);
  --sd-account-button:linear-gradient(145deg,rgba(254,255,255,.97),rgba(227,242,251,.92));
  --sd-account-button-edge:rgba(75,136,177,.66);
  border-color:rgba(105,158,194,.46);
  gap:7px;
}
html.dark #accountDrawer {
  --sd-account-surface:linear-gradient(145deg,rgba(19,54,78,.9),rgba(8,35,57,.84));
  --sd-account-edge:rgba(146,197,231,.49);
  --sd-account-highlight:rgba(229,246,255,.19);
  --sd-account-shadow:0 12px 28px rgba(0,8,22,.38),inset 0 1px 0 rgba(223,244,255,.22),inset 0 0 0 1px rgba(142,193,228,.08);
  --sd-account-button:linear-gradient(145deg,rgba(26,63,89,.97),rgba(10,38,61,.94));
  --sd-account-button-edge:rgba(163,207,235,.62);
  border-color:rgba(145,192,222,.42);
}
#accountDrawer [hidden] {display:none!important}
#accountDrawer .sd-account-visually-hidden {
  position:absolute;width:1px;height:1px;overflow:hidden;padding:0;margin:-1px;
  border:0;clip-path:inset(50%);white-space:nowrap;
}
#accountDrawer .sd-account-header {
  flex:0 0 40px;min-height:40px;margin:0;padding:0;border:0;background:none;
  display:flex;align-items:center;justify-content:flex-end;
}
#accountDrawer #accountClose {
  width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;
  border:1px solid var(--sd-account-edge);
  background:var(--sd-account-button);box-shadow:var(--sd-account-shadow);
}
#accountDrawer .account-panel-content{gap:9px;min-width:0}
#accountDrawer #accountMenuView{min-width:0}
/* One row with two independently actionable compact tiles; keep the other menu cards full width. */
#accountDrawer .account-paired-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  min-width:0;margin:12px 0;
}
#accountDrawer .account-paired-actions>.account-action{
  display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:30px auto;
  align-content:start;align-items:center;column-gap:6px;row-gap:9px;
  min-width:0;min-height:104px;padding:12px 11px;
}
#accountDrawer .account-paired-actions>.account-action>.account-action-icon{
  grid-column:1;grid-row:1;width:28px;height:28px;
}
#accountDrawer .account-paired-actions>.account-action>span:nth-child(2){
  grid-column:1/-1;grid-row:2;min-width:0;
}
#accountDrawer .account-paired-actions>.account-action>.account-action-chevron{
  grid-column:2;grid-row:1;justify-self:end;
}
#accountDrawer .account-paired-actions .account-action strong{
  font-size:12px;line-height:1.35;overflow-wrap:normal;
}
#accountDrawer .account-paired-actions .account-action small{
  font-size:10.5px;line-height:1.35;
}

#accountDrawer #sdCustomerAuth {
  margin:0 0 8px;padding:17px 16px;border-radius:21px;
  background:var(--sd-glass-shell-strong,var(--sd-account-surface));
  border:1px solid transparent;
  box-shadow:var(--sd-glass-panel-shadow,var(--sd-account-shadow));
  backdrop-filter:blur(13px) saturate(115%);
  -webkit-backdrop-filter:blur(13px) saturate(115%);
}
#accountDrawer .account-guest,
#accountDrawer .account-action {
  background:var(--sd-glass-shell,var(--sd-account-surface));
  border:1px solid transparent;
  box-shadow:var(--sd-3d-shadow,var(--sd-account-shadow));
  backdrop-filter:blur(9px) saturate(112%);
  -webkit-backdrop-filter:blur(9px) saturate(112%);
}
#accountDrawer .account-guest {
  display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:20px;
  margin:0 0 8px;
}
#accountDrawer .account-avatar {
  flex:0 0 46px;width:46px;height:46px;
  background:var(--sd-account-button);
  border:1px solid var(--sd-account-button-edge);box-shadow:inset 0 1px 0 var(--sd-account-highlight);
}
#accountDrawer .sd-account-identity {flex:1;min-width:0}
#accountDrawer .sd-account-identity strong {font-size:14px;line-height:1.4;overflow-wrap:anywhere}
#accountDrawer .sd-account-identity-footer {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:8px;margin-top:8px;
}
#accountDrawer .sd-account-provider {
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0;
  font-size:11px;line-height:1.4;color:var(--muted);
}
#accountDrawer .sd-account-google-mark {
  display:inline-grid;place-items:center;flex:0 0 19px;width:19px;height:19px;
  background:#fff;border:1px solid rgba(102,142,176,.26);border-radius:50%;
  font-weight:800;font-size:13px;line-height:1;
  color:#4285f4;
}
#accountDrawer .sd-account-logout {
  min-height:34px;padding:6px 11px;border-radius:12px;
  border:1.5px solid transparent;
  background:var(--sd-glass-shell,var(--sd-account-button));color:var(--ink);
  box-shadow:var(--sd-3d-shadow,var(--sd-account-shadow));
  font:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer;
}
#accountDrawer .sd-account-logout:focus-visible,
#accountDrawer #accountClose:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
#accountDrawer .sd-account-toast {
  position:absolute;top:62px;left:18px;right:18px;z-index:5;
  width:auto;margin:0;padding:12px 14px;border-radius:14px;
  border:1px solid rgba(65,136,100,.55);
  background:rgba(228,249,237,.96);color:#176445;
  box-shadow:0 9px 25px rgba(0,33,35,.19);font-weight:650;font-size:12px;
  line-height:1.5;pointer-events:none;
}
#accountDrawer .sd-account-toast[data-kind="error"]{
  border-color:rgba(161,69,48,.55);background:rgba(255,237,231,.98);color:#8b3627;
}
html.dark #accountDrawer .sd-account-toast{
  background:rgba(14,61,47,.98);color:#c2f3d8;
}
html.dark #accountDrawer .sd-account-toast[data-kind="error"]{
  background:rgba(81,34,35,.98);color:#ffdfd9;
}
#accountDrawer .account-action {
  border-radius:18px;min-height:62px;border-color:transparent;
  background:var(--sd-glass-shell,var(--sd-account-surface));
  box-shadow:var(--sd-3d-shadow,var(--sd-account-shadow));
  transition:transform 245ms cubic-bezier(.16,.9,.23,1.045),box-shadow 260ms cubic-bezier(.18,.8,.24,1);
}
@media(hover:hover) and (pointer:fine){
 #accountDrawer .account-action:hover{box-shadow:var(--sd-3d-shadow,var(--sd-account-shadow));filter:brightness(1.025)}
}
#accountDrawer .account-action:active{
 transform:translateY(1px) scale(.99);
 box-shadow:var(--sd-3d-depressed,var(--sd-account-shadow));
 transition-duration:105ms;
}
#accountDrawer .account-action>span.account-action-icon{
  border:1.5px solid transparent;border-radius:11px;
  background:var(--sd-3d-surface,var(--sd-account-button));
  box-shadow:var(--sd-3d-shadow,var(--sd-account-shadow));
}
#sdCustomerAuth .sd-auth-provider.sd-auth-google {
  min-height:51px;border:1.5px solid transparent;
  background:var(--sd-glass-shell,var(--sd-account-button));color:var(--ink);
  box-shadow:var(--sd-3d-shadow,var(--sd-account-shadow));
}
@media(hover:hover) and (pointer:fine){
 #sdCustomerAuth .sd-auth-provider.sd-auth-google:not(:disabled):hover{
  border-color:transparent;box-shadow:var(--sd-3d-shadow,var(--sd-account-shadow));
 }
}
#accountDrawer .sd-account-logout:active:not(:disabled){
 transform:translateY(1px) scale(.99);box-shadow:var(--sd-3d-depressed,var(--sd-account-shadow));
 transition-duration:105ms;
}
#accountDrawer .sd-account-logout{transition:transform 245ms cubic-bezier(.16,.9,.23,1.045),box-shadow 260ms cubic-bezier(.18,.8,.24,1)}

@media(max-width:760px){
  #accountDrawer{padding:13px 14px 16px;gap:5px}
  #accountDrawer .sd-account-header{min-height:38px;flex-basis:38px}
  #accountDrawer #sdCustomerAuth{padding:16px 14px}
  #accountDrawer .sd-account-toast{top:55px;left:14px;right:14px}
}
@media(prefers-reduced-motion:reduce){
  #accountDrawer .account-action{transition:none}
}