/* Labeled Google account control, moving with the navigation. */
.su-account-slot:empty { display:none; }
.su-account-slot { display:inline-flex; flex:none; align-items:center; }
.su-auth-button { position:relative; display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:94px; min-height:44px; flex:none; gap:7px; padding:7px 11px; background:#FCFAF3; color:#2C2118; border:1px solid #dadce0; border-radius:24px; cursor:pointer; box-shadow:1px 3px 7px #2c21181c; }
.su-auth-button svg { width:18px; height:18px; }
.su-auth-button:active:not(:disabled) { box-shadow:0 1px 3px #2c21181c; transform:translateY(1px); }
.su-auth-button:focus-visible { outline:3px solid #D8502E; outline-offset:3px; }
.su-auth-button[data-state="synced"]::after { content:""; position:absolute; bottom:1px; right:1px; width:9px; height:9px; background:#28773d; border:2px solid #FCFAF3; border-radius:50%; }
.su-auth-button[data-state="error"]::after { content:"!"; position:absolute; right:-3px; top:-5px; color:#fff; background:#b23a1e; border-radius:50%; font:bold 12px/17px sans-serif; width:17px; }
.su-auth-button:disabled { opacity:.55; cursor:wait; }
.su-auth-copy { display:flex; flex-direction:column; align-items:center; gap:2px; }
.su-auth-label { display:block; font:600 13px/1.2 'Archivo',sans-serif; color:#2C2118; white-space:nowrap; }
.su-auth-qa { display:block; font:600 10px/1.2 'Archivo',sans-serif; color:#52613B; white-space:nowrap; }
.su-auth-qa[hidden] { display:none; }
/* Optional, labeled sign-in replaces this note's X only while signed out. */
.su-feedback-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.su-feedback-heading { flex:1; min-width:0; font:700 27px/1.1 'Indie Flower',cursive; color:#2A2118; transform:rotate(-1deg); }
.su-feedback-account { margin:-16px -16px 0 0; }
.su-feedback-account .su-auth-button { width:auto; min-width:110px; height:44px; padding:0 14px; gap:9px; border-radius:22px; }
.su-feedback-account .su-auth-label { display:inline; font:600 14px/1 'Archivo',sans-serif; color:#2C2118; white-space:nowrap; }
.su-feedback-close { width:44px; min-width:44px; height:44px; padding:0; border-radius:50%; }
.su-feedback-close { display:inline-flex; align-items:center; justify-content:center; border:0; background:rgba(44,33,24,.06); color:var(--su-muted); cursor:pointer; }
.su-feedback-close:focus-visible { outline:3px solid var(--su-orange-text); outline-offset:3px; }
.su-feedback-account [hidden] { display:none; }
@media(min-width:701px) {
  .su-auth-button { width:auto; min-width:110px; padding:0 14px; gap:9px; border-radius:22px; }
  .su-auth-label { display:inline; font:600 14px/1 'Archivo',sans-serif; color:#2C2118; white-space:nowrap; }
  /* Share the Saved toolbar's right edge, without making the account control sticky. */
  #board > div:first-of-type > .su-main-nav { left:40px !important; right:40px; transform:none !important; justify-content:center; }
  #board > div:first-of-type > .su-main-nav > .su-account-slot { position:absolute; right:0; top:0; }
}
@media(min-width:1025px) and (max-width:1100px) {
  #board > div:first-of-type { height:168px !important; }
  #board > div:first-of-type > .su-main-nav { top:100px !important; }
}
@media(min-width:701px) and (max-width:1024px) {
  #board > div:first-of-type > .su-main-nav { left:24px !important; right:24px; }
}
@media(max-width:700px) {
  #board > div:first-of-type > .su-main-nav { flex-wrap:wrap !important; gap:8px !important; }
  #board > div:first-of-type > .su-main-nav a { padding:10px 12px !important; font-size:17px !important; }
}
@media(max-width:360px) {
  #board > div:first-of-type > .su-main-nav { gap:6px !important; }
  #board > div:first-of-type > .su-main-nav a { padding:10px 9px !important; font-size:16px !important; }
}

/* Pending/error feedback stays next to its account control without moving navigation. */
.su-account-slot{position:relative}
.su-auth-feedback:not(:empty){position:absolute;top:100%;right:0;z-index:95;width:220px;max-width:calc(100vw - 48px);padding:8px 10px;margin-top:5px;border:1px solid #CDBD9E;background:#FCFAF3;color:#2A2118;box-shadow:2px 4px 12px #2a211818;font:13px/1.5 var(--su-body,Archivo,sans-serif);white-space:normal;text-align:left}
.su-feedback-account .su-auth-feedback:not(:empty){position:static;width:auto;max-width:240px}

#trk-sync-feedback{font:14px/1.5 var(--su-body,Archivo,sans-serif);margin:10px 0;color:var(--trk-ink,var(--su-ink,#2A2118))}
#trk-sync-feedback:empty{display:none}.trk-unsaved-note{padding:18px;background:var(--su-paper,#FCFAF3);color:var(--su-ink,#2A2118);border-left:3px solid var(--su-orange-text,#A63D20);margin:16px 0;font:16px/1.5 var(--su-body,Archivo,sans-serif)}
.trk-unsaved-note textarea{display:block;box-sizing:border-box;width:100%;min-height:90px;font:inherit;padding:10px;background:transparent;color:inherit;border:1px solid #bcae98}.trk-unsaved-note button{min-height:44px;font:inherit;color:inherit;background:transparent;border:0;text-decoration:underline;cursor:pointer}
#trk-sync-retry[hidden],#su-preference-retry[hidden]{display:none}