.refino-body { --text:#233b4c; --text-dim:#544d3e; --text-faint:#695940; --ink-line:#b2986055; }
.refino-page { width:calc(100% - 36px); max-width:1450px; margin:28px auto; padding:20px; background:#e7c58166; border:4px double #a57b35; border-radius:6px; }
.refino-header { padding:10px 18px 18px; margin-bottom:10px; }.refino-titulo { color:#382610; font:700 32px Georgia,serif; text-transform:uppercase; }.refino-sub { color:#523c22; }
.refino-layout { display:grid; grid-template-columns:minmax(230px,.95fr) minmax(430px,1.8fr) minmax(210px,.85fr); gap:12px; align-items:start; }
.refino-col-esq,.refino-col-dir { position:static; min-width:0; }.refino-col-main { min-width:0; }
.refino-inv-card,.refino-main-card,.refino-log-card,.refino-modal-card { background:#f7e9ca url('../img/cabecalho-2026/pergaminho.png') center/650px; border:4px double #a17b36; border-radius:4px; clip-path:none; box-shadow:0 4px 10px #231c1344; }
.refino-inv-card::before,.refino-main-card::before,.refino-log-card::before { display:none; }
.refino-inv-header,.refino-log-titulo,.refino-item-nome-row { background:#112e43 url('../img/cabecalho-2026/azul.png') center/768px; color:#f6dda6; border-bottom:2px solid #b3934f; padding:10px; margin:0; }
.refino-inv-titulo,.refino-item-nome { color:#f6dda6; font:700 16px Georgia,serif; }.refino-inv-count { color:#e3cf9e; font-size:10px; }
.refino-inv-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; padding:9px; max-height:610px; overflow-y:auto; }
.refino-inv-item,.refino-inv-vazio { width:100%; height:auto; aspect-ratio:1; background:linear-gradient(#fff6df,#dcc797); border:2px solid #ae914d; border-radius:4px; }.refino-inv-item img { object-fit:contain; width:100%; height:100%; }.refino-inv-item.active { outline:2px solid #c18c29; outline-offset:1px; }.refino-inv-item[hidden] { display:none; }
.refino-inv-refbadge { background:#173244; color:#ffe78e; border:1px solid #bc9647; font-weight:900; }
.rf-filters { display:flex; gap:3px; padding:8px 6px; }.rf-filters button { flex:1; min-width:0; padding:6px 2px; font-size:10px; border:1px solid #a78a49; background:#ead7ad; color:#293b46; cursor:pointer; }.rf-filters [aria-pressed=true] { background:#18394e; color:#fbe7b8; }
.refino-main-card { padding:0; }.refino-item-panel:not(.hidden) { display:grid; grid-template-columns:minmax(125px,.8fr) minmax(0,1.2fr); column-gap:15px; padding:0 14px 16px; }
.refino-item-nome-row { grid-column:1/-1; grid-row:1; margin:0 -14px 12px; justify-content:center; }.refino-item-tipo { grid-column:1/-1; grid-row:2; font-size:10px; color:#70532e; padding:0 0 8px; }
.refino-item-img-area { grid-column:1; grid-row:3/11; height:auto; min-height:380px; margin:0; display:flex; align-items:center; justify-content:center; }.refino-item-img-wrap { width:100%; height:100%; max-height:490px; min-height:340px; border:0 !important; border-radius:0; background:transparent; box-shadow:none; }.refino-item-img-glow { display:none; }
.refino-item-panel>.refino-bonus-section,.refino-item-panel>.refino-recursos,.refino-item-panel>.refino-toggle-wrap,.refino-item-panel>.refino-taxa-section,.refino-item-panel>#refiMsg,.refino-item-panel>.refino-btn,.refino-item-panel>.refino-nota-prot { grid-column:2; min-width:0; }
.refino-bonus-section { padding:0; background:transparent; border:1px solid #b39759; margin-bottom:12px; }.refino-bonus-titulo { background:#19374c; color:#f6dda6; font:12px Georgia,serif; padding:7px; }.refino-bonus-row { padding:7px; font-size:11px; }.refino-bonus-prox { color:#21633b; }.refino-bonus-atual { color:#4b432e; }
.refino-recursos { display:flex; flex-direction:column; gap:0; border:1px solid #b39759; padding:0; background:#fff6e077; margin-bottom:10px; }.refino-recurso-item { padding:8px; border-bottom:1px solid #b3975944; background:none; }.refino-recurso-item>div { display:flex; justify-content:space-between; gap:8px; width:100%; }.refino-recurso-label { font-size:11px; color:#58462a; }.refino-recurso-val { color:#2b4b3a; font-size:12px; }
.refino-toggle-wrap { padding:8px 0; gap:8px; background:transparent; }.refino-toggle-titulo { font-size:11px; color:#473a27; }.refino-toggle-desc { font-size:10px; color:#6a5739; }
.refino-taxa-section { background:#fcebd088; border:3px double #b39551; padding:10px; margin:10px 0; }.refino-taxa-pct { color:#98571c; font-size:25px; }.refino-taxa-header { color:#473a27; font-size:12px; }
.refino-btn { width:100%; min-width:0; padding:12px 8px; background:linear-gradient(#ad4725,#722715); border:3px double #e1b75a; border-radius:4px; color:#fff0c9; font:700 17px Georgia,serif; }.refino-btn:disabled { opacity:.6; }
.refino-log-lista { max-height:600px; }.refino-log-item { padding:10px; gap:7px; }.refino-log-nome { font-size:12px; }.refino-log-detalhe { flex-wrap:wrap; font-size:10px; }.refino-log-btn { background:#dec99b77; color:#5d4829; }.refino-log-titulo { font:700 15px Georgia,serif; }.refino-log-empty { color:#655338; }
.refino-vazio { min-height:530px; color:#6b502d; background:transparent; }.refino-vazio-txt { color:#6b502d; }
.refino-page button:focus-visible,.refino-inv-item:focus-visible { outline:3px solid #a2701d; outline-offset:2px; }
@media(max-width:1100px) { .refino-layout { grid-template-columns:260px minmax(0,1fr); }.refino-col-dir { grid-column:1/-1; }.refino-log-lista { max-height:250px; } }
@media(max-width:720px) { .refino-page { width:calc(100% - 16px); padding:8px; }.refino-layout { grid-template-columns:minmax(0,1fr); }.refino-col-dir { grid-column:1; }.refino-inv-grid { grid-template-columns:repeat(5,minmax(0,1fr)); max-height:220px; }.refino-item-panel:not(.hidden) { grid-template-columns:1fr; }.refino-item-panel>.refino-item-img-area { grid-row:auto; grid-column:1; min-height:0; height:210px; }.refino-item-img-wrap { min-height:0; height:210px; }.refino-item-panel>* { grid-column:1 !important; }.refino-titulo { font-size:25px; }.refino-vazio { min-height:240px; } }
.refino-body .refino-btn:not(:disabled) { background:linear-gradient(#ad4725,#722715) !important; }
.refino-body #refiPedrasVal { color:#21633b !important; }
.refino-body #refiTaxaNum { color:#98571c !important; }
.refino-log-card { min-height:530px; }
.refino-log-btn { margin-top:8px; }
@media(max-width:1100px) { .refino-log-card { min-height:0; } }