/* afiliado.dynoapp.com.br · painel de afiliados e admin. Usa os tokens de dyno.css. */
[hidden]{display:none!important}
.afil-tag{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dyno);margin-left:4px}
.afil-quem{margin-left:auto;color:var(--mute);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.top .wrap > #sair{margin-left:auto}
.afil-quem + #sair{margin-left:0}
.afil-auth{grid-template-columns:minmax(0,520px)!important;justify-content:center}
.afil-gap{margin-top:20px}
.afil-full{width:100%}
.afil-main{padding-block:28px 72px;display:grid;gap:8px;min-width:0}
.afil-main > *,#painel > *,#app > *{min-width:0}
.afil-main section{padding-block:0}
#painel,#app{display:grid;gap:8px;min-width:0}
.afil-h1{font:700 clamp(1.7rem,3.6vw,2.4rem)/1.15 var(--display);margin:0 0 12px}
.afil-h2{font:600 19px/1.3 var(--display);margin:28px 0 12px}
.afil-box .afil-h2:first-child,.afil-box > .afil-h2{margin-top:0}
.afil-box{padding:22px;margin-top:24px;min-width:0}
.afil-login{max-width:520px;margin-inline:auto;width:100%}
.afil-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.afil-kpi{padding:16px 18px;display:grid;gap:6px;min-width:0}
.afil-kpi span{font-size:13px;color:var(--mute)}
.afil-kpi b{font:700 24px/1.1 var(--display);color:var(--ink);overflow-wrap:anywhere}
.afil-form{display:grid;gap:12px}
.afil-form label,.afil-filtro label{display:grid;gap:6px;font-size:14px;color:var(--mute)}
.afil-form select.input,.afil-filtro select.input{appearance:auto}
.afil-linha{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.afil-check{display:flex!important;align-items:center;gap:10px;color:var(--ink)!important}
.afil-check input{width:20px;height:20px;accent-color:var(--dyno)}
.afil-acoes{display:flex;flex-wrap:wrap;gap:10px}
.afil-filtro{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px}
.afil-filtro .msg{flex-basis:100%;margin-top:0}
.afil-cupons{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.afil-cupom{padding:18px;display:grid;gap:8px;min-width:0}
.afil-cupom .cod{font:700 22px var(--mono);letter-spacing:.06em;color:var(--dyno)}
.afil-cupom .regra{color:var(--mute);font-size:14px}
.afil-cupom .link{display:flex;gap:8px;align-items:center;min-width:0}
.afil-cupom .link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px var(--mono);color:var(--ink);background:rgba(255,255,255,.05);padding:8px 10px;border-radius:8px}
.afil-tab{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--glass)}
.afil-tab table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.afil-tab th,.afil-tab td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.afil-tab th{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.afil-tab tr:last-child td{border-bottom:0}
.afil-tab td.vazio{color:var(--dim);text-align:center;white-space:normal}
.afil-sit{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.08)}
.afil-sit.ativo,.afil-sit.paga,.afil-sit.pago{background:rgba(47,212,126,.16);color:var(--dyno)}
.afil-sit.pendente,.afil-sit.aguardando_pagamento,.afil-sit.a_pagar{background:rgba(245,185,74,.16);color:var(--warn)}
.afil-sit.cancelado,.afil-sit.cancelada,.afil-sit.estornada{background:rgba(255,122,122,.14);color:var(--err)}
.afil-abas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.afil-abas button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--ink);font:600 14px var(--body);cursor:pointer}
.afil-abas button[aria-pressed="true"]{background:var(--dyno);color:var(--dyno-ink);border-color:var(--dyno)}
.afil-duas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.afil-duas .afil-box{margin-top:0}
.afil-dica ul{margin:8px 0 0;padding-left:20px;color:var(--mute)}
.msg.warn{color:var(--warn)}
.btn-mini{min-height:34px;padding:0 12px;font-size:13px;border-radius:10px}
@media (max-width:860px){.afil-duas{grid-template-columns:1fr}}
@media (max-width:480px){.afil-linha{grid-template-columns:1fr}.afil-box{padding:18px}.afil-tag{display:none}}
.afil-termo{max-height:420px;overflow-y:auto;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);font-size:14.5px;line-height:1.6;min-width:0;overflow-wrap:anywhere}
.afil-termo h3{font:700 20px/1.3 var(--display);margin:0 0 12px}
.afil-termo h4{font:600 16px/1.3 var(--display);margin:20px 0 8px;color:var(--ink)}
.afil-termo p{margin:0 0 10px;color:var(--mute)}
.afil-termo b{color:var(--ink)}
.afil-termo ul{margin:0 0 10px;padding-left:20px;color:var(--mute)}
.afil-termo table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:13.5px}
.afil-termo th,.afil-termo td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.afil-opcoes{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.afil-opcoes legend{font-size:14px;color:var(--mute);padding:0;margin-bottom:6px}
.afil-meses{display:grid;gap:14px}
.afil-mes{display:grid;gap:10px;min-width:0}
.afil-mes h3{font:600 16px var(--display);margin:0}
.afil-metas{display:flex;flex-wrap:wrap;gap:8px}
.afil-meta{padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(245,185,74,.16);color:var(--warn)}
.afil-meta.ok{background:rgba(47,212,126,.16);color:var(--dyno)}
.afil-itens{display:grid;gap:8px}
.afil-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;min-width:0}
.afil-item .oq{flex:1 1 200px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px}
.afil-item .nota{flex-basis:100%;color:var(--err);font-size:13px}
.afil-sit.enviado{background:rgba(245,185,74,.16);color:var(--warn)}
.afil-sit.aprovado{background:rgba(47,212,126,.16);color:var(--dyno)}
.afil-sit.recusado{background:rgba(255,122,122,.14);color:var(--err)}
progress{width:100%;height:10px;accent-color:var(--dyno)}