/* WESTCA — Friendsgiving Potluck (template page-friendsgiving, 14/10/2026).
   Tema claro de propósito: o resto do site é escuro, e o evento pede algo
   acolhedor. Cores de outono, mesmas fontes da marca (Bebas só em título grande).
   Tudo preso em .fg para o theme.json do site não vazar. */

body.page-template-page-friendsgiving { background:#fffaf2; margin:0; overflow-x:clip; color-scheme:light; }
.page-template-page-friendsgiving .wp-site-blocks { padding:0 !important; }
.page-template-page-friendsgiving .wp-block-post-content,
.page-template-page-friendsgiving .wp-block-post-content > * { margin:0 !important; max-width:none !important; }

.fg {
  /* 15/10: paleta mais alegre (pedido dele): creme claro, abóbora viva,
     amarelo de sol, coral e verde-folha no lugar do marrom e do vinho. */
  --bg:#fffaf2; --bg2:#fff1dc; --surface:#ffffff; --ink:#33251b; --muted:#6e5b4c; --muted2:#9a8573;
  --line:rgba(120,70,20,.12); --line2:rgba(120,70,20,.2);
  --pumpkin:#f27c2a; --pumpkin-d:#c95a17; --cran:#e2506a; --sage:#6fa24f; --gold:#f2b134; --ok:#4f9a45; --bad:#c9384a;
  --spring:cubic-bezier(.32,1.35,.45,1);
  --display:var(--wp--preset--font-family--bebas, 'Bebas Neue'), 'Bebas Neue', sans-serif;
  --sans:var(--wp--preset--font-family--inter, 'Inter'), 'Inter', system-ui, sans-serif;
  background:var(--bg); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.55;
  overflow-x:clip; -webkit-font-smoothing:antialiased; color-scheme:light;
}
.fg *, .fg *::before, .fg *::after { margin:0; padding:0; box-sizing:border-box; }
.fg [hidden] { display:none !important; }
.fg h1, .fg h2, .fg h3 { font-family:var(--display); font-weight:400; text-transform:uppercase; letter-spacing:.5px; line-height:.95; color:var(--ink); }
.fg a { color:inherit; text-decoration:none; }
.fg img { display:block; max-width:100%; height:auto; }
.fg .fg-wrap { max-width:1080px; margin:0 auto; padding:0 20px; }
.fg .fg-eyebrow { display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:2.4px; text-transform:uppercase; color:var(--pumpkin-d); }

.fg .fg-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:var(--sans); font-size:15px; font-weight:700; letter-spacing:.2px;
  padding:16px 30px; border:none; border-radius:999px; cursor:pointer; max-width:100%;
  background:linear-gradient(135deg,#f58a3a,var(--pumpkin-d)); color:#fff;
  box-shadow:0 10px 24px rgba(242,124,42,.32);
  transition:transform .15s ease, box-shadow .2s ease, opacity .2s ease;
}
.fg .fg-btn:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(201,90,23,.36); }
.fg .fg-btn[disabled] { opacity:.65; cursor:default; transform:none; }
.fg .fg-btn.fg-btn-sm { padding:9px 18px; font-size:13.5px; box-shadow:none; }
.fg .fg-btn.ghost { background:transparent; color:var(--ink); border:1.5px solid var(--line2); box-shadow:none; }
.fg .fg-btn.ghost:hover { border-color:var(--pumpkin); color:var(--pumpkin-d); }

/* ---------- topo ---------- */
.fg .fg-top { position:sticky; top:0; z-index:100; background:rgba(255,250,242,.88); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.admin-bar .fg .fg-top { top:32px; }
.fg .fg-top-in { display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:1080px; margin:0 auto; padding:12px 20px; }
.fg .fg-top img { height:19px; width:auto; }

/* ---------- hero ---------- */
.fg .fg-hero { position:relative; overflow:hidden; background:radial-gradient(80% 70% at 88% 8%, rgba(242,177,52,.30), transparent 60%), radial-gradient(70% 60% at 0% 100%, rgba(242,124,42,.16), transparent 60%), var(--bg); }
/* Foto da equipe quase invisível por trás, só para não ficar morto. */
.fg .fg-hero::before { content:""; position:absolute; inset:0; background:url('img/friendsgiving/hero-laugh.jpg') center 28% / cover no-repeat; opacity:.08; filter:saturate(1.1); pointer-events:none; }
.fg .fg-leaves { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.fg .fg-leaves .lf { transform-box:fill-box; transform-origin:center; }
.fg .fg-leaves .l1, .fg .fg-leaves .l3 { fill:var(--pumpkin); opacity:.22; }
.fg .fg-leaves .l2, .fg .fg-leaves .l5 { fill:var(--cran); opacity:.2; }
.fg .fg-leaves .l4, .fg .fg-leaves .l6 { fill:var(--gold); opacity:.45; }
.fg .fg-hero-in { position:relative; max-width:1080px; margin:0 auto; padding:46px 20px 56px; display:grid; gap:30px; align-items:center; }
.fg .fg-hero h1 { font-size:clamp(62px,15vw,128px); margin:12px 0 16px; }
.fg .fg-hero h1 span { display:block; color:var(--pumpkin); }
.fg .fg-lead { font-size:clamp(17px,2.3vw,20px); color:var(--muted); max-width:520px; margin-bottom:24px; }
.fg .fg-cta-row { display:flex; flex-wrap:wrap; align-items:center; gap:14px 18px; }
.fg .fg-count { font-size:14px; color:var(--muted); display:inline-flex; align-items:center; gap:6px; }
.fg .fg-count::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--ok); box-shadow:0 0 0 4px rgba(79,138,69,.18); animation:fgPulse 2.2s ease-in-out infinite; }
.fg .fg-count b { color:var(--ink); font-size:16px; }
@keyframes fgPulse { 50% { box-shadow:0 0 0 7px rgba(79,138,69,.06); } }
.fg .fg-note { margin-top:16px; font-size:13.5px; color:var(--muted2); }
.fg .fg-note b { color:var(--muted); }

.fg .fg-invite { position:relative; background:var(--surface); border:1px solid var(--line); border-radius:22px; padding:26px 24px 22px; box-shadow:0 24px 50px rgba(200,110,30,.16); max-width:420px; width:100%; }
.fg .fg-invite::before { content:""; position:absolute; inset:8px; border:1.5px dashed rgba(242,177,52,.6); border-radius:16px; pointer-events:none; }
.fg .fg-invite-k { font-size:11.5px; font-weight:700; letter-spacing:2.4px; text-transform:uppercase; color:var(--cran); }
.fg .fg-date { display:flex; align-items:center; gap:14px; margin:8px 0 16px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.fg .fg-date b { font-family:var(--display); font-weight:400; font-size:92px; line-height:.85; color:var(--pumpkin); }
.fg .fg-date span { font-family:var(--display); font-size:30px; line-height:.95; text-transform:uppercase; letter-spacing:.5px; }
.fg .fg-facts { list-style:none; display:grid; gap:12px; }
.fg .fg-facts li { display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; align-items:start; font-size:14.5px; font-weight:600; }
.fg .fg-facts li > :not(svg):first-child { grid-column:1 / -1; }
.fg .fg-facts svg { width:20px; height:20px; fill:none; stroke:var(--pumpkin-d); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; margin-top:1px; }
.fg .fg-map { border-bottom:1px solid rgba(201,90,23,.35); }
.fg .fg-map:hover { color:var(--pumpkin-d); }
@media (min-width:900px){
  .fg .fg-hero-in { grid-template-columns:1.25fr 1fr; padding:70px 20px 84px; gap:56px; }
  .fg .fg-invite { justify-self:end; transform:rotate(1.5deg); }
}

/* ---------- seções ---------- */
.fg section { padding:64px 0; }
.fg .fg-head { text-align:center; max-width:620px; margin:0 auto 30px; }
.fg .fg-head h2 { font-size:clamp(40px,8vw,60px); margin:8px 0 10px; }
.fg .fg-head p { color:var(--muted); font-size:15.5px; }

/* ---------- quadro: o que cada um está levando ---------- */
.fg .fg-board { background:var(--bg2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.fg .fg-cats { display:grid; gap:8px; max-width:860px; margin:0 auto; }
@media (min-width:760px){ .fg .fg-cats { grid-template-columns:1fr 1fr; gap:10px 12px; } }
/* Uma linha por categoria; o medidor é a borda de baixo. */
.fg .fg-cat { position:relative; overflow:hidden; display:flex; align-items:center; gap:12px; width:100%; background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:11px 12px 13px; text-align:left; font-family:var(--sans); color:var(--ink); cursor:pointer; transition:transform .15s ease, border-color .15s ease, box-shadow .2s ease; }
.fg .fg-cat:hover { transform:translateY(-1px); border-color:rgba(242,124,42,.5); box-shadow:0 10px 22px rgba(90,55,20,.09); }
.fg .fg-cat-ico { font-size:22px; line-height:1; width:38px; height:38px; border-radius:10px; display:grid; place-items:center; background:var(--bg); flex-shrink:0; }
.fg .fg-cat-mid { flex:1; min-width:0; display:grid; gap:1px; }
.fg .fg-cat-name { font-size:15px; font-weight:700; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fg .fg-dishes b { font-weight:600; color:var(--muted2); }
.fg .fg-dishes { font-size:13px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fg .fg-dishes span.new { display:inline-block; color:var(--pumpkin-d); font-weight:700; animation:fgNew 1.6s ease; }
@keyframes fgNew { 0%{ transform:scale(.6); opacity:0; } 30%{ transform:scale(1.15); opacity:1; } 100%{ transform:none; } }
.fg .fg-meter { position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(80,50,20,.06); }
.fg .fg-meter i { display:block; height:100%; width:0; background:var(--pumpkin); transition:width .8s var(--spring); }
.fg .fg-cat[data-st="ok"] .fg-meter i { background:var(--ok); }
.fg .fg-pill { flex-shrink:0; font-size:11px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; padding:4px 8px; border-radius:999px; }
.fg .fg-cat[data-st="none"] .fg-pill { background:rgba(242,124,42,.14); color:var(--pumpkin-d); }
.fg .fg-cat[data-st="low"] .fg-pill { background:rgba(201,151,63,.18); color:#8a6420; }
.fg .fg-cat[data-st="ok"] .fg-pill { background:rgba(79,138,69,.14); color:#3c6d34; }
.fg .fg-board-tip { text-align:center; margin-top:16px; font-size:13px; color:var(--muted2); }

/* ---------- como funciona ---------- */
.fg .fg-steps { list-style:none; display:grid; gap:14px; counter-reset:s; max-width:1000px; margin:0 auto; }
.fg .fg-steps li { position:relative; background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:20px 20px 20px 70px; color:var(--muted); font-size:14.5px; }
.fg .fg-steps li b { display:block; color:var(--ink); font-size:16px; margin-bottom:2px; }
.fg .fg-steps li::before { counter-increment:s; content:counter(s); position:absolute; left:18px; top:18px; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; font-family:var(--display); font-size:22px; color:#fff; background:linear-gradient(135deg,var(--gold),var(--pumpkin)); }
@media (min-width:860px){ .fg .fg-steps { grid-template-columns:repeat(3,1fr); } }

/* ---------- fim ---------- */
.fg .fg-final { text-align:center; background:radial-gradient(70% 90% at 50% 100%, rgba(242,177,52,.22), transparent 70%); }
.fg .fg-final h2 { font-size:clamp(44px,9vw,72px); margin-bottom:12px; }
.fg .fg-final h2 span { display:block; color:var(--pumpkin); }
.fg .fg-final p { color:var(--muted); margin-bottom:24px; }
.fg .fg-foot { text-align:center; padding:30px 20px 40px; border-top:1px solid var(--line); }
.fg .fg-foot img { height:20px; width:auto; margin:0 auto 10px; opacity:.8; }
.fg .fg-foot p { font-size:13px; color:var(--muted2); }
.fg .fg-foot a { color:var(--muted); font-weight:600; }

/* ---------- formulário (popup em passos) ---------- */
.fg .fz-overlay { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(60,40,20,.38); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); opacity:0; visibility:hidden; transition:opacity .22s ease, visibility .22s ease; }
.fg .fz-overlay.open { opacity:1; visibility:visible; }
.fg .fz-box { position:relative; width:min(520px,100%); max-height:90vh; overflow-y:auto; background:var(--surface); border-radius:22px; padding:20px 22px 26px; box-shadow:0 30px 80px rgba(46,34,25,.35); transform:translateY(16px) scale(.985); transition:transform .32s var(--spring); }
.fg .fz-overlay.open .fz-box { transform:none; }
.fg .fz-close { position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:50%; border:1px solid var(--line); background:var(--bg); color:var(--muted); font-size:20px; line-height:1; cursor:pointer; z-index:2; }
.fg .fz-close:hover { color:var(--pumpkin-d); border-color:var(--pumpkin); }
.fg .fz-prog { display:flex; align-items:center; gap:12px; margin:4px 46px 22px 0; }
.fg .fz-bar { flex:1; height:6px; border-radius:6px; background:rgba(80,50,20,.08); overflow:hidden; }
.fg .fz-bar i { display:block; height:100%; width:0; border-radius:6px; background:linear-gradient(90deg,var(--gold),var(--pumpkin)); transition:width .5s var(--spring); }
.fg .fz-stepn { font-size:12px; font-weight:700; color:var(--muted2); white-space:nowrap; font-variant-numeric:tabular-nums; }
.fg .fz-box.is-done .fz-prog { visibility:hidden; }
.fg .fz-step { display:none; }
.fg .fz-step.on { display:block; animation:fgIn .34s var(--spring); }
.fg .fz-step.on.back { animation-name:fgInBack; }
@keyframes fgIn { from{ opacity:0; transform:translateX(18px); } to{ opacity:1; transform:none; } }
@keyframes fgInBack { from{ opacity:0; transform:translateX(-18px); } to{ opacity:1; transform:none; } }
.fg .fz-q { font-size:clamp(30px,6.4vw,38px); line-height:1; margin-bottom:6px; }
.fg .fz-sub { font-size:14px; color:var(--muted); margin-bottom:18px; }
.fg .fz-field { margin-bottom:12px; }
.fg .fz-field label { display:block; font-size:13px; font-weight:600; margin-bottom:6px; }
.fg .fz-field label .req { color:var(--pumpkin-d); }
.fg .fz-field label em { font-style:normal; font-weight:500; color:var(--muted2); }
.fg .fz-field input { width:100%; background:#fff; border:1.5px solid var(--line2); border-radius:12px; color:var(--ink); font-family:var(--sans); font-size:16px; padding:13px 14px; outline:none; transition:border-color .15s ease, box-shadow .15s ease; }
.fg .fz-field input:focus { border-color:var(--pumpkin); box-shadow:0 0 0 4px rgba(242,124,42,.14); }
.fg .fz-party { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.fg .fz-party .fz-opt { flex-direction:column; justify-content:center; gap:2px; text-align:center; padding:14px 8px; }
.fg .fz-party .fz-opt b { font-family:var(--display); font-weight:400; font-size:34px; line-height:1; }
.fg .fz-party .fz-opt small { font-size:12px; color:var(--muted); font-weight:600; }
.fg .fz-opts { display:grid; gap:8px; }
.fg .fz-opt { display:flex; align-items:center; gap:12px; width:100%; text-align:left; background:#fff; border:1.5px solid var(--line2); border-radius:14px; padding:12px 14px; cursor:pointer; color:var(--ink); font-family:var(--sans); font-size:15px; font-weight:600; transition:border-color .15s ease, background .15s ease, transform .12s ease; }
.fg .fz-opt:hover { border-color:var(--pumpkin); transform:translateY(-1px); }
.fg .fz-opt.sel { border-color:var(--pumpkin); background:rgba(242,124,42,.08); animation:fgPick .32s var(--spring); }
@keyframes fgPick { 40%{ transform:scale(.97); } 100%{ transform:none; } }
.fg .fz-opt .ico { font-size:22px; width:28px; text-align:center; flex-shrink:0; }
.fg .fz-opt .nm { flex:1; }
.fg .fz-opt .st { font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:3px 8px; border-radius:999px; white-space:nowrap; }
.fg .fz-opt .st[data-st="none"] { background:rgba(242,124,42,.14); color:var(--pumpkin-d); }
.fg .fz-opt .st[data-st="low"] { background:rgba(201,151,63,.18); color:#8a6420; }
.fg .fz-opt .st[data-st="ok"] { background:rgba(79,138,69,.14); color:#3c6d34; }
.fg .fz-opt .st[data-st="info"] { display:none; }
.fg .fz-dish { margin-top:14px; margin-bottom:6px; animation:fgIn .3s var(--spring); }
.fg .fz-dish-why { font-size:13px; color:var(--muted); line-height:1.45; }
.fg .fz-dish-why b { color:var(--ink); }
.fg .fz-err { color:var(--bad); font-size:13px; min-height:18px; margin:8px 0 0; }
.fg .fz-actions { display:flex; align-items:center; gap:12px; margin-top:12px; }
.fg .fz-actions .fg-btn { flex:1; }
.fg .fz-back { background:none; border:none; font-family:var(--sans); font-size:13.5px; font-weight:600; color:var(--muted2); cursor:pointer; padding:10px 2px; }
.fg .fz-back:hover { color:var(--pumpkin-d); }
.fg .fz-hp { position:absolute; left:-9999px; opacity:0; }
.fg .fg-spin { width:18px; height:18px; border-radius:50%; border:2.5px solid rgba(255,255,255,.45); border-top-color:#fff; animation:fgSpin .8s linear infinite; }
@keyframes fgSpin { to{ transform:rotate(360deg); } }

/* ---------- confirmação (dentro do formulário) ---------- */
.fg .fz-done { text-align:center; padding:6px 0 0; }
.fg .fz-badge { position:relative; width:96px; height:96px; margin:4px auto 16px; }
.fg .fz-badge svg { width:100%; height:100%; overflow:visible; }
.fg .fz-badge .ring { fill:var(--pumpkin); transform-origin:50% 50%; transform:scale(0); }
.fg .fz-badge .chk { fill:none; stroke:#fff; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:60; stroke-dashoffset:60; }
.fg .fz-badge .lfb { fill:var(--gold); opacity:0; transform-box:fill-box; transform-origin:center; }
.fg .fz-step.on .fz-badge .ring { animation:fgRing .6s var(--spring) forwards; }
.fg .fz-step.on .fz-badge .chk { animation:fgChk .45s ease .35s forwards; }
.fg .fz-step.on .fz-badge .lfb { animation:fgLeafPop 1.2s var(--spring) .25s forwards; }
.fg .fz-step.on .fz-badge .lfb.b { fill:var(--cran); animation-delay:.32s; }
.fg .fz-step.on .fz-badge .lfb.c { fill:var(--sage); animation-delay:.4s; }
@keyframes fgRing { to{ transform:scale(1); } }
@keyframes fgChk { to{ stroke-dashoffset:0; } }
@keyframes fgLeafPop { 0%{ opacity:0; transform:translate(0,0) scale(.2) rotate(0); } 60%{ opacity:1; } 100%{ opacity:1; transform:translate(var(--x),var(--y)) scale(1) rotate(var(--r)); } }
.fg .fz-done .fz-q { font-size:clamp(34px,7.5vw,46px); }
.fg .fz-done .fz-sub { max-width:380px; margin:0 auto 18px; }
.fg .fz-ticket { display:grid; grid-template-columns:84px 1fr; text-align:left; background:var(--bg); border:1px solid var(--line); border-radius:16px; overflow:hidden; margin-bottom:16px; }
.fg .fz-stub { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; background:linear-gradient(160deg,var(--gold),var(--pumpkin) 55%,var(--cran)); color:#fff; padding:12px 6px; border-right:2px dashed rgba(255,255,255,.55); }
.fg .fz-stub small { font-size:10.5px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; opacity:.85; }
.fg .fz-stub b { font-family:var(--display); font-weight:400; font-size:44px; line-height:.9; }
.fg .fz-tk { padding:14px 16px; display:grid; gap:4px; font-size:13.5px; color:var(--muted); }
.fg .fz-tk b { color:var(--ink); font-size:15px; }
.fg .fz-tk .bring { color:var(--ink); font-weight:600; }
.fg .fz-tk .bring span { color:var(--pumpkin-d); }
.fg .fz-links { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }
.fg .fz-links .fg-btn { padding:13px 12px; font-size:14px; }
.fg .fz-fine { font-size:12.5px; color:var(--muted2); margin-bottom:6px; }
.fg .fz-change { background:none; border:none; font-family:var(--sans); font-size:13px; font-weight:600; color:var(--pumpkin-d); cursor:pointer; padding:6px; text-decoration:underline; text-underline-offset:3px; }

@media (max-width:560px){
  .fg .fz-overlay { padding:0; align-items:flex-end; }
  .fg .fz-box { width:100%; max-height:94svh; border-radius:22px 22px 0 0; padding:20px 18px calc(24px + env(safe-area-inset-bottom, 0px)); }
}

/* Fogos e folhas: canvas por cima de tudo, sem pegar clique. */
.fg-fx { position:fixed; inset:0; width:100vw; height:100vh; pointer-events:none; z-index:1200; }

@media (prefers-reduced-motion:reduce){
  .fg *, .fg *::before, .fg *::after { animation-duration:.01ms !important; animation-delay:0s !important; transition-duration:.01ms !important; }
}

/* ---------- página de dados (/friendsgiving/data) ---------- */
.fg .fg-data { max-width:1080px; margin:0 auto; padding:40px 20px 70px; min-height:70vh; }
.fg .fg-lock { max-width:380px; margin:40px auto; background:var(--surface); border:1px solid var(--line); border-radius:20px; padding:26px 22px; box-shadow:0 20px 44px rgba(200,110,30,.12); }
.fg .fg-lock h2, .fg .fg-data-head h2 { font-size:40px; margin-bottom:6px; }
.fg .fg-lock p { color:var(--muted); font-size:14px; margin-bottom:16px; }
.fg .fg-lock .fg-btn { width:100%; margin-top:6px; }
.fg .fg-data-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:14px; margin-bottom:18px; }
.fg .fg-data-head p { color:var(--muted); }
.fg .fg-data-head p b { color:var(--ink); }
.fg .fg-data-act { display:flex; gap:8px; }
.fg .fg-data-cats { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px; margin-bottom:20px; }
.fg .fg-data-cats > div { background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:10px 12px; font-size:14px; }
.fg .fg-data-cats b { font-size:18px; color:var(--pumpkin-d); margin-right:4px; }
.fg .fg-data-cats small { display:block; color:var(--muted); font-size:12.5px; margin-top:2px; }
.fg .fg-data-table { overflow-x:auto; background:var(--surface); border:1px solid var(--line); border-radius:14px; }
.fg .fg-data-table table { width:100%; border-collapse:collapse; font-size:14px; min-width:640px; }
.fg .fg-data-table th { text-align:left; font-size:11.5px; letter-spacing:.6px; text-transform:uppercase; color:var(--muted2); padding:10px 12px; border-bottom:1px solid var(--line); }
.fg .fg-data-table td { padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
.fg .fg-data-table tr:last-child td { border-bottom:none; }
.fg .fg-data-table td small { display:block; color:var(--muted2); font-size:12px; }
.fg .fg-data-table a { color:var(--pumpkin-d); }
.fg .fg-del { background:none; border:1px solid var(--line2); border-radius:999px; padding:4px 10px; font-family:var(--sans); font-size:12.5px; font-weight:600; color:var(--bad); cursor:pointer; white-space:nowrap; }
.fg .fg-del:hover { border-color:var(--bad); }
.fg .fg-del[disabled] { opacity:.6; cursor:default; }