/*!
 * FILEHUB — área logada no visual da landing (lp/novo.html).
 * Carregar DEPOIS do filehub.css e pôr a classe `fh-lp` no .fh-root da página.
 * Os componentes do app leem tokens (var(--surface), var(--ink)…); aqui eles
 * passam a ser a paleta da LP: creme/grafite, verde-menta, bordas firmes e
 * sombra dura nos botões. Os !important vencem estilos inline do template.
 */
  .om-dark.fh-lp, .om-dark .fh-lp{
    --lp-bg:#0B0E12; --lp-bg2:#11151B; --lp-card:#151A21; --lp-ink:#F2F1EC; --lp-ink2:#B9BCC6; --lp-ink3:#8D919D;
    --lp-line:rgba(255,255,255,.09); --lp-acc:#2EE59D; --lp-acc2:#5FF0B8; --lp-edge:rgba(255,255,255,.14); --lp-hard:#000;
    --bg:var(--lp-bg); --surface:var(--lp-card); --surface-2:#10141A;
    --hover:#1C222B; --hover-2:#232A34; --border:rgba(255,255,255,.11); --border-2:var(--lp-line); --border-soft:var(--lp-line); --divider:var(--lp-line); --ring:rgba(255,255,255,.22);
    --ink:var(--lp-ink); --text:#D7D9DF; --text-2:var(--lp-ink2); --muted:var(--lp-ink3); --dim:#6F7480;
    --link:var(--lp-acc); --link-hover:var(--lp-acc2); --brand-txt:var(--lp-acc); --brand-ink:var(--lp-acc);
    --brand-450:var(--lp-acc); --brand-500:var(--lp-acc); --brand-600:#1FC583; --brand-700:#0A8F5C;
    --teal-soft:rgba(46,229,157,.13); --mint-soft:rgba(46,229,157,.08); --mint-border:rgba(46,229,157,.28);
    --shadow:rgba(0,0,0,.5); --glow:rgba(46,229,157,.07);
    color-scheme:dark;
  }
  .om-light.fh-lp, .om-light .fh-lp{
    --lp-bg:#F7F5F0; --lp-bg2:#EEEAE1; --lp-card:#FFFFFF; --lp-ink:#16181F; --lp-ink2:#474B57; --lp-ink3:#6B6F7B;
    --lp-line:rgba(22,24,31,.1); --lp-acc:#2EE59D; --lp-acc2:#0A8F5C; --lp-edge:#16181F; --lp-hard:#16181F;
    --bg:var(--lp-bg); --surface:var(--lp-card); --surface-2:#FBFAF7;
    --hover:var(--lp-bg2); --hover-2:#E4DFD3; --border:rgba(22,24,31,.14); --border-2:var(--lp-line); --border-soft:var(--lp-line); --divider:var(--lp-line); --ring:rgba(22,24,31,.3);
    --ink:var(--lp-ink); --text:#2D3039; --text-2:var(--lp-ink2); --muted:var(--lp-ink3); --dim:#8A8E99;
    --link:var(--lp-acc2); --link-hover:var(--lp-ink); --brand-txt:var(--lp-acc2); --brand-ink:var(--lp-acc2);
    --brand-450:var(--lp-acc); --brand-500:var(--lp-acc); --brand-600:#1FC583; --brand-700:#0A8F5C;
    --teal-soft:#D9F0E4; --mint-soft:#E9F3EC; --mint-border:#BFE3CF;
    --shadow:rgba(22,24,31,.07); --glow:rgba(46,229,157,.10);
    color-scheme:light;
  }

  /* tipografia da LP (o template tem font-family:'Inter' inline) */
  .fh-root.fh-lp{font-family:'Bricolage Grotesque',system-ui,-apple-system,sans-serif!important;-webkit-font-smoothing:antialiased;
    background:var(--lp-bg)!important;transition:background-color .4s,color .4s}
  .fh-lp input,.fh-lp textarea,.fh-lp select,.fh-lp button{font-family:inherit!important}
  .fh-lp ::selection{background:var(--lp-acc);color:#04140D}
  .fh-lp .fh-sec-title{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.035em;line-height:1.05}
  .fh-lp .fh-sec-sub{font-weight:500}
  .fh-lp h2{letter-spacing:-.03em}

  /* topo: vidro como a navbar da LP */
  .fh-lp .fh-topbar{background:color-mix(in oklab,var(--lp-bg) 82%,transparent)!important;
    backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid var(--lp-line)!important}
  .fh-lp .fh-search{background:var(--lp-card)!important;border:1px solid var(--border)!important;border-radius:14px!important}

  /* cartões: borda firme, raio da LP */
  .fh-lp .fh-sidebar,.fh-lp .fh-main > sc-if > section,.fh-lp .fh-main section,.fh-lp .fh-col-left > div,.fh-lp .fh-promo{
    border-radius:20px!important}
  .fh-lp.om-light .fh-sidebar,.om-light .fh-lp .fh-sidebar{border-color:var(--lp-line)!important}

  /* menu: item ativo = chip verde da LP */
  .fh-lp .fh-navitem{border-radius:12px;font-weight:600}
  .fh-lp .fh-navitem.is-active{background:var(--lp-acc);color:#04140D}
  .fh-lp .fh-navitem.is-active svg{color:#04140D}
  .fh-lp .fh-navitem.is-active:hover{background:var(--lp-acc)}
  .fh-lp .fh-navitem.is-gold{border:2px solid #16181F;box-shadow:0 3px 0 #16181F}
  .fh-lp .fh-navitem.is-gold.is-active,.fh-lp .fh-navitem.is-gold.is-active:hover{background:#fbbf24;color:#1c1400}
  .fh-lp .fh-navitem.is-gold.is-active svg{color:#1c1400}

  /* atalhos e plano */
  .fh-lp .fh-quick{border-radius:14px!important;transition:transform .14s,border-color .14s}
  .fh-lp .fh-quick:hover{transform:translateY(-2px);border-color:var(--lp-acc)!important}
  .fh-lp .fh-plan{border-radius:14px!important}

  /* botões com sombra dura (= .btn da LP) */
  .fh-lp .fh-cta-btn,.fh-lp .fh-promo button{border:2px solid #16181F!important;box-shadow:0 4px 0 #16181F;border-radius:12px!important;
    background:var(--lp-acc)!important;color:#04140D!important;font-weight:700;transition:transform .14s,box-shadow .14s}
  .fh-lp .fh-cta-btn:hover,.fh-lp .fh-promo button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #16181F;color:#04140D!important}
  .fh-lp .fh-cta-btn:active,.fh-lp .fh-promo button:active{transform:translateY(3px);box-shadow:0 1px 0 #16181F}

  /* arquivos do storage e plataformas */
  .fh-lp .fh-file{border-radius:16px;transition:transform .14s,border-color .14s}
  .fh-lp .fh-file:hover{transform:translateY(-3px);border-color:var(--lp-acc)}
  .fh-lp .fh-cta{border-radius:24px!important}
  .fh-lp .fh-cta-title{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.035em}

  /* ===== Baixar por link (home) ===== */
  .fh-qdl{position:relative;overflow:hidden;border-radius:24px;padding:26px 24px 22px;background:#0E1116;color:#F2F1EC;
    border:1px solid rgba(255,255,255,.08)}
  .fh-qdl::before{content:'';position:absolute;inset:0;pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;
    mask-image:radial-gradient(circle at 20% 0%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 20% 0%,#000 30%,transparent 75%)}
  .fh-qdl::after{content:'';position:absolute;width:420px;height:420px;right:-160px;top:-220px;border-radius:50%;
    background:radial-gradient(circle,rgba(46,229,157,.22),transparent 65%);pointer-events:none}
  .fh-qdl > *{position:relative;z-index:1}
  @media (min-width:720px){.fh-qdl{padding:30px 30px 24px}}
  .fh-qdl-eye{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 'JetBrains Mono',ui-monospace,monospace;
    letter-spacing:.08em;text-transform:uppercase;color:#B9BCC6}
  .fh-qdl-eye i{width:9px;height:9px;background:#2EE59D;display:inline-block}
  .fh-qdl h2{margin:12px 0 0;font-size:clamp(24px,2.6vw,34px);line-height:1.02;letter-spacing:-.04em;font-weight:800;color:#F2F1EC}
  .fh-qdl h2 em{font-style:normal;color:#2EE59D;text-shadow:.045em .05em 0 #000}
  .fh-qdl-sub{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:#B9BCC6;font-weight:500;max-width:60ch}
  .fh-qdl-form{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
  .fh-qdl-in{flex:1 1 320px;min-width:0;display:flex;align-items:center;gap:10px;height:56px;padding:0 8px 0 16px;border-radius:14px;
    background:#151A21;border:2px solid rgba(255,255,255,.12);transition:border-color .15s,box-shadow .15s}
  .fh-qdl-in:focus-within{border-color:#2EE59D;box-shadow:0 0 0 4px rgba(46,229,157,.18)}
  .fh-qdl-in > svg{flex-shrink:0;color:#8D919D}
  .fh-qdl-in input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;color:#F2F1EC;font-size:15.5px;font-weight:500}
  .fh-qdl-in input::placeholder{color:#6F7480}
  .fh-qdl-plat{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;max-width:46%;padding:6px 10px 6px 6px;border-radius:10px;
    background:rgba(46,229,157,.12);border:1px solid rgba(46,229,157,.3);color:#D9F0E4;font-size:12.5px;font-weight:700;white-space:nowrap}
  .fh-qdl-plat img{width:20px;height:20px;border-radius:6px;background:#fff;object-fit:contain;flex-shrink:0}
  .fh-qdl-plat span{overflow:hidden;text-overflow:ellipsis}
  .fh-qdl-plat.is-off{background:rgba(245,197,66,.12);border-color:rgba(245,197,66,.35);color:#F5C542}
  .fh-qdl-x{flex-shrink:0;width:34px;height:34px;border:none;border-radius:9px;background:transparent;color:#8D919D;cursor:pointer;
    display:flex;align-items:center;justify-content:center}
  .fh-qdl-x:hover{background:rgba(255,255,255,.07);color:#F2F1EC}
  .fh-qdl-go{height:56px;padding:0 24px;border-radius:14px;border:2px solid #000;background:#2EE59D;color:#04140D;font-size:16.5px;font-weight:700;
    cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 5px 0 #000;flex:0 0 auto;
    transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s cubic-bezier(.2,.8,.2,1)}
  .fh-qdl-go:hover{transform:translateY(-2px);box-shadow:0 7px 0 #000}
  .fh-qdl-go:active{transform:translateY(4px);box-shadow:0 1px 0 #000}
  .fh-qdl-go:disabled{opacity:.55;cursor:default;transform:none;box-shadow:0 5px 0 #000}
  @media (max-width:560px){.fh-qdl-go{width:100%}}
  .fh-qdl-msg{margin-top:12px;font-size:13.5px;font-weight:600;color:#B9BCC6;line-height:1.5}
  .fh-qdl-msg a{color:#2EE59D;font-weight:700;cursor:pointer}
  .fh-qdl-msg.is-erro{color:#FCA5A5}
  .fh-qdl-msg.is-ok{color:#5FF0B8}
  .fh-qdl-card{margin-top:14px;display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:#151A21;border:1px solid rgba(255,255,255,.09)}
  .fh-qdl-thumb{width:84px;height:62px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#0B0E12;display:flex;align-items:center;justify-content:center;color:#6F7480}
  .fh-qdl-thumb img{width:100%;height:100%;object-fit:cover}
  .fh-qdl-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
  .fh-qdl-info b{font-size:14.5px;font-weight:700;color:#F2F1EC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fh-qdl-chips{display:flex;gap:6px;flex-wrap:wrap}
  .fh-qdl-chip{font:600 11px/1 'JetBrains Mono',ui-monospace,monospace;padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.07);color:#B9BCC6}
  .fh-qdl-chip.is-acc{background:#2EE59D;color:#04140D}
  .fh-qdl-bar{height:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.1)}
  .fh-qdl-bar i{display:block;height:100%;width:40%;border-radius:999px;background:#2EE59D;animation:fh-qdl-run 1.3s ease-in-out infinite}
  @keyframes fh-qdl-run{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
  .fh-qdl-foot{margin-top:14px;display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;font-size:12.5px;color:#8D919D;font-weight:500}
  .fh-qdl-foot img{width:18px;height:18px;border-radius:5px;background:#fff;object-fit:contain}
  .fh-qdl-logos{display:flex;gap:6px;align-items:center}
  .fh-qdl-foot a{color:#B9BCC6;font-weight:700;margin-left:auto;cursor:pointer}
  .fh-qdl-foot a:hover{color:#2EE59D}
  @media (prefers-reduced-motion:reduce){.fh-qdl-bar i{animation:none;width:100%}.fh-qdl-go{transition:none}}

  /* logo: a imagem tem o texto branco; no claro vira símbolo + "FileHub" escrito, como na LP */
  .om-light.fh-lp .fh-logo-full,.om-light .fh-lp .fh-logo-full{display:none}
  .om-light.fh-lp .fh-logo-mark,.om-light .fh-lp .fh-logo-mark{display:block;height:28px}
  .om-light.fh-lp .fh-logo::after,.om-light .fh-lp .fh-logo::after{content:'FileHub';margin-left:9px;font-size:21px;font-weight:800;letter-spacing:-.03em;color:var(--lp-ink)}
  @media (max-width:640px){.om-light.fh-lp .fh-logo::after,.om-light .fh-lp .fh-logo::after{display:none}}
  /* celular: a plataforma vira só o ícone, pro link continuar visível no campo */
  @media (max-width:560px){.fh-qdl-plat{padding:5px}.fh-qdl-plat span{display:none}.fh-qdl-in{padding-left:12px}}

  /* ===== Busca global (busca.html) ===== */
  .fh-bx-hero{position:relative;overflow:hidden;border-radius:24px;padding:28px 24px 24px;background:#0E1116;color:#F2F1EC;border:1px solid rgba(255,255,255,.08)}
  .fh-bx-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;
    mask-image:radial-gradient(circle at 15% 0%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 15% 0%,#000 30%,transparent 75%)}
  .fh-bx-hero::after{content:'';position:absolute;width:460px;height:460px;right:-170px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(46,229,157,.22),transparent 65%);pointer-events:none}
  .fh-bx-hero > *{position:relative;z-index:1}
  @media (min-width:720px){.fh-bx-hero{padding:34px 34px 28px}}
  .fh-bx-eye{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#B9BCC6}
  .fh-bx-eye i{width:9px;height:9px;background:#2EE59D;display:inline-block}
  .fh-bx-hero h1{margin:12px 0 0;font-size:clamp(28px,3.4vw,46px);line-height:1;letter-spacing:-.045em;font-weight:800;color:#F2F1EC;overflow-wrap:anywhere}
  .fh-bx-hero h1 em{font-style:normal;color:#2EE59D;text-shadow:.045em .05em 0 #000}
  .fh-bx-hero p{margin:10px 0 0;font-size:15px;color:#B9BCC6;font-weight:500}
  .fh-bx-form{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
  .fh-bx-in{flex:1 1 320px;min-width:0;display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;border-radius:14px;background:#151A21;border:2px solid rgba(255,255,255,.12);color:#8D919D;transition:border-color .15s,box-shadow .15s}
  .fh-bx-in:focus-within{border-color:#2EE59D;box-shadow:0 0 0 4px rgba(46,229,157,.18)}
  .fh-bx-in input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;color:#F2F1EC;font-size:16px;font-weight:500}
  .fh-bx-in input::placeholder{color:#6F7480}
  .fh-bx-in input::-webkit-search-cancel-button{filter:invert(1) opacity(.5)}
  .fh-bx-go{height:56px;padding:0 24px;border-radius:14px;border:2px solid #000;background:#2EE59D;color:#04140D;font-size:16.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
    box-shadow:0 5px 0 #000;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s cubic-bezier(.2,.8,.2,1)}
  .fh-bx-go:hover{transform:translateY(-2px);box-shadow:0 7px 0 #000}
  .fh-bx-go:active{transform:translateY(4px);box-shadow:0 1px 0 #000}
  @media (max-width:560px){.fh-bx-go{width:100%;justify-content:center}}

  .fh-bx-conteudo{display:flex;flex-direction:column;gap:26px}
  .fh-bx-abas{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
  .fh-bx-aba{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:11px;border:1px solid var(--border);background:var(--lp-card);color:var(--lp-ink2);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
  .fh-bx-aba i{font:600 11px/1 'JetBrains Mono',ui-monospace,monospace;font-style:normal;padding:4px 6px;border-radius:6px;background:var(--hover);color:var(--lp-ink3)}
  .fh-bx-aba:hover{border-color:var(--lp-acc);color:var(--lp-ink)}
  .fh-bx-aba.is-on{background:var(--lp-acc);border-color:var(--lp-acc);color:#04140D}
  .fh-bx-aba.is-on i{background:rgba(4,20,13,.14);color:#04140D}

  .fh-bx-grupo{display:flex;flex-direction:column;gap:12px}
  .fh-bx-ghead{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .fh-bx-ghead h2{margin:0;display:flex;align-items:center;gap:10px;font-size:clamp(20px,1.8vw,24px);letter-spacing:-.03em;font-weight:800;color:var(--lp-ink)}
  .fh-bx-ghead h2 i{font:600 12px/1 'JetBrains Mono',ui-monospace,monospace;font-style:normal;padding:5px 7px;border-radius:6px;background:var(--hover);color:var(--lp-ink3)}
  .fh-bx-ver{border:none;background:none;color:var(--link);font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}
  .fh-bx-ver:hover{text-decoration:underline}

  .fh-bx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;transition:opacity .15s}
  .fh-bx-grid.is-carregando{opacity:.5}
  .fh-bx-card{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:16px;background:var(--lp-card);border:1px solid var(--border);cursor:pointer;min-width:0;
    transition:transform .14s,border-color .14s,box-shadow .14s;outline:none}
  .fh-bx-card:hover,.fh-bx-card:focus-visible{transform:translateY(-2px);border-color:var(--lp-acc);box-shadow:0 10px 26px -18px rgba(46,229,157,.6)}
  .fh-bx-img{width:52px;height:52px;border-radius:12px;flex-shrink:0;overflow:hidden;background:var(--hover);display:flex;align-items:center;justify-content:center;color:var(--lp-ink3)}
  .fh-bx-img img{width:100%;height:100%;object-fit:cover}
  .fh-bx-img.is-logo{background:#fff;padding:8px}
  .fh-bx-img.is-logo img{object-fit:contain}
  .fh-bx-img.is-logo:not(:has(img)){background:var(--hover);padding:0}
  .fh-bx-txt{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
  .fh-bx-txt b{font-size:15px;font-weight:700;color:var(--lp-ink);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fh-bx-sub{font-size:13px;color:var(--lp-ink3);font-weight:500;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fh-bx-badge{align-self:flex-start;font:600 10.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;padding:4px 6px;border-radius:5px;background:var(--teal-soft);color:var(--brand-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fh-bx-mais{font-size:12.5px;font-weight:700;color:var(--link)}
  .fh-bx-card.is-aberta{cursor:default;border-color:var(--lp-acc)}
  .fh-bx-card.is-aberta .fh-bx-sub{-webkit-line-clamp:unset;display:block;white-space:pre-line;color:var(--lp-ink2)}
  .fh-bx-card.is-ajuda.is-aberta{grid-column:1/-1}
  .fh-bx-acoes{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}
  .fh-bx-btn{height:38px;padding:0 14px;border-radius:11px;border:2px solid var(--lp-edge);background:var(--lp-card);color:var(--lp-ink);font-size:14px;font-weight:700;cursor:pointer}
  .fh-bx-btn.is-acc{background:var(--lp-acc);color:#04140D;border-color:#16181F;box-shadow:0 4px 0 #16181F}
  .fh-bx-btn:hover{transform:translateY(-1px)}

  /* arquivos, makers e criativos: card com capa grande */
  .fh-bx-grid.is-midia{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .fh-bx-grid.is-midia .fh-bx-card{flex-direction:column;padding:0;overflow:hidden;gap:0}
  .fh-bx-grid.is-midia .fh-bx-img{width:100%;height:auto;aspect-ratio:4/3;border-radius:0;padding:0;background:var(--surface-2)}
  .fh-bx-grid.is-midia .fh-bx-img.is-logo img{object-fit:cover}
  .fh-bx-grid.is-midia .fh-bx-txt{padding:12px}

  .fh-bx-card.is-skel{cursor:default;pointer-events:none}
  .fh-bx-card.is-skel .fh-bx-img,.fh-bx-card.is-skel i{background:linear-gradient(90deg,var(--hover),var(--hover-2),var(--hover));background-size:200% 100%;animation:fh-bx-sk 1.2s linear infinite}
  .fh-bx-card.is-skel i{display:block;height:12px;border-radius:6px;width:70%}
  .fh-bx-card.is-skel i + i{width:45%}
  @keyframes fh-bx-sk{to{background-position:-200% 0}}

  .fh-bx-pags{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding-top:4px}
  .fh-bx-pg{min-width:40px;height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--border);background:var(--lp-card);color:var(--lp-ink);font-size:14px;font-weight:700;cursor:pointer}
  .fh-bx-pg:hover:not(:disabled){border-color:var(--lp-acc)}
  .fh-bx-pg:disabled{cursor:default;opacity:.45}
  .fh-bx-pg.is-on{opacity:1;background:var(--lp-acc);border:2px solid #16181F;color:#04140D;box-shadow:0 3px 0 #16181F}
  .fh-bx-reti{color:var(--lp-ink3);padding:0 2px}
  .fh-bx-pginfo{width:100%;text-align:center;margin-top:6px;font-size:12.5px;color:var(--lp-ink3);font-weight:500}
  @media (max-width:560px){.fh-bx-pg.is-seta{flex:1}}

  .fh-bx-vazio{padding:28px 20px;border-radius:18px;border:1px dashed var(--border);text-align:center;color:var(--lp-ink2);font-size:15px;font-weight:500}
  .fh-bx-vazio.is-erro{color:var(--danger-ink);border-color:var(--danger)}
  .fh-bx-link{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;border-radius:18px;background:var(--lp-card);border:2px solid var(--lp-acc)}
  .fh-bx-link b{font-size:20px;letter-spacing:-.02em;color:var(--lp-ink)}
  .fh-bx-link span{color:var(--lp-ink2);font-weight:500}
  .fh-bx-sugs{display:flex;flex-direction:column;gap:20px}
  .fh-bx-sugtit{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:600 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-ink3)}
  .fh-bx-limpar{border:none;background:none;color:var(--link);font:inherit;text-transform:none;letter-spacing:0;cursor:pointer}
  .fh-bx-chips{display:flex;flex-wrap:wrap;gap:8px}
  .fh-bx-chip{height:38px;padding:0 15px;border-radius:999px;border:1px solid var(--border);background:var(--lp-card);color:var(--lp-ink);font-size:14px;font-weight:600;cursor:pointer}
  .fh-bx-chip:hover{border-color:var(--lp-acc);color:var(--lp-ink)}
  .fh-bx-chip.is-recente{color:var(--lp-ink2)}
  @media (prefers-reduced-motion:reduce){.fh-bx-card,.fh-bx-go{transition:none}.fh-bx-card.is-skel .fh-bx-img,.fh-bx-card.is-skel i{animation:none}}

  /* ===== Ferramentas: card simples (ferramentas.html) ===== */
  .fh-lp .fh-tl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
  .fh-tc{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:20px;background:var(--lp-card);border:1px solid var(--border);
    transition:transform .14s,border-color .14s,box-shadow .14s;min-width:0}
  .fh-tc::before{content:'';position:absolute;left:18px;right:18px;top:-1px;height:3px;border-radius:0 0 3px 3px;background:var(--tl-cor,var(--lp-acc));opacity:.9}
  .fh-tc:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--tl-cor,var(--lp-acc)) 55%,var(--border));box-shadow:0 16px 34px -24px rgba(0,0,0,.55)}
  .fh-tc-top{display:flex;align-items:flex-start;gap:14px}
  .fh-tc-ico{width:56px;height:56px;border-radius:15px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:9px;
    box-shadow:0 0 0 1px var(--border),0 6px 16px -10px rgba(0,0,0,.5);color:#16181F}
  .fh-tc-ico img{width:100%;height:100%;object-fit:contain}
  .fh-tc-head{min-width:0;flex:1;display:flex;flex-direction:column;gap:7px;padding-top:2px}
  .fh-tc-head h3{margin:0;display:flex;align-items:center;gap:8px;font-size:19px;line-height:1.15;letter-spacing:-.025em;font-weight:800;color:var(--lp-ink);min-width:0}
  .fh-tc-new{font:600 10px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;padding:4px 6px;border-radius:5px;background:var(--lp-acc);color:#04140D;flex-shrink:0}
  .fh-tc-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .fh-tc-st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--lp-ink2)}
  .fh-tc-st i{width:8px;height:8px;border-radius:50%;background:#8D919D}
  .fh-tc-st.is-online{color:#1FC583}
  .om-light .fh-tc-st.is-online{color:#0A8F5C}
  .fh-tc-st.is-online i{background:#2EE59D;box-shadow:0 0 0 3px rgba(46,229,157,.2)}
  .fh-tc-st.is-manutencao i,.fh-tc-st.is-renovacao i{background:#F5C542}
  .fh-tc-st.is-manutencao,.fh-tc-st.is-renovacao{color:#D9A514}
  .fh-tc-st.is-offline i,.fh-tc-st.is-desativado i{background:#F87171}
  .fh-tc-st.is-locked i{background:#F5C542}
  .fh-tc-cat{font-size:12px;font-weight:600;color:var(--lp-ink3);padding:3px 8px;border-radius:999px;background:var(--hover)}
  .fh-tc-fav{flex-shrink:0;width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:transparent;color:var(--lp-ink3);cursor:pointer;display:flex;align-items:center;justify-content:center}
  .fh-tc-fav:hover{color:#F472B6;border-color:#F472B6}
  .fh-tc-fav.is-on{color:#fff;background:#EC4899;border-color:#EC4899}
  .fh-tc-desc{margin:0;font-size:14px;line-height:1.5;color:var(--lp-ink2);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.95em}

  .fh-tc-acessos{display:flex;flex-direction:column;gap:7px}
  .fh-tc-rot{font:600 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--lp-ink3)}
  .fh-tc-seg{display:flex;gap:6px;flex-wrap:wrap}
  .fh-tc-segbtn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--lp-ink2);font-size:13.5px;font-weight:700;cursor:pointer}
  .fh-tc-segbtn:hover{border-color:var(--lp-acc);color:var(--lp-ink)}
  .fh-tc-segbtn.is-sel{border:2px solid var(--lp-acc);background:var(--teal-soft);color:var(--lp-ink)}
  .fh-tc-dot{width:7px;height:7px;border-radius:50%;background:#8D919D}
  .fh-tc-segbtn.is-online .fh-tc-dot{background:#2EE59D}
  .fh-tc-segbtn.is-manutencao .fh-tc-dot,.fh-tc-segbtn.is-renovacao .fh-tc-dot{background:#F5C542}
  .fh-tc-segbtn.is-offline .fh-tc-dot,.fh-tc-segbtn.is-desativado .fh-tc-dot{background:#F87171}
  .fh-tc-como{font-size:12.5px;font-weight:600;color:var(--lp-ink3)}

  .fh-tc-acao{margin-top:auto;display:flex;flex-direction:column;gap:10px}
  .fh-tc-go{width:100%;height:50px;border-radius:13px;border:2px solid #16181F;background:var(--lp-acc);color:#04140D;font-size:16px;font-weight:700;cursor:pointer;
    display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 4px 0 #16181F;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s cubic-bezier(.2,.8,.2,1)}
  .fh-tc-go span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fh-tc-go:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #16181F}
  .fh-tc-go:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #16181F}
  .fh-tc-go.is-busy{cursor:progress;opacity:.8}
  .fh-tc-go.is-plano{background:#F5C542;color:#3A2A00}
  .fh-tc-go.is-parado{background:var(--hover);color:var(--lp-ink3);border-color:var(--border);box-shadow:none;cursor:not-allowed}
  .fh-tc-sec{display:flex;justify-content:space-between;gap:10px}
  .fh-tc-sec button{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:2px 0;color:var(--lp-ink3);font-size:13px;font-weight:600;cursor:pointer}
  .fh-tc-sec button:hover{color:var(--lp-ink);text-decoration:underline}
  .fh-tc.is-off .fh-tc-ico{filter:grayscale(.6);opacity:.85}
  @media (max-width:560px){.fh-tc{padding:16px}.fh-tc-head h3{font-size:18px}}
  @media (prefers-reduced-motion:reduce){.fh-tc,.fh-tc-go{transition:none}}