/* ============================================================
   smartcapital — Google auth widget + modal (matches design)
   ============================================================ */
.sc-auth { position: relative; display: flex; align-items: center; margin-left: 4px; }
.sc-gbtn { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-pill); padding:9px 16px 9px 14px; font-size:14.5px; font-weight:600; color:var(--ink); box-shadow:var(--sh-sm); transition:all .15s; cursor:pointer; font-family:var(--font); }
.sc-gbtn:hover { border-color:var(--brand-300); background:var(--brand-50); }
.sc-gbtn svg { flex:none; }
.sc-avatar { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:700; font-size:13.5px; font-family:var(--font); flex:none; }
.sc-avatar.lg { width:44px; height:44px; font-size:16px; }
.sc-avatar-btn { border:none; background:transparent; padding:2px; border-radius:50%; box-shadow:0 0 0 2px var(--line); transition:box-shadow .15s; cursor:pointer; }
.sc-avatar-btn:hover { box-shadow:0 0 0 2px var(--brand-300); }
.sc-menu { position:absolute; top:calc(100% + 10px); right:0; width:260px; background:var(--surface); border:1px solid var(--line-2); border-radius:var(--r); box-shadow:var(--sh-lg); padding:8px; z-index:80; }
.sc-menu[hidden] { display:none; }
.sc-menu-head { display:flex; gap:12px; align-items:center; padding:12px 12px 14px; border-bottom:1px solid var(--line-2); margin-bottom:6px; }
.sc-menu-head b { font-size:14.5px; display:block; } .sc-menu-head span { font-size:12.5px; color:var(--ink-3); word-break:break-all; }
.sc-menu-i { display:flex; align-items:center; gap:11px; width:100%; text-align:left; border:none; background:transparent; padding:10px 12px; border-radius:var(--r-sm); font-family:var(--font); font-size:14.5px; font-weight:500; color:var(--ink-2); transition:background .13s; text-decoration:none; cursor:pointer; }
.sc-menu-i:hover { background:var(--surface-2); color:var(--ink); }
.sc-menu-i.danger { color:var(--danger); } .sc-menu-i.danger:hover { background:#FCE3D9; }
.sc-menu-i svg { color:var(--ink-3); flex:none; } .sc-menu-i.danger svg { color:var(--danger); }

/* auth modal */
.sc-overlay { position:fixed; inset:0; background:rgba(12,28,20,.42); backdrop-filter:blur(3px); display:grid; place-items:center; z-index:200; opacity:0; transition:opacity .18s; padding:20px; }
.sc-overlay.open { opacity:1; }
.sc-dialog { background:var(--surface); border-radius:var(--r-lg); box-shadow:var(--sh-lg); width:100%; max-width:420px; padding:34px 34px 28px; position:relative; transform:translateY(10px) scale(.98); transition:transform .2s; }
.sc-overlay.open .sc-dialog { transform:none; }
.sc-x { position:absolute; top:16px; right:18px; border:none; background:transparent; font-size:26px; line-height:1; color:var(--ink-3); cursor:pointer; }
.sc-x:hover { color:var(--ink); }
.sc-dlg-head { display:flex; align-items:center; gap:9px; font-size:14px; font-weight:600; color:var(--ink-2); }
.sc-dlg-title { font-size:23px; margin:20px 0 4px; letter-spacing:-.02em; font-family:var(--display); }
.sc-dlg-sub { font-size:14.5px; color:var(--ink-3); margin-bottom:24px; }
.sc-google-cta { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; background:var(--surface); border:1.5px solid var(--line); border-radius:var(--r-pill); padding:14px 18px; font-family:var(--font); font-size:16px; font-weight:600; color:var(--ink); cursor:pointer; transition:all .15s; text-decoration:none; }
.sc-google-cta:hover { border-color:var(--brand-300); background:var(--brand-50); box-shadow:var(--sh-sm); }
.sc-google-cta svg { flex:none; }
.sc-benefits { list-style:none; margin:22px 0 0; padding:0; display:grid; gap:11px; }
.sc-benefits li { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:var(--ink-2); line-height:1.45; }
.sc-benefits li svg { flex:none; width:18px; height:18px; color:var(--brand-600); margin-top:1px; }
.sc-dlg-foot { font-size:12px; color:var(--ink-3); margin-top:22px; text-align:center; line-height:1.5; }

@media (max-width: 980px) {
  .sc-auth { margin-left:auto; }
}