@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');
:root{--giky-ink:#1E2B33;--giky-accent:#1E9E57;--giky-tint:#EAF6EF}
.giky-ico{width:28px;height:28px;color:var(--giky-ink)}
.giky-ico .a{stroke:var(--giky-accent)}
.giky-ico .dot{stroke-width:2.4}
.giky-ico .thick{stroke-width:3.2}
.giky-ico .af{fill:var(--giky-accent);fill-opacity:.25;stroke:none}
.giky-ico .afs{fill:var(--giky-accent);stroke:none}
.giky-ico .af2{fill:var(--giky-accent);fill-opacity:.22}

/* cards de categoria (fundo branco) */
.cat-giky{display:flex;align-items:center;gap:12px;background:#fff!important;border:1px solid #E6EBEE;border-radius:14px;transition:border-color .15s,box-shadow .15s,transform .15s}
.cat-giky:hover{border-color:var(--giky-accent);box-shadow:0 6px 18px rgba(30,158,87,.12);transform:translateY(-2px)}
.cat-giky .ico,.picked .ico{flex:none;width:44px;height:44px;border-radius:12px;background:var(--giky-tint);display:grid;place-items:center;transition:background .15s}
.picked .ico{background:#fff}
.cat-giky:hover .ico{background:var(--giky-accent)}
.cat-giky:hover .giky-ico{color:#fff}.cat-giky:hover .giky-ico .a{stroke:#fff}.cat-giky:hover .giky-ico .af,.cat-giky:hover .giky-ico .afs{fill:#fff}

/* textos dos cards sempre escuros e legíveis, inclusive na área escura da empresa e no celular */
.cat-giky,.cat-giky *:not(svg):not(path):not(rect):not(circle){color:var(--giky-ink)!important}
.cat-giky{font-weight:600}
.cat-giky:hover .ico,.cat-giky:hover .ico *{color:inherit}
.picked{color:var(--giky-ink)}
.picked .small,.picked .muted{color:#5B6B74!important}
/* palavras longas (Impermeabilização, Eletrodomésticos...) quebram com hífen em vez de sair do card */
.cat-giky{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto;min-width:0}
.cat-giky>*:not(.ico){min-width:0}
/* GIKY: referência de preço no pedido */
.refbox{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:var(--sunk,#E4E8E4);border:1px solid var(--line,#D3D9D5);font-size:14px;min-width:0;overflow-wrap:anywhere}
.refwarn{margin-top:4px;padding:10px 12px;border-radius:10px;font-weight:600;color:var(--warn,#B7790B);background:color-mix(in srgb,var(--warn,#B7790B) 14%,transparent);border:1px solid color-mix(in srgb,var(--warn,#B7790B) 45%,transparent)}
/* GIKY: ficha técnica do pedido */
.techbox{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--line,#D3D9D5);background:var(--card,#fff);min-width:0}
.techf{display:flex;flex-direction:column;gap:6px;min-width:0}
.techf .chips{display:flex;flex-wrap:wrap;gap:8px}
.techf .chip input{margin-right:4px}
.dimrows{display:flex;flex-direction:column;gap:8px}
.dimrow{display:flex;align-items:center;gap:8px}
.dimrow input{width:110px;max-width:38%}
input[readonly]#r-spec{background:var(--sunk,#E4E8E4)}
/* GIKY: painel Referência de mercado (opção A: faixa verde no topo) */
.rf{font-family:Manrope,system-ui,sans-serif;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #DDE3DE;min-width:0;overflow-wrap:anywhere;color:#14211B}
.rf svg{flex:none;width:16px;height:16px}
.rf-top{background:#0F6E56;color:#fff;padding:18px 22px;display:flex;flex-direction:column;gap:4px}
.rf-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.rf-t{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.rf-conf{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#1D9E75;color:#fff}
.rf-conf.est{background:#FAEEDA;color:#633806}
.rf-big{font-size:clamp(26px,6vw,36px);font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rf-u{font-weight:600;color:#C9F0DF;font-size:.7em}
.rf-sub{font-size:14px;font-weight:500;color:#C9F0DF}
.rf-body{padding:18px 22px;display:flex;flex-direction:column;gap:14px}
.rf-chips{display:flex;flex-wrap:wrap;gap:8px}
.rf-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;line-height:1.25}
.rf-chip.blue{background:#E6F1FB;color:#0C447C}
.rf-chip.purple{background:#EEEDFE;color:#3C3489}
.rf-chip.teal{background:#E1F5EE;color:#085041}
.rf-chip.amber{background:#FAEEDA;color:#633806}
.rf-bar{position:relative;height:12px;margin:30px 6px 0;border-radius:999px;background:#EEF1EE}
.rf-fill{position:absolute;top:0;bottom:0;border-radius:999px;background:#5DCAA5}
.rf-mk{position:absolute;top:-32px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap;font-size:12px;font-weight:800;color:#0F6E56}
.rf-mk i{width:18px;height:18px;border-radius:50%;background:#0F6E56;border:3px solid #fff;box-shadow:0 0 0 1px #9FE1CB}
.rf-ends{position:relative;height:16px;margin:0 6px;font-size:11px;font-weight:600;color:#7A8A84}
.rf-ends span{position:absolute;white-space:nowrap}
.rf-ends span:last-child{transform:translateX(-100%)}
.rf-ends.tight{display:flex;gap:12px;height:auto;min-height:16px;flex-wrap:wrap}
.rf-ends.tight span{position:static;transform:none}
.rf-st{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:10px 12px;border-radius:12px}
.rf-st svg{width:18px;height:18px}
.rf-st b{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:12px;flex:none;color:#fff}
.rf-st.ok{background:#E1F5EE;color:#085041}
.rf-st.low{background:#FAEEDA;color:#633806}.rf-st.low b{background:#BA7517}
.rf-st.high{background:#E6F1FB;color:#0C447C}.rf-st.high b{background:#185FA5}
.rf-hint{font-size:13px;font-weight:500;color:#7A8A84}
.rf-det summary{cursor:pointer;font-size:14px;font-weight:700;color:#0F6E56}
.rf-li{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-top:1px solid #EEF1EE}
.rf-li span:last-child{font-weight:700;white-space:nowrap}
.rf-foot{font-size:12px;color:#7A8A84}
.rf-use{align-self:flex-start;font-family:inherit;font-size:14px;font-weight:700;padding:9px 14px;border-radius:999px;border:0;background:#0F6E56;color:#fff;cursor:pointer}
.rf-use:hover{background:#085041}
/* GIKY: escopo escrito na proposta da empresa */
.scopebox{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--line,#D3D9D5)}